@charset "UTF-8";
/* CSS Document */


/* ---------------------------------------- MAIN STYLES ---------------------------------------- */

:root {
	overflow-y: scroll;
}

* {
	margin:0px;
	padding:0px;
	border:0px;
}

html, body, #content_wrapper {height: 100%;}

body > #content_wrapper {height: auto; min-height: 100%;}

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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	background-color:#faf9f4;
	line-height:160%;
	text-shadow: 1px 1px 0px #fff;
}

body#Home{
	background-color:#363635;
}

#wrapper{
	height:auto;
	min-height:100%;
	width:100%;
}

#header_wrapper {
	width:1000px;
	background-color:#363635;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../img/bg.gif);
	background-repeat:repeat-x;
}

#content_wrapper {
	width:100%;
	background-color:#faf9f4;
}

#content_top_gradient {
	width:100%;
	height:38px;
	background-image:url(../img/content_gradient_top.jpg);
	background-repeat:repeat-x;

}

#content_bottom_gradient {
	width:100%;
	height:38px;
	background-image:url(../img/content_gradient_bottom.jpg);
	background-repeat:repeat-x;
}

#top{
	background-color:#363635;
	width:100%;
	background-image:url(../img/bg.gif);
	background-repeat:repeat-x;
}

#footer_wrapper {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:30px;
}

h1{
	font-size:44px;
	padding-top:10px;
	padding-bottom:10px;
}

h2 {
	font-size:30px;
	padding-bottom:25px;
}

body#Contact h2 {
	padding-bottom:15px;
}

h3 {
	font-size:18px;
	font-weight:normal;
}

body#Contact h3 {
	padding-top: 10px;
}

h4 {
	font-size:24px;
	color:#fff;
}

a {
	color:#333;
	text-decoration:none;
}

a:hover {
	color:#586aac;
	text-decoration:none;
}

/* ---------------------------------------- HEADER STYLES ---------------------------------------- */

#header{
	width:1000px;
	height:170px;
}

#logo{
	float:left;
	padding-top:20px;
	width:224px;
	height:76px;
}

#strapline{
	width:776px;
	float:left;
	padding-top:50px;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-shadow: 1px 1px 0px #000;
}


/* ---------------------------------------- NAV STYLES ---------------------------------------- */


#nav {
	width:960px;
	height:53px;
	padding:20px 0 0 20px;
	float:left;
}

#nav a, #nav a:hover, #nav a:visited {
	color:#fff;
	text-decoration:none;
	width:100%;
	height:53px;
	line-height:53px;
	float:left;
}

#nav ul li{
	display:inline;
	color:#fff;
	font-size:16px;
	font-style:italic;
	text-align:center;
	text-shadow: 1px 1px 0px #2b3e82;
	list-style:none;
}

#nav li#nav1 {
	width:134px;
	height:53px;
	background-image:url(../img/homeNavBg.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	float:left;
}

#nav li#nav1:hover{
	background-position:0 -53px;
	cursor:pointer;
}

body#Home li#nav1{
	background-position:0 -53px;
}

#nav li#nav2 {
	width:164px;
	height:53px;
	background-image:url(../img/aboutNavBg.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	float:left;
}

#nav li#nav2:hover{
	background-position:0 -53px;
	cursor:pointer;
}

body#About li#nav2{
	background-position:0 -53px;
}

#nav li#nav3 {
	width:155px;
	height:53px;
	background-image:url(../img/qualityNavBg.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	float:left;
}

#nav li#nav3:hover{
	background-position:0 -53px;
	cursor:pointer;
}

body#Quality li#nav3{
	background-position:0 -53px;
}

#nav li#nav4 {
	width:164px;
	height:53px;
	background-image:url(../img/servicesNavBg.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	float:left;
}

#nav li#nav4:hover{
	background-position:0 -53px;
	cursor:pointer;
}

body#Services li#nav4{
	background-position:0 -53px;
}

#nav li#nav5 {
	width:182px;
	height:53px;
	background-image:url(../img/portfolioNavBg.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	float:left;
}

#nav li#nav5:hover{
	background-position:0 -53px;
	cursor:pointer;
}

body#Portfolio li#nav5{
	background-position:0 -53px;
}

#nav li#nav6 {
	width:161px;
	height:53px;
	background-image:url(../img/contactNavBg.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	float:left;
}

#nav li#nav6:hover{
	background-position:0 -53px;
	cursor:pointer;
}

body#Contact li#nav6{
	background-position:0 -53px;
}

#arrow {
	width:960px;
	height:15px;
	position:relative;
	top:-9px;
	background-image:url(../img/arrow.jpg);
	background-repeat:no-repeat;
}

* html #arrow {
	top:-8px;
}

body#Home #arrow{
	background-position: 70px 0;
}

body#About #arrow{
	background-position: 217px 0;
}

body#Quality #arrow{
	background-position: 375px 0;
}

body#Services #arrow{
	background-position: 535px 0;
}

