/*----------------------------------------------------------
This  is the main stylesheet for structural and layout changes
------------------------------------------------------------*/

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

[Table of contents]

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

3.0 Content / #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
	5.1 - Miscellaneous - Sidebox
	5.2 - Miscellaneous - Header Info Box
	5.3 - Miscellaneous - The styles for the wizard/steps
6.0 Tables

7.0 Recycle bin (old HTML or disable css for testing)

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

/* 0.0 - Imports
------------------------------------------------------------*/
	
	/*@import url("style_type.css");*/
	
	
	.synopsis {
	display:none;
	
	}
	
#site #content h1 {
	font-size: 30px;
	color: #273E5D;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 30px;
	
	}
#site #content h2 {
	font-size: 25px;
	display: block;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	background-image: url(../media/siteImages/title_green.gif);
	background-repeat: no-repeat;
	color: #FFF; padding-bottom: 24px; margin-bottom: 20px; padding-left: 15px; padding-top: 10px; 
	}
	
	
	#site #content .blueh2 {

	background-image: url(../media/siteImages/blue.gif)!important;

	}
	
	
#site #content h3 {
	color: #77822D;
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 10px;
	margin: 0px;
	padding-top: 0px;
	display: block;
	}
#site #content h4 {
	color: #666666;
	}
	#content p {
	margin-top: 0px;
	margin-bottom: 25px;
	color: #333333;
	line-height: 25px;
	font-size: 13px;
}
#site #content em {  }
#site strong { color: #000; }
	
	
#site #content .bullet{ padding-left: 20px; background-image: url(../media/siteImages/bullet.jpg); background-repeat: no-repeat; background-position: 3px 7px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
#site #content .bullet:hover{ background-color: #E4E4E4; }
#site #content .bullet a{ color: #000; text-decoration: none; }
#site #content .bullet a:hover{ color: #666; text-decoration: underline; }	

#site #content ul {
	list-style-type: disc;
	display: block;
	padding-left:20px;
	margin-bottom: 20px;
	color: #009966;
	}
	#content li {
	color: #666666;
	margin-bottom: 12px;
	font-size: 13px;
	line-height: 25px;
}

#site .small a	{
	font-size:12px;
}


#site .list_monkey {
	background-image: url(../media/siteImages/monkey.jpg)!important;
	background-repeat: no-repeat;
	background-position: right top;
	}
	
#site #content a {
	color: #3284AC;
	}
#site #content a:hover {
	color: #333333;
	}
	
#site #content blockquote {
	font-size: 16px;
	font-style: italic;
	color: #999999;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 25px;
	}
	
	
	/* 3.2 - Content / Column 2
	------------------------------------------------------------*/
#site #content #column_1 h2 {  }
#site #content #column_2 h2 { }
	
	
	/* 3.3 - Content / Column 3
	------------------------------------------------------------*/
#site #content #column_3 h2 { color: #CCC; padding-bottom: 40px; font-size: 14px; padding-top: 10px; padding-left: 15px; }
	
	/* 4.0 - Footer
	------------------------------------------------------------*/
	/* Background colour for header and footer*/
#site #container #footer p { color: #CCC; margin-bottom: 20px; font-size:12px; line-height:18px; }
#site #container #footer strong { color: #FFF; font-size: 14px; font-weight: normal; display: block; padding-bottom: 5px; }
#site #container #footer em {  }
#site #container #footer a { color: #CCC; text-decoration: underline; font-size:12px; line-height:18px;}
#site #container #footer a:hover { color: #FFF; }
#site #container #footer .footerright	{ display: block; overflow: hidden;	margin-bottom: 0px;	padding-top: 20px;	float: right; clear:both; }
	
	/* 5.0 - Miscellaneous
	------------------------------------------------------------*/
	
	
#site #header_contact p{ color: #999; float: left; margin-right: 2%;  padding: 8px;	}
#site #header_contact p:hover{ background-color: #333; }
#site #header_contact strong{ font-size: 16px; font-weight: normal; color: #FFF; display: block; 	}
#site #header_contact a{ color: #999; text-decoration: none; }
#site #header_contact a:hover{ color: #FFF; text-decoration: underline; }
#site #container #image_right h2{ font-size: 25px; font-weight: normal; color: #000; margin-bottom: 15px; text-align: justify; }
#site #image_right p{ font-size: 17px; font-weight: normal; text-align: justify; color: #999; margin-bottom: 15px; line-height: 22px; }
#site #image_right strong{ font-weight: normal; color: #000; }
	
	
	/* 5.1 - List styles for features with tick boxes
	------------------------------------------------------------*/
	
#site .list_features {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

