/*---------------------------------------------------------------------------------------------------------------------
Author		:K . S . Karthick Murari (http://www.geocities.com/kskarthickmurari)
URL		:http://www.sapphireims.com
Created on	:25th November 2008 
Modified on	:05th November 2008 06:25IST
----------------------------------------------------------------------------------------------------------------------*/
/*Global style rest*/
html, body, div, h1, h2, h3, h4, h5, h6, table, tbody, thead, tfoot, td, form, fieldset, legend, label, blockquote, q, p, ol, ul, li, dl, dt, dd, img, pre, acronym, abbr, address, a, span, strong, em{
	margin: 0; padding: 0; font-style: inherit; font-weight: inherit; font-size: 100%; font-family: inherit;
}

ol li, ul li{
	list-style: none;
}
a{
	text-decoration: none;
}
h2{
	width: 50%; display: inline; margin: 0.5em 10px 1px 16px; font-size: 160%; font-weight: normal; font-family: helvetica, sans-serif; 
}
legend{
	 visibility: hidden;
}
fieldset{
	 border: none;
}
/*Styles for containers*/
 
html{
	background-color: #fff;
}

body{
	  background: transparent url(../images/edge.gif) repeat-y left top;  font: normal 70%/140% tahoma, arial, helvetica, sans-serif; text-align: left;
}
#wrapper{
	margin:  0 0 0 27px; background: transparent url(../images/mainBg.jpg) repeat-x top left; 
}
#mainContainer{
	 width: 970px; padding: 0 0 10px 0; background: transparent url(../images/bgPattern.jpg) no-repeat left top; 
}
#logoCntr{
	float: left;  width: 441px; height: 93px; margin: 36px 0 0 0; background: #fff url(../images/logoCntr.gif) no-repeat right top;
}
#productCntr{
	float: left; clear: left; width: 449px; min-height: 250px; margin: 9px 10px 10px 0; background: #fff url(../images/productCntr_top.jpg) no-repeat right top;
}
#searchContainer{
	text-align: right;  padding: 0 10px 0 0;
}
#content{
	float: right; clear: right; width: 510px;
}

#footer{
	 clear: both;  padding: 0px 16px 0 16px;
}
#menuBar{
	float: left; clear: both; width: 191px; height: 650px; margin: 9px 0px 10px 0; background: #fff url(../images/menuBarBg.jpg) no-repeat 100% 0;
}
#menuBar.noQuote{
	 background: #fff url(../images/menuBar1Bg.jpg) no-repeat 100% 0;
}
#subContainer{
	float: left; width: 734px;  background: transparent url(../images/subPageBg.jpg) no-repeat 0 19px; 
}
#subContainer.noQuote{
	min-height: 550px; background: transparent url(../images/subPage1Bg.jpg) no-repeat 0 19px; 
}
html* #subContainer.noQuote{
	height: 550px;
}
html* #subContainer{
	margin-top: 34px;
}
body:first-of-type #subContainer{
	margin-top: 0;
}
/*Styles for elements*/
#logoCntr p{
	float: left; position: relative;
}
#logoCntr p a{
	position: absolute; width: 233px; height: 75px; left: 0; background: #fff url(../images/logo.jpg) no-repeat left top;
}
#logoCntr span{
	position: relative; top: 74px; left: 62px; font-size: 70%;
}
#logoCntr span span{
	position: absolute; width: 279px; height: 12px; top: 1px; left: 0; background: #fff url(../images/tagLine.gif) no-repeat left top;
}
#callPhone{
	float: left; margin: 10px; padding: 4px 10px 4px 20px; background: #fff url(../images/callIcon.png) no-repeat 0 50%; color: #929292; 
}
#callPhone:hover{
	background: #fff url(../images/callIcon_on.png) no-repeat 0 50%; color: #555; 
}
#mainNav{
	float: right; position: relative; top: -65px; left: -12px;
}
html*#mainNav{
	 position: relative; top: 25px; z-index: 1000;
}

body:first-of-type #mainNav{
	top: -65px;  
}

