/*==================================================
	Scorpion Styles
==================================================*/


/* Initialise
--------------------------------------------------*/

* {margin: 0; padding: 0;}
img {border: none;}
ul {list-style: none; margin: 0px; padding: 0px;}

html {height: 100%;}
body {font-size: 11px; line-height: 15px; font-family: Verdana, Arial, sans-serif; color: #3A3839; background: url(../img/layout/bg.gif) repeat-x #3E3E3E; height: 100%;}

.rowTop:after,
.row:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }

.rowTop,
.row { display: inline-block; }
/* start commented backslash hack \*/
* html .rowTop,
* html .row { height: 1%; }
.rowTop { display: block; }
/* close commented backslash hack */

a:active {outline: none;}
a:focus {-moz-outline-style: none;}	


/* Typography
-------------------------------------------------- */

/* Body */

h1 {font-size: 18px; line-height: 24px;}
h2 {font-size: 14px; line-height:15px; font-weight: ; font-family:Arial, Helvetica, sans-serif;}

a {color: #333; text-decoration: underline; font-weight: bold;}
a:hover {text-decoration: underline; color: #3A3839;}

body.contact a {font-weight: normal;}

body.solutions p {margin-bottom: 8px;}

span.quote {font-weight: bold;}

address {margin-top:-6px; font-style:normal}


/* Nav */

ul.nav a {color: #888449; text-decoration: none; font-weight: normal; font-size: 12px; padding: 0px 13px; border-left: 1px solid #888449; margin-left: -0px;}
ul.nav a.home,
ul.nav a.people {border: none;}
ul.nav li a:hover {text-decoration: underline; color: #3A3839;}

body.home a.home,
body.about_people a.about,
body.about_places a.about,
body.about_news a.about,
body.solutions a.solutions,
body.casestudies a.casestudies,
body.quality a.quality,
body.contact a.contact,
body.news a.news {color:#3A3839;}

#footer a {color: #aaa; text-decoration: none;}

.r {color:#C0C0C0; text-decoration: none; font-weight: normal;}
.r:link {color:#C0C0C0; text-decoration: none; font-weight: normal;}
.r:visited {color:#C0C0C0; text-decoration: none; font-weight: normal;}
.r:hover {color:#C0C0C0; text-decoration: none; font-weight: normal;}

.s {color: #333; text-decoration: underline; font-weight: bold;}
.s:hover {text-decoration: underline; font-weight: bold; color: #3A3839;}

.t 			{color:#909090; text-decoration: none;	font-size:12px; font-weight: bold; text-align: left;line-height:14px;}
.t:link 	{color:#909090; text-decoration: none;	font-size:12px; font-weight: bold; text-align: left;line-height:14px;}
.t:visited  {color:#909090; text-decoration: none;	font-size:12px; font-weight: bold; text-align: left;line-height:14px;}
.t:hover 	{color:#606060; text-decoration: none;	font-size:12px; font-weight: bold; text-align: left;line-height:14px;}

.u 			{color:black; text-decoration: none;	font-family: Arial;	font-size:14px; font-weight: bold; text-align: left; line-height:16px;}
.u:link 	{color:black; text-decoration: none;	font-family: Arial;	font-size:14px; font-weight: bold; text-align: left; line-height:16px;}
.u:visited  {color:black; text-decoration: none;	font-family: Arial;	font-size:14px; font-weight: bold; text-align: left; line-height:16px;}
.u:hover 	{color:#606060; text-decoration: none;	font-family: Arial;	font-size:14px; font-weight: bold; text-align: left; line-height:16px;}



/* Forms */
form caption {font-size: }
form h3 {font-weight: normal;}


/* Layout
-------------------------------------------------- */

#bg_curve_holder {position:fixed; top:0; left:0; width:100%; height:100%;}

* html #bg_curve_holder {position:absolute; z-index:-1;}
* html #shell {position:static;}

#shell {position: relative; width: 760px; margin: 0px auto 0 auto; z-index: 1;}
div.container {width: 732px; margin: 0 14px 0 14px; padding-top: 0px;}

/* Header */
#header {}
#header div.shadow {background: url(../img/layout/header_shadow.png) right no-repeat;}
#header div.shadow div.container {height: 210px; background: url(../img/layout/header3a.png) 0 0 no-repeat;}
* html #header div.shadow div.container {background: url(../img/layout/header3_ie6.png) 0 0 no-repeat;}
#page_title {position:absolute; top:98px; right: 42px; font-family: Arial; font-weight:bold; font-size:14px;}
#scorpion {position:absolute; top:60px; right: 330px; font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-size:30px; line-height:26px}
.farming {font-size: 25px;}

* html #page_title {position: absolute; right: 292px;}

/* Nav */
#nav {position: relative; width:560px; height: 48px; top:160px; left: 170px; line-height: 14px;}
#nav_marker {position: relative; width:40px; height: 16px; background-color: red; top:-16px;}


/* Body */
#body {}
#body div.shadow {background: url(../img/layout/body_shadow.png) right repeat-y;}
#body div.shadow div.container {background: url(../img/layout/body_bg.gif) 0 0 no-repeat #F5EA19; width: 732px;}
#body div.shadow div.container {min-height: 501px; height: auto !important;}
#body div.shadow div.container2 {min-height: 501px; height: auto !important; height: 501px; margin-left:10px}

div.rowTop,
div.row {clear: both; margin: 0px 14px 0px 20px; padding-bottom: 0px;}
div.rowBold {clear: both; margin: 0px 14px; padding-bottom: 0px; font-family: Arial; font-size:17px; font-weight: bold;}
div.rowTop {padding-top: 2px;}

div.col_1, 
div.col_2 {float: left; width: 321px; padding-bottom: 6px; overflow: visible; display: inline;}
div.col_1 {padding-right: 15px;}
div.col_2 {padding-left: 15px;}

* html div.col_1,
* html div.col_2 {overflow: hidden;}

p.hrTop {border-top: 1px solid #3A3839; border-bottom: 1px solid #3A3839;}
p.hr {border-bottom: 1px solid #3A3839;}
p.hrTop,
p.hr {padding: 4px 0px;}

.style1 {margin-left:8px;}

.style2 {
font-size: large;
font-family: Arial, Helvetica, sans-serif;
}

.newStyle3 {
	font-family: Arial;
	font-size:14px;
	font-weight: bold;
	line-height:normal;
	color: #606060;
	text-align:right;
	background-color:;
	padding:0px;
	margin:0px;
	border:2px; border-style:solid; border-color:black;
	text-decoration:none;

}
.newStyle4 {
	font-family: Arial;
	font-size:8px;
	font-weight: normal;
	line-height:14px;
	color: #606060;
	text-align: left;
	background-color:;
	padding-left:2px;
	padding-right:0px;
	margin:0px;
	border:2px; border-style:solid; border-color:black;
	text-decoration:none;
	width:100px;
}
.newStyle5 {
	font-family: Arial;
	font-size:8px;
	font-weight: normal;
	line-height:12px;
	color: #606060;
	text-align: left;
	background-color:;
	padding:0px;
	margin:0px;
	border:0px;
	text-decoration:none;
	width:730px;
}
.fill {
	width:10px;
	padding:0px;
	margin:0px;
	border:0px;
}
.newStyle6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight: bold;
}

/* Slide Show */
#slide_show {position: relative; width: 321px; height: 288px; margin-bottom: 12px;}
div.slide {position: absolute;}
div.slide_caption {width: 321px; margin: 10px 0px 0px 0px; }

/* Solutions Columns */
body.solutions div.col_1 {width:421px; padding-right: 15px; display: inline;}
body.solutions div.col_2 {width: 221px; padding-left: 15px; display: inline;}

/*Case study Tiles */
div.tile_first,
div.tile {width: 145px; float: left;}

div.tile {margin-left: 30px;}

/* News Columns */
body.news div.col_1 {width:490px; padding-right: 15px; display: inline;}
body.news div.col_2 {width: 152px; padding-left: 15px; display: inline;}

/* SQS Scroller */
#sqs_scroller_row {
	overflow: hidden;
	margin: 0 0;
	width: 321px;
	height: 497px;
	position: relative;
}

#sqs_scroller {
	width: 321px;
	height:497px;
	margin: 0 0;
	overflow: hidden;
	background: url(../img/layout/sqs_advice_box.png) no-repeat 0px 0px;}
	
#sqs_content {height: 2204px; width:321px;}

div.sqs_section {
	height:497px; 
	width:261px;
	padding: 27px 30px;
	border-left: 1px solid #b5b076;
}


/* SQS Scroller Nav */
ul#sqs_buttons {height:168px; width:352px; position:relative; margin:0; clear:both; text-align:center;}
ul#sqs_buttons li {left: 0px; text-indent: -9999px; position: absolute; background-repeat: no-repeat;}
ul#sqs_buttons li a {display: block; height: 42px; width: 352px;}

ul#sqs_buttons li.active {background-position: top; z-index:10; height: 42px; border-right: 1px solid #FBF3A6;}
ul#sqs_buttons li.inactive {background-position: bottom;}
ul#sqs_buttons li:hover {background-position: top;}

ul#sqs_buttons li#advice_button {background-image: url(../img/layout/advice.png); top:0px; height:42px; left:-1px;}
ul#sqs_buttons li#design_button {background-image: url(../img/layout/design.png); top:42px; height:42px; left:-1px;}
ul#sqs_buttons li#components_button {background-image: url(../img/layout/components.png); background-position-x: 1px; top:84px; height:42px; left:-1px;}
ul#sqs_buttons li#site_button {background-image: url(../img/layout/site.png); background-position-x: 2px; top:126px; height:42px; left:-1px; width:352px;}


/* Contact Scroller */
div.contact_scroller_row {
	overflow: hidden;
	margin: 0px 30px 0px 30px; 
	width: 672px;
	padding-bottom: 0px;
	height: 438px;
	position: relative;
}
#contact_scroller {
	width:612px;
	margin: 0px auto 0 auto;
	overflow: hidden;
	padding: 24px 30px 24px 30px;
	height: 370px;
	background: url(../img/layout/contact_new_box.png) 0 -1px no-repeat;
	border-top: 1px solid #fdf8cf;
}
#contact_content {width:2808px; height:418px;}
div.contact_section {width:672px; float: left; height:418px;}

div.form_col_1,
div.form_col_2 {float: left; padding-bottom: 6px; overflow: visible; display: inline;}

div.form_col_1 {padding-right: 15px; width: 200px;}
div.form_col_2 {padding-left: 15px; width:400px;}


/* Contact Scroller Nav */
ul#contact_buttons {height: 36px; width: 672px; position:relative;}
ul#contact_buttons li {top: 0; text-indent: -9999px; position: absolute; background-repeat: no-repeat;}
ul#contact_buttons li a {display: block; height: 36px;}

ul#contact_buttons li.active {border-bottom-color: #FBF4B0; background-position: top; z-index:10; height:36px; border-bottom:1px solid;}
ul#contact_buttons li.inactive {background-position: bottom;}
ul#contact_buttons li:hover {background-position: top;}

ul#contact_buttons li#newbuild_button {background-image: url(../img/layout/new_build.png); left:0px; width: 168px;}
ul#contact_buttons li#extension_button {background-image: url(../img/layout/extension.png); left:168px; width: 168px;}
ul#contact_buttons li#repairs_button {background-image: url(../img/layout/repair.png); left: 336px; width: 168px;}
ul#contact_buttons li#other_button {background-image: url(../img/layout/other.png); left: 504px; width: 168px;}

/* Footer */
#footer {height: 60px;}
#footer div.shadow {background: url(../img/layout/footer_shadow.png) right repeat-y;}
#footer div.shadow div.container {height:23px; background: url(../img/layout/footer.png) 0 0 no-repeat;}
#footer p {text-align: center; color: #aaa; font-size: 9px; margin: -2px 0 10px 0px;}

/* Lists
-------------------------------------------------- */

ul.nav li {display: block; margin-left: 0px; float: left;}
#contact_buttons li {display: block;}

ul.spots {list-style: disc; margin-left: 18px;}
* html ul.spots {margin-left: 24px;}

ol {list-style-position: outside; margin-left: 18px;}
* html ol {margin-left: 24px;}


/* Images
-------------------------------------------------- */

img.bg_curve {width: 100%; height: 60%;}
img.title {margin: 0px 0px 4px 0px;}

img.icons {margin: 0px 0px 0px -7px;}
img.icons_first {margin: 0px 0px 0px -3px;}
body.home img.icons {margin: 6px 0 0 -7px;}

img.solution_image {margin: -14px 0px 0px -13px;}
img.solution_image_small {border:4px; border-color: yellow; border-style:solid; border-spacing:0px; margin: 0px 0px 0px 0px; padding:0px;}
img.case_study_tile {margin: 0px 0px 6px -16px;}
img.sqs {margin: 6px 0px 0px 0px;}
img.news_image {margin: -4px 0px 0px 0px; float: right;}
img.news_image_left {margin: -4px 6px 0px -6px; float: left;}

img.sqs_button {margin: -1px 0px 0px -1px;}
img.contact_button {float: left;}

.imgMenu {
	background-color:;
	border:0px;
	width:122px;
	height:80px;
	padding:0px;
	margin:0px;
}


/* Forms
-------------------------------------------------- */

input {margin:0 0 6px 0px;}
select {margin:0 0 6px 0px;}
textarea {margin:0 0 6px 0px;}

* html input.ie_new_submit {margin-top: -10px;}

/* Tables
-------------------------------------------------- */

table {width: 100%; border-collapse: collapse;}
tr.head {font-weight: bold;}

td {padding: 4px 12px 4px 0px; vertical-align: top; border-top: 0px solid black;}
tr.head td {border-top: none;}