#site .list_features li{
	background-image: url(../media/siteImages/tick.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 35px;
	display: block;
	float: left;
	width: 41%;
	margin-right: 3%;
	font-size: 14px;
	color: #999999;
	margin-bottom: 15px;
	}
	
	
#site .intro {
	color: #909D37!important;
	font-size: 1.1em!important;
	font-weight: normal!important;
	line-height: 22px!important;
	}
	
	
	/*@import url("style_tools.css");*/
	
	
	/* 3.0 - Content
	------------------------------------------------------------*/
	
#site .floatleft { float:left; }
#site .floatright { float:right; }
#site .thumbleft {  }
#site .thumbright {  }
#site .thumbright_noborder{
	float: right;
	margin-bottom: 12px;
	margin-left: 12px;
	}
#site .thumb{  }
#site #content .intro { font-size: 16px; color: #000; }
	
	/*
	Use the following code for horizontal rules and style the class:
	<span class="hr"><hr /></span> 
	*/
#site #content .hr {  }
#site #content hr { display:none; }
	
#site #content .columns_2 { float: left; width: 45%; margin-right: 3%; }
#site #content .columns_3 { float: left; width: 31%; margin-right: 2%; }
#site #content .columns_4 { float: left; width: 23%; margin-right: 2%; }	
	
	/*@import url("style_forms.css");*/
	
	
	/*@import url("reset.css");*/
	
	/* 1.0 - Reset
	------------------------------------------------------------*/
	
	html, body, #site ,  div,  span,  applet,  object,  iframe, 
	 h1,  h2,  h3,  h4,  h5,  h6,  p,  blockquote, 
	 pre,  a,  abbr,  acronym,  address,  big,  cite,  code,
	 del,  dfn,  em,  font,  img,  ins,  kbd,  q,  s, 
	 samp,  small,  strike,  strong,  sub,  sup,  tt,  var, 
	 b,  u,  i,  center,  dl,  dt,  dd,  ol,  ul,  li,
	 fieldset,  form,    legend,   caption  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
	body {
	line-height: 1;
	}
	
	/* 2.0 - Clearing Fixes
	------------------------------------------------------------*/
	
 .clear { 
	clear: both;
	}
	
	
.clearfix:after {   
	content: ".";   
	display: block;   
	clear: both;   
	visibility: hidden;   
	line-height: 0;   
	height: 0;   
	}   
.clearfix {   
	display: inline-block;   
	}   
	html[xmlns] .clearfix {   
	display: block;   
	}   
	* html .clearfix {   
	height: 1%;   
	}
	
	/* 3.0 - Global Fixes
	------------------------------------------------------------*/
	
	/* Hides from IE5-mac \*/
	html #contentWrapper {height: 1%;}
	/* End hide from IE5-mac */
	
	
	
	/*@import url("browser_ie6.css");*/
	
	/*@import url("browser_ie7.css");*/
	

	/*@import url("slider.css");*/
	
/*#site #myController {clear: both; list-style: none;}*/
#site #mySlides, #site #myController {clear: both; list-style: none; display:none; }

#site #myController li{
	color:#999999;
	margin-right:10px;
	cursor:pointer;
	float: left;
	height: 82px;
	width: 211px;
	background-image: url(../media/siteImages/slider_green.gif);
	background-repeat: no-repeat;
	font-size: 13px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 7px;
	}
	
#site #myController li:hover{
	background-image: url(../media/siteImages/slider_green_hover.gif);
	}

#site #myController li strong{
	color: #909D37;
	font-size: 33px;
	display: block;
	font-weight: normal;
	padding-bottom: 4px;
	}
	
#site #myController li span{color: #083963;font-size: 21px;}
#site #jFlowSlide{margin-bottom: 10px;margin-bottom: 0px;}
#site #myController li.jFlowSelected {background-image: url(../media/siteImages/slider_blue.gif)!important;}
#site #myController li.jFlowSelected span {color: #FFFFFF;}
#site .jFlowPrev, .jFlowNext{cursor:pointer;}
#site .slide {
	background-image: url(../media/siteImages/bg_image.gif);
	background-repeat: no-repeat;
	height: 360px;
	overflow: hidden;
	}
	
#site .slide1 {}
#site .slide2 {background-image: url(../media/siteImages/bg_image2.gif);}
#site .slide3 {background-image: url(../media/siteImages/bg_image3.gif);}
#site .slide4 {background-image: url(../media/siteImages/bg_image4.gif);}




/* 1.0 - Body
------------------------------------------------------------*/
	
#site {
	background-image: url(../media/siteImages/bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #E7E9D3;
	font-family: "Trebuchet MS", Verdana, Arial;
}


