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

/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* 1.0 - BODY
------------------------------------------------------------*/
	
	body {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	background-image: url(../images/bg.jpg);
	background-repeat:repeat-x;
	color: #666666;
	 }

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


#content .sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	height: 210px;		
	margin: 0px;
	padding: 0px;
}



#content .sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/

	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	overflow: hidden;

	background-repeat:repeat-x;
}


	#wrapper {  }
	
	
.side_news_item {
	font-size: 13px!important;
	font-style: normal!important;
	color: #666666!important;
	background-image: none!important;
	margin-bottom: 10px!important;
}
.side_news_item span{
	font-weight: normal;
	font-size: 13px!important;
}


.list_tick {
	padding: 0px;
	list-style-type: none;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;



}


.list_tick li{
	background-image: url(../images/tick.jpg);
	background-repeat: no-repeat;
	display: block;
	color: #73A343;
	background-position: left top;
	padding-bottom: 12px;
	text-indent: 0px;
	padding-left: 30px;



}


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

	#container {
	background-color:#FFF;
/*	background-image: url(../images/16_col.gif);*/
	background-repeat: repeat-y;

	margin-right: auto;
	margin-left: auto;
	 }
	 
	 
	 
	 
	 
	 
	 
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/* 2.0 - HEADER
------------------------------------------------------------*/
	
#header {
	margin-top: 0px;
	background-color:#FFF;
}

#content p {
	line-height: 19px;
	font-size: 13px;
}


#logo {
	background-image: url(../images/All-Shred.jpg);
	background-repeat:no-repeat;
	height: 78px;
	width: 362px;
	padding-bottom: 19px;
	margin-top: 20px;
	float:left;
}

#logo span {
	display: none;
}

#topinfo {
	float:right;
}

#topinfo p {
	color:#112d67;
	font-size:42px;
	text-align:right;
	margin: 0px;
	height: 80px;
	width: 180px;
	overflow: hidden;
	float: right;
	padding-top: 5px;
	clear: right;
}

#topinfo p span{
	color:#677ba0;
	font-size:24px;
		line-height:24px;
	letter-spacing:1px;

	display:block;
}

#topinfo ul{
	padding:0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
	list-style-type: none;
}

#topinfo li{
	display:block;
	float:left;
	margin:0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#topinfo a{
	display:block;
	float:left;
	color:#98c46d;
	font-size:12px;
	text-decoration:none;
}

#topinfo a:hover{
	color: #003366;
}
/* 2.1  Header / Primary Navigation/////////////////////--*/

#navbg	{
	background-image:url(../images/header.jpg);
	background-repeat:repeat-x;
}




#navigation_primary {
	list-style-type: none;
	display: block;
	padding: 0px;
	clear: both;
	background-color: #112d67;
	height: 40px;
	margin:0 0 2px 0;
	overflow: hidden;
}
#navigation_primary li{
	float: left;
	line-height: 40px;
}
#navigation_primary li a{
	display: block;
	line-height: 40px;
	text-decoration: none;
	color: #FFF;
	float: left;
	text-align: center;
	font-size: 14px;
	padding-right: 12px;
	padding-left: 12px;
}
#navigation_primary li a:hover{
	color: #84BB53;
}

	
	.nav1 #nav1, .nav2 #nav2, .nav3 #nav3, .nav4 #nav4, .nav5 #nav5, .nav6 #nav6, .nav7 #nav7, .nav8 #nav8, .nav9 #nav9 {
	background-image: url(../images/nav_current_left.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.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{
	background-image: url(../images/nav_current_right.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

.nav1 #nav1 a:hover, .nav2 #nav2 a:hover, .nav3 #nav3 a:hover, .nav4 #nav4 a:hover, .nav5 #nav5 a:hover, .nav6 #nav6 a:hover, .nav7 #nav7 a:hover, .nav8 #nav8 a:hover, .nav9 #nav9 a:hover{
	background-image: url(../images/nav_current_right.jpg);
	color: #fff;

}
	
	
	
.nav11 #sidebox_news {
display:none;
}


.sidebox_testimonials p {
	padding-left: 40px;

}
	
	
	.sidebox_testimonials .rightbox {
	background-image: url(../images/quote.jpg);
	background-repeat: no-repeat;
	background-position: 16px 50px;	
	}
	
	
	
/* 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 {
	border: 0px;
	padding: 0px;
	width:960px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #CCCCCC;
}





#image_container .sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 960px; /*width of featured content slider*/
	height: 328px;		
	margin: 0px;
	background-color: #FFF;
	padding: 0px;
}



