/*
==================================================================
MAIN
==================================================================
*/
* {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
HTML {
	padding: 0;
	margin: 0px auto;
	height: 100%;
}
body {
	background-color : #F5F5F5;
	/*background-image: url(images/body-bkg.jpg);*/
	background-repeat: repeat-x;
	scrollbar-3dlight-color: #E1E1E1;
	scrollbar-arrow-color: #E1E1E1;
	scrollbar-base-color: #888888;
	scrollbar-darkshadow-color: #A7A7A7;
	scrollbar-face-color: #DADADA;
	scrollbar-highlight-color: #DADADA;
	scrollbar-shadow-color: #A7A7A7;
	scrollbar-track-color: #A7A7A7;
	overflow:yes;
	padding: 0;
	margin: 0px auto;
	font-family : Arial, Helvetica, sans-serif;
}
.clear {clear:both;height:1px;overflow:hidden;margin-bottom:-1px;}
/*
==================================================================
TOP
==================================================================
*/
#topWrapper {width: 982px;	height: 36px; position: relative; display: block; overflow:visible;}
#topLogo {width: 284px; margin: 0; padding: 0; float: left; position: relative; display:inline;}
#topLogo2 {width: 284px; margin: 0; padding: 0; float: right; position: relative; display:inline;}
#topPhone {width: 111px; margin: 0; padding: 0px; float: right; position:relative; display:inline; text-align: right;}
/*
==================================================================
NAV + CONTENT
==================================================================
*/
#container {width:982px; position:relative; display:block; background:#FFFFFF; border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; overflow:visible; border-bottom:1px solid #DDDDDD;}
#header {position:relative; display:block; height: 55px; background-image : url(images/header-bkg.gif); text-align:left;}
#navbar {position:relative; display:block; height: 36px; background-image : url(images/navbar-bkg.gif); text-align:left;}
#buttonbox {position:relative; display:block; height: 80px; background-image : url(images/buttonboxblue-bkg.gif); text-align:left;}
#breadcrumbs {position:relative; display:block; text-align:left; font-size : 11px; color : #4B4C50; border-bottom:1px solid #DDDDDD;padding: 10px;}
#textareaHome {
	width: 920px;
	position:relative;
	display:block;
	text-align:left;
	font-size : 13px;
	color : #4B4C50;
	line-height : 19px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#textarea {
	text-align:left;
	font-size : 11px;
	color : #4B4C50;
	line-height : 19px;
	padding: 20px;
	position:relative; 
	display:block; 
	height:1%;
}
#textarea2 {
	text-align:left;
	font-size : 11px;
	color : #4B4C50;
	line-height : 19px;
	padding: 20px 120px;
	position:relative;
	display:block;
	height:1%;
}
.textarea3 {
	text-align:left;
	font-size : 14px;
	color : #4B4C50;
	line-height : 19px;
	 
	 
	display:block;
	height:1%;
}
h1 {
	color : #5F973E;
	font-size : 24px;	
	margin-bottom : 14px;
	padding-top: 10px;
}
h2 {
	color : #5F973E;
	font-size : 20px;	
	margin-bottom : 2px;
	padding-top: 2px;
}
.heading_blue {
	color : #3F87B5;
	font-size : 15px;	
	margin-bottom : 2px;
	padding-top: 2px;
}
.benefits_heading_grey {
	color : #4b4c50;
	font-size : 15px;	
}
.benefits_heading_green{
	color : #5F973E;
	font-size : 15px;	
}

a {
	color : #3F87B5;	
}