/* 1.1 - Body / Wrapper
------------------------------------------------------------*/
#wrapper {  }

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

#site #container { width: 1200px; }
#site #container_inner { width: 1024px; background-color: #FFFFFF; }

#site #container, #site #container_inner {
	margin-right: auto;	margin-left: auto;
	background-image: url(../media/siteImages/hands.jpg);
	background-position: center 410px;
	background-repeat: no-repeat;
}

#site #container_contentbg{
	background-image: url(../media/siteImages/bg_content.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

/* 2.0 - Header
------------------------------------------------------------*/
	
#site #header{
	height: 100px;
	margin-right: 40px;
	margin-left: 40px;
}

#site #header_top {
	height: 36px;
	background-image: url(../media/siteImages/bg_headerblue.jpg);
	background-repeat: repeat-x;
	padding-top: 8px;
	padding-left: 7px;
}

#site .logo {
	margin-top: 15px;
	margin-left: 0px;
}

/* 2.1 - Header / Secondary Navigation
------------------------------------------------------------*/

#site #secondary_navigation {
	list-style-type: none;
	display: block;
	height: 25px;
	overflow: hidden;
	margin-bottom: 0px;
	padding: 0px;
	float: right;
}

#site #secondary_navigation li{
	display: block;
	float:left;
}

#site #secondary_navigation li a{
	display: block;
	text-decoration: none;
	color: #9DAA40;
	float: left;
	text-align: center;
	font-size: 13px;
	height: 32px;
	line-height: 32px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: normal;
}

#site #secondary_navigation li a:hover{
	color: #083963;
	background-color: #FFFFFF;
}

#tel {
	display: block;
	overflow: hidden;
	margin-bottom: 0px;
	padding-top: 40px;
	float: right;
	clear:both;
}

#tel p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#083963;
	}
	
#tel p span	{
	color:#8C9933;
	font-size:24px;
	}



/* 2.2 - Header / Primary Navigation
------------------------------------------------------------*/

#site #primary_navigation {
	list-style-type: none;
	display: block;
	height: 45px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 40px;
	clear: both;
	background-color: #083962;
	padding: 0px;
	background-image: url(../media/siteImages/bg_primary_navigation.jpg);
	background-repeat: repeat-x;
}

#site #primary_navigation li { float: left; }
#site #primary_navigation li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	float: left;
	text-align: center;
	font-size: 15px;
	height: 45px;
	padding-right: 14px; 
	padding-left: 14px;
	font-weight: normal;
	line-height: 45px;
	text-transform: capitalize;
	position: relative;
	z-index: 999;
	cursor: hand;
}

#site #primary_navigation li .focused{
	background-image:url(../media/siteImages/navbg.jpg);
	background-repeat:repeat-x;
}

#site #primary_navigation li a:hover {
	color: #FFF;
	background-color: #069;
}

#site #primary_navigation .rmLevel1 a { min-width: 100px;  margin: 0; background:#1E4A71; }
#site #primary_navigation .rmLevel2 a { min-width: 100px;  margin: 0; }

/*
#site #primary_navigation li a span {
	font-size: 10px;
	display: block;
	color: #818181;
	padding-top: 3px;
}
*/

/* 2.2 - Header / Image Container
------------------------------------------------------------*/

#image_container {
	background-image: url(../media/siteImages/bg_image.gif); 
	height:329px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 12px;
	margin-bottom: 20px;
	margin-right: 40px;
	margin-left: 40px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	display: block;
	overflow: hidden; }
	
#image_slide {
	background-image: url(../media/siteImages/bg_image.gif);
	background-repeat: no-repeat;
	height: 329px;
}


/* 3.0 - Content
------------------------------------------------------------*/

#site #content {
	margin-top: 90px;
	margin-bottom: 60px;
	padding-right: 25px;
	padding-left: 25px;
}




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

#site #column_1 {
	width: 470px;
	float: left;
	background-repeat: no-repeat;
	padding: 0 25px 0 0;
}




/* 3.2 - Content / Column 2
------------------------------------------------------------*/
#site #column_2 {
	width: 470px;
	float: left;

	
}

/* 3.3 - Content / Column 3
------------------------------------------------------------*/
#site #column_3 { width: 300px; float: left; background-image: url(../media/siteImages/home_column3.jpg); background-repeat: no-repeat; }

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


