/* @override http://atomisedcoop.com/projects/id/css/style.css */

/* @override 
	http://localhost:8888/ID/ID_Build/css/style.css
	http://localhost:8888/ID/ID_Build/css/style.css
*/

/*****************************************************
* Reset
*****************************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body{line-height:1.5em;}
html,body {
    height:100%;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images. */
a img { border: none; }
a { outline: none;
	cursor:pointer;
	text-decoration:none;
}
ul {
	list-style:none;
}

input:focus, textarea:focus {outline:none;}
/*****************************************************
* 960 Grid
*****************************************************/
/* Sets up basic grid floating and margin. */
.width-1, .width-2, .width-4, .width-5, .width-6, .width-7, .width-8,.width-10, .width-11, .width-12 {display:inline;float:left;margin-left: 10px;margin-right: 10px;}
.width-3{
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:0;
	padding-left:10px;
	width:210px;
	background:#000 url(../images/tenpxbargradient.png) no-repeat;
	height:auto !important;/*all browsers except ie6 will respect the !important flag*/  
	min-height:956px;  
	height:956px; 
}
.width-9{
	display:inline;
	float:left;margin:0;
	width: 720px;
	background:black url(../images/sidebargradient.png) no-repeat;
	height:auto !important;/*all browsers except ie6 will respect the !important flag*/  
	min-height:956px;  
	height:956px; 
}
/* Use these classes to set the width of a column. */
.width-1  { width: 60px;}.width-2  { width: 140px;}.width-4  { width: 300px;}.width-5  { width: 380px;}.width-6  { width: 460px;}.width-7  { width: 540px;}.width-8  { width: 620px;}.width-10 { width: 780px;}.width-11 { width: 860px;}.width-12 { width: 940px;}
/* Add these to a column to append empty cols after. */
.after-1  { padding-right: 80px;}.after-2  { padding-right: 160px;}.after-3  { padding-right: 240px;}.after-4  { padding-right: 320px;}.after-5  { padding-right: 400px;}
.after-6  { padding-right: 480px;}.after-7  { padding-right: 560px;}.after-8  { padding-right: 640px;}.after-9  { padding-right: 720px;}.after-10 { padding-right: 800px;}
.after-11 { padding-right: 880px;}.after-12 { padding-right: 960px;}
/* Add these to a column to prepend empty cols before. */
.before-1  { padding-left: 80px;}.before-2  { padding-left: 160px;}.before-3  { padding-left: 240px;}.before-4  { padding-left: 320px;}.before-5  { padding-left: 400px;}.before-6  { padding-left: 480px;}.before-7  { padding-left: 560px;}.before-8  { padding-left: 640px;}.before-9  { padding-left: 720px;}.before-10 { padding-left: 800px;}.before-11 { padding-left: 880px;}.before-12 { padding-left: 960px;}
/*add these to remove the padding*/
.left-nopad{margin-left:0px;}
.nopad{margin-left:0px; margin-right:0px;}	
/*****************************************************
* main containers
*****************************************************/
#header_wrapper {
	width: 100%;
}
.header_container {
  	width: 960px;
	padding:0 4px;
  	margin: 0 auto;
  	height:138px;
  	background:url(../images/header6.png) no-repeat;
}
#footer_wrapper {
	width: 100%;
	height:190px;
}
.footer_container {
  	width: 960px;
	padding:0 4px;
  	height: 152px;
  	margin: 0 auto;
  	position:relative;
  	background:url(../images/container_bck_5.png);
	top:-1px;
}
.footer_container2 {
  	width: 960px;
	padding:0 4px;
  	height: 142px;
  	margin: 0 auto;
  	position:relative;
  	background:url(../images/container_bck_5.png);
	top:-1px;
}
.footer-inner{
	height:152px;
  	background:url(../images/footer5.png);
	position: relative;
	width: 940px;
	margin:0 10px;
  	overflow:hidden;
}	
.footer-inner2{
	height:142px;
  	background:url(../images/footer6.png);
	position: relative;
	width: 940px;
	margin:0 10px;
  	overflow:hidden;
}	
.footer-base{
  	width: 960px;
	padding:0 4px;
  	height: 24px;
  	margin: 0 auto;
  	position:relative;
  	background:url(../images/footerbase5.png);
	top:-1px;
}
.container {
  	width: 960px;
	padding:0 4px;
  	overflow:hidden;
  	margin-left: auto;
	margin-right: auto;
	position: relative;
	top:-1px;
  	/*background:url(../images/container_bck_noblack5.png);*/
	background: #ccc url(../images/cederholm.png) repeat-y 50% 0;
}
.home-container {
  	width: 960px;
	padding:0 4px;
  	overflow:hidden;
  	margin-left: auto;
	margin-right: auto;
	position: relative;
	top:-1px;
  	background:url(../images/container_bck_5.png)
}
.inner{
	position: relative;
	width: 896px;
	border:8px solid #EBEBEB;
  	overflow:hidden;
	margin-right: 24px;
	margin-top: 0;
	margin-left: 24px;
}
.inner2{
	position:relative;
	width:681px;
	border:5px solid #999999;
	margin-left:16px;
	background:#FFFFFF;
	height:auto !important;/*all browsers except ie6 will respect the !important flag*/  
	min-height:703px;  
	height:703px;
}
.inner2-text{
	width:641px;
	padding: 0 26px;
	margin-bottom:20px;
}