body#Portfolio #arrow{
	background-position: 708px 0;
}

body#Contact #arrow{
	background-position: 880px 0;
}

body#Sitemap #arrow{
	background-position: -100px 0;
}

/* ---------------------------------------- CONTENT STYLES ---------------------------------------- */

#content{
	width:960px;
	height:100%;
	padding:0px 20px 73px 20px;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
}

body#Home #content {
	padding-bottom:0;
}

#mainText {
	width:446px;
	float:left;
	height:100%;
	margin-left:20px;
	display:inline;
}

#mainText2 {
	width:446px;
	float:right;
	height:100%;
	margin:25px 12px 0 28px;
	display:inline;
}

body#Home #mainText{
	font-size:14px;
}

body#Home #mainText{
	padding-bottom:0;
}

#mainText ul li, #mainText2 ul li {
	list-style:inside square;
	font-weight:bold;
}

#contactInfo{
	width:446px;
	float:right;
	text-align:right;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	margin:0 20px 0 0;
	padding-bottom:20px;
	display:inline;
}


#imageArea{
	width:446px;
	display:inline;
	float:right;
	margin:0 13px 0 20px;

}

#contentShadowTop{
	width:100%;
	height:20px;
	background-image:url(../img/contentShaddowTop.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#363635;
}

#contentShadowBottom{
	width:1000px;
	height:20px;
	background-image:url(../img/contentShaddowBottom.jpg);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:15px;
}

.purple{
	color:#586aac;
}

.bigButton {
	width:208px;
	height:43px;
	background-image:url(../img/bigButtonBG.jpg);
	background-repeat:no-repeat;
	float:left;
	margin:10px 0 0 0;
	text-align:center;
	color:#fff;
	text-shadow: 1px 1px 0px #2b3e82;
}

.bigButton a {
	display:inline-block;
	width:100%;
	height:100%;
	color:#fff;
	padding-top:11px;
}


/* ---------------------------------------- FOOTER STYLES ---------------------------------------- */

body#Home #footer{
	width:100%;
	height:26px;
	background-color:#7a8ac5;
	font-size:11px;
	color:#e2e6f4;
	text-align:center;
	text-shadow:none;
	position: relative;
	margin-top: -30px;
	padding-top: 4px;
	clear:both;
}

body#Quality #footer, body#Services #footer, body#Portfolio #footer, body#About #footer, body#Contact #footer{
	width:100%;
	height:28px;
	background-image:url(../img/footer_bg.jpg);
	background-repeat:repeat-x;
	font-size:11px;
	color:#e2e6f4;
	text-align:center;
	text-shadow:none;
	position: relative;
	padding-top: 45px;
	margin-top:-73px;
	clear:both;
}

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

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

.footerBox{
	width:293px;
	height:250px;
	float:left;
	color:#fff;
	font-size:12px;
	text-shadow: 1px 1px 0px #000;
	padding:0 0 0 40px;
	line-height:130%;
}

.footerIcon{
	width:30px;
	height:29px;
	float:left;
}

.footerTitle{
	padding:6px 0 20px 5px;
	float:left;
	width:258px;
}

#contactBoxLeft {
	width: 65px;
	height:115px;
	float:left;
}

#contactBoxRight {
	width: 228px;
	height:115px;
	float:right;
}

#contactBoxLeft ul li, #contactBoxRight ul li{
	list-style:outside;
	list-style-type:none;
}

.footerBox ul li {
	list-style:inside square;
	line-height:170%;
}

.footerBox a {
	color:#fff;
	text-decoration:none;
}

.footerBox a:hover {
	color:#7a8ac5;
	text-decoration:none;
}

/* ---------------------------------------- ABOUT STYLES ---------------------------------------- */



/* ---------------------------------------- PORTFOLIO STYLES ---------------------------------------- */

.thumb {
	width:139px;
	height:80px;
	float:left;
	margin:0 13px 10px 0;
}

.nomargin {
	margin:0;
}

.producttitle{
	font-size:14px;
	font-weight:bold;
	color:#7a8ac5;
}

body#Portfolio #mainText{
	height:415px;
}

/* ---------------------------------------- CONTACT STYLES ---------------------------------------- */


.formField {
	width:400px;
	height:25px;
	border:1px #666 solid;
	margin:5px 10px 5px 0;
	padding-left:5px;
}

.enquiry {
	width: 400px;
	border:1px #666 solid;
	margin:5px 0 5px 0;
	padding:5px;
}

.submit {
	width:94px;
	height:43px;
	background-image:url(../img/submitButton.gif);
	cursor:pointer;
	text-indent:-200px;
	display:block;
	font-size:0;
	line-height:0;
}

#map_canvas{
	width:446px;
	height:446px;
	border:3px solid #fff;
}

/* ---------------------------------------- OTHER BITS AND BOBS ---------------------------------------- */

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.hide {
	display:none;
}

.paddRight{
	margin-right:30px;
}


.error {
	color:#C00;
}