/*-----------------------------------------------------------------------------------
Author			: K . S . Karthick Murari
URL				: http://www.growelskills.com/
Created On		: 1st February 2008
Last Modified	: 06/02/2008	02:55 IST
------------------------------------------------------------------------------------*/

*{
	margin: 0; padding: 0;
}

body{
	color: #323232; background: #fff url(../images/main_bg1.jpg) repeat left top; font: normal 11px/14px trebuchet, arial, sans-serif;
}
#outer_container{
	width: 100%;  background: transparent url(../images/main_bg.gif) repeat-x left top;
}
#main_container{
	position: relative; width: 860px;  margin: 0 auto; background: transparent url(../images/header_illust.jpg) no-repeat left top;
}
	#header{
		width: 860px; height: 298px; background: transparent url(../images/header_bg.jpg) no-repeat 152px 172px;
	}
		#header h1{
			 height: 54px; margin: 0 40px 0 298px; padding: 7px 14px 0 20px; color: #392400; background: transparent url(../images/header_quote.jpg) no-repeat left top; font: bold 12px/19px Georgia, "Times New Roman", Times, serif; text-align: right; 
		}
		#header h2{
			position: relative; margin: 55px 0 0 277px; color: #392400; font: bold 8px/19px Georgia, "Times New Roman", Times, serif; 
		}
			#header h2 span{
			 position: absolute; display: block; width: 342px; height: 45px; top: 0; left: 0; background: transparent url(../images/header_quote1.gif) no-repeat left top; 
			}
		#header #header_image{
			position: absolute; z-index: 1000; width: 297px; height: 173px; top: 59px; right: 40px; background: transparent url(../images/header_image.jpg) no-repeat left top; 	
		}
	#menu{
		 width: 681px; height: 51px; margin: 0 0 10px 157px;  background: transparent url(../images/menu_bg.gif) repeat-x left top;
	}
	#menu li{
		float: left;  height: 51px; list-style-type: none;
	}
		#menu li a{
		float: left; display: block; height: 51px;  padding: 0 20px; color: #0096f2; background: transparent url(../images/menu_split.gif) no-repeat right 8px; font: normal 12px/51px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none;
	}
	
	#menu li a:hover{
		color: #fff; text-decoration: none;
	}
	#home #homel, #services #servicesl, #about #aboutl, #handwriting #handwritingl, #dyslexia #dyslexial, #testimonials #testimonials, #faq #faql{
		color: #fff; 
	}
	#menu li.left{
		background: transparent url(../images/menu_left.gif) no-repeat left top;
	}
	#menu li.right{
		width: 80px; background: transparent url(../images/menu_right.gif) no-repeat right top;
	}
		#menu li.right a{
			background: none;
		}
	#content, #subcontent{
		width: 686px; margin: 10px 0 10px 154px; background: #fff url(../images/content_bg.gif) repeat-y left top;
	}
		#content span, #subcontent .content_top{
			display: block; width: 681px; height: 9px; margin: 0 0 0 2px; background-color: #f8b500; font-size: 0; line-height:0; border-top: 1px solid #b2b2b2;
		}
		#content .colLeft{
			float: left; display: inline; width: 305px; margin: 14px 0px 14px 14px;  color: #5c5c5c; font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif; 
		}
			#content .colLeft h2, #content #text_block h2{
				color: #0668a6; font: bold 17px/22px  arial, sans-serif; letter-spacing: 0.02em;
			}
			#content h3{
				margin: 0 0 16px 0; color: #bd5911 ; font: bold 17px/22px  arial, sans-serif; letter-spacing: 0.02em;
			}
			#content .colLeft h4{
				color: #5c5c5c; font: bold 12px/20px  arial, sans-serif; letter-spacing: 0.03em;
			}
			#content .colLeft #certify{ 
				display: block; clear: left; width: 290px; padding: 0 10px 0 0; height: 62px; color: #5c5c5c; background: #fff url(../images/certify.gif) no-repeat right center;  font: bold 11px/62px Verdana, Arial, Helvetica, sans-serif; text-align: right; border: none;  
			}
			#content .colLeft .comparison{
				margin: 10px 0 10px 80px; color: #5c5c5c; font-weight: bold; 
			}
				#content .colLeft .comparison img{
					width: 215px; height: 64px;
				}	
			#content .colLeft ul{
				margin: 10px 0;
			}
			#content .colLeft ul li{
				margin: 16px 0; padding: 0 0 0 16px; color: #5c5c5c; background: #fff url(../images/list_icon.gif) no-repeat 0 4px; font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif; list-style-type: none;
			}
			#content .colLeft .banner_image{
				margin:0px 5px 10px 0px; padding: 4px; background-color: #fff; border: 1px solid #b5b5b1;
			}
			#content .read_more{
			float: right; padding: 0 20px 7px 0; color: #0080cf;  background: transparent url(../images/read_more.gif) no-repeat right top; font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 
		}
		#content .read_more:hover{
			 color: #bd5911; text-decoration: none;
		}
		#content .colRight{
			float: right; display: inline; width: 335px; margin: 14px 14px 0px 7px; color: #323232; font: normal 11px/19px Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.01em;
		}
			#content .colRight strong{
			color: #0668a6; font-weight: bold; 
			}
			#content .banner_image{
			float:  left; margin: 45px 10px 10px 0; padding: 4px; background-color: #fff; border: 1px solid #b5b5b1;
			}
			#content .colRight span{
				position: relative; float: right; display: block; width: 199px; height: 74px; margin:20px -32px 0 0;  padding: 10px;color: #fff; background: transparent url(../images/banner_text.gif) no-repeat left top; font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif; border: none;
			}
			#content .colRight a.testimonials{
			position: relative; float: left; display: block; width: 335px; margin: 0px -10px 0px 0; padding: 10px 6px 10px 5px; color: #5c5c5c; background: #fff url(../images/testimonials_bg.gif) repeat-x left bottom; font: normal 10px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;
			}
			#content .colRight a.testimonials:hover{
				background: #f9edd8 url(../images/testimonials_bg.gif) repeat-x left bottom; 
			}
				#content .colRight a.testimonials .title{
			 	float: none; width: auto; height: auto; margin: 0; padding: 0; color: #006cc0; background: none; font: bold 11px/19px Verdana, Arial, Helvetica, sans-serif; text-decoration: underline;
				}
				#content  .colRight a.testimonials .author{
			 	float: right; width: auto; height: auto; margin: 0; padding:10px 10px 0 10px;  color: #9a8600; background: none; font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;
				}
				#content  .colRight a.testimonials .author strong{
					color: #9a8600;
				}
		#content #text_block{
			clear: both; margin: 0 3px 0 2px;  background: #d4d5cc url(../images/text_block_top.gif) no-repeat left top; 
		}
			#content #text_block span{
				clear: both; display: block; width: 678px; height: 7px;  background:transparent url(../images/text_block_bottom.gif) no-repeat left bottom; font-size: 0; line-height: 0;  border: none;
			}
		#footer{
			clear: both; padding: 20px 0 0 0; color: #989898; text-align: center;
		}
			 #footer ul{
				 margin: 0 0 10px 0; 
			}
				 #footer li{
					display: inline; margin: 0 5px; color: #989898; font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
				}
					 #footer li a{
						padding: 0 5px 0 0; color: #989898; font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;
					}
					 #footer li a:hover{
						color: #bd5911; font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif; text-decoration: none;
					}
					 #footer span{
						position: relative; display: block; width: 688px; height: 20px;  margin: 0 0 0 -1px;background: transparent url(../images/footer_bg.jpg) no-repeat left bottom; border: none;
					}
	#subcontent h2{
		margin: 14px; color: #0668a6;  font: bold 20px/25px  arial, sans-serif; letter-spacing: 0.02em;
	}
	#subcontent h2 span{
	 color: #c4c4c4;  font: bold 20px/25px  arial, sans-serif; letter-spacing: 0.02em;
	}
	#subcontent p{
		margin: 0px 14px 14px 14px; color: #323232;  font: normal 11px/19px Verdana, Arial, Helvetica, sans-serif; text-align: justify;
	}
	#subcontent h5{
		margin: 14px 0 0 14px; color: #0668a6;  font: bold 11px/19px Verdana, Arial, Helvetica, sans-serif;
	}