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

/*-------------------------------------------------------*/
/*-------------------------------------------------------
[TABLE OF CONTENT]

(**PLEASE NOTE the although sometimes the order of the HTML element in a page may be in the same  as the TOC below a lot of times it may differ for example #image_container and primary naviagtion usually go within the header structrually within the HTML but dont have to depending on the structure of the site)

0.0 IMPORTS
	0.1 Reset
	0.2 type
	0.3 style
	0.4 forms


1.0 BODY
	1.1. Wrapper / #wrapper
	1.2. Container / #container


2.0 HEADER / #header 
	2.1 Container for the main page image / #image_container
	2.2 Primary Navigation / #navigation_primary
	2.3 Secondary Navigation / #navigation_secondary
	2.4 Local Navigation / #navigation_local

3.0 CONTENTS/ #content
	3.1. Column 1 / #column_1
	3.2. Column 2 / #column_2
	3.3. Column 3 / #column_3
	3.4. Sidebar / #sidebar


4.0 FOOTER/ #footer


5.0 MISCELLANEOUS (Please update this )
	5.1 - Miscellaneous - Sidebox
	5.2 - Miscellaneous - Header Info Box
	5.3 - Miscellaneous - The styles for the wizard/steps
	
	
6.0 TABLES (Default styles and any others you want to add)


7.0 RECYCLE BIN (old CSS or disable CSS for testing)

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

/* 0.0 - IMPORTS*/

	@import url("reset.css");

	
	

	
	body {
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	background-image: url(../images/bg.jpg);
	background-repeat:no-repeat;
	color: #666666;
	margin: 0px;
	padding: 0px;
	background-color: #729fb8;
	background-position: center top;
	 }
	 
	 
	 

#content h1{
	color:#B8292F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	margin: 0px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
}

#content h2 {
	color:#1073BA;
	font-size:23px;
	padding: 0px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

#content h3 {
	color:#333333;
	font-size:18px;
	line-height: 25px;
	clear: both;
	margin: 0px;
}

#content h4 {
	color:#1073BA;
	font-size:18px;
	padding: 0px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#content h4 span {
	color:#B8292f;
}

#content ul, #content ol{
 line-height: 25px;
	}
	
	

	
	
#content a {
	color: #1073BA;
	text-decoration:none;
}

#content a:hover {
	color: #B8292f;
}

#content h2 a:hover {
	color: #B8292f;
}





#content table{
	width:100%;
	border-collapse:collapse;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	line-height: 19px;
	clear: both;
}


#content  td{

	text-align:left;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 10px;
	border: 1px solid #999999;
		line-height: 21px!important;
}
#content th{
	padding-left: 10px;
	text-align:left;
	color:#fff;
	background-color: #0075CE;
	border: 1px solid #999999;
}
#content tr.even td{ background-color: #EFEFEF; }
#content tr.odd td{ background-color: #FFFFFF; }
#content td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}/* use this if you want to apply different styleing to empty table cells*/


.thumb_container {
	background-color: #DCE5EA;
}

.thumb_container img{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:8px;
	width:273px;
	height:180px;
	overflow: hidden;
}

#bullet_container {
	background-color: #DCE5EA;
	display: block;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
}

#bullet_container ul {
	color: #000;
	padding-bottom: 15px;
}

#bullet_container li {
	list-style-image: url(../images/tick.jpg);
}


/* 1.1 - Body / Wrapper
------------------------------------------------------------*/



	#wrapper {  }


/* 1.2 - Body / Container
------------------------------------------------------------*/


	 
	 
	 
	 
	 
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* 2.0 - HEADER
------------------------------------------------------------*/
	
#header {

	height: 188px;
}



#logo {
	margin-top: 20px;
	float:left;
	margin-left: 10px;
}

#call-to-action{
	padding-left: 400px;
	padding-right: 10px;
	padding-top: 96px;

}

#call-to-action h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 30px;
	text-align: right;
	font-weight: bold;
	color: #000;
	padding-bottom: 5px;
}

#call-to-action h1 span{
	color:#b8292f;
	}

#call-to-action h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-align: right;
	font-weight: bold;
	color: #000;
}

#call-to-action a{
	color: #1073ba;
	text-decoration: none;
}

#call-to-action a:hover{
	color: #b8292f;
}


#contact {
float:right;
margin-top:70px;
margin-right:10px;

}


/* 2.1  Header / Primary Navigation/////////////////////--*/





