/**** General Layout ****/

body {
	font-family:Tahoma, Arial, sans-serif;
	font-size:68.5%;
	color:#fff;
	background:url(../img/layout/CantifixBG.jpg) repeat-x #272E38;
}
#container {margin: 0 auto;	width: 970px;	position:relative;}
#header {height: 82px;position:relative;}
#logo { 
	height: 82px;
	background: url(../img/layout/logo.gif) no-repeat 25px 5px; 
	position:absolute;
	width:200px;
	border:none;
	text-indent:-9000px;
}
#mainContent, .mainContent {
	background:#323A47 url(../img/layout/content_bg2.jpg) repeat-x top;
	padding:20px 20px 0 20px;
	overflow: hidden;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding-bottom:10px;
}
#mainContent.min { min-height: 400px;}
.mainContent { padding-bottom:20px; }
#footer {
	text-align:center;
	font-size:.8em;
	padding:5px 0;
	position:relative;
}
#adm {
	position:absolute;
	top:10px;
	right:150px;
}
#googlemap { padding-bottom:20px;}
div.colLeft { float:left; width:460px; }
div.colRight { float:right; width:460px; }
/**** Navigation ****/

#nav {
	position:absolute;
	right:10px;
	top:28px;
	width:609px;
}
#nav li {
	display:block;
	float:left;
	padding:5px;
	margin:0 10px;
	font-size:1.4em;
}
#nav li.current { background:url(../img/layout/menu_bg.jpg) repeat-x; }

/**** Font Styles ****/

