/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
/*body {font-size:100%; line-height:1em; background:#313131}*/
body {
	font-size:100%;
	line-height:1.25em;	background-image: url(../cmsimages/bg.gif);
	background-repeat: repeat;
}
body#editor {
	background-color:#FFF;
	background-image: none;
}

#oContent {
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-50%;
	width:100%;
	/*margin-left:-472px;
	width:944px;*/
	margin-bottom:20px;
	padding-bottom:20px;
	background-color: #333333;
	font-size:0.6875em;
}

#oContent h1 {padding: 0 0 15px 0;}
#oContent p {padding: 0 0 15px 0;}
#oContent a {
	color:#fc8e00;
	text-decoration:underline;
	font-weight: normal;
	}  
#oContent a:hover {color:#ffffff; text-decoration:underline}

#oContentContainer {
	padding:20px 30px 20px 30px;
	width:912px;
	margin:0 auto;
}

#content_6, #content_7, #globalcontent_6 {
	background-color: #333333;
	color: #FFFFFF;
}




#oBody {
	position:relative;
	padding-bottom: 30px;
	background-image: url(../cmsimages/footer_bkg.jpg);
	background-repeat: repeat;
	background-position: bottom;
}

html, input, textarea	{	font-family:Tahoma, Geneva, sans-serif; 
		color:#3a3a3a;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}

.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}

div.container {	overflow:hidden; width: 100%;}

h1 { margin: 0 0 0 0; }
a img{ border:0px}
img{ vertical-align:top;  }

b{color:#018eb9;}

a{color:#3a3a3a; text-decoration:underline} 
a:hover{color:#f96d00; text-decoration:underline}
.link{color:#3a3a3a; font-weight:bold; background:url(../cmsimages/marker.gif) center right no-repeat; padding-right:15px; font-size:1.09em} 
.link1{color:#f97000; font-weight:bold;} 
.link2{font-size:1.18em} 

ul{margin:0; padding:0; list-style:none;}
/*ul li{background:url(../cmsimages/marker1.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }*/
/*ul li a{color:#fa7400; font-weight:bold; text-decoration:none ; line-height:1.8181em}*/
/*ul li a:hover { text-decoration:underline; }*/

ol{margin:0; padding:0; list-style-position:inside; font-weight:bold; color:#f96d00}
ol li{}
ol li a{color:#3a3a3a; font-weight:normal; text-decoration:none} 
ol li a:hover { text-decoration:underline; }


/*header*/
#header, #header2 {font-size:0.6875em; color:#FFFFFF }
#header .menu, #header2 .menu { position:absolute; padding:0 0 0 579px; text-align:center;}
#header .menu .bg, #header2 .menu .bg {float: left; background:url(../cmsimages/bg_menu.gif); background-repeat: no-repeat; width:241px; height:70px; vertical-align:top; padding-top:11px}
#header .menu .guarantee, #header2 .menu .guarantee {margin-left: 300px; width:125px; height:70px; vertical-align:top;}
#header .menu a, #header2 .menu a { padding:0 12px 0 12px; color:#343435; text-decoration:underline;}
#header .menu .last, #header2 .menu .last{ background:none}
#header .menu a:hover, #header2 .menu a:hover { color:#f96d00; text-decoration:underline;}
#header .title, #header2 .title{  margin-bottom:16px}
#header p, #header2 p { margin:0 0 22px 0}
#header .slogan, #header2 .slogan{ position:absolute; margin:135px 0 0 31px}
#header .logo, #header2 .logo { margin:0 0 28px 0 }
/* -- Moved to new CSS file so images can easily be changed -- */
#header .block{ margin: 17px 0 0 0; background:url(../cmsimages/theme_bkg.jpg);  width:910px; height:287px; font-size:1.09em; font-family:Arial, Arial, Helvetica, sans-serif; line-height:1.33em }
#header2 .block2 {margin: 17px 0 0 0;}
#header .indent, #header2 .indent {padding:63px 0 30px 24px;}
#header .indent-block, #header2 .indent-block {padding:30px 30px 0 576px;}
#header .indent-image, #header2 .indent-image {float: left; padding: 0px;}
#header #globalcontent_4 {padding:0px;}
#header .phone, #header2 .phone {
	color: #FF6600;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}

#header .consultation, #header2 .consultation {font-size: 22px}


/* -------- NAVAGATION RULES --------- */

/* ---- navagation layout ---- */

#nav {
	width: 100%;
	height: 63px;
}

/* navagation bar */

#nav ul#navtop {
	margin: 0;
	padding: 0; 
	
}

#nav ul#navtop li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	/* text-align: center; */
	min-width:131px;
}


#nav ul#navtop li a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding-right: 30px;
	padding-left: 30px;
	line-height: 63px;
	font-weight: bold;
	text-transform: uppercase;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	background-image: url(../cmsimages/nav_a_bkg.gif);
	background-position: left top;
}

#nav ul#navtop li a:hover {
	color: #000;
	background-image: url(../cmsimages/nav_a_act_bkg.gif);
	background-position: left top;
}

#nav ul#navtop li.first {

}

#nav ul#navtop li.first a {
	background-image: url(../cmsimages/nav_a_first_bkg.gif);
	background-position: left top;
}