#navigation_primary {
	list-style-type: none;
	display: block;
	clear: both;
	height: 25px;
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#navigation_primary li{
	float: right;




}
#navigation_primary li a{
	display: block;
	text-decoration: none;
	color: #990000;
	float: left;
	text-align: center;
	font-size: 14px;
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 6px;

}
#navigation_primary li a:hover{
	color: #1073BA;
}

	
	#nav1, #nav2, #nav3, #nav4, #nav5 , #nav6 {
	color: #1073BA!important;
}



   .nav1 a{
	width:61px!important;
	padding-left: 10px;
}

	.nav2 a {
	width:166px;
	padding-left: 10px;
}

	 .nav3 a {
	width: 88px;
	padding-left: 10px;
}

	.nav4 a {
width:85px;
padding-left: 10px;
}

 .nav5 a {
width: 106px;
padding-left: 10px;
}

 .nav6 a {
width: 176px;
padding-left: 10px;
}

	
	
/* 2.2 - Header / Secondary Navigation
------------------------------------------------------------*/
	
#navigation_secondary {
	list-style-type: none;
	display: block;
	padding: 0px;
	float: right;
	width: 400px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#navigation_secondary li{
	float: right;
}
#navigation_secondary li a{
	display: block;
	text-decoration: none;
	color: #233C5B;
	text-align: center;
	font-size: 11px;
	margin-left: 10px;
	clear: none;
	margin-right: 12px;
}
	
/* 2.3 - Header / Local Navigation (local to the section within the website)
------------------------------------------------------------*/
	
#navigation_local {
	list-style-type: none;
	display: block;
	padding: 0px;
	float: right;
	width: 400px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#navigation_local li{
	float: right;
}
#navigation_local li a{
	display: block;
	text-decoration: none;
	color: #233C5B;
	text-align: center;
	font-size: 11px;
	margin-left: 10px;
	clear: none;
	margin-right: 12px;
}
	
	

/* 2.4 - Header / Image Container
------------------------------------------------------------*/

#image_container {
}

#image {
	float:left;
	height:400px;
	width:620px;
	margin-top: 10px;
}

#form {
	float: left;
	height: 400px;
	width: 309px;
	margin-top: 10px;
	margin-left: 10px;
}

#form_container {
	float:left;
	height:400px;
	width:310px;
	margin-left:10px;
}


#form_container p{
	font-size: 16px;
	color: #CCCCCC;
	line-height: 22px;
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}



.page_content {

	position: relative!important;
}

.textBox {

	position: relative!important;
}


.SingleTextBox input {
margin-bottom: 20px;

}

.SingleTextBox input, .MultiTextBox textarea {
	width: 237px!important;
	position: relative!important;
	padding-top: 8px!important;
	padding-bottom: 8px!important;
	padding-left: 50px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #666666;
	font-size: 12px;
}

.SingleTextBox label, .MultiTextBox label  {
	position: absolute!important;
	z-index: 99!important;
	margin-left: 7px!important;
	margin-top: 10px!important;
	text-transform: uppercase;
	color: #1073ba;
	font-weight: bold;
}


.MultiTextBox textarea {
	width: 280px!important;
	height: 65px!important;
	padding-top: 5px!important;
	padding-left: 7px!important;
	margin: 0px!important;
	padding-right: 0px!important;
	padding-bottom: 0px!important;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.MultiTextBox label {
display:none;

}


#container .button_container input {
	background-image: url(../images/button.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	line-height: 36px;
	height: 36px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	width: 290px;
	font-size: 12px!important;
	font-weight: bold!important;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: right;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
	position: relative;
}


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

/* 3.0 - CONTENT
------------------------------------------------------------*/
	#container {
	width: 980px;
	margin-right: auto;
	margin-left: auto;

	 }
	 



#content_container {
	
}


#content_container_inner {
	width: 960px;
	background-image: url(../images/bg_content1px.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
 }




#content {
	background-color: #d9e3e9;
	width: 940px;
	padding-right: 10px;
	padding-left: 10px;
	float: left;
}


#content #column_1 p {
	line-height: 21px;
	font-size: 13px;
	color: #333333;
}




/* 3.1 - Content / Column 1
------------------------------------------------------------*/



#column_1 {
	float: left;
	width: 940px;
	padding-top: 20px;
	padding-bottom: 0px;	/*background-color: #CCCCCC;*/
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}




/* 3.2 - Content / Column 2
------------------------------------------------------------*/
#column_2 {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	width: 300px;/*	background-color: #CCCCCC;*/
	display: none;
 }
 

#column_2 li{
	color:#fff;
	font-size:14px;
	line-height: 20px;
	clear: both;
	margin-left: 15px;
}


/* 3.3 - Content / Column 3
------------------------------------------------------------*/



/* 3.4 - Content / Column 4
------------------------------------------------------------*/





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