/* 3.5 - Content / Form Styling
------------------------------------------------------------*/
/*
#site #sent{
	color: #FFFFFF;
	background-color: #333333;
	padding: 8px;
	margin-right: 50px;
	margin-left: 25px;
	text-align:center;
}

#site #sent p{
	color: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 1.1em;
}

#site #sent strong{
	font-size: 1.5em;
}

#site .formTxtBox{
	width: 99%;
	height: 20px;
	background-color: #EFE9EA;
	padding: 2px;
	margin-right: 15px;
	margin-top: 5px;
	border: 1px solid #9AB3B8;
}

#site .formTxtBoxSm{
	height: 20px;
	background-color: #EFE9EA;
	padding: 2px;
	margin-left: 0px;
	margin-top: 5px;
	border: 1px solid #9AB3B8;
}

#site .formTxtBoxMulti{
	width: 99%;
	height: 150px;
	background-image: url(../media/siteImages/formfield-background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #9AB3B8;
	background-color: #FEFEFE;
	margin-top: 5px;
}

#site #content #contactFormContainer { width: 448px; height: 483px; background: transparent url(../media/siteImages/placeholder_contact.jpg) no-repeat left top; }


#site label {
	display: block;
	font-weight: normal;
	margin-bottom: 2px;
	margin-left: 0px;
	font-size: 1.1em;
	color: #666666;
	line-height: 1em;
	margin-top: 2px;
}

#site fieldset {
	padding: 10px;
	background-color: #FFFFFF;
	margin-right: 50px;
	margin-left: 25px;
	display: block;
	margin-top: 25px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#site #column1 fieldset p {
	margin-left: 0px;
}
#site .formButton {
	color: #FFFFFF;
	width: 99%;
	margin-top: 15px;
	display: block;
	font-size: 1em;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	height: 34px;
	margin-right: auto;
	background-image: url(../media/siteImages/formbutton-background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #333333;
	margin-left: auto;
}

#site .formButton2 {
	color: #FFFFFF;
	width: 80%;
	margin-top: 15px;
	display: block;
	font-size: 1em;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	height: 34px;
	margin-right: auto;
	background-image: url(../media/siteImages/formbutton-background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #CCCCCC;
	margin-left: auto;
}

#site .asp_form label {
	color: #000;
	width: 100%!important;
}

#site .asp_form .formTxtBox{
	width: 90%;
	height: 20px;
	background-color: #EFE9EA;
	padding: 2px;
	margin-right: 15px;
	margin-top: 5px;
	background-image: url(../media/siteImages/formfield-background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: 1px solid #9AB3B8;
}

#site .asp_form .formTxtBoxMulti{
	width: 90%;
	height: 150px;
	background-image: url(../media/siteImages/formfield-background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #9AB3B8;
	background-color: #FEFEFE;
	margin-top: 5px;
}

#site .asp_form .formButton {
	color: #FFFFFF;
	width: 85%;
	margin-top: 15px;
	display: block;
	font-size: 1em;
	font-weight: bold;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
	height: 34px;
	background-image: url(../media/siteImages/formbutton-background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #349A46;
	margin-left: 35px;
	margin-right: auto;
}


#site .asp_form li {
	background-image: none!important;
	background: none!important;
	list-style-type: none!important;
	list-style-image: none!important;
}
*/

#site #content #contactFormContainer { width: 445px; height: 501px; background: transparent url(../media/siteImages/placeholder_contact.jpg) no-repeat left top; 
	padding: 89px 0 0 20px;}

#site #content .form_row { display:block; clear: both; padding: 0 0 5px 0; margin-bottom:0px; }

#site #content #contactFormContainer label { height: 30px; width: 110px; line-height: 30px; 
	display: block; float: left; color: #083962; font-weight: bold;}

#site #content #contactFormContainer .formTxtBox, #site #content #contactFormContainer .formTxtBoxMulti {
	width: 262px; border: 1px solid #A5B54A; line-height: 30px; color: #083962; padding: 0 5px 0 5px; background-image: url(../media/siteImages/gradient.jpg); background-position: top; background-repeat: repeat-x; margin-top:5px; }	

#site #content #contactFormContainer .formTxtBox { height: 30px; }
#site #content #contactFormContainer .formTxtBoxMulti { height: 130px; }


#site #content #contactFormContainer .form_button { width: 266px; height: 35px; background-color: #083962; border: none;
	margin: 20px 0 0 115px; color: white;  }
	
	
	
#site #content #contactFormContainer .form_statusbox_fail	{
	background-color: #FFC;
	border: #FC6 1px solid;
	width:360px;
	padding:10px;
	margin: 5px 0 10px 0;
	color:#F63;
}

#site #content #contactFormContainer .form_statusbox_fail ul {
	margin:0px;
	padding:20px 0 0 20px;
	display: none;
}

#site #content #contactFormContainer .form_statusbox_fail li {
	line-height:5px;
	color:#666;
	font-size:11px;
}

