/*----------------------------------------------------------
	THIS IS THE MAIN STYLESHEET FOR STUCTURAL AND LAYOUT CHANGES
	
	What this stylesheet **IS** for:
	
	1) The main styles relating to the major sections of the site for example the header div or the primary navigation. 
	2)If you are setting the default styles for  section for example #header a or #column_1 p then it would go in here
	
	What this stylesheet is **NOT** for:
	1) If you were adding styles to p or a tags that were outside these section default styles then they would go in the style_type.css file for example

-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*CHANGE LOG - Anytime this stylesheet is changed please add in a descriptive comment here together with the date*/






/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------
[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");
	@import url("style_tools.css");


/* 1.0 - BODY
------------------------------------------------------------*/
	
	body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	color:#7c7c7c;
	background-image: url(../images/1pxbody.jpg);
	background-repeat:repeat-x;
	background-color:#c4c4c4;
	 }

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

	#wrapper {  }

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

	#container {
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	background-image: url(../images/1pxbackground.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	position: relative;
	}
	 

/* 2.0 - HEADER
------------------------------------------------------------*/
	
#header {
	position: relative;
	width: 912px;
	padding-left: 44px;
	height: 430px;
	margin-bottom: 10px;
}

#logo {
	background-image:url(../images/logo.jpg);
	height: 45px;
	width: 546px;
	margin-bottom: 30px;
	float:left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 75px;
}

#logo span { display: none; }

#logo:hover { opacity: 0.7; }

#freequote {
	background-image: url(../images/freequote.jpg);
	height: 65px;
	width: 326px;
	float: right;
	margin-top: 65px;
	background-position: 0px 0px;
}

#freequote:hover { background-position: 0px -65px; }

#freequote span { display: none; }

#content a {
		font-weight:bold;
		color:#00aeef;
		text-decoration:none;
}

#content a:hover {
	text-decoration: underline;
	color: #00aeef;
}
	
#content h1 {
	font-size:28px;
	color:#000;
	font-family: Rockwell, "Trebuchet MS";
	line-height: 30px;
}
	
#content h1 span { color:#00aeef; }
	
#content h2 {
	font-size:20px;
	color:#000;
	font-family: Rockwell, "Trebuchet MS";
	margin-bottom: 10px;
	line-height: 28px;
}

#content h2.more {
	font-size:16px;
	color:#000;
	font-family: Rockwell, "Trebuchet MS";
	margin-bottom: 20px;
	margin-top: -20px;
	clear: both;
}
	
#content h2 span { color:#00aeef; }
	
	#content h3 {
	font-size:16px;
	color:#91E5FD;
	font-family: Rockwell, "Trebuchet MS";
	margin-bottom:10px;
	font-weight: bold;
	}

#content h3 span {
	text-transform: uppercase;
	font-size: 11px;
	color: #7c7c7c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

#content h4 {
	font-size:28px;
	color:#000;
	font-family: Rockwell, "Trebuchet MS";
	line-height: 30px;
	margin-top: 25px;
	margin-bottom: 20px;
	}
	
#content h4 span {
		color:#00aeef;
	}
	
	
#column_1 .first {
	font-size: 16px;
	line-height: 20px;
}
	
#content h1 a, #content h2 a {
	text-decoration:none;
	color:#00aeef;
	font-weight:normal;
}


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

	
#navigation_primary {
	list-style-type: none;
	display: block;
	padding: 0px;
	background-color: #fff;
	height: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
	overflow: hidden;
	width: 912px;
	float: left;
}

#navigation_primary ul {
	margin: 0px;
	padding: 0px;
}

#navigation_primary li {
	float: left;
	margin-right: 15px;
}

#navigation_primary > li:last-child {
    margin-right: 0;
}

#navigation_primary li a {
	display: block;
	text-decoration: none;
	color: #000;
	float: left;
	font-size: 13px;
	font-family: Rockwell, "Trebuchet MS";
	line-height: 30px;
}

#navigation_primary li a:hover{	color: #00B1FA; }
#navigation_primary .current{ color: #FFFFFF; background-repeat: no-repeat; background-position: right; font-weight: bold; width: 205px; }
#navigation_primary a.current:hover { color: #FFFFFF;}
	