/* 4.0 - FOOTER
------------------------------------------------------------*/

#footer {
	width:960px;
	height: 180px;
	clear: both;
	color:#8190af;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#footer p {
	color:#333333;
	font-size:12px;
	line-height:20px;
	padding-bottom:10px!important;
	margin: 0px;
}

#footer a {
	color:#333333;
}



#ue {
	float: right;
}
	
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
	

/* 5.0 - MISCELLANEOUS
------------------------------------------------------------*/




/* 5.1 - Miscellaneous - Sidebox
------------------------------------------------------------*/


.home_featurebox {
	width:213px;
	height:188px;
	float:left;
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 10px;
	padding-top: 10px;
	padding-right: 4px;
	padding-left: 10px;
}

.home_featurebox1 {
	background-image: url(../images/home_featurebox_1.jpg);
}

.home_featurebox2 {
	background-image: url(../images/home_featurebox_2.jpg);
}

.home_featurebox3 {
	background-image: url(../images/home_featurebox_3.jpg);
}

.home_featurebox4 {
	background-image: url(../images/home_featurebox_4.jpg);
}


.home_featurebox h2{
display:none;
/*	font-size: 27px!important;
	color: #FFFFFF!important;
	padding: 0px!important;
	margin-top: 0px!important;
	margin-right: 0px!important;
	margin-bottom: 7px!important;
	margin-left: 0px!important;
	font-weight: bold;*/
}

.home_featurebox p{
	height:110px;
	margin-top:55px;
	font-size: 16px!important;
	line-height:22px!important;
	color: #FFFFFF!important;
	padding: 0px!important;
	margin-right: 0px!important;
	margin-bottom: 0px!important;
	margin-left: 0px!important;
}

.home_featurebox a{
	text-transform: uppercase!important;
	color: #B8292F!important;
	text-align: right!important;
	font-size: 14px!important;
	font-weight: bold!important;
	background-color: transparent!important;
	font-style: normal!important;
	text-decoration: none;
	display: block;
	float: right;
}

.home_featurebox a:hover{
	color: #808384!important;
	text-decoration: none;
}
















.sidebox {
	width:298px;
	height:210px;
	float:left;
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 0px;
	padding-right: 3px;
	padding-left: 10px;
	clear:both;
}

.sidebox_1 {
	background-image: url(../images/sidebox1.jpg);
}

.sidebox_2 {
	background-image: url(../images/sidebox2.jpg);
	margin-bottom: 20px;
}

.sidebox_list {
	width:288px;
	float:left;
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 0px;
	padding-left: 10px;
	clear:both;
}

.sidebox_3 {
	background-image: url(../images/our-services-include-top.jpg);
	background-color:#000;
	padding-top: 90px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-bottom: 20px;
	width: 300px;
}



.sidebox h3{
display:none;
}

.sidebox p{
margin-top:97px;
	height:60px;
	font-size: 16px!important;
	line-height:24px!important;
	color: #FFFFFF!important;

}

.sidebox a{
	text-transform: uppercase!important;
	color: #b8292f!important;
	float: right;
	font-size: 14px!important;
	font-weight: bold!important;
	background-color: transparent!important;
	display: block!important;
	font-style: normal!important;
}

.sidebox a:hover{
	color: #808384!important;
}



#sidebox_logos {
	background:#DCE5EA;
	width: 249px;
	clear:both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;

}


#sidebox_logos img{
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 8px;
	margin-left: 10px;
	height: 110px;
	width: 109px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: hidden;
}

#sidebox_nationwide {
	margin-top:20px;
	width:230px;
	margin-right: auto;
	margin-left: auto;
}





	
	
	
	
	
	
	
	

/* 6.0 - TABLES - Default table styles are set in the Reset.css, 
------------------------------------------------------------*/





/* 7.0 - RECYCLE BIN
------------------------------------------------------------*/

/*
Put old css in here:






*/
.pullquote {
	font-size: 18px!important;
	font-style: italic;
	color: #990000!important;
	float: right;
	width: 220px;
	line-height: 25px!important;
	background-image: url(../images/pullquote.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-left: 27px;
	margin-left: 15px;
	margin-bottom: 15px;
}

.beta {
	margin-right:0px!important;
}



.googlemap {
	padding: 10px;
	border: 1px solid #CCCCCC;
}

.googlemap p{
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.img_main{
	width: 960px;
	height: 250px;
	position: relative;

}

.pull-quotes{
	background-image: url(../images/quote-marks.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 285px;
	position: relative;
	padding-top: 30px;
	padding-left: 15px;
}

.pull-quotes p{
	color: #666666;
	}