.inner3{
	position:relative;
	width:681px;
	border:5px solid #999999;
	margin-left:16px;
	background:url(../images/contact_back.png);
	background-position: 0 143px;
	height:auto !important;/*all browsers except ie6 will respect the !important flag*/  
	min-height:849px;  
	height:849px; 
}
.inner-sidenav{
	width:210px;
	background:url(../images/subnav_slice.png);
	height:auto !important;/*all browsers except ie6 will respect the !important flag*/  
	min-height:956px;  
	height:956px; 
}
.home-top{
	background:url(../images/homeimage.jpg) no-repeat;
	width:896px;
	height:494px;
	margin-bottom:20px;
}

.home-nav, .home-mid{
	display:inline; float:left;
}
.home-nav{
	width: 198px;
	margin-right: 28px;
	margin-left: 31px;
	position: relative;
    margin-top: -160px;
	padding-bottom: 84px;	   border:1px solid #c3c3c3;
	background: #e7eaea;	
	z-index:2;
	color: #dedede;
}
ul#sidenav{
	float:right;
	text-align:right;
	margin:-40px 10px 10px 10px;
	font-family:Candara, "Trebuchet MS", Arial;
	font-size:24px;
	font-weight:bold;	
	color:#333;
}
.home-nav img{
	position:relative;
	top:-20px;
	left: -16px;
}
.home-mid{
	width: 603px;
	margin-left: 8px;
	margin-top: -33px;
}

div.home_wrapper {
	float: left;
}
.adr{
	width:192px;
	padding-left:18px;
	margin-top:18px;
}
.adr2{
	margin-top:0 !important;
}
div.staff{margin-bottom:44px;}
/*****************************************************
* navigation 
*****************************************************/
h1.logo a{
	text-indent:-9999px;
	width:254px;
	height:80px;
	float:left;
	overflow:hidden;
	position: relative;
	margin-top: 14px;
	left: 32px;
}
#navbar {
	height:59px;
}
ul#nav { background:url(../images/nav.png);}
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:28px; display:block; text-indent:-9999px; outline:none }

li#navHome a, li#navServices a, li#navProfile a, li#navStaff a, li#navContact a { background:url(../images/nav.png)}

li#navHome a 						{ background-position:0 0; width:102px; left:0 }
li#navHome a:hover					{ background-position:0 -28px }
body#pagehome li#navHome a 			{ background-position:0 -28px }

li#navServices a 						{ background-position:-102px 0; width:80px; left:102px }
li#navServices a:hover					{ background-position:-102px -28px }
body#pageservices li#navServices a 		{ background-position:-102px -28px }

li#navProfile a 						{ background-position:-182px 0; width:113px; left:182px }
li#navProfile a:hover					{ background-position:-182px -28px }
body#pagecompany-profile li#navProfile a 		    { background-position:-182px -28px }