#mainNav li{
	float: left; position: relative; margin: 0 3px; color: #fff;  font: normal 160%/190% arial, sans-serif;
}
#mainNav li a{
	padding: 2px 7px; color: #fff; text-decoration: none;
}
#mainNav li.sub:hover a, #mainNav li.sub a:hover,  #mainNav li.iehover a{
	color: #fff; text-decoration: none; background-color: #436100;  opacity: 0.85; filter:alpha(opacity=85);
}
#mainNav ul{
	position: absolute;  z-index: 1000; left: -6px; top: 29px; display: none;
}
#mainNav li>ul{
	 left: -3px; 
}
#mainNav ul li{		
	 clear: both; 
}

#mainNav ul li a{
	display: block; width: 160px; padding: 5px 10px; background-color: #436100; font-weight: normal; font-size: 0.42em; line-height: 1em;  border-bottom: 1px solid #fff; opacity: 0.85; filter:alpha(opacity=85);
}
#mainNav li.sub li a:hover{
	color: #000; background-color: #fff; opacity: 0.55; filter:alpha(opacity=55);
}
#mainNav ul li a.last{
	border: none;
}
#mainNav li:hover ul, #mainNav li.iehover ul{
	display: block;
}
#mainNav #solutions li a{
	width: 185px; 
}
#secNav{
	float: right;  margin: 14px 10px 10px 5px; 
}
#secNav li{
	float: left;
}

#secNav li a{
	margin: 0 5px; color: #555;
}
#secNav li a:hover{
	color: #DA5226; text-decoration: none;
}
#subContainer #secNav{
	float: left;  margin-top: -10px; margin-left: 0px;
}
*html #subContainer #secNav{
	float: left;  margin-top: -5px; margin-left: 0px;
}
#subContainer #secNav li a{
	color: #000; 
}
#subContainer #secNav li a:hover{
	color: #fff; 
}
h2.type1{	
	float: left; clear: left; display: inline; color: #A5B800; 	
}
h2.type2{	
	float: left; clear: left; color: #DA5226;  
}
h2.type3{	
	float: left; color: #fc0; 	
}
h2.type4{	
	float: left; color: #DC6800; 	
}
#productCntr p, #content p{
	float: left; width: 53%; clear: left; display: inline; margin: 0 0px 0.5em 16px; padding: 0.5em 0 1em 0;  border-bottom: 1px solid #E5E5E5; 
}
#productCntr span{
	color: #A5B800;
}
p.last .date{
	color: #AEAEAE;
}
#productCntr p.last, #content p.last{
	border: none;
}
#productCntr p a, #content p a{	
	float: left; display: block; color: #000;	
}
#productCntr p strong{	
	font-weight: bold; color: #A5B800;	
}
#productCntr p a:hover,  #content p a:hover{	
	color: #929292;	
}
#productCntr a:hover strong{	
	color: #DA5226;	
}
#productCntr strong{	
	font-weight: bold; color: #E9C000;	
}
#productCntr img{
	float: right;  width: 173px; height: 277px;  margin: -14px 5px 0 0; border: none; outline: none; 
}	
p.last span{
	color: #fc0;
}
html*#productCntr img, *html#productCntr img{
	margin-top: 20px; 
}
body:first-of-type #productCntr img{
	margin-top: -14px;
}
#productCntr #splitCol{
	float: left; clear: both; width: 450px; padding: 12px 0 0 0; background: transparent url(../images/productCntr_bot.jpg) no-repeat right bottom; 
	
}
html* #productCntr #splitCol{
	padding-top: 20px;
}

#productCntr #secondaryCol {
	float: right; clear: right; width: 37%; margin: 0 0 10px 0; padding: 0 10px 0 0;
}
#productCntr #secondaryCol h2{
	  width: 100%; margin: 0.5em 0 1px 0; padding: 0;
}
#productCntr #secondaryCol p{
	 width: 100%; margin: 0.5em 0 0 0; padding: 0;
}
#secondaryCol .testimonialName{
	display: block; padding: 10px  0 0 0; color: #555;
}
#secondaryCol .testimonialName strong{
	color: #A5B800; font-weight: bold;
}
#secondaryCol .testimonialName span{
	color: #fc0; 
}
#productCntr #splitCol p a{
	float: right; margin: 10px 0 0 0;padding: 0 12px 2px 0; color: #93AB00; background: #fff url(../images/arrow2.gif) no-repeat 100% 50%; 
}
#productCntr  #splitCol p a:hover{
	color: #929292; background: #fff url(../images/arrow2_on.gif) no-repeat 100% 50%;
}