#nav1 .nav1 a, #nav2 .nav2 a, #nav3 .nav3 a, #nav4 .nav4 a, #nav5 .nav5 a, #nav6 .nav6 a, #nav7 .nav7 a, #nav8 .nav8 a, #nav9 .nav9 a, #nav10 .nav10 a, #nav11 .nav11 a, #nav12 .nav12 a {
    color: #10AEF3;
}
	
/* 2.2 - Header / Secondary Navigation
------------------------------------------------------------*/
	
#navigation_secondary {
	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_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 {
	background-color:#FFFFFF;
	display: block;
	float: left;
	width: 912px;
	height: 216px;
	margin-bottom: 20px;
	}

	#banner {
	width:308px;
	height:221px;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:480px;
	padding-right:80px;
	padding-top:20px;
	font-size:12px;
	}
	
	#banner h2{
	color:#FFF;
	font-size:28px;
	}
	
	#banner p a{
		float:right;
		padding-right:20px;
		font-weight:bold;
		color:#FFF;
		text-decoration:none;
	}

    .one {
 	background-image:url(../images/banner.jpg);
 }
iframe {
	height: 200px;
	width: 434px;
	float: left;
	border: 1px solid #4b4c4e;
	margin-bottom: 20px;
}

/* NEW HOMEPAGE TABS
------------------------------------------------------------*/
.tabs {
	float: left;
	display: none;
}

.tab-one a {
	background-image: url(../images/slidermenu2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 100px;
	width: 307px;
	display: block;
	float: left;
	list-style-type: none;
}

.tab-one a:hover {
	background-image: url(../images/slidermenu2.jpg);
	background-position: 0px -400px;
	list-style-type: none;
}

.tab-two a {
	background-image: url(../images/slidermenu2.jpg);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	height: 100px;
	width: 307px;
	display: block;
	float: left;
	list-style-type: none;
}

.tab-two a:hover {
	background-image: url(../images/slidermenu2.jpg);
	background-position: 0px -500px;
	list-style-type: none;
}

.tab-three a {
	background-image: url(../images/slidermenu2.jpg);
	background-repeat: no-repeat;
	background-position: 0px -200px;
	height: 100px;
	width: 307px;
	display: block;
	float: left;
	list-style-type: none;
}

.tab-three a:hover {
	background-image: url(../images/slidermenu2.jpg);
	background-position: 0px -600px;
	list-style-type: none;
}

.tab-four a {
	background-image: url(../images/slidermenu2.jpg);
	background-repeat: no-repeat;
	background-position: 0px -300px;
	height: 100px;
	width: 307px;
	display: block;
	float: left;
	list-style-type: none;
}

.tab-four a:hover {
	background-image: url(../images/slidermenu2.jpg);
	background-position: 0px -700px;
	list-style-type: none;
}

.images {
	position:relative;	
	height:400px;
	width:605px;
	float:left;
}	

.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height:400px;
}

.link {
	float: left;
	display: none;
}

.link-one a {
	background-image: url(../images/slidermenu2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 100px;
	width: 307px;
	display: block;
	float: left;
	list-style-type: none;
}

.link-one a:hover {
	background-image: url(../images/slidermenu2.jpg);
	background-position: 0px -400px;
	list-style-type: none;
}

.link-two a {
	background-image: url(../images/slidermenu2.jpg);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	height: 100px;
	width: 307px;
	display: block;
	float: left;
	list-style-type: none;
}

.link-two a:hover {
	background-image: url(../images/slidermenu2.jpg);
	background-position: 0px -500px;
	list-style-type: none;
}

.link-three a {
	background-image: url(../images/slidermenu2.jpg);
	background-repeat: no-repeat;
	background-position: 0px -200px;
	height: 100px;
	width: 307px;
	display: block;
	float: left;
	list-style-type: none;
}

.link-three a:hover {
	background-image: url(../images/slidermenu2.jpg);
	background-position: 0px -600px;
	list-style-type: none;
}

.link-four a {
	background-image: url(../images/slidermenu2.jpg);
	background-repeat: no-repeat;
	background-position: 0px -300px;
	height: 100px;
	width: 307px;
	display: block;
	float: left;
	list-style-type: none;
}

.link-four a:hover {
	background-image: url(../images/slidermenu2.jpg);
	background-position: 0px -700px;
	list-style-type: none;
}






















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

/* 3.0 - CONTENT
------------------------------------------------------------*/

#content {
	position: relative;
	margin-right: 44px;
	margin-left: 44px;
	width: 912px;
}




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