#image_container .sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: -4px;  /*leave as is*/
	width: 964px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	overflow: hidden;
	background-image:url(../images/slidercontainerbg.jpg);
	background-repeat:repeat-x;
}

#image_container .sliderwrapper .contentdiv img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}


#image_container .pagination{
	width: 960px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	height: 102px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #F0F;
	margin-top: -8px;
	background-image:url(../images/slidernavbg.jpg);
	background-repeat:repeat-x;
	clear:both;
}

#image_container .pagination a{
	text-decoration: none;
	color: #96c46a;
	background-image: url(../images/slider_1.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	display: block;
	float: left;
	height: 82px;
	width: 182px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	text-align: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height:25px;
}



*html #image_container .pagination a{

	width: 181px;

}

#image_container .pagination a span{
	color:#465a84;
	font-size:20px;
	display:block;
}

#image_container .pagination a:hover {
	background-image: url(../images/slidernavbg2.jpg);
	background-repeat: repeat-x;
}	


#image_container .pagination a.selected{
	background-image: url(../images/slider_2.jpg);
	color: #96c46a;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#image_container .pagination .selected:hover { 
	background-image: url(../images/slider_2.jpg);

}


#image_container .pagination a:link,  a:visited, a:active {
	outline: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}





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

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

#content {
	display: block;
	clear: both;
	margin-bottom: 40px;
	background-image:url(../images/contentbg.jpg);
	background-repeat:repeat-x;
	padding-top:40px;
}




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



#column_1 {

	float: left;
	margin-right: 10px;
	margin-left: 10px;
	/*background-color: #CCCCCC;*/
}

*html #column_1 {
width:290px!important;

}


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




.rightboxtop {
	background-image:url(../images/rightboxtop.jpg);
	width: 295px;
	height:13px;
	margin-top:20px;
	background-color:#e5f1de;
	background-repeat: no-repeat;
	background-position: top;
}

.rightbox {
	background-color:#e5f1de;
	width:255px;
	padding:0 20px 0 20px;
}

.rightbox h3{
	color:#865900;
	font-size:18px;
	padding-bottom:10px;
}

.rightbox p {

	font-style:italic;

	color: #333;
	background-position:left top;
	background-repeat:no-repeat;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}
#content .rightbox p a{

	color: #333!important;
	background-color: transparent!important;
}

#content .rightbox p a:hover{

	color: #333!important;
	background-color: transparent!important;
}

.rightbox p span{
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	line-height:17px;
	display:block;
	font-size:11px;

}

.rightboxbottom {
	background-image:url(../images/rightboxbottom.jpg);
	width: 295px;
	height:12px;
	margin:0px;
	padding:0px;
	background-repeat: no-repeat;
	background-position: bottom;
		background-color:#e5f1de;
}

/* 3.3 - Content / Column 3
------------------------------------------------------------*/
#column_3 {
	float: left;
	margin-right: 10px;
	margin-left: 10px;
/*	background-color: #CCCCCC;
*/	}

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





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

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

#footer {
	height: 280px;
	clear: both;
	background-color: #1f3971;
	color:#8190af;
	margin:0px;
	padding:0px;
}

#footer h3 {
	color:#FFF;
	font-size:16px;
	padding-bottom:8px;
}

#footer a {
	color:#81b64d;
}

#footer_inner {
	width:960px;
	margin:auto;
}

.footercol {
	float:left;
	width:310px;
	padding-top: 30px;
	padding-bottom: 0;
	padding-left: 0;
}

.left {
	font-size:20px;
	line-height:25px;
}

.left span {
	font-size:26px;
	color:#81b64d;
	display:block;
}

.mid {
padding-left: 20px;
	width:280px;
}

.areas {
	width:120px;
	padding-right:10px;
	color:#81b64d;
	float:left;
	font-size:12px;
	padding-top:5px;
	}

.right {
	line-height:18px;
	padding-left: 20px;
	width:260px;
}	
	
	
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
	

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

.imgright {
	float:right;
}

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



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

.sidebox {
	border: 1px solid #45A7EE;
	background-color: #FFFFFF;
	margin-bottom: 18px;
	line-height: 20px;
	}
	
.sitevisit {
	background-image:url(../images/sitevisit.jpg);
	background-repeat:no-repeat;
	height:72px;
	width:298px;
	display:block;
}

