img { border: 0; }

body {
	background: #dbdbdb url(images/site_bg.jpg) scroll repeat-x top;
	margin: 0px;
	font-family:"Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#515151;
}
a { color:#821a32; text-decoration:none;}
a:hover { color:#999999;}
h1 { margin:0; padding:0; margin-bottom:11px; margin-top:12px; font-size:40px; font-family:Georgia, Times, serif; color:#ed586c; letter-spacing:-2px; word-spacing:-1px; font-weight:normal;}
h2 { margin:0; padding:0; margin-bottom:1px; padding-top:5px; font-size:18px; color:#ed6779; }


#pageWrapper { margin:auto; margin-top:40px; width:951px;}

#headWrapper { padding:19px 0px 15px 0px;}
#logo {float:left; padding:10px 0px 0px 45px;}

#signup {float:right; text-align:right; color: #757474;}
#signup span { color: #960032; }
#signup form { margin: 0; margin-top: 10px; }
#signup input {
	background-color: #afafaf;
	border: 0px;
	color: #fff;
	font-size: 12px;
	height: 19px;
	margin-bottom: 1px;
	padding: 1px 0 0 3px;
	width: 210px;
}
#signup #submit { width: 105px; height: 20px; background: transparent; }

#mainWrapper { background:url(images/tabs_bg.gif) repeat-y 47px 0;}
#mainWrapperDemo { background:url(images/tabs_bg.gif) repeat-y 47px 0;}
#tabs {float:left; margin-top:10px;}

#contentWrapper{
	background:#fff url(images/about_nav_bg.gif) scroll repeat-y 0 0;
	float:right;
	border-top:#FFFFFF 10px solid;
	border-right:#FFFFFF 10px solid;
	border-bottom:#FFFFFF 10px solid;
}
#contentWrapperDemo{
	background: #2b2b2b url(images/demo_bg.gif) scroll no-repeat 0 0;
	float:left;
	border-top:#FFFFFF 10px solid;
	border-right:#FFFFFF 10px solid;
	border-bottom:#FFFFFF 10px solid;
}
#nav {
	float:left; 
	background-image:url(images/menu_bg.gif);
	background-color:#6a0000; 
	width:190px; 
	height:523px;
	font-family:"Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px; 
	color:#FFFFFF;
	padding-top:12px;
	}
	
#navDemo {
	float:left; 
	width:190px; 
	height:523px;
	font-family:"Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px; 
	color:#FFFFFF;
	padding-top:12px;
	}
	
#nav ul { margin:0; padding:0; }
#nav li {
	padding:0;
	margin:0;
	list-style:none; 
	padding-left:12px;
	padding-bottom:7px;
	}
#nav li a { color:#ffffff; }
#nav li a:hover { color:#999999; }
#navDemo ul { margin:0; padding:0; }
#navDemo li {
	padding:0;
	margin:0;
	list-style:none; 
	padding-left:12px;
	padding-bottom:7px;
	}
#navDemo li a { color:#FFFFFF;}
#navDemo li a:hover { color:#CCCCCC; }

#content {float:right; width:694px;}
#contentTitle {padding-left:17px;}
#contentText {
	font-family:"Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#585657;
	line-height:20px;
	padding:0px 15px 0px 18px;
	}
#contentImage{ padding:18px;}

#contentDemo {float:right; width:682px; padding-bottom: 20px;}
#contentTitleDemo {padding-top:13px;}
#contentTextDemo {
	font-family:"Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	line-height:20px;
	padding:17px 15px 0px 0px;
	}
#contentImage{}

#templateContent { margin-top:20px; margin-left:18px;}
#templates { float:left;}
#templates ul { margin:0; padding:0;}
#templates li { margin:0; padding:0; width:170px; list-style:none;}
#templates li a { color:#FFFFFF; display: block; background-color:#333333; height:30px; padding:5px 0 0 5px; margin-bottom:3px;}
#templates li a:hover { color:#999999; background-color:#000000;}

#templatesImage { float:right; width:490px; text-align:center;}

#contactInfo {padding:27px 0px; margin:auto;}




#footer {
	background: #000;
	font-family:"Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ededed;
	padding: 9px 0 5px;
	}
#footer #inner { margin:auto; width:951px;}
#footerText { float:left;}
#footerImage { float:right;}


/* clearfix */
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

* html>body .clearfix {
  display: inline-block; 
  width: 100%;
}

* html .clearfix {
  /* Hides from IE-mac \*/
  height: 1%;
  /* End hide from IE-mac */
}



/***********************/
/* general form styles */
/***********************/
.required { color: #f00; }

/* all form elements are contained within a formrow div, with a label and
 *  then the element, this is the best way (but still not good) to emulate
 *  a table */
div.formrow {
  clear: both;
  text-align: left;
  margin-bottom: 10px;
}

div.formrow label {
  float: left;
  text-align: right;
  margin-right: 10px;
  width: 60px; /* default width for a default form, add new form ids and override */
}
div.formrow.indent { margin-left: 70px; } /* label width + label margin-right, override as above */
div.formrow label.radio {
	float: none;
	text-align: inherit;
	margin-right: 0;
	width: auto;
}

/* message and error boxes, not just useful in contact form */
#messages,
#errors,
#warnings,
#info { margin-bottom: 10px; }
.message { border: 1px solid #080; background: #efe; color: #080; padding: 3px 5px; margin-bottom: 15px; float: left; } /* you may need to clearfix this */
.message.nomargin { margin-bottom: 0; } /* if before something with a margin-top */
.message.info { border-color: #880; background: #ffe; color: #880; } /* info box in yellow */
.message.warn { border-color: #f40; background: #ffe; color: #f40; } /* warning box in orange */
.message.error { border-color: #f00; background: #fee; color: #f00; } /* error box in red */