#column_1 ul.innerlist { width: 300px; float: right; }

#column_1 {
	float: left;
	width:238px;	/*background-color: #CCCCCC;*/
}




/* 3.2 - Content / Column 2
------------------------------------------------------------*/
#column_2 {
	float: left;
	width:262px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-left-width: 1px;
 }
 
 #column_2 strong{
		color:#00aeef;	 
 }


/* 3.3 - Content / Column 3
------------------------------------------------------------*/
#column_3 {

	float: left;
	width:262px;
	padding-left:20px;

/*	background-color: #CCCCCC;
*/	}

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





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

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

#footer {
	height: 180px;
	clear: both;
	background-color: #00374E;
	padding: 20px;
	color: #fff;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	width: 872px;
	line-height: 18px;
}

#footer a { color:#91E5FD; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer #address { display: block; height: 180px; width: 302px; float: left; }
#footer #copyright { display: block; height: 180px; width: 302px; float: left; }
#footer #services { display: block; height: 180px; width: 150px; float: left; }
#footer #locations { display: block; height: 180px; width: 115px; float: left; }
#footer #services ul, #footer #locations ul { list-style-type: none; margin-left: 0px;  }

#footerbase {
	background-image: url(../images/footerbase.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 44px;
	width: 1000px;
}

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

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

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

.sidebox {
	border: 1px solid #45A7EE;
	background-color: #FFFFFF;
	margin-bottom: 18px;
	line-height: 20px;
	
}

.quote {
	height:172px;
	background-image:url(../images/quote.jpg);
	width:260px;
	margin-bottom:23px;
}

.testimonial {
	height:167px;
	background-image:url(../images/testimonial.jpg);
	width:261px;
}

.testimonial:hover {
	background-position: 0 167px;
}

.form_container {
}

/* 5.2 - Form - Column 1
------------------------------------------------------------*/

#content #column_1 #aspnetForm span { display: block; }

#content #column_1 #aspnetForm label {
	width:160px;
	font-size: 12px;
	color: #4b4c4e;
}
#content #column_1 #aspnetForm li {
	display: block;
	clear: both;
	margin-bottom: 12px;
}

*html #content #column_1 #aspnetForm li {

	padding-top: 0px!important;

}

#content #column_1 #aspnetForm input {
	width: 100%;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}

#content #column_1 #aspnetForm input:hover, #content #column_1 #aspnetForm textarea:hover {
	background-color: #dde7ef;
	border: 1px solid #FFFFFF;
	color: #4b4c4e;
}

#content #column_1 .form_holder {
	background-color: #bccfe0;
	padding-top: 15px;
	padding-right: 21px;
	padding-bottom: 15px;
	padding-left: 15px;
	width: 414px;
}

#content #column_1 #aspnetForm textarea {
	width: 100%;
	height: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	font-size: 14px;
	padding: 2px;
}

#content #column_1 #aspnetForm .formButton {
	width: 149px;
	height: 74px;
	color: #009ce8;
	cursor: pointer;
	background-image: url(../images/button.gif);
	background-repeat: no-repeat;
	border: 0px none;
	font-size: 18px;
	background-position: 0px 0px;
	font-family: Rockwell, "Trebuchet MS";
	padding-top: 10px;
	float: left;
}

#content #column_1 #aspnetForm .formButton:hover {
	border: 0px none;
	
}

/* 5.3 - Form - Column 2
------------------------------------------------------------*/

#content #column_2 #aspnetForm span { display: block; }

#content #column_2 #aspnetForm label {
	width:160px;
	font-size: 12px;
	color: #4b4c4e;
}
#content #column_2 #aspnetForm li {
	display: block;
	clear: both;
	margin-bottom: 12px;
}

*html #content #column_2 #aspnetForm li {

	padding-top: 0px!important;

}

#content #column_2 #aspnetForm input {
	width: 100%;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}

#content #column_2 #aspnetForm input:hover, #content #column_1 #aspnetForm textarea:hover {
	background-color: #dde7ef;
	border: 1px solid #FFFFFF;
	color: #4b4c4e;
}

#content #column_2 .form_holder {
	background-color: #bccfe0;
	padding-top: 15px;
	padding-right: 21px;
	padding-bottom: 15px;
	padding-left: 15px;
	width: 300px;
}