#searchContainer a{
	 padding: 0 11px 0 0px; color: #fff; background: transparent url(../images/arrow_right.gif) no-repeat right 2px; font-weight:bold;
}
#searchContainer input{	
	position: relative; top: -2px; width: 187px; height: 18px; margin: 0; padding: 0px 5px 0 5px; color: #ADC222; background: transparent url(../images/searchBg.png) no-repeat left center; border: none; font-size: 100%; line-height: 18px;
}
html* #searchContainer input, *html#searchContainer input{
	top: 0;
}
#banner{
	float: left; margin-top: -22px; margin-left: -5px;
}
html*#banner{
	margin-top: 70px; margin-left: 12px;
}
body:first-of-type #banner{
	 margin-top: -22px; margin-left: -5px;
}
 #caption{
	float: right; clear: none; width: 274px; margin: 0px 16px 0 0;padding: 7px 16px; background: transparent url(../images/blockShadow.jpg) no-repeat right bottom;
}

#content h2{
	float: left;  width: 35%;  margin-left: 0; margin-bottom: 0; 
}
html* #content{
	margin-top: 20px;
}

body:first-of-type #content{
	margin-top: 0;
}
#content p{
	float: left; width: 45%; clear: left; display: inline; margin: 0 0px 0.5em 0px; padding: 0.5em 0 1em 0;  border-bottom: 1px solid #E5E5E5; 
}	

#content p{
	float: left; width: 45%; margin-top: 0.5em;  color: #555; 
}
#content strong{
	font-weight: bold;
}