li#navStaff a 						{ background-position:-295px 0; width:78px; left:295px }
li#navStaff a:hover					{ background-position:-295px -28px }
body#pagekey-staff li#navStaff a 		    { background-position:-295px -28px }

li#navContact a 						{ background-position:-373px 0; width:87px; left:373px }
li#navContact a:hover					{ background-position:-373px -28px }
body#pagecontact li#navContact a 		{ background-position:-373px -28px }


/*****************************************************
* Typography styles
*****************************************************/
body {
	font-size: 14pt;
	line-height: 24px;	
	color:#000;
	font-family:"Lucida Grande","Lucida Sans Unicode", "Lucida Sans",Verdana,Arial,sans-serif;
}
.home-top h2{
	position:relative;
	top: 327px;
	left: 255px;	
	width: 614px;
	font-family:Candara,"Trebuchet MS", Arial;
	font-size:30px;
	line-height:32px;
	text-align:justify;	
	color:#000;
	letter-spacing: -1px;
	margin-left: 12px;
}
.inner-sidenav h2{
	font-family:Candara, "Trebuchet MS", Arial;
	font-weight:bold;
	font-size:24px;
	line-height:48px;
	color: #ffffff;
	text-shadow: 0 -1px 0 #333;
}
.inner-sidenav2 h2{
	font-family:Candara, "Trebuchet MS", Arial;
	font-weight:bold;
	font-size:24px;
	line-height:48px;
	color: #ffffff;
	text-shadow: 0 -1px 0 #333;
}
h2.banner{
	position:relative;
	top:-5px;
	background:url(../images/curved_bar.png) no-repeat;
	height:39px;
	width:661px;
	text-align:right;
	padding: 13px 20px 0 0;
	color:#FFFFFF;
	font-family:Candara, "Trebuchet MS", Arial;
	font-weight: bold;
	font-size:24px;
	margin-bottom:16px;
	text-shadow:0 -1px 0 #666;
}
h2.banner2{
	position:relative;
	top:-5px;
	background:url(../images/curved_bar.png) no-repeat;
	height:39px;
	width:661px;
	text-align:right;
	padding: 13px 20px 0 0;
	color:#FFFFFF;
	font-family:Candara, "Trebuchet MS", Arial;
	font-weight: bold;
	font-size:17px;
	margin-bottom:16px;
	text-shadow:0 -1px 0 #666;
}
h2.service{margin-left:18px;padding-top:16px;}
h2.contact{margin-left:18px;line-height:36px;}
h2.contact_profile{margin-left:18px;line-height:36px;padding-top:22px;}
h2.contactus{color:#FFFFFF;padding-top:16px;text-shadow:0 -1px 0 #666;padding-bottom:12px;background:url(../images/arrow.png) no-repeat 160px 30px;}
.inner2-text h3{
	font-family:Candara, "Trebuchet MS", Arial;
	font-weight:bold;
	font-size:24px;
	color: #000;
}
h3.staff{font-weight:normal;
font-size: 1.17em;}
p{
	margin-bottom:20px;
	text-align:justify;
	letter-spacing: -1px;
	font: 14px/20px "Lucida Grande","Lucida Sans Unicode", "Lucida Sans",Verdana,Arial,sans-serif;
}
.adr p{
	color:#FFFFFF;
	font-family:"Lucida Grande","Lucida Sans Unicode", "Lucida Sans",Verdana,Arial,sans-serif;
	font-size:10px;
	line-height:14px;
	margin-bottom:14px;	
	letter-spacing: 0;
}
.adr p.email{margin-bottom:0px;}
.adr span{
	display:block;
}
.adr a{text-decoration:none;color:#FFFFFF;}
.adr a:hover{text-decoration:underline;}
.home-mid p{text-align: left;
}
p.sixteen{font-size:16px;font-weight:bold;}
span.dark{color: #f39627;
	font-weight: bold;
}
span.Description {
	color: #f39627;
	position: relative;
	bottom: 6px;
	font: small-caps 13px Candara, "Trebuchet MS", Arial;
}
.footer span{font-size:12px;color:#FFF;text-align:center;}

strong {
	font-weight: bold;
}
span.mail_tel {
 background: transparent url(../images/mail_tel.png) no-repeat;
 height:26px; width: 211px;color: #b4b6b6;display:inline;
 font-size: 11px;
 float: left;
 text-align: center;
 padding-top: 1px;
 margin-top: 67px;
 margin-left: 0;
 left: 125px;
 position: relative;
 padding-right: 32px;
}

span.mail_tel_contact {
 display: inline;
 float: left;
}



span.mail_tel a {
 color: white;
}

span.mail_tel a:hover {
 color: #f39627;
}
span.mail_tel.orange a  {
color: #f39627;
}

span.mail_tel.orange a:hover {
color: #fff;
}
/*****************************************************
* list styles
*****************************************************/
ul#sidenav li {
	padding-bottom: 5px;
	padding-top: 7px;
}
ul#sidenav li a{
font: normal 16px/15px "Lucida Grande","Lucida Sans Unicode", "Lucida Sans",Verdana,Arial,sans-serif;
	color:#000;
}
ul#sidenav li a:hover{
	text-decoration:underline;
}
.inner-sidenav ul{
	width:195px;
	line-height:48px;
	margin-bottom:48px;
}
.inner-sidenav ul li{
	padding-left:18px;
	font-weight:normal;
	font-size:17px;
	width:192px;
	letter-spacing: -1px;
}
 .inner-sidenav ul li a{
 color:#000;
 text-shadow:0 1px 0 #999;
}
.inner-sidenav li:hover{
	background:url(../images/arrow.png) no-repeat;
	background-position:188px 16px;
}
.inner-sidenav li.active{
	background:url(../images/sidebar_active.png) no-repeat;
	background-position:0 6px;
	color:#FFFFFF;
}
.inner-sidenav li.active a {
	color:#FFFFFF;
	text-shadow:0 -1px 0 #666;
	}
