html, body {height: 100%;}
*, * * { margin: 0px; padding: 0px; }
* :focus { outline: 0px; }

body { background: #dce4e7 url(../images/body_background.jpg) top left repeat-x; font: 12px/1.5 Verdana, Arial, Sans-Serif; }
a img { border: 0px; } 

a, a:hover, .red, #recent-posts div.post a { color: #f35455;  text-decoration: none; } 

.contain_width {
	width: 985px;
	margin: 0 auto;
}


h1, h2, h3,
p.title,
#search label
{ font-family: Georgia, "Lucida Bright", Serif; }

h1, h2, h3 { color: #000; }
#welcome h1 { 
	background: url(../images/index_heading.png) top left no-repeat;
	text-indent: -9999px; 
	height: 198px; 
	width: 474px;
	margin-bottom: 10px;
}
#welcome h2 {
	font-family: verdana, arial, sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
}

#header {
	background: url(../images/heading.png) top center no-repeat;
	height: 164px;
	margin: 0 auto;
	z-index: 10;
	position: relative;
}

#header p.info { font: 10px/1.5 Verdana, Arial, Sans-Serif; color: #fff; width: 220px; margin: 103px 0 0 42px; float: left; opacity: 0.9; }
#topnav { float: left; margin: 92px 0 0 100px; }
#topnav li { float: left; list-style: none; margin: 0 30px 0 0; }
#topnav li a { color: #ccd9df; text-decoration: none; font-size: 14px; }
#topnav li a:hover { text-decoration: underline; }

#content-top {
	z-index: 1;

	border-top: 0px;
	background: #fff;
	
	background-color: rgba(255, 255, 255, 0.40);
	-moz-box-shadow: 0 0 3px #878d8f;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	
	position: relative;
	margin-top: -46px;
	padding-bottom: 56px;
}

#left-column {
	float: left;
	width: 220px;
	margin: 15px 20px 0 10px;
	padding-top: 10px;
	clear: left;
}

#right-column { float: right; margin: -29px 10px 0 20px; width: 150px; }
#content { 
	margin: 0px 180px 0 250px;
	padding-top: 40px;
	color: #4f4f4f;
}
#content p { margin: 5px 0px; }

#recent-posts, #testimonials, #twitter {
	text-align: center;
	background: #fff;
	margin: 20px 0;
	
	-moz-box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#testimonials { margin-top: 0px; }

#recent-posts p.title, #testimonials p.title, #twitter p.title {
	padding: 8px 0;
	font-size: 18px;
	
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	
	background-image: #ffbbbc url(../images/recent_post.jpg) top left repeat-x; /* fallback image */
	background-image: -moz-linear-gradient(100% 100% 90deg,#FFB8B9, #FF7E7F);
	background-image:-webkit-gradient(linear, center top, center bottom, from(#FFB8B9), to(#FF7E7F));
}
#recent-posts p.title a, 
#testimonials p.title a,
#twitter p.title a
{ color: #2a2a2a; text-decoration: none; }

#recent-posts p.title a:hover, 
#testimonials p.title a:hover,
#twitter p.title a:hover
{ color: #444444 !important; }

#recent-posts div.post, 
#testimonials div.post,
#twitter div.post
{
	text-align: left;
	border-top: 1px solid #a8bdc4;
	background: #f9fafc url(../images/recent_post_background.jpg) top left repeat-x;
	padding: 13px 10px;
}

#testimonials div.post,
#twitter div.post
{
	background: #fff url(../images/twitter_post_background.jpg) top left repeat-x;
}

#recent-posts div.post h5, #testimonials div.post h5 {
	font-size: 14px;
	float: left;
	position: relative;
	width: 202px;
	background: url(../images/blue_arrow.png) top left no-repeat;
	padding-left: 35px;
	margin-left: -34px;
}
#testimonials div.post h5 { background-image: none; font-size: 12px; }


#recent-posts div.post h5 a { color: #000 !important; }

#recent-posts div.post .post-contain,
#testimonials div.post .post-contain,
#twitter div.post .post-contain
{
	font: 11px/1.5 Verdana, Arial, Sans-Serif;
	color: #4f4f4f;
}


#recent-posts div.post .post-contain p.author,
#testimonials div.post .post-contain p.author,
#twitter div.post .post-contain p.author 
{
	font-size: 10px;
	color: #91a3a9;
	font-style: italic;
}


#newsletter {
	text-align: left;
	background: url(../images/newsletter.png) top left no-repeat;
	width: 213px;
	height: 100px;
	float: left;
	margin-left: -36px;
	padding: 2px 7px 0 41px;
	font-size: 10px;
}
#newsletter p { margin-bottom: 5px; }
#submit_newsletter { margin: -0px 10px 0 0; float: right; }

#view_all { display: block; }
#left-bottom-icon { position: relative; top: 10px; }




/*		Right Column	*/
#search {
	background: url(../images/search.png) top left no-repeat;
	
	width: 173px;
	height: 97px;
	padding: 36px 0 0 9px;

	margin: 0 0 0 10px;
}

#search label { font-size: 14px; }

.input {
	background: #fff;
	border: 1px solid #7c7c7c;
	padding: 2px 5px;
}

#search_term { width: 112px; }
#submit_search { float: right; margin: 3px 47px 0 0; }  
#bottom-right-icon { margin: 10px 0 0 30px;  }


#did_you_know {
	background: url(../images/did_you_know.jpg) top left no-repeat;
	width: 353px;
	height: 158px;
	margin: 20px 0;
	
	padding: 20px 33px 0 160px;
}