.sitevisit:hover {
	background-position:0 -74px;
}

.sitevisit span {
display:none;

}

/*.sidebox_inner { border: 5px solid #CBE6FA; padding: 10px; }*/










.list_tick {
	padding: 0px;
	list-style-type: none;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;



}


.list_tick li{
	background-image: url(../images/tick.jpg);
	background-repeat: no-repeat;
	display: block;
	color: #73A343;
	background-position: left top;
	padding-bottom: 12px;
	text-indent: 0px;
	padding-left: 30px;



}

.list_tick li a{



}



	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.services {
	background-color: #1A315B;
	background-image: url(../images/services_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 25px;

}

	.services_footer {
	background-image: url(../images/services_footer.jpg);
	background-repeat: no-repeat;
	height: 14px;
	background-position: bottom;
	}
	
	
	.services p{
	font-size: 13px;
	color: #CCCCCC;
	padding-right: 15px;
	padding-left: 15px;	
	
	}	
	
	
	.services h3{
	font-size: 20px;
	color: #CCCCCC;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;	
	}	
	
.expand_top,.expand_wrapper
{

	padding:0px;
	margin:0px 0px 5px 0px;

}

 
.expand_heading a{
	height: 48px;
	display: block;
	width: 189px;
	background-image: url(../images/services_expand.jpg);
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-right: 15px;
	padding: 0px!important;
	margin-top: 0px;
	margin-bottom: 0px;
	
}
.expand_heading a:hover{
	background-image: url(../images/services_expand.jpg)!important;
	background-position: left -48px;
}
.active a{
	background-image: url(../images/services_expand.jpg)!important;
	background-position: left bottom;
	
}

.active a:hover{
	background-image: url(../images/services_expand.jpg)!important;
	background-position: left bottom;
	
}
.expand_all
{
cursor:default;
}



.toggle_container {
	margin: 0px;
	overflow: hidden;

	padding-top: 0px;
	padding-right: 0px;

	padding-left: 0;


}
 .box {
	padding: 20px;
}
.toggle_container .box p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	font: 2.0em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 5px;
	padding: 0 0 5px 0;
	color:#000000;
	border-bottom: 1px dotted #ccc;
}
.toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}
.expand_all
{
width:116px;
height:29px;
background:url(extra_buttons.png) no-repeat top left;
float:right;
cursor: pointer; 
}
.expanded
{
background-position:bottom left;
}
	
	
	
.testimonial {
	margin-top: 50px;
	padding-left: 20px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

.testimonial .intro{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}


.validationsummary_holder div {
	background-color:#FEE6B8!important;
	padding: 15px!important;
	color: #543C30!important;
	font-size:15px!important;
	font-weight: bold;
}
.validationsummary_holder ul  {
margin-left:30px!important;
margin-top:10px!important;
margin-bottom:20px!important;
}

.validationsummary_holder ul li {
font-size:12px!important;
	color: #916854!important;
}


#content #column_1 #aspnetForm div, 
#content #column_1 #aspnetForm ul,
#content #column_1 #aspnetForm li,
#content #column_1 #aspnetForm span,
#content #column_1 #aspnetForm label,
#content #column_1 #aspnetForm input,
#content #column_1 #aspnetForm select,
#content #column_1 #aspnetForm textarea { margin: 0px; padding: 0px;}

#content #column_1 #aspnetForm span { display: block; }
#content #column_1 #aspnetForm label {
width:160px;
	font-size: 15px;
	color: #73A343;
}
#content #column_1 #aspnetForm li {
	display: block;
	clear: both;
	margin: 0px!important;
	padding-top: 12px!important;
	padding-right: 0px!important;
	padding-bottom: 0px!important;
	padding-left: 0px!important;
}

*html #content #column_1 #aspnetForm li {

	padding-top: 0px!important;

}



#content #column_1 #aspnetForm input, #content #column_1 #aspnetForm select { width: 360px; height: 25px; line-height: 25px; }
#content #column_1 #aspnetForm textarea {
	width: 360px;
	height: 130px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

}

#content #column_1 #aspnetForm .formButton {
	width: 189px;
	height: 47px;
	padding: 0;
	color: #333;
	cursor: pointer;
	background-image: url(../images/form_button.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	border: 1px none #FFFFFF;
	float: right;
	margin-left: 0px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

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





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

/*
Put old css in here:






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