/*-----------------------------------------------------------------------------------

	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;

	}

	#header1{

	width: 860px; height: 126px; background: transparent url(../images/header_bg1.jpg) no-repeat 152px 2px;

	}

	#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;

	}

/*new classess*/	

	.subheading {

	font-family:Arial, Helvetica, sans-serif;

	font-size:16px;

	color:#2F2F2F;

	text-decoration:none;

	}

	.next a {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:bold;

	color: #FF6600;

	text-decoration:underline;

	}

	.next a:hover {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	font-weight:bold;

	color: #00CC00;

	text-decoration:none;

	}

	.list a {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	line-height:20px;

	font-weight:bold;

	color: #000000;

	text-decoration:none;

	}

	.list a:hover {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	line-height:20px;

	font-weight:bold;

	color:#04AA3A;

	text-decoration:none;

	}

	.link a {

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	line-height:20px;

	font-weight:bold;

	color: #000000;

	text-decoration:none;

	}

	.link a:hover {

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	line-height:20px;

	font-weight:bold;

	color:#009900;

	text-decoration:underline;

	}

	.titlebg {

	background:url(../images/titlebg.jpg) repeat-x;

	}

	.text {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#000000;

	}

	.subtitle {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#E68321;

	text-decoration:none;

	}