.inner2-text li{
	font-size: 14px;
	margin-bottom:12px;
	font-family:"Lucida Grande","Lucida Sans Unicode", "Lucida Sans",Verdana,Arial,sans-serif;
	text-align:justify;
	word-spacing: -2px;	
	list-style:inside square;
	list-style-position: outside;
}
#pagecompany-profile .inner2-text img {
	padding-top: 0;
	padding: 14px;
}
/*****************************************************
* image styles
*****************************************************/
img.banner{border-bottom:2px solid #999999;}
/****************************************************************
   * FORM STYLES *
*****************************************************************/
#navforms{
	height:80px;
}
#navforms form{
	display:inline;
	margin-left: 8px;
	width:211px;
	float:left;
	position:relative;
	height:26px;
}
form#selector{
}
form#search{
}
form#signup{
	position:relative;
	top: -5px;
	width: 283px;
	left: 4px;
}
form#contact{
	padding-left:9px;
	width:195px;
}	
fieldset {
	margin: 0;
	border: 0;
	text-indent:0;
	clear: left; /* make sure a new fieldsset starts cleam (omni) */
	border: 0 solid; /* older operas */
	position: relative; /* make legend move horizontally correct with rest of form in ie 5-6 */
	padding:0;
}
form label {
	display: block;
	float: left;
	width: 183px;
	padding:5px 0;
	color:#FFFFFF;
	font-family:"Lucida Grande","Lucida Sans Unicode", "Lucida Sans",Verdana,Arial,sans-serif;
	font-size:10px;
	line-height:12px;
	margin-left:10px;
}
textarea{overflow:auto;}
form#signup label{width:211px;text-align:center;
	padding-top: 3px;
	padding-left: 4px;
}
form input {
	display: block;
	padding: 5px 5px 5px 36px;
	height:14px;
	width: 148px;
	color:#FFFFFF;
	font-size:10px;
}

