/* ELEMENTS */
html, body{
	height:100%;
}
body{
	background:#14021a url(wallpaper.jpg) top center repeat-y;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	text-align:center;
}
a{
	color:#fefefe;
	text-decoration:none;
}
a:hover{
	/*color:#000;*/
}
img, form{
	border:0;
	margin:0;
	padding:0;
}
h1{
	color:#bebab9;
	font-size:10px;
	margin:0;
	padding:0;
	text-transform:uppercase;
}	
h2{
	color:#bebab9;
	font-size:1.2em;
	margin:0 0 0.5em 0;
	padding:0;
}
p{
	padding:0;
	margin:0 0 1.6em 0;
}
strong{
	/* */
}
ul{
	margin:0 1em 1em 1.5em;
	padding:0;
	list-style:square;
}
li, form, label{
	margin:0;
	padding:0;
}
#contactForm{
	padding:17px 0 0 0;
	width:410px;
}
#contactForm label{
	width:75px;
	float:left;
	font-size:10px;
}
input, textarea, select{
	background:#535353;
	border:0;
	padding:2px;
	color:#fff;
	border-top:1px solid #282828;
	font-family: Arial, Helvetica, sans-serif;
	font-size:inherit;
}
#contactForm input, #contactForm textarea, #contactForm select{
	background:#535353;
	border:0;
	padding:2px;
	margin:0;
	color:#fff;
	border-top:1px solid #282828;
	width:331px;
	float:left;
}

#contactForm .formItem{
	margin:0 0 14px 0;
}
.formButton, #contactForm .formButton{
	background:transparent;
	border:0;
	text-align:left;
	width:3.6em;
	display:inline;
	margin:0;
	padding:0;
	float:none;
	font-size:1em;
}
.pressLogin{
	width:49%;
	float:left;
}
#pressRoom{
	width:554px;
	margin:40px auto 0 auto;
}
/* ID's */
#innerback{
	width:910px;
	margin:0 auto;
	text-align:left;
	height:140%;
	padding:0 0 2em 0;
}
#header{
	height:85px;
	background:#150e16 url(header.jpg) top center no-repeat;
}
#logo{
	margin:35px 0 0 20px;
}
#insideheader{
	background:#fff;
	margin-bottom:7px;
	float:left;
}
#mainarea{
	margin:0 auto;
	background:#191919;
	border-bottom:26px solid #971c8e;
}
#copyright{
	padding:6px 28px 10px 25px;
	text-align:center;
	color:#6B656C;
	font-size:0.9em;
}
#copyright a{
	color:#6B656C;
	white-space:nowrap;
}
#copyright a:hover{
	color:#fff;
}
.footerLeft{
	float:left;
	text-align:left;
	width:72%;
	padding:0;
	text-transform:uppercase;
}
.footerLeft a{
	padding:0 3px;
}

.footerRight{
	float:right;
	text-align:right;
	width:27%;
	padding:0;
}
/* MAIN MENU */
#leftSide{
	float:left;
	width:119px;
	padding:36px 0 0 25px;
}
#menu{
	padding:0;
	min-height:345px;
	height:auto !important;
	height:345px;
	overflow:auto;
}
#menu ul{
	list-style:none;
	margin:0;
	float:left;
}
#menu li{
	margin:0;
	padding:0;
}
#menu li a{
	padding:0;
	font-size:11px;
	width:80px;
	text-transform:uppercase;
}
#menu li a:hover{
	color:#fff;
}
#subMenu {
	padding:10px 0 0 0;
	margin:0;
}
#subMenu li{
	padding:0 0 6px 6px;
}

/* START commsButtons */

#search{
	padding:5px 0;
	width:91px;
}
#searchHeading{
	float:left;
	width:50px;
	padding-top:1px;
}
#searchButton{
	float:right;
	padding:0;
	margin:0;
	width:25px;
	text-align:right;
}
#searchButton input{
	background:transparent;
	border:0;
	padding:0;
	margin:0;
	font-size:1em;
}
.searchBox{
	background:#fff;
	width:87px;
	color:#333;
}
#searchResults{
	float:left;
	padding:4px 0 0 0;
}
#commsButtons {position:absolute;bottom:0;left:25px;width:91px;}
#commsButtons .pastInstallation {display:none;margin:10px 0;}
#commsButtons .signUp {border-top:1px dotted white;border-bottom:1px dotted white;margin:10px 0;padding:10px 0;}
#commsButtons .signUpStart {position:relative;cursor:pointer;height:34px;width:91px;}
#commsButtons .signUpStart img {position:absolute;top:3px;left:0;}
#commsButtons .signUpStart div {position:absolute;top:3px;right:-7px;width:68px;}
#commsButtons .followUs {margin:10px 0;}
#commsButtons .followUs img {margin-bottom:5px;}
#commsButtons .followUs .fb {margin-right:5px;}
#commsButtons .followUs .tw {margin-right:5px;}
#commsButtons .followUs .in {}
#commsButtons .followUs .addthis_button {margin:10px 4px;}