#nav ul#navtop li.first a:hover {
	color: #000;
	background-image: url(../cmsimages/nav_a_first_act_bkg.gif);
	background-position: left top;
}

#nav ul#navtop li.last {

}

#nav ul#navtop li.last a {
	background-image: url(../cmsimages/nav_a_last_bkg.gif);
	background-position: right top;
	border-style: none;
	background-repeat: no-repeat;
}

#nav ul#navtop li.last a:hover {
	color: #000;
	background-image: url(../cmsimages/nav_a_last_act_bkg.gif);
	background-position: right top;
}

/* ---- dropdown functionality ---- */

#nav #navtop li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
}

#nav #navtop li:hover li {
	float: none;
	text-align: left;
}

/* ---- subnavagation ---- */	
	
#nav #navtop li ul {
	display: none;
}

#nav ul#navtop li:hover ul li a:hover {
	color: #000;
	background-color: #FF6633;
	background-image: none;
}	

#nav ul#navtop li:hover ul li a {
	color: #000;
	background-color: #ffffff;
    background-image: none;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #000000;
	line-height: 35px;
	font-size: 14px;
	min-width:175px;
	text-transform: lowercase;
}

#crumbtrail {
	position:absolute; margin: 20px 0 0 31px;
	font-size: 13px;
}

#crumbtrail .current, .separator { color: #FFF; font-weight: bold; }
#crumbrail a:link.previous, a:visited.previous { color: #FFF; font-weight: bold; text-decoration: underline; }
#crumbtrail a:hover.previous { color: #000; font-weight: bold; text-decoration: underline; }

/* CUSTOM */

.pagetitle {
	padding-top: 15px;
	padding-bottom: 15px;
}

#news .title {	font-weight: bold; }
#news .summary { font-size: .81em; line-height: 1.06em; font-style: italic; }


/*content*/
#contentDesign{ font-size:0.94em; width:100%; text-align:left; background:#f8f4e8; font-family:Arial, Arial, Helvetica, sans-serif;}
#contentDesign .indent-main{padding:0 25px 51px 22px}
#contentDesign .indent-col1{padding:19px 30px 25px 15px}
#contentDesign .indent-col1-1{padding:19px 30px 13px 15px}
#contentDesign .indent-col1-2{padding:28px 30px 13px 15px}
#contentDesign .indent-col2{
	padding:19px 20px 20px 32px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;}