.ShowFormButton {background: Transparent url(../media/siteImages/thumb.jpg) no-repeat 40px top; width:360px; height:400px; display: block; }

.form_statusbox_success	{
	background:#dae394;
	border:#a8b63d 1px solid;
	width:360px;
	padding:10px;
	margin: 5px 0 10px 0;
	color:#798521;
}
/* 4.0 - Footer

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



#site #footer {
	height: 220px;
	clear: both;
	background-color: #083963;
	padding: 15px;
	background-image: url(../media/siteImages/footer.jpg);
	background-repeat: repeat-x;
	background-position: right top;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #CAD57D;
	}
	
#site #footer .footerNews {
	float:right;
	width:402px;
	height:160px;
	display:block;
	margin:0px;
	padding:55px 35px 20px 35px;
	margin-right:10px;
	clear:both;
	background-image:url(../media/siteImages/crayon_blue_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#FFF;
}

#site #footer .footerNews .block{
	margin-left:0px;
	margin-right:0px;
	}

#site #footer .footerNews .sideBox h3{
	color: #083963;
	margin-bottom:7px;
	font-weight:normal;
	font-size:15px;
}

#site #footer .footerNews .sideBox .dark{
	color: #666;
	font-size:11px;
	line-height:15px;
	padding-top:20px;
	}
	
#site #footer fieldset	{
	margin:0px;
	padding:0px;	
	}

#site #footer .footerNews .sideBox .formButton, #site #footer .footerNews .sideBox .button{
	border:none;
	float:left;
	background-image: url(../media/siteImages/signup.jpg);
	width:91px;
	height:61px;
	margin-top:5px;
	margin-left:10px
}

#site #footer .footerNews .sideBox .newsfields	{
	float:left;
	margin-left:0px;
	}

#site #footer label	{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #083963;
	font-weight:normal;
	width:20px;
	font-size:11px;
	display: inline-block;
}

#site #footer .footerNews .sideBox .formItem, #site #footer .footerNews .sideBox .formTxtBox	{
	width:225px;
	background-image: url(../media/siteImages/gradient.jpg);
	background-position:top;
	background-repeat: repeat-x;
	border: 1px solid #A5B54A;
	padding:3px;
	}

#site #footer input	{
	width:142px;
}

#site .succes_info { 
	color:#D0D998;
	display:inline-table;
	font-weight:bold;
	padding:0 10px 3px;
	line-height: 20px;
	border-bottom: 3px dotted;
}


#site #footer .block {
	display:block;
	margin: 8px 0 5px 0;
}

#site #footer .floatRight	{
	float:right;
	margin-right:50px;
}


#site #feet {
	background-image: url(../media/siteImages/feet.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 400px;	
	}
	
#site #footer	ul	{
	padding-left:20px;
	}

#site #footer	li	{
	list-style-image: url(../media/siteImages/bullet.gif);
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#666666;
	line-height:20px;
	}
	
	
	
	

/* 5.0 - Miscellaneous
------------------------------------------------------------*/

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

#site #content .sidebox {
	background-image: url(../media/siteImages/sidebox_middle.jpg);
	background-repeat: repeat-y;
	width: 237px;
	margin-bottom: 12px;
	font-size:12px;
}

#site .buttonbutton {
	display: block;
	height: 30px;
	width: 100px;
	line-height: 30px;
	color: #999999;
	text-align: center;

	background-image: url(../media/siteImages/sidebox_button.gif);
	background-repeat: no-repeat;

	font-size: 12px;
	text-decoration: none;
	margin-top: 10px;
}

#site #content .sidebox .button {
	color: #999999;
	float: right;
		margin-left: 8px;

}

#site #container .button:hover {
	color: #FFFFFF;

}
#site #content .course {
	background-image: url(../media/siteImages/courses2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 111px;
	width: 175px;
	display: block;
	text-decoration: none;
	float: left;
	margin-right: 6px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #8C9933;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height:18px;
}
#site #content .course:hover {
	background-position: 0px -124px;
		color: #8C9933;
}


#site #content .course:hover strong{
	
	color: #FFFFFF;
}



#site #content .course strong {
	font-size: 14px;
	text-transform: uppercase;
	color: #083963;
	margin-bottom: 3px;
}




#site #content .sidebox_footer {
	background-image: url(../media/siteImages/sidebox_footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	clear: both;
	height: 15px;

}


#site #content .sidebox p{
	color: #999;
	margin-top: 0px;
	margin-bottom: 2px;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-right: 2px;
	margin-left: 2px;
	background-image: url(../media/siteImages/gradient_grey_to_white.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
}