#content #column_2 #aspnetForm {
	width: 300px;	
}


#content #column_2 #aspnetForm textarea {
	width: 100%;
	height: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	font-size: 14px;
	padding: 2px;
}

#content #column_2 #aspnetForm .formButton {
	width: 149px;
	height: 74px;
	color: #009ce8;
	cursor: pointer;
	background-image: url(../images/button.gif);
	background-repeat: no-repeat;
	border: 0px none;
	font-size: 18px;
	background-position: 0px 0px;
	font-family: Rockwell, "Trebuchet MS";
	padding-top: 10px;
	float: left;
}

#content #column_2 #aspnetForm .formButton:hover {
	border: 0px none;
	
}

#sent {
	border: 1px solid #bccfe0;
	padding: 15px;
	font-size: 14px;
	line-height: 18px;
	color: #4b4c4e;
	background-color: #dde7ef;
}
	
/*.sidebox_inner { border: 5px solid #CBE6FA; padding: 10px; }*/

.contentsection {
	clear:both;
}

.thumbleft {
	padding-right:10px;
	padding-bottom:10px;
	float:left;
}


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





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

/*
Put old css in here:






*/
#container_inner {
	background-image: url(../images/top_shadow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 1000px;
	position: relative;
}
.news_articles {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bccfe0;
	margin-bottom: 10px;
	padding-top: 10px;
}
.news_articles strong {
	color: #00aeef;
}
.news_articles span {
	color: #000000;
	font-weight: bold;
}

.news_articles2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bccfe0;
	margin-bottom: 40px;
	padding-top: 10px;
}
.news_articles2 strong {
	color: #00aeef;
}
.news_articles2 span {
	color: #000000;
	font-weight: bold;
}
#column_1  .news_articles p {
}


#getafreequote {
	background-image: url(../images/getafreequote.jpg);
	background-position: 0px 0px;
	height: 85px;
	width: 580px;
	display: block;
	clear: both;
}

#getafreequote span { display: none; }

#getafreequote a { display: block; height: 85; width: 580px; }

#getafreequote:hover { background-position: 0px -85px; }

.testimonial { height: 160px; width: 560px; }

.testimonial img { padding: 2px; float: left; margin-right: 20px; border-style: solid; border-width: 1px; border-color: #cccccc; }


.textbox {
	width: 240px;
	background-color: #ededed;
	border-style: solid 1px #cccccc;
	height: 16px;
	padding: 2px;
	margin-bottom: 10px;
	color: #666666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	opacity: 0.6;
	font-size: 12px;
}

.formButton2 {
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 1px #009CE8 solid;
    color: #009CE8;
    cursor: pointer;
    float: left;
    font-family: Rockwell,"Trebuchet MS";
    font-size: 14px;
}

.formButton2:hover { color: #666666; border: 1px #666666 solid; }



/*  - TESTIMONIALS
------------------------------------------------------------*/
#column_1 .testimonial_list { margin-bottom: 30px; border-bottom: 1px solid #CCCCCC; clear: both; }
#column_1 .testimonial_list .logo { display: block; float: left; margin-right: 15px; width: 206px; max-height: 140px; overflow: hidden; clear: both; }
#column_1 .testimonial_list .logo img {	border: 1px solid #CCCCCC; padding: 2px; }
#column_1 .testimonial_list h2 { margin-bottom: 0px; display: block; }
#column_1 .testimonial_list p.name { margin-bottom: 4px; display: block; }
#column_1 .testimonial_list .copy { display: block; float: right; width: 360px; }




#socialmedia {
	margin-top: 10px;
	margin-left: 750px;
	position: absolute;
	width: 160px;
	
	}

		
#socialmedia a {
	background-image: url(../images/icon-twitter.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 43px;
	width: 42px;
	display: block;
	float: right;
	margin-left: 8px;
	
	}
#socialmedia a:hover {
	 opacity: 0.7; 
	}
	
	
#socialmedia span {
	display:none;
	}
	
	
#socialmedia .socialmedia-twitter{

	}
	
#socialmedia .socialmedia-facebook{
	background-image: url(../images/icon-facebook.jpg);
	}	
	
#socialmedia .socialmedia-youtube{
	background-image: url(../images/icon-youtube.jpg);
	}