/*
==================================================================
COLUMNS
==================================================================
*/
#columns {
	position:relative; 
	display:block; 
	background:#45598e; 
	border-left:222px solid #98A6CE; 
	border-right:237px solid #98A6CE; 
	overflow:visible;
}
#columnLeft  {float:left; position:relative; width:222px; margin-left:-222px; display:inline;}
#columnRight  {
	float:right;
	position:relative;
	width:235px;
	margin-right:-235px;
	display:inline;
	vertical-align : top;
}
.columnRightTable {
	width:237px;
	background-image: url(images/column-left-bkg.jpg);	
	background-repeat: repeat-x;
}
.columnRightTable2 {
	width:237px;
	background-image: url(images/column-left-bkg.jpg);	
	background-repeat: repeat-x;
}
.columnLeftTable {
	width:222px;
	background-image: url(images/column-left-bkg.jpg);	
	background-repeat: repeat-x;
}
#headerhometop  {
	float:right;
	position:absolute;
	width:232px;
	margin-left:521px;
	margin-top:-370px;
	height: 4px;
}
#headerhometop2  {
	float:right;
	position:absolute;
	width:232px;
	margin-left:474px;
	margin-top:-370px;
	left: 272px;
	top: 369px;
	height: 4px;
}
#twocolumns {position:relative; display:block; background:#FFFFFF; border-left:222px solid #97a4ce; overflow:visible;}
#twocolumnLeft  {float:left; position:relative; width:222px; margin-left:-222px; display:inline;}
#twocolumnLeftTable {
	width:222px;
	background-image: url(images/column-left-bkg.jpg);	
	background-repeat: repeat-x;
}
/* curvebox */
.curvy {position:relative; width:215px; color:#000; margin:10px auto;}
.curvy2 {position:relative; width:330px; color:#000; margin:10px auto;}
.curvy3 {position:relative; width:660px; color:#000; margin:10px auto;}

#ctop, #cbtm {position:relative; width:215px; overflow:hidden;}
#ctop {top:0; left:0; height:30px; background: url(images/curvebox-top.png) no-repeat; text-align:left;}
#ctop2, #cbtm2 {position:relative; width:330px; overflow:hidden;}
#ctop2 {top:0; left:0; height:30px; background: url(images/curvebox2-top.gif) no-repeat; text-align:left;}
#ctop3, #cbtm3 {position:relative; width:660px; overflow:hidden;}
#ctop3 {top:0; left:0; height:30px; background: url(images/curvebox3-top.gif) no-repeat; text-align:left;}
#ctop4, #cbtm3 {position:relative; width:660px; overflow:hidden;}
#ctop4 {top:0; left:0; height:30px; background: url(images/curvebox4-top.gif) no-repeat; text-align:left;}

#ctop5, #cbtm {position:relative; width:215px; overflow:hidden;}
#ctop5 {top:0; left:0; height:30px; background: url(images/curvebox5-top.gif) no-repeat; text-align:left;}


#cbottomhome {top:0; left:0; height:8px; width:215px; margin:0; text-align:left;padding:0px 11px 0px 11px;}
#cbottom {top:0; left:0; height:8px; width:200px; margin:0; text-align:left;padding:0px 11px 0px 11px;}

#ctext {background: url(images/curvebox-bkg.gif) repeat-y; margin:0; text-align:left;padding:5px 11px 0px 11px; color : #3D528B;line-height:14px;font-size:11px;}
#ctext2 {background: url(images/curvebox2-bkg.gif) repeat-y; margin:0; text-align:left;padding:5px 11px 0px 11px; color : #3D528B;line-height:14px;font-size:11px;}
#ctext3 {background: url(images/curvebox3-bkg.gif) repeat-y; margin:0; text-align:left;padding:5px 11px 0px 11px; color : #3D528B;line-height:14px;font-size:11px;}

.curvyLeft {position:relative; width:200px; color:#000; margin:10px auto;}

#ctopLeft, #cbtmLeft {position:relative; width:200px; overflow:hidden;}
#ctopLeft {top:0; left:0; height:30px; background: url(images/curveboxLeft-top.png) no-repeat; text-align:left;}
#ctextLeft {background: url(images/curveboxLeft-bkg.gif) repeat-y; margin:0; text-align:left;padding:5px 11px 0px 11px; color : #3D528B;line-height:14px;font-size:11px;}

#dotted {border:0px; border-top:1px dotted #CFCFCF; margin-top:4px; margin-bottom:4px; padding:0;}

/* testimonials */
.testimonials {width:215px;}
.ttop, .tbottom {display:block; background:transparent; font-size:1px;}
.tb1, .tb2, .tb3, .tb4 {display:block; overflow:hidden;}
.tb1, .tb2, .tb3 {height:1px;}
.tb2, .tb3, .tb4 {background:#FFFFFF; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;}
.tb1 {margin:0 5px; background:#FFFFFF;}
.tb2 {margin:0 3px; border-width:0 2px;}
.tb3 {margin:0 2px;}
.tb4 {height:2px; margin:0 1px;}
.tboxcontent {display:block; background:#FFFFFF; border:0 solid #FFFFFF; border-width:0 1px;}
.testimonials p {color : #003374;line-height:14px;font-size:11px;text-align:left;padding:14px;padding-top:4px;padding-bottom:7px;}
.testimonialshead {color : #609840;line-height:24px;font-size:15px;font-weight:bold;text-align:left;}
.testimonialsfooter{background: url(images/arrow-comment.gif) 30px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. */padding-left: 58px;padding-top: 1px;margin-bottom: 2px;color: #ccc;font-size:10px;}

.testimonialsLeft {width:200px;margin-top:10px;}
.testimonialsLeft  p {color : #003374;line-height:14px;font-size:11px;text-align:left;padding:14px;padding-top:4px;padding-bottom:7px;}
/*
==================================================================
FOOTER
==================================================================
*/
#footer {position:relative; display:block; background:#D5D5D4; border-left:350px solid #D5D5D4; border-right:350px solid #D5D5D4; overflow:visible; padding-top:25px; padding-bottom:25px; padding-left: 20px; padding-right: 20px;}
#footerLeft  {float:left; position:relative; width:350px; margin-left:-350px; display:inline; color : #707077; font-size: 11px; text-align:left;}
#footerRight  {float:right; position:relative; width:350px; margin-right:-350px; display:inline;color : #707077; font-size: 11px; text-align:right;}
#footer a {	text-decoration : none; color : #707077;}
#footer a:hover {text-decoration : underline; color : #707077; }
/*
==================================================================
Mozilla
==================================================================
*/
<!--[if Mozilla]>
<style type="text/css">
#footertop2  {float:right; position:relative; width:350px; margin-left:-210px; margin-top:80px; display: block;}
#flashRight  {float:right; position:absolute; width:200px; margin-left:795px; margin-top:80px; display: block;z-index:1;} 
#footertop  {float:right; position:absolute; width:350px; margin-left:-350px; display: block;}
</style>
<![endif]-->

/*
==================================================================
IE
==================================================================
*/
<!--[if IE]>
<style type="text/css">
#footer {display:inline-block;}
#footerLeft {width:348px;}
#columns {display:inline-block;}
#columnLeft {width:220px;}
#footertop2  {float:center; position:absolute; width:350px; margin-left:-210px; display: block;}
#flashRight  {float:center; position:absolute; width:200px; margin-left:795px; margin-top:80px; display: block;z-index:1;}
#footertop  {float:center; position:absolute; width:350px; margin-left:-350px; display: block;}
</style>
<![endif]-->
/*
==================================================================
TABLE
==================================================================
*/
div.row {
  clear: both;
  padding-top: 10px;
  }
div.row span.label {
  float: left;
  width: 300px;
  text-align: right;
  }
div.row span.form {
  float: left;
  width: 680px;
  text-align: left;
  }
 /*#table  {width: 100%; border: 0px; padding: 5px; margin: 0px auto;}*/ 
 .ul     {margin-top: 0; margin-right: 5px; margin-bottom: 1px; margin-left: 30px;} 
 .formw  {width: 10px; padding-left : 5px;}
 .table {
 	font-family : Arial, Helvetica, sans-serif; 	
 	text-align:left;
	font-size : 11px;
	color : #4B4C50;
}
 .tableB {
 	font-family : Arial, Helvetica, sans-serif; 	
 	text-align:left;
	font-size : 11px;
	color : #FFFFFF;
}
 .twospantwotable {
	width: 320px;
	float: left;
	position: relative;
	text-align: left;
	border : 1px dotted Gray;
}
 .fourtables {
	width: 75px;
	position: relative;
	float: left;
	text-align: left;
	border : 1px dotted Gray;
}
 .fourtablesshortfloat {
	width: 90px;
	position: relative;
	float: left;
	text-align: left;
	border : 1px dotted Gray;
}
 .fourtablesshortfloat2 {
	width: 150px;
	position: relative;
	float: left;
	text-align: left;
	border : 1px dotted Gray;
}
 .fourtablesshort {
	width: 100px;
	position: relative;
	float: left;
	text-align: left;
	border : 1px dotted Gray;
}
 .fourtableslong {
	width: 220px;
	position: relative;
	float: left;
	text-align: left;
 	border : 1px dotted Gray;
}
 .formwright {
	width: 100px;
	position: relative;
	float: left;
	text-align: left;
	background-color : #ffeeee;
	border : 1px dotted Gray;
}
 .midtable {
   float: left;
   width: 680px;
   text-align: left;
   padding-left: 100px;
   border : 1px dotted Gray;
}
 .midtable2 {
   float: left;
   width: 680px;
   text-align: left;
   padding-left: 320px;
   border : 1px dotted Gray;
}
 .floatleft {float:left; position:relative; width:100px; margin-top:20px; margin-left:-700px; display:inline; border : 1px dotted Gray;}
 .float2 {
	position:absolute;
	width:350px;
	height:81px;
	z-index:1;
	left: 21px;
	top: 220px;
}
 .input {
   height: 18px;
   font-family : Arial, Helvetica, sans-serif;
   color : #4B4C50;
}


/*
-----------------------------
hidden css
-----------------------------
*/
.txt_body_hide {
	font-family : "Century Gothic", Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	line-height : 20px;
	padding-bottom : 22px;
	padding-left : 24px;
	padding-right : 24px;
	padding-top : 22px;
}
.mediahide {
	font-family : "Century Gothic", Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	font-size : 13px;
	display : block;
	width : 100%;
	background-color : #cccccc;
	padding-left : 12px;
}