#site #content .sidebox p:hover{
	background-color: #DDDDDD;
	background-image: none;
	color: #333333;
}


#site #content .sidebox h3{
	color: #999999;
	font-size: 23px;
	background-image: url(../media/siteImages/sidebox_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	clear: both;
	width: auto;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-weight: normal;
}


#site #content .sidebox_2 h3{
	color: #999999;
	margin: 0px!important;
	padding: 0px;
}

#site #content .sidebox_2 h3 a{
	color: #999999;
	background-image: url(../media/siteImages/sidebox2_header.jpg);
	margin: 0px!important;
	margin: 0px!important;
	background-repeat: no-repeat;
	display: block;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	text-decoration: none;
}
#site #content .sidebox_2 h3 a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}



#site #content .sidebox_2 .sidebox_footer {
	color: #999999;
	background-image: url(../media/siteImages/sidebox2_footer.jpg);
}

#site #content .sidebox_2 {
	color: #999999;
	background-image: url(../media/siteImages/sidebox2_middle.jpg);
}
#site #content .sidebox_2 p{
	background-image: url(none);
	font-size: 16px;
	color: #FFFFFF;
	display: block;
	font-weight: normal;
	padding-right: 100px;
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
}

#site #content .sidebox_2 p:hover{
	background-color:transparent;
	color: #FFFFFF;
}


#site #content strong {
	font-size: 13px;
	color: #333333;
}

#site #content .video	{
	background-image: url(../media/siteImages/holding_introvid.jpg);
	width:463px;
	height:623px;
}

#site #content .video:hover	{
	background-position: 463px;
}

#site .newsletter	{
	margin:20px;
	}

#site .newsletter	label{
	color:#333333;
	margin-top:5px;
	}
	
#site .newsletter	input	{
	width:99%;
	}
	
#site #content .downloadNews {
	width:614px;
	height:467px;
	margin:0px;
	padding:0px;
	margin-right:50px;
	clear:both;
	background-image:url(../media/siteImages/newsletterbg.jpg);
	background-repeat:no-repeat;
	padding:240px 250px 0px 40px;
	margin-top:0px;
	
}

#site #content .downloadNews .sideBox	{
	width:370px;
}	

#site #content .downloadNews .sideBox label	{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #083962;
	width:150px;
	font-weight:bold;	
}

#site #content .downloadNews .formTxtBox {
	width: 282px; border: 1px solid #A5B54A; line-height: 30px; color: #083962; padding: 8px; background-image:url(../media/siteImages/gradient.jpg); background-repeat:repeat-x; background-position:top; }	

#site #content .downloadNews .block {
	display:block;
	margin-bottom:20px;
}

#site #content .downloadNews .button	{
	border:none;
	float:left;
	background-image: url(../media/siteImages/signup.jpg);
	width:91px;
	height:61px;
	margin-top:5px;
	margin-left:265px
}

#site #content .downloadNews .dark	{
	font-size:12px;
	margin-bottom:20px;	
}

#site #content .downloadNews fieldset	{
	margin-top:20px;
}


/* 5.2 - Miscellaneous -  Homebox
------------------------------------------------------------*/

#site #gallery {
	height: 350px;

}



#site #content .homebox {
	float: left;
	width: 155px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 100px;
	padding-top: 15px;
	padding-right: 130px;
	padding-bottom: 15px;
	padding-left: 15px;
	color: #999999;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
 .homebox_1 {
	background-image: url(../media/siteImages/homebox1.jpg);
	background-repeat: no-repeat;
}

 .homebox_2 {
	background-image: url(../media/siteImages/homebox1.jpg);
	background-repeat: no-repeat;
}

 .homebox_3 {
	background-image: url(../media/siteImages/homebox_3.jpg);
	background-repeat: no-repeat;
}

 .homebox_4 {
	background-image: url(../media/siteImages/homebox1.jpg);
	background-repeat: no-repeat;
}

 .homebox_5 {
	background-image: url(../media/siteImages/homebox1.jpg);
	background-repeat: no-repeat;
}

 .homebox_6 {
	background-image: url(../media/siteImages/homebox1.jpg);
	background-repeat: no-repeat;
}





#site #content .section {
	background-image: url(../media/siteImages/section_bg.jpg);
	background-repeat: no-repeat;
	height: 162px;
	width: 292px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: block;
	float: left;
	background-position: left top;
	padding-top: 8px;
	padding-left: 8px;
	font-size: 18px;
	color: #999999;
	font-weight: normal;
	text-decoration: none;
}

#site #content .section:hover {
	color: #FFFFFF;
	background-position: left -170px;
	background-color: #333333;
}