#signUpForm {position:relative;display:none;height:34px;}
#signUpForm #signUpLabel {float:left;color:white;padding-top:1px;}
#signUpForm #signUpEmail {width:87px;background:white;color:black;}
#signUpForm .red {border:1px solid red;padding:1px;}
#signUpForm #signUpSubmit {float:right;padding:0;border:0;background:black;cursor:pointer;font-size:100%;}
.signUpSuccess {color:#7f7;height:27px;padding:3px 0 4px;}

/* END commsButtons */

#productCategoriesMenu {
	list-style:none;
	margin:0;
	padding-top:30px;
}
#productMenu {
	list-style:none;
	margin:0;
}
#productCategoriesMenu .productCat, #productMenu .productCat{
	float:left;
	margin:0 20px 4px 0;
	padding:0;
	width:168px;
	height:264px;
}
#productCategoriesMenu .productCat .catImg, #productMenu .productCat .catImg {
	margin:0 0 6px 0;
	border:1px solid #bab2a7;
}
.productCatTitle{
	text-transform:uppercase;
	color:#fefefe;
}
#content{
	position:relative;
	min-height:590px;
	height:auto !important;
	color:#fff;
	padding:0;
}
#menu li a {color:#eee;}
#menu li a:hover {color:white;}
#menu .activeMenu a, #menu .activeMenu a:hover {color:#FF33FF;}
#menu .activeMenu ul a {color:#eee;}
#menu .activeMenu ul a:hover {color:white;}
#menu ul .activeSubMenu a {color:#FF33FF;}
#sidemenu, #sidesubmenu{
	padding:0 0 0 18px;
}
#sidemenu a{
	margin:0 0 7px 0;
	display:block;
}
#sidesubmenu a{
	margin:0 0 7px 0;
	display:block;
}
#gallery{
	width:602px;
	padding:20px 10px;
	float:left;
}
* html #gallery{
	width:590px;
}
#main_image{
	margin:0 auto;
	height:275px;
	width:188px;
}
.gallery_demo li{
	margin:0 10px 0 0;
}
#innerContent, #innerContentWide{
	float:left;
	width:430px;
	padding:20px 0 0 20px;
	min-height:550px;
	height:auto !important;
	height:550px;
	margin:0;
	font-size:1.1em;
	line-height:1.3em;
}
#innerContentWide{
	width:630px;
	padding:0;
}
#innerContentImage{
	margin:-20px 0 20px -20px;
}
#innerProducts{
	/*background:#131313;*/
	margin:0 20px;
	padding:11px 20px 0;
	min-height:460px;
	height:auto !important;
	height:460px;
}
#productsBackLink{
	padding:12px 0 0 40px;
}
#productFilters{
	float:left;
	width:auto;
	padding:0 0 10px 0;
	height:20px;
}
#productFilters form label {
	font-size:1.6em;
	color:#f3f;
	letter-spacing:-1px;
	vertical-align:-2px;
}
#productFilters select{
	width:auto;
	float:none;
	display:inline;
	margin:0;
}
#productPages{
	float:right;
	text-align:right;
	width:auto;
	font-size:11.5px;
	margin-right:-6px;
}
#productPages a{
	color:#c9c9c9;
}
#productPages a.current, #productPages a.current:hover{
	color:#F3F;
	cursor:default;
}
#productPages a.pagesNav{
	font-size:1.4em;
	color:#fff;
}
#productPages a:hover{
	color:#fff;
}
#productDetailGallery{
	width:549px;
	border-bottom:1px dotted #666;
	min-height:326px;
	height:auto !important;
	height:326px;
	padding:0 0 22px 0;
	margin:23px 0 20px 0;
}
#productDetailGallery img{
	border:1px solid #c0bfba;
}
#productDetailDescription{
	width:420px;
	height:110px;
	margin:0 0 14px 0;
	padding:0 6px 0 0;
	overflow:auto;
}
#enquireButton{
/* */
}
#mainImage{
	float:left;
	width:434px;
	height:325px;
	position:relative;
}
#mainImage a {display:block;position:absolute;top:0;left:0;width:435px;height:325px;overflow:hidden;background:#0f0f0f;border:1px solid #0F0F0F;z-index:4;}
#mainImage a img {margin:0;display:block;margin:0 auto;}
#cycleNav {list-style:none;float:right;margin:0;height:326px;}
#cycleNav li {margin-bottom:9px;}
.minizoompan {background: #fff; border: 1px solid #eee;	padding: 0;	margin: 0; position: relative; /* always set to relative or offset() won't work */}
.minizoompan span.loader { /* the loader label*/ position:absolute;left:0;top:0;z-index: 1;display: none;color: #000;background: #fff;font: normal 9px Arial, Verdana;padding: 3px;}

#altImages{
	float:right;
	width:95px;
}
#altImages img{
	margin:0 0 10px 0;
}
#productDetailLeft{
	float:left;
	width:418px;
	padding:0 16px 0 0;
}
#productDetailRight{
	float:left;
	padding:0 0 0 16px;
	border-left:1px dotted #666;
	width:auto;
}
.productInfoLabel{
	width:auto;
	float:left;
	padding:0 4px 0 0;
	font-size:0.9em;
	color: #c9c9c9;
}
.productInfo{
	width:auto;
	float:left;
	font-size:0.9em;
}
#newsLinks{
	margin:35px 85px 0 235px;
	width:484px;
}
#newsLinks a{
	margin:0 15px 0 0;
}
#newsYears{
	float:left;
	width:50%;
}
#newsNav{
	float:right;
	text-align:right;
	width:40%;
}
#projectImage{
	width:188px;
	height:275px;
	border:1px solid #939598;
	float:left;
}
#projectText{
	width:255px;
	height:275px;
	float:right;
	overflow:auto;
	padding:0 25px 0 0;
}
#projectThumbs{
	width:auto;
	float:left;
	padding:0 0 0 2px;
}
#projectThumbs ul{
	margin:0;
	padding:0;
}
#projectThumbs li{
	border:1px solid #939598;
	margin:10px 13px 0 0;
	cursor:pointer;
	padding:0;
	float:left;
}
#projectThumbs img.last{
	margin-right:0;
}
#projectLinks{
	width:275px;
	float:right;
	margin:34px 0 0 0;
}
#projectLinks a {
	margin:0 10px 0 0;
}
#subtitle{
	font-size:1.3em;
	font-weight:bold;
	padding-left:14px;
	margin-bottom:10px;
	float:left;
}
#titleGoBack{
	padding-top:3px;
	padding-right:8px;
	float:right;
}
#address{
	float:left;
	margin:0;
	width:210px;
}
#addressImage{
	float:right;
	width:187px;
	height:187px;
	margin:0 0 14px 0;
}
.addressLabel{
	float:left;
	width:60px;
}
.addressField{
	float:left;
	width:130px;
	font-weight:bold;
}
#directionsImage{
	width:265px;
	height:265px;
	float:left;
}
#directionsImage img{
	margin:6px 0 0 0;
}
#directionsText{
	width:185px;
	float:right;
}
#staffThumb{
	width:100px;
	height:102px;
	padding-right:25px;
	float:left;
}
#linksHolder{
	float:left;
}
#linksItem{
	width:47%;
	padding-right:3%;
	float:left;
}
#sideimagesholder{
	float:right;
	padding-left:25px; 
	padding-bottom:25px; 
}
#sideimage{
	clear:both;
	float:left;
	width:160px;
}
#sideimageText{
	width:100%;
	text-align:right;
	padding-top:8px;
	padding-bottom:8px;
}
#title{
	background:#e5e5e5;
	width:503px;
	height:26px;
	padding-left:13px;
	padding-top:2px;
	margin-bottom:15px;
	float:left;
}
#whatwedoImageHolder{
	background:#e5e5e5;
	width:516px;
	padding-top:12px;
	padding-bottom:12px;
	float:left;
}
#whatwedoImageHolderLarge{
	background:#e5e5e5;
	width:516px;
	padding-bottom:12px;
	float:left;
}
#whatwedoThumbImage{
	width:114px;
	padding-left:12px;
	float:left;
}
#whatwedoMainImage{
	width:114px;
	padding-left:12px;
	float:left;
}
#clear{
	clear:both;
}
.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 */
.error, .notice{
	color:red;
}
.contentScroll{
	overflow:auto;
	padding:0 20px 0 0;
	position:relative;
	margin-bottom:10px;
}
.valign{
	vertical-align:middle;
}
.wideDivLine{
	margin:0 0 4px 0;
}
.wideDivLineProducts{
	margin:10px 0 12px 0;
}
.submit{
	width:auto;
	float:none;
}

#directLinks {padding:28px;}
#directLinks, #directLinks a {color:#6B656C;}
#directLinks h2 {text-transform:uppercase;color:#6B656C;font-weight:normal;font-size:11px;}
#directLinks ul {margin:0;font-size:13px;}
#directLinks ul li {float:left;width:170px;height:20px;list-style:disc inside;}


.homeTitle {font-size:1.3em;padding-bottom:10px;text-transform:uppercase;}
#homeReadMore {position:absolute;bottom:0;right:335px;padding:5px;cursor:pointer;}

#rssFeed {position:absolute;top:605px;left:615px;width:295px;}
#rssFeed a {color:#FF33FF;}
#rssFeed .newsLink {margin:10px 0;}
#rssFeed .feedTitle {margin:10px 0 5px;}
#rssFeed .feedReadMore {font-style:italic;}