#did_you_know h4 {
	color: #ff7c7d;
	font: 26px Georgia, Serif;
	font-style: italic;
	
	text-shadow: #fff 1px 1px 2px;;
}
#did_you_know .quoted { float: right; font-style: italic; margin-top: 20px; }
#did_you_know .emph {  font-size: 18px; float: left; }


/* -------------------------------- */
/* CLASSES					    	*/ 
/* -------------------------------- */
.clear 	{ clear:both; }
.left	{ float: left; }
.right 	{ float: right; }
.bold 	{ font-weight: bold; }
.italic { font-style: italic; }

.errors { color: #a30000; list-style: none; }
#footer .contain_width {
	background: url(../images/footer_icon.png) right 0 no-repeat;
	margin-top: 20px;
	text-align: right;
}

#footer .contain_width p { margin-right: 45px; color: #666; }

/*									*/	
/*		Sticky Footer Styling		*/
/*									*/
#wrap {min-height: 100%; }

#container {
	overflow:auto;
	padding-bottom: 93px;	/* must be same height as the footer */
	background: url(../images/shapes_smaller2.png) center 119px no-repeat;
	z-index: 10;
} 

#footer {
	background: #dce4e7;
	position: relative;
	margin-top: -93px; /* negative value of footer height */
	height: 93px;
	clear:both;
} 
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}


/*					*/
/*		Pages		*/
		
#select-products {
	background: #BFCED3 url(../images/select-products-bg.jpg) top left repeat-x;
	overflow: hidden;
	text-align: center;
	height: 186px;
	border: 1px solid #e1e7ea;
	
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	
	-moz-box-shadow: 0px 0px 5px #aeb4b6;
	-webkit-box-shadow: 0px 0px 5px #aeb4b6;
}
#select-products ul { 
	height: 160px;
	text-align: center;
	list-style: none;
	margin: 15px 0px 9px 40px;
}
#select-products ul li {
	display: inline;
	float: left;
}

.row { margin: 20px 0; overflow: hidden; }
.row .column {
	float: left;
	margin-right: 45px;
}
#products .column input { 
	width: 220px;
	margin-top: 5px;
	padding: 2px 2px;
}
#special-label { display: none; } 
#special-element label input { float: left; }

#submit {
	padding: 0px;
	width: 104px !important;
	height: 44px;
}




/*		Faq		*/
#faq { margin-top: -30px; }
#faq .faqs { list-style: url(../images/bullet.png); margin: 15px; }
#faq .faqs li { margin: 15px 0; }
#faq .faqs li ul { list-style: none; }
#faq .faqs li ul li { margin: 10px 0; }
.faqs div { display: none; padding: 5px 10px 20px 10px; }


#faq .faqs li a { font-style: italic !important; font: 14px Verdana, Arial, Sans-Serif; color: #000; font-weight: bold; }
 

#faq h1 { font-size: 36px; font-weight: normal; padding-left: 25px;  }
#faq h2 { font: 18px Verdana, Sans-Serif; color: #4f4f4f; font-weight: normal; padding-left: 20px; margin-top: -10px; }
#faq h1, #faq h2 { text-transform: capitalize; }
#faq .contain-faq {
	margin-top: 25px;
	background: #eaeff2;
	border: 1px solid #8f9496;
	padding: 20px;

	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

#faq .contain-faq h3 {
	font-style: italic;
	font: 18px Verdana, Sans-Serif;
	font-weight: normal;
}