#site .homebox strong{
	display: block;
	font-size: 25px;
	font-weight: normal;
	text-transform: uppercase;
	color: #666666;
	letter-spacing: 4px;
}




#site .image_1image_1 {background-image: url(../media/siteImages/header_doors.jpg);}
#site .image_2image_2 {background-image: url(../media/siteImages/header_wardrobes.jpg);}
#site .image_3image_3 {background-image: url(../media/siteImages/header_storage.jpg);
}
#site .image_4image_4 {background-image: url(../media/siteImages/header_doors-alumnium.jpg);}
#site .image_5image_5 {background-image: url(../media/siteImages/header_doors-canto.jpg);}
#site .image_6image_6 {background-image: url(../media/siteImages/header_wardrobes_aspen.jpg);}
#site .image_7image_7 {background-image: url(../media/siteImages/header_wardrobes_canto.jpg);}
#site .image_8image_8 {background-image: url(../media/siteImages/header_wardrobes_aluminium.jpg);}
#site .image_9image_9 {background-image: url(../media/siteImages/header_wardrobes_milan.jpg);}
#site .image_10image_10 {background-image: url(../media/siteImages/header_wardrobes_delano.jpg);}
#site .image_11image_11 {background-image: url(../media/siteImages/header_wardrobes_oxford.jpg);}
#site .image_12image_12 {background-image: url(../media/siteImages/header_wardrobes_systemduo.jpg);}
#site .image_13image_13 {background-image: url(../media/siteImages/header_wardrobes_delano.jpg);}
#site .image_14image_14 {background-image: url(../media/siteImages/header_wardrobes_delano.jpg);}
#site .image_15image_15 {background-image: url(../media/siteImages/header_wardrobes_delano.jpg);}
#site .image_16image_16 {background-image: url(../media/siteImages/header_brochure.jpg);}
#site #header_secondary {
	background-color: #333333;
	clear: both;
	height: 32px;
}

#site #header_secondary_inner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#site #header_secondary p {
	float: right;
	font-size: 22px;
	line-height: 32px;
	color: #666666;
	height: 32px;
	font-weight: normal;
}

#site #header_secondary #search {
	background-color: #999999;
	height: 25px;
	width: 149px;
	float: right;
	background-image: url(../media/siteImages/search.jpg);
	background-repeat: no-repeat;
	margin-top: 3px;
	margin-left: 20px;
}

#site #header_links {
	float: right;
	width: 570px;
}

#site #header_links a {
	float: left;
	height: 75px;
	width: 180px;
	color: #999999;
	padding-top: 20px;
	padding-left: 10px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

#site #header_links a:hover {
	color: #333333;
	background-position: 0px -120px;
}

#site #header_links strong {
	display:block;
	font-size: 19px;
	font-weight: normal;
	text-transform: uppercase;
	color: #333333;
}

#site .header_link1 {
	background-image: url(../media/siteImages/header_1.jpg);
}


#site .header_link2 {
	background-image: url(../media/siteImages/header_2.jpg);
} 

#site .header_link3 {
	background-image: url(../media/siteImages/header_3.jpg);
} 

/* Image Stlyes
------------------------------------------------------------*/
#site #container #image_container .image_text_level1 strong{
	font-size: 32px;
	color: #FFFFFF!important;
	padding-bottom: 12px;
	display: block;
}

#site #container .image_text_level2 {
	font-size: 21px;
	color: #003366;
	padding-bottom: 12px;
	line-height: 28px;
}

#site #container .image_text_level3 {
	font-size: 14px;
	color: #E9EBD6;
	
}

#image_inner { display:block; }


#site .image_inner_text{
	float: left;
	width: 370px;
	height: 300px;
	margin-left: 20px;
	margin-top: 20px;
	background-image: url(../media/siteImages/image_quote.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 30px;
	padding-top: 20px;
}

#site .image_inner_image {
	background-color: #083962;
	float: left;
	width: 482px;
	height: 312px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	margin-top: 8px;
	margin-left: 8px;
}



/* 6.0 - Tables - Default table styles
------------------------------------------------------------*/
/*
#site #content table{ width:100%; border-collapse:collapse; margin:1em 0; border-top-width: 3px; border-top-style: solid; border-top-color: #9FD7FF;}
#site #content table, td{ }
#site #content caption { color: #0060A6; font-weight: bold; font-size: 14px; padding-bottom: 3px; }

#site #content th, td{text-align:left;padding:.5em;border:1px solid #fff;}

#site #content th{ color:#fff; background-color: #0075CE; background-image: url(../tr_back.gif); background-repeat: repeat-x; }
#site #content td{ background-color: #E9E9E9; color: #666666; }
#site #content tr.even td{ background-color: #EFEFEF; }
#site #content tr.odd td{ background-color: #FFFFFF; }
#site #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*/