a { text-decoration:none;color:#ccc;}
a:hover { color:#FDE2C6;}
p, #mainContent ul, #mainContent h3 {font-size:1em;line-height: 1.5em;padding-bottom:.8em;}
#footer p { line-height:1em;}
#mainContent h3 { font-size:1.2em;  font-weight:400; }
#footer h4 {
	background:url(../img/layout/strap.png) no-repeat 0 5px;
	width:226px;
	height:35px;
	margin:0 auto;
	text-indent:-9000px;
}
ul.basic_list { line-height:1.4em; list-style:inside disc; text-indent:1em; padding-bottom:1em;}
.error { color: #FF3; }
.input input.error, .input textarea.error  {background:#ff8080;}
h1, h2 {font-family:'Futura Bk',Tahoma, Arial, sans-serif;}
h1 {
	font-size:2.2em;
	color:#FDE2C6;
	border-bottom:1px solid #FDE2C6;
	padding: 0 0 5px 0;
	font-weight:normal;
	line-height:1.3em;
	margin-bottom:10px;	
}
h2 {
	font-size:1.4em;
	color:#FDE2C6;
	padding: 0 0 5px 0;
	font-weight:normal;
	line-height:1.3em;
}
strong { font-weight:bold; }
div.contact {
	padding: 0 10px 0 0;
	float:left;
	width:235px;
}
.sub { padding-top:.5em;}
small { font-size:75%;}
dt, dd { font-size:1.1em;line-height: 1.5em; }
dt { font-weight: bold; }
body.fastrack #mainContent p, body.fastrack #mainContent label, body.fastrack #mainContent legend, a.show_notes { font-size:12px; font-family: Arial, Helvetica, sans-serif;}
body.fastrack #mainContent h1, h2 { color:#E2D67B; }
body.fastrack #mainContent h1 { border-bottom:1px solid #E2D67B; }

/**** Info Area (Components page) ****/

#infoSpot {	background:#272E38;	padding:10px;}
img.floatRight, img.floatLeft { margin-bottom:10px; }
img.floatRight { margin-left:20px;}
img.floatLeft { margin-right:20px;}

/**** Form Styles ****/

.input input, .input textarea {  border:1px solid #666; width:20em;background-color: #fff;padding:.2em; } 
#UserContactForm {clear:both;}
div.input, div.button {padding-top:1em;}
label {display:block;	padding:.4em 0;}
.submit { padding-top:.8em; clear:both; }
.submit input {width:auto;	padding:0 1em;	}
#columnLeft {float:left;width:300px;margin-right:10px;}
#columnRight {	float:left;	width:300px;}
#UserCaptcha {	width:5em;}
.reload {	display:block;	padding:.2em 0;}
.error-message {
	color:white;
	padding:.2em .8em;
	background:#990000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-top:.4em;
}
#submitEnq {
	background:url(../img/layout/btn-submit-enq.png) no-repeat 0 0;
	border:none;
	color:#fff;
	height:40px;
	width:136px;
	padding:0 0 5px 0;
	outline:none;
}
#submitEnq:hover {	background:url(../img/layout/btn-submit-enq.png) no-repeat 0 -41px;	cursor:pointer;}
#eForm, #eFormInner {
	overflow:auto;
	width:640px;
	position:absolute;
	left:20px;
	top:80px;
	visibility:hidden;
	height:auto;
}
#eForm {
	filter:alpha(opacity='90');
	-khtml-opacity: 0.90;
	-moz-opacity: 0.90;
	opacity: 0.90;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:1px solid #CCC;
	background:url(../img/layout/popup-bg.jpg) repeat-x 0 0;
	z-index:90;
}	
#eFormInner {padding:10px;z-index:91;}
#eButtonInactive {	position:absolute;	top:10px;	right:20px;}
.closeWindow {
	width:65px;
	height:18px;
	position:absolute;
	background:url(../img/layout/close-window.png) no-repeat;
	z-index:501;	
	top:10px;
	right:10px;
}	
#cForm .closeWindow {top:10px;	right:25px;	left:auto;}
.closeWindow:hover {cursor:pointer;}
.checkbox input, .radio input { width:auto; position:relative; bottom:-2px; background:none;}
.checkbox label, .radio label { display:inline; padding:0 1em; }
div.checkbox {padding-top:.6em; }
div.half_column { width:45%; float:left; padding:0 10px;}

div.half_column_right { width:45%;padding:0 10px; position:absolute; top:140px; right:10px;}
#mainContent.half_column { width:auto; float:none; position:relative; height:820px;}

/**** Fastrack ****/

/* Page Louyout */

body.fastrack { background: #25B4AC	url(../img/layout/pages/bg-fastrack.png) repeat-x 0 0;}
body.fastrack #mainContent { background: #39686B url(../img/layout/pages/content-bg-ft.png) repeat-x; border: 1px solid #CCC;}
body.fastrack #header { height:90px;}
body.fastrack #logo {
	background:	url(../img/layout/logo2.png) no-repeat 0 0;
	top:8px;
	left:20px;
	width:145px;
	height:76px;
}

/* Forms Etc */

.ft_items { border-top: 1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; }
.ft_items th, .ft_items td { border-bottom: 1px solid #ccc; padding: 2px 5px; }
.ft_items th { background:url(../img/layout/ft_table_head.png) repeat-x; color:#000;}
#progress_bar { background:url(../img/layout/ft_progress.png) no-repeat; height:32px; width:930px; margin-bottom:10px;}
#progress_bar.components { background:url(../img/layout/ft_progress.png) no-repeat 0 -34px; }
#progress_bar.project{ background:url(../img/layout/ft_progress.png) no-repeat 0 -68px; }
#create_ft { display:block; height:33px; width:159px; background:url(../img/layout/create_ft.png); text-indent:-9000px; }
#create_ft:hover { background-position:0 -34px; }
a.show_notes { position:absolute; left:70px; top:14px; background:#EBE3A8; color:#000; padding:2px 3px;}

/**** Fastrack forms ****/

form.fasttrackform label { display:block; width:140px; float:left; }
form.fasttrackform .input input { width:180px; }
form.fasttrackform .sm_text input { width:50px; }
form.fasttrackform .select select { padding:2px 0;}
form.fasttrackform .sm_text label { width:80px; }
form.fasttrackform .sm_text { float:left; }
form.fasttrackform .sm_text, div.button { padding-right:10px; }
form.fasttrackform .input { position:relative; overflow:hidden;}
form.fasttrackform fieldset { border:1px solid #fff; padding:5px; margin-bottom:5px; position:relative; }
form.fasttrackform legend { padding:0 5px; }
form.fasttrackform label.error { visibility: hidden; width:0; height:0;}

/**** Misc ****/

.clearBoth, .clear { clear:both; }
.floatLeft { float:left;}
.floatRight { float:right;}

/**** Media Pages ****/

#submenu {
	width: 910px;
	overflow:auto;
	height:25px;
	border-bottom:1px solid white;
	padding-left:20px;
}
#submenu li {
	display: block;
	float:left;
	padding:0 20px;
}
#submenu li a {
	color:white;
	font-size:1.4em;
	letter-spacing:.1em;
}
#submenu li a:hover, #submenu li a.current {
	color:#FDE2C6;
}
#articleDetails {
	min-height:250px;
	overflow:auto;
	padding:15px 0;
}
.lrgImg {
	float:left;
	margin:0 0 0 70px;
}
#infoArea.media {
	background: #272E38;
	margin: 0 70px 0 280px;
	padding:15px;
}
#infoArea h2.media {
	font-size:1.4em;
	padding-bottom:1em;
	margin-bottom:10px;
	border-bottom:1px solid #FDE2C6;
}
#loader {
	position:absolute;
	top:255px;
	left:50%;
	display:none;
	width:32px;
	height:32px;
}
#article {
	clear:both;
}