form input.pname{background:url(../images/form_mini_name_bck.png) no-repeat;color:#838080;
	font-style: italic;
	font-size: 11px;
	padding-left: 44px;
	width: 144px;
}
form input.pname:active, form input.pname:focus{background-position:0 -24px;color:#FFFFFF;}
form input.pemail{background:url(../images/form_mini_email_bck.png) no-repeat;color:#838080;
	font-style: italic;
	font-size: 11px;
	padding-left: 44px;
	width: 144px;
}
form input.pemail:active, form input.pemail:focus{background-position:0 -24px;color:#FFFFFF;}
form input.company{background:url(../images/form_mini_company_bck.png) no-repeat;color:#838080;
	font-style: italic;
	font-size: 11px;
	padding-left: 44px;
	width: 144px;
}
form input.company:active, form input.company:focus{background-position:0 -24px;color:#FFFFFF;}

form input.search{background:url(../images/search_field.png) no-repeat; display:inline;width: 168px;height:16px;

}
form input.search:active, form input.search:focus{background-position:0 -26px;color:#FFFFFF;}

form input.signup{background:url(../images/signup_field.png) no-repeat; height:16px; width: 160px;color:#838080;display:inline; padding: 5px 5px 5px 46px;
	font-style: italic;
	font-size: 11px;
}
form input.signup:active, form input.signup:focus{background-position:0 -26px;color:#FFFFFF;}

form#contactus{
	width:360px;	
	margin-left:160px;
}
form#contactus fieldset {
	margin: 0 auto;
	border: 0;
	text-indent:0;
	clear: left; /* make sure a new fieldsset starts cleam (omni) */
	border: 0 solid; /* older operas */
	position: relative; /* make legend move horizontally correct with rest of form in ie 5-6 */
	padding:0;
}
form#contactus label {
	display: block;
	float: left;
	width: 360px;
	padding:5px;
	color:#FFFFFF;
	font-family:Calibri, "Lucida Grande","Lucida Sans Unicode", "Lucida Sans",Verdana,Arial,sans-serif;
	font-size:20px;
	line-height:23px;
	font-weight:bold;
}
form#contactus input{
	background:url(../images/contact_input.png) no-repeat;
	display: block;
	padding:10px 15px;
	height:27px;
	width: 330px;
	color: #757676;
	font-size: 18px;
	font-family:"Lucida Grande","Lucida Sans Unicode", "Lucida Sans",Verdana,Arial,sans-serif;
	font-style:italic;
}
form#contactus input.noshow{display:none;}
form#contactus input:active, form#contactus input:focus{background-position:0 -47px;color:#FFFFFF;}
form#contactus textarea{
	background:url(../images/contact_textarea.png) no-repeat;
	display: block;
	padding:10px 15px;
	height:226px;
	width: 330px;
	border:none;
	color:#999999;
	font-size:18px;
	font-family:"Lucida Grande","Lucida Sans Unicode", "Lucida Sans",Verdana,Arial,sans-serif;
	font-style:italic;
}
form#contactus textarea:active, form#contactus textarea:focus{background-position:0 -246px;color:#FFFFFF;}
form#contactus span {
	margin-left:16px;
	margin-bottom: 0;
	bottom: 1px;
	position: relative;
}	
form#contactus input#submit-button {
	position:relative;
	float:right;
	text-indent:-9999px;
	border-style: none;
	cursor: pointer;
	height:42px;
	width:77px;
	background:url(../images/contact_send_button.png) no-repeat;
	display:inline;
	padding:0;
	margin:12px 3px 0 0;
}
form#contactus input#submit-button:active{background-position:0 -42px;}

form select {
	float: left;
	width:209px;
	height:26px;
	border:none;
}

form select.selector{background:url(../images/selector.png) no-repeat; display:inline;}