#site .highlight_paper {
	background-image: url(../media/siteImages/list_crayon_bg.jpg)!important;
	background-repeat: no-repeat;
	padding-top: 77px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 90px;
	margin-bottom: 25px;
	min-height:150px;
	line-height:20px;
}


*html .highlight_paper {
	height: 150px;

}


#site .highlight_paper h3 {
	padding-bottom: 8px!important;
	padding-top: 0px!important;
	padding-right: 0px!important;
	color: #083963!important;
	font-size: 33px!important;
	margin: 0px;
	line-height:20px;
}


#site .highlight_paper p {

	color: #848F30!important;

}

#site .highlight_paper a {
	color: #083963!important;
	background-image: url(../media/siteImages/caaltoaction_circle.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 49px;
	width: 100px;
	margin-right: 15px;
	font-size: 17px;
	font-weight: normal;
	text-decoration: none;
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 15px;
	line-height:20px;
}

#site .highlight_paper a:hover {
	background-position: 0px -70px;
}





#site .calltoaction {
	background-image: url(../media/siteImages/calltoaction.jpg);
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 12px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
}

#site .calltoactionpcalltoactionp strong{
	font-size: 20px;
	color: #083962;
}

#site .calltoaction p {
	color: #717A29;
}

#site .calltoaction a {}

#site .calltoaction ul {
	list-style-type: none;
	padding-left: 10px;
	padding-top: 10px!important;
		margin-top: 0px!important;
}

#site .calltoaction li {
	background-image: url(../media/siteImages/list_crayon_bullet.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 35px;
	padding-bottom: 10px;
}



#site .logo img {
	margin-right: 10px;
	padding-right: 20px;


}


#site .news_item {
	padding-left: 0px;
	
	padding-top: 0px;

	display: inline-table;
}

#site #content .news_item_container {
	margin: 0px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#site #content .news_item_title {
	color:#77822D;
	display:block;
	font-size:22px;
	font-weight:normal;
	margin:0px!important;
	padding-bottom:10px;
	text-decoration: none;
	padding-top: 0px!important;
	padding-right: 0px!important;
	padding-left: 0px!important;
    }
#site #content .news_item_title a { color:#77822D; display:block; font-size:22px; font-weight:normal; margin:0; padding-bottom:10px; padding-top:0; text-decoration: none; }
#site #content .news_item_inner { margin: 0 0 0 70px; padding: 0; }
#site #content .news_item_text { color:#8C8C8C; font-size:13px; line-height:16px; margin-bottom:25px; margin-top:0; }

#site .news_item_date {
	background: url(../media/siteImages/news_date.jpg) no-repeat left top ;
	position: relative;	
	width: 64px;
	height: 64px;
	float: left;
	text-transform: uppercase;
	color: #fff;
	margin: 0 5px 5px 0;
}

#site #content .news_item_date .news_item_date_month { text-align: center; width:90%; padding: 5px 0 0 0; }
#site #content .news_item_date .news_item_date_day strong {
	text-align: center;
	width:90%;
	font-size: 2em;
	color: rgb(156,158,48);
	padding-left: 10px;
}
#site #content .news_item_date .news_item_date_year { display: none; } 



#site #content #individual-news-story-previous-page-link { margin: 10px; }
#site #content #individual-news-story .floatLeft { display: none; }


#site .quote {
	background-image: url(../media/siteImages/quote.jpg);
	padding-right: 50px;
	padding-left: 30px;
	padding-top: 20px;
	color: #273E5D!important;
	font-size: 16px!important;
	font-style: italic;
	background-repeat: no-repeat;
}
#site .quote strong{
	color: #8E9B35!important;
	font-weight: normal;
	font-size: 12px;
	margin-top: 3px;
}



#image_container .image_text_level1 span {
color: #77822F!important;

	}
	
	
#image_container .image_text_level2 span {
	color: #456DA5!important;
	font-size:20px;

}

#image_container .image_text_level2 .smaller {
	color: #284060!important;

}



#image_container .smaller {
	font-size: 0.7em!important;

}


.smaller {
	font-size: 1.4em!important;

}


.introtwo,  .introtwo strong {
	font-size: 21px!important;
	color: #273E5D!important;
	font-weight: normal!important;
	line-height: 23px!important;
}

.introtwo a:hover {
	color: #669933!important;
}

.video	{
}

.video:hover	{
	
}


/* 7.0 - Recycle Bin
------------------------------------------------------------*/

/*
Put old css in here:






*/