#slideContainer{
	float: right; width: 220px; height: 152px; margin: 0 14px 0 0; background: transparent url(../images/slideContainerBg.png) no-repeat 0 28px;
}
#slideContainer h2{
	width: 95%; margin-left: 7px;  
}
#slideContainer p{
	display: inline; clear: both; width: 172px; height: 125px; overflow: hidden; margin: 20px 10px 0 25px; 
}
#slideContainer p span {
	display: block; width: 1000px; height: 125px; background: #fff url(../images/customer1.jpg) no-repeat 0 0; 
}
#slideContainer a#left{
	float: left;  clear: both; width: 18px; height: 18px; background: transparent url(../images/left.png) no-repeat 0 50%;
}
#slideContainer a#left:hover{
	background: transparent url(../images/left_on.png) no-repeat 0 50%;
}
#slideContainer a#right{
	float: right;  width: 18px; height: 18px; background: transparent url(../images/right.png) no-repeat 0 50%;
}
#slideContainer a#right:hover{
	background: transparent url(../images/right_on.png) no-repeat 0 50%;
}
#footer ul{
	float: left;
}
#footer ul li{
	float: left; padding: 0 5px; color: #A2A2A2; 
}
#footer ul li a{
	color: #A2A2A2; 
}
#footer ul li a:hover{
	color: #000; 
}
#footer p{
	  clear: left; margin: 0; padding: 5px 0 0 5px;  color: #D9D9D9;
}
#menuBar h2{
	margin-left: 12px;
}
#menuBar ul{
	clear: both; padding: 5px 20px 10px 16px;
}
#menuBar ul li{
	float: none; margin: 5px 0;  border-bottom: 1px solid #E5E5E5;
}
#menuBar li a{
	position: relative; display: block; padding: 5px 0; color: #929292; 
}
#menuBar li a:hover, #menuBar li a.on{
	color: #DA5226; 
}
#menuBar li a:hover span, #menuBar li>a.on span{
	 position: absolute; right: -25px; top: 5px; display: block; width: 12px; height: 14px; color: #DA5226; background: transparent url(../images/pointer.png) no-repeat 100% 50%;
}
#subContainer h1{
	float: left; clear: both; padding: 25px 10px 0px 28px; color: #F6FF00; font: normal 2.2em/2em arial, sans-serif; letter-spacing: -1px;
}
#subContainer.noQuote h1{
	color: #385600;
}
#subContainer p.intro{
	float: left; clear: both; width: 565px; padding: 0 0 5px 28px; color: #fff; font-size: 1em;
}
#subContainer p, #subContainer address{
	float: left; clear: both; width: 565px; padding: 0px 0 1.5em 28px; color: #333; font-style: normal; font-size: 1em; line-height: 1.6em; 
}
#subContainer p + ul.pointers{
	position: relative; top: -10px; 
}
#subContainer.noQuote p.intro{
	color: #000;
}
#subContainer p.textHighlight{
	color: #DA5226; font-size: 1.1em; letter-spacing: 0.01em;
}
#subContainer p.narrow{
	width: 65%;
}
#subContainer p strong{
	font-weight: bold;
}
#subContainer address{
	
}
q{
	float: left;  clear: both; display: inline; width: 550px; height: 58px; margin: 16px 65px 20px 28px;  padding: 0px 65px 0px 10px;  color: #fff; background: transparent url(../images/quoteBegin.gif) no-repeat left top; font: normal 1.3em/1.5em Microsoft, sans-serif;
}
q span{
	  position: relative; width: 15px; height: 10px; right: -5px; padding: 7px; background: #636363 url(../images/quoteEnd.gif) no-repeat 100% 5px; font-size: 15px; 
}
html* q{
	margin-top: 14px; padding-left: 15px;
}
html* #subContainer>q{
	margin-top: 16px; 
}
body:first-of-type q{
	margin-top: 16px; padding-left: 10px;
}
#subContainer h2{
	float: left; clear: both; margin: 1em 28px; color: #DA5226; font-weight: bold; font-size: 1.4em; 
}
h3{
	clear: both; margin: 5px 28px; color: #555; font-weight: bold; font-size: 1.2em;
}
h4{
	 clear: both; margin: 0 28px; color: #DA5226; font-weight: bold; 
}
#subContainer ul.pointers{
	clear: both; margin: 0 28px 1em 28px; color: #333;
}
#subContainer ul.pointers li{
	padding: 5px 16px; background: transparent url(../images/bullet.gif) no-repeat 0 1em; line-height: 1.5em;
}
#subContainer ul.pointers li li{
	color: #555; background: transparent url(../images/bullet1.gif) no-repeat 0 1em;
}
#subContainer img{
	float: left; clear: both; margin: 0px 28px 10px 28px;
}
#map{
	border: 4px solid #ccc;
}
h4.imgCaption{
	color: #fc0; 
}
#subBanner1, #subBanner2, #subBanner5, #subBanner6, #subBanner7 {
	position: absolute; left: 814px; top: 95px; width: 158px; height: 285px; background: transparent url(../images/subBanner1.jpg) no-repeat right top;
}
#subBanner2{
	 background: transparent url(../images/subBanner2.jpg) no-repeat right top;
}
#subBanner3 {
	position: absolute; left: 814px; top: 155px; width: 158px; height: 234px; background: transparent url(../images/subBanner3.jpg) no-repeat right top;
}
#subBanner4{
	position: absolute; left: 814px; top: 138px; width: 185px; height: 242px; background: transparent url(../images/subBanner4.jpg) no-repeat right top;
}
#subBanner5{
	top: 119px; background: transparent url(../images/subBanner5.jpg) no-repeat right top;
}
#subBanner6{
	width: 164px; height: 275px; top: 105px; background: transparent url(../images/subBanner6.jpg) no-repeat right top;
}
#subBanner7{
	width: 256px; height: 288px; top: 156px; left: 742px; background: transparent url(../images/subBanner7.jpg) no-repeat right top;
}
#subContainer  a{
	color:  #DA5226;
}
#subContainer  a:hover{
	color:  #555; text-decoration: underline;
}