textarea.message {
	display: block;
	width: 173px;
	height:135px;
	background:url(../images/form_mini_textarea_bck.png) no-repeat;
	border-style: none;
	padding:10px;
	color:#FFFFFF;
	font-size:10px;
}
textarea.message:active, textarea.message:focus{background-position:0 -155px;color:#FFFFFF;}
input#signup-button {
	text-indent:-9999px;
	border-style: none;
	cursor: pointer;
	height:26px;
	padding:5px 0;
	width:47px;
	background:url(../images/signup_send_button.png) no-repeat;
	display:inline;
}
input#signup-button:active{background-position:0 -26px;}
input#send-button {
	position:relative;
	float:right;
	text-indent:-9999px;
	border-style: none;
	cursor: pointer;
	height:26px;
	width:47px;
	background:url(../images/sidebar_send_button.png) no-repeat;
	display:inline;
	padding:0;
	margin:12px 3px 0 0;
}
input#send-button:active{background-position:0 -26px;}

	
input#search-button {
}
input.noshow{display:none;padding:0;margin:0;}

#sidenav h3 {
	padding-bottom: 6px;
}
form#contactus p{color:#FFFFFF;}

/*sign up form styles*/
form#emailsignup{
	width:360px;	
	margin-left:160px;
}
form#emailsignup fieldset {
	margin: 0 auto;
	border: 0;
	text-indent:0;
	clear: left; /* make sure a new fieldsset starts cleam (omni) */
	border: 0 solid; /* older operas */
	position: relative; /* make legend move horizontally correct with rest of form in ie 5-6 */
	padding:0;
}
form#emailsignup label {
	display: block;
	float: left;
	width: 360px;
	padding:5px;
	color:#FFFFFF;
	font-family:Calibri, "Lucida Grande","Lucida Sans Unicode", "Lucida Sans",Verdana,Arial,sans-serif;
	font-size:20px;
	line-height:23px;
	font-weight:bold;
}
form#emailsignup input{
	background:url(../images/contact_input.png) no-repeat;
	display: block;
	padding:10px 15px;
	height:27px;
	width: 330px;
	color: #757676;
	font-size: 18px;
	font-family:"Lucida Grande","Lucida Sans Unicode", "Lucida Sans",Verdana,Arial,sans-serif;
	font-style:italic;
}
form#emailsignup input.noshow{display:none;}
form#emailsignup input:active, form#emailsignup input:focus{background-position:0 -47px;color:#FFFFFF;}
form#emailsignup textarea{
	background:url(../images/contact_textarea.png) no-repeat;
	display: block;
	padding:10px 15px;
	height:226px;
	width: 330px;
	border:none;
	color:#999999;
	font-size:18px;
	font-family:"Lucida Grande","Lucida Sans Unicode", "Lucida Sans",Verdana,Arial,sans-serif;
	font-style:italic;
}
form#emailsignup textarea:active, form#emailsignup textarea:focus{background-position:0 -246px;color:#FFFFFF;}
form#emailsignup span {
	margin-left:16px;
	margin-bottom: 0;
	bottom: 1px;
	position: relative;
}	
form#emailsignup input#submit-button {
	position:relative;
	float:right;
	text-indent:-9999px;
	border-style: none;
	cursor: pointer;
	height:42px;
	width:77px;
	background:url(../images/contact_send_button.png) no-repeat;
	display:inline;
	padding:0;
	margin:12px 3px 0 0;
}
form#emailsignup input#submit-button:active{background-position:0 -42px;}
form#emailsignup select{
	display: block;
	padding:10px 15px;
	height:27px;
	width: 330px;
	color: #757676;
	font-size: 18px;
	font-family:"Lucida Grande","Lucida Sans Unicode", "Lucida Sans",Verdana,Arial,sans-serif;
	font-style:italic;
}
form#emailsignup input.checkinput{
	display: inline;
	float: right;
	width: 90px;	
	background:none;
	padding:10px 15px;
	height:27px;
}
form#emailsignup label.checklabel{
	display: inline;
	float: left;
	width: 270px;
	padding:5px;
	color:#FFFFFF;
	font-family:Calibri, "Lucida Grande","Lucida Sans Unicode", "Lucida Sans",Verdana,Arial,sans-serif;
	font-size:20px;
	line-height:23px;
	font-weight:bold;
}
form#emailsignup label.question{
	margin-bottom:6px;	
}
h3.staff a{color:#000000; float:right; padding-right:24px; background:url(../images/envelope.png) no-repeat right; font-size:16px}
h3.staff a:hover{text-decoration:none;color:#F39627}