#contentDesign .indent-col2-1{padding:28px 20px 0 32px}
#contentDesign .indent-col2-2{padding:18px 20px 0 32px}
#contentDesign .title{  margin-bottom:22px}
#contentDesign .img{ margin:0 72px 0 80px}
#contentDesign .img1{ margin:0 67px 0 71px}
#contentDesign .img-left{ float:left; margin:0 12px 16px 0}
#contentDesign .img-left1{ float:left; margin:0 12px 11px 0}
#contentDesign .img-indent{ margin:0 0 16px 62px}
#contentDesign p{ margin:0 0 20px 0}
#contentDesign .p{ margin:0 0 5px 0}
#contentDesign .p1{ margin:0 0 22px 0}
#contentDesign .p2{ margin:0 0 42px 0}
#contentDesign .p3{ margin:0}
#contentDesign h4{color:#f96d00; text-transform:uppercase; font-size:1.18em; margin-bottom:7px;  }
#contentDesign h3{color:#f96d00; font-size:1.5em; margin-bottom:17px;  }
#contentDesign p.toggle {color: #3a3a3a; font-weight: bold; text-decoration:underline;}
#contentDesign p.toggle:hover {color:#f96d00; text-decoration:underline;}
/*.tail{ background:url(../cmsimages/tail.gif) repeat-x bottom}*/
.txt{ line-height:1.27em}
.txt1{ float:right; display:block; margin-bottom:15px}

#page1 #contentDesign .indent{padding:10px 0 10px 0;}
#page1 #contentDesign .indent1{margin:10px 0 10px 0;}
#page4 #contentDesign .indent1{margin:10px 0 20px 0;}
#page5 #contentDesign .indent{padding:10px 0 10px 0;}
#page5 #contentDesign .indent1{margin:25px 0 25px 0;}
#page6 #contentDesign .indent{padding:10px 0 10px 0;}
#page6 #contentDesign .indent1{margin:25px 0 25px 0;}

#page8 #contentDesign p{ margin:0 0 15px 0}


/*footer*/
#footer {
	color:#ffffff;
	font-size:0.6875em;
	background-repeat: repeat;
	background-color: #333333;
}	
#footer .indent-footer{ padding:40px 30px 0 37px;}
#footer a {color:#fc8e00; text-decoration:underline}  
#footer a:hover {color:#ffffff; text-decoration:underline}

#ofooter {
	color:#ffffff;
 	/*font-size:0.6875em;*/
	background-color: #333333;
}	
#ofooter .indent-ofooter{
	float: right;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 37px;
}
#ofooter li { list-style-type: none; display: inline;}
#ofooter a {
	color:#fc8e00;
	text-decoration:underline;
	font-weight: normal;}  
#ofooter a:hover {color:#FFFFF; text-decoration:underline;}


.h{ height:30px}
.block-contact span{ float:right}
.block-contact1 span{ float:right; margin-right:75px}
.input{
	border-left:1px solid #424242; 
   	border-top:1px solid #424242; 
   	border-right:1px solid #cad2d5; 
   	border-bottom:1px solid #cad2d5; 
	background:#FFFFFF;
	width:215px; height:17px;
	font-size:1em;
	color:#000000;
	padding-left:5px;
	margin-bottom:3px
}
textarea{
	border-left:1px solid #424242; 
   	border-top:1px solid #424242; 
   	border-right:1px solid #cad2d5; 
   	border-bottom:1px solid #cad2d5; 
	background:#FFFFFF;
	color:#000000;
	width:215px; height:231px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
	
	
#zohoWebToLead table tr {
	padding-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.calculator td {
	padding-bottom: 15px;
	vertical-align: top;
}
	
h3.toggle {color:#f96d00; text-decoration: underline;}

	/* grid */
		
		.cols{} /* main column container class */
		.col{
			float:left;
			display:inline;
			width:48%;margin-left:4%; /* 2 equal width columns layout - default */
			}	
		.cols3 .col{width:30%;margin-left:5%;} /* 3 equal width columns layout */
		.cols4 .col{width:22%;margin-left:4%;} /* 4 equal width columns layout */
		
		/* use following classes to build custom grid (add as many as you want) */
		
		.col1, .col2, .col3{float:left;display:inline;}
		.col1{}
		.col2{}
		.col3{}
		
		.indent1{}
		.indent2{}
		.indent3{}
		
	/* grid */	
	
		.first{margin-left:0 !important;}

#content .feedburnerFeedBlock ul li{
	list-style-type:square;
	padding: 0;
	margin-left: 20px;
	margin-bottom: 20px;
}

#content .feedburnerFeedBlock .headline a {font-weight: bold;}