/**** Homepage Specific Styles ****/
#mainContent.homepage {
	/*background:none;*/
	background:#323A47 url(../img/layout/content_bg2.jpg) repeat-x top;
	margin:5px 5px;
	padding:0;
	position:relative;
	z-index:5;
	height:auto;
}
#titleImg, #intro_movie {width:960px;height:481px;}
#titleImg { position:relative;}
#intro_movie { position:absolute; top:0; left:0; z-index:9;}
#homeLinks {
	width:960px;
	height:260px;
	position:relative;
}
#homeLinks h2 {
	width:251px;
	height:122px;
	position:relative;
	z-index:10;
	padding:0;
	margin:0;
	text-indent:-9000px;
}	
#homeLinks p { padding:5px 10px 0; text-align:justify;}
#online, #design, #consult {
	width:251px;
	position:absolute;
	z-index:10;
	top:-30px;
}
#homeLinks #online {left:15px;}
#homeLinks #design {left:357px;}
#homeLinks #consult {right:10px;}
#homeLinks #online h2 {	background:url(../img/homepage/home-online.png) no-repeat left bottom;}
#homeLinks #design h2 {	 background:url(../img/homepage/home-design.png) no-repeat left bottom;;}
#homeLinks #consult h2 { background:url(../img/homepage/home-consult.png) no-repeat left bottom;;}
.homepage #wideCol { position:absolute;	z-index:5;	left:10px;}
#home-range { background:#272E38; padding:13px; width:569px; position:relative; top:40px; left:15px; height:378px; }
ul.home-range-cat { overflow:hidden; list-style:square inside;}
/*ul.home-range-cat li a, ul.home-range-cat li, h2.home-range-cat  { color:#333;}*/
h2.home-range-cat { padding: 20px 0 10px; border-bottom:1px solid #000;}
ul.home-range-cat { border-top:1px solid #313D4F; padding-top:10px;}
ul.home-range-cat li a:hover { text-decoration:underline; color:#E2D67B;}
ul.home-range-cat li { font-size:12px; float:left; padding:0 20px 5px 0; width:165px; color:#E2D67B;}

#home-news { background:#272E38; padding:10px; position:absolute; right:15px; top:40px; width:300px; height:384px;}


/*** Homepage Accordion *****/

.jimgMenu {
	margin: 0;
	padding: 0px;
	width:565px;
	overflow: hidden;
	border: 2px solid #EDEFF8;
}

.jimgMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	position: relative;
	}
	
.jimgMenu ul li {
	width: 95px;
	float: left;
	display: block;
	overflow: hidden;
}

.jimgMenu ul li a {
	text-indent: -1000px;
	background:#fff repeat scroll 0%;
	border-right: 2px solid #EDEFF8;
	cursor:pointer;
	display:block;
	overflow: hidden;
}
/* overall height of accords */
.jimgMenu ul li a, .jimgMenu ul, .jimgMenu { height:260px;}

#kwik-door a {	background: url(../img/layout/kwik-door.jpg) repeat scroll 0% bottom;}
#kwik-roof a {	background: url(../img/layout/kwik-roof.jpg) repeat scroll 0% bottom;}
#kwik-struc a {	background: url(../img/layout/kwik-struc.jpg) repeat scroll 0% bottom; }
#kwik-pure a {	background: url(../img/layout/kwik-pure.jpg) repeat scroll 0% bottom;}
#kwik-sky a { background: url(../img/layout/kwik-sky.jpg) repeat scroll 0% bottom;}
#kwik-spec a {background: url(../img/layout/kwik-spec.jpg) repeat scroll 0% bottom;border-right-style: none;}
.clear {clear: both;}

/**** Design and Consult Pages ****/

body.design { background: #3C6D36	url(../img/layout/pages/bg-design.png) repeat-x 0 0;}
body.consult { background: #5B130B	url(../img/layout/pages/bg-consult.png) repeat-x 0 0;}
body.design #mainContent, body.consult #mainContent {
	background: url(../img/layout/pages/content-bg.png) 0 0;	
	border: 1px solid #CCC;
}
body.design #logo {
	background:	url(../img/layout/pages/logo-design.png) no-repeat 0 0;
	top:30px;
	left:20px;
	width:298px;
	height:23px;
}
body.consult #logo {
	background:	url(../img/layout/pages/logo-consult.png) no-repeat 0 0;
	top:30px;
	left:20px;
	width:327px;
	height:23px;
}

/* Survey popup */
#surveyPop { display:none; position:absolute; z-index:100; top:100px; left:260px; 
	width:400px; background:#7D8CA4; border:2px solid #252C36; padding:20px; 
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 5px 5px 3px #000; -webkit-box-shadow: 5px 5px 3px #000;}
#surveyPop h1 { font-size:16px; border:0;}
#surveyPop p { color:#000; }
#surveyPop p, #surveyPop a { font-size:12px;}
#surveyPop a.survey_btn { display:inline; float:left; margin:0 0 0 10px; padding:3px 10px; background:#414D5F; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000;}
#surveyPop a.survey_btn:hover, #surveyPop #sbtn_yes:hover { background:#56657C; }
#surveyPop #sbtn_yes { background: #252C36; margin:0; }
#popupLogos { padding: 5px; background:#fff; float:right; margin-top:20px;}
#habitatLogo { padding-left:10px;}
#popupTc { clear:both; float:left;}

/* IE6 PNG Support */

* html img, * html a, * html input { behavior: url(/css/iepngfix.htc) }