/*
==
=== Drawn Metal CSS, Created By David Oldfield /
===== Brainstorm Design Agency, Leeds /
======= w: w3.brainstormdesign.co.uk | t: 0113 246 1010 | e: david.oldfield@brainstormdesign.co.uk / 
========= A bish bash bosh, let's go / 
=======
=====
==
*/

body {
	padding:0px;
	margin:0px;
	font-size:11px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000;
	background-color:#babbc0;
}
body a {
	outline:none;
}
p.clear {
	height:1px;
	clear:both;
	margin:0px;
	padding:0px;
}
a img {
	border:0px solid #fff;
}
/*
Title Tag Styles
*/
div#toolTip {
	position:absolute;
	z-index:1000;
	display:block;
	background:#333;
	border:1px double #fff;
	text-align:left;
	padding:5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-rightright-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-rightright-radius: 5px;
}
div#toolTip p {
	margin:0;
	padding:0;
	color:#fff;
	font:10px verdana, arial, sans-serif;
}
div#toolTip p em {
	display:none;
}
div#toolTip p em span {
	display:none;
}
/*
End*/

#container-wrapper {
	width:874px;
	margin:50px auto;
	background-image:url(../images/container-bg.jpg);
	background-repeat:repeat-y;
}
#container {
	width:810px;
	margin:0px auto;
	background-color:#85868b;
}
#left-column {
	width:240px;
	float:left;
}
ul#navigation {
	margin:15px 25px 20px 25px;
	padding:0px;
	list-style:none;
}
ul#navigation li {
	border-bottom:1px solid #231f20;
}
ul#navigation a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:4px 0px 4px 3px;
	outline:none;
}
ul#navigation a:hover {
	background-color:#fff;
	color:#231f20;
	cursor:pointer;
}
#news {
	padding:20px 25px;
	background-color:#58585a;
}
.news-holder {
	border:1px solid #fff;
	padding:5px;
	color:#fff;
}
h5 {
	background-color:#231f20;
	padding:6px;
	margin:-5px -5px 0px -5px;
}
.news-holder a {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}

#right-column {
	width:570px;
	float:left;
}
img#logo {
	float:left;
}
.search-bar {
	background-image:url(../images/search-bar-bg.jpg);
	background-repeat:no-repeat;
	height:155px;
}
.search {
	width:200px;
	float:right;
}
p.search-title {
	/*border-bottom:1px solid #231f20;*/
	margin:35px 0 0 0;
	padding:5px 0px 6px 0px;
	color:#fff;
}
.search form {
	padding-top:9px;
	font-size:10px;
}
.search form input {
	border:1px solid #fff;
	width:160px;
	float:left;
	height:14px;
	padding:0px 1px 0px 1px;
	background-color:#989a9f;
}
.search form input.submitbutton {
	width:16px;
	background-image:url(../images/arrow.jpg);
	background-repeat:no-repeat;
	height:16px;
	border-left:1px solid #989a9f;
}
.search form input.submitbutton:hover {
	cursor:pointer;
}
#banner-wrapper {
	height:280px;
	background-color:#231f20;
	overflow:hidden;
}
#page-intro {
	color:#fff;
}
#page-intro p {
	line-height:130%;
}
img.pagetitle {
	margin-bottom:5px;
}
.intro-holder {
	width:290px;
	float:left;
	padding:20px;
}
.intro-holder h3 {
	color:#fff;
	font-size:14px;
}
img.page-image {
	float:right;
	width:220px;
	height:280px;
}
#content {
	padding:20px;
}
#content a {
	text-decoration:none;
	color:#000;
}
#content h1 {
	margin:0px 0px 10px 0px;
	padding:0px;
}
#content h1 span {
	display:none;
}
#content h6 {
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:7px 0px;
}
#content p {
	line-height:130%;
	padding-right:20px;
}
#content ul li {
	margin-bottom:5px;
}
#content ul li ul {
	padding-left:22px;
	margin-left:0px;
}
#content-image-holder {
	width:200px;
	float:right;
	padding:10px 0px 0px 20px;
}
#content-image-holder img {
	margin-bottom:10px;
}
.selection {
	padding-top:8px;
}
.selection img {
	float:left;
	margin-right:25px;
}
.footer {
	background-color:#fff;
}
.footer p.logos, .footer p.address {
	float:right;
	line-height:130%;
}
.footer p.logos {
	width:255px;
	margin-left:15px;
}
.footer p.address {
	width:281px;
	text-align:left;
}
.footer p.address a {
	text-decoration:none;
	color:#000;
}
.footer p.address a:hover {
	text-decoration:underline;
}
/*
==
==== Completed Projects & Case Studies ==
*/
#dmlcorp {
	background-color:#90cced;
}
.white-bg {
	background-color:#fff;
}
img.case-thumb {
	float:left;
	margin-right:15px;
	width:90px;
	height:70px;
}
.result {
	border-bottom:1px solid #000;
	padding:10px 0px;
}
.result-text {
	width:410px;
	float:left;
}
.result-text p {
	padding:2px 0px 5px 0px;
	margin:0px;
}
h3 {
	margin:0px 0px 2px 0px;
	padding:0px;
	color:#000;
	font-size:18px;
}
h4 {
	font-size:12px;
	color:#000;
	padding:0px;
	margin:0px;
}
h6 {
	font-size:12px;
	font-weight:bold;
}
p.strapline {
	padding:10px 20px 10px 0px;
	background-color:#242021;
	margin:-1px 0px 0px 0px;
	text-align:right;
}
.result a, p.back a, p.bold-link {
	color:#000;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
.case-images {
	width:535px;
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px solid #000;
}
#main-image {
	width:250px;
	height:166px;
	float:left;
	margin-right:0px;
}
#main-image img {
	width:250px;
	height:166px;
}
p.fullscreen {
	background-color:#231f20;
	width:225px;
	float:left;
	padding:5px;
	color:#fff;
	margin:0px;
	clear:left;
}
p#cfullscreen {
	width:505px;
}
#content p.fullscreen a.option {
	color:#fff;
}
.image-item {
	width:95px;
	height:82px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.image-item img {
	width:95px;
	height:82px;
}
.image-item:hover {
	cursor:pointer;
}
.case-images p.click {
	width:190px;
	float:right;
	padding:0px;
	margin:0px;
	font-weight:bold;
	clear:right;
}
.column {
	width:168px;
	float:left;
	height:130px;
	border-right:1px solid #242021;
	margin-right:6px;
	margin-top:10px;
}
p#value {
	padding:0px 10px 0px 0px;
	margin:0px 0px 6px 0px;
}
p#value span {
	font-weight:bold;
}
.column ul {
	padding:0px;
	margin:0px;
	list-style:none;
	width:168px;
}
.column ul li {
	margin-bottom:5px;
}
#lastcol {
	border-right:0px solid #000;
	margin-right:0px;
}
#lastcol p#value {
	padding-right:0px;
}
.specifics {
	padding-bottom:15px;
	border-bottom:1px solid #000;
	margin-bottom:15px;
}
p.back {
	text-align:right;
}
/*
==
==== About Us ==
*/
p.floater {
	width:1px;
	float:right;
	height:211px;
}
/*
==
==== Shopfronts & Glazed Screens ==
*/
ul#sub-menu {
	width:130px;
	float:left;
	margin:15px 10px 0px 10px;
	padding:0px;
	list-style:none;
}
ul#sub-menu li {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:4px 0px 4px 3px;
	outline:none;
	border-bottom:1px solid #fff;
}
ul#sub-menu li a {
	color:#fff;
	font-size:11px;
	text-decoration:none;
	display:block;
}
ul#sub-menu li:hover {
	background-color:#fff;
	color:#242021;
	cursor:pointer;
}
ul#sub-menu li:hover a {
	color:#242021;
}
ul#drawmet-menu {
	width:130px;
	float:left;
	clear:left;
	margin:0px 0px 0px 0px;
	padding:0px 12px 10px 10px;
	list-style:none;
	position:relative;
	top:0;
	left:0;
	background-color:#231f20;
	z-index:1;
}
ul#drawmet-menu li {
	color:#fff;
	text-decoration:none;
	padding:4px 0px 4px 3px;
	outline:none;
}
ul#drawmet-menu li a {
	color:#fff;
	text-decoration:none;
}
ul#drawmet-menu li:hover {
	background-color:#fff;
	color:#242021;
	cursor:pointer;
}
ul#drawmet-menu li:hover a {
	color:#242021;
}
ul#drawmet-menu li {
	border-bottom:1px solid #fff;
	display:block;
}
#ajax_content {
	float:left;
	width:530px;
	margin-top:10px;
}
#ajax_content p {
	margin:0px 0px 6px 0px;
	padding:0px;
}
ul#drawmet-menu li.sub-option {
	display:none;
	padding-top:5px;
}
ul#drawmet-menu:hover li.sub-option {
	display:block;
}
li.drawmet:hover .sub-option:hover {
	color:#242021;
	cursor:pointer;
}
h3#product-title {
	margin-bottom:10px;
}
.mini-content {
	float:left;
	width:290px;
	border-right:1px solid #242021;
	padding-right:15px;
}
.mini-gallery {
	width:210px;
	float:right;
}
.mini-gallery img {
	float:left;
	margin-bottom:15px;
}
img.mini-gallery-title {
	clear:right;
}
img.thumbnail {
	margin-right:15px;
}
img.shopfront {
	float:right;
}
h3#project-client {
	padding-bottom:5px;
	border-bottom:1px solid #151515;
	margin-bottom:10px;
}
h3#cproject-client {
	padding-bottom:5px;
	margin-bottom:10px;
	color:#fff;
}
#specifics {
	float:right;
	width:265px;
	margin-right:5px;
	padding-top:10px;
}
#specifics ul {
	list-style:none;
	padding:2px 0px 0px 0px;
	margin:0px 0px 5px 0px;
}
#specifics ul#items {
	border-bottom:1px solid #eee;
}
#specifics ul#items li {
	padding-bottom:2px;
}
#specifics ul#items li span {
	font-weight:bold;
}

#cspecifics {
	float:right;
	width:195px;
	margin-right:25px;
	margin-top:57px;
	border-left:1px solid #333;
	padding-left:15px;
}
#cspecifics ul {
	list-style:none;
	padding:0px 0px 5px 0px;
	margin:0px 0px 5px 0px;
}
#cspecifics ul#items {
	border-bottom:1px solid #eee;
}
#cspecifics ul#items li {
	padding-bottom:2px;
	font-size:11px;
}
#cspecifics ul#items li span {
	font-weight:bold;
}
img.landscape {
	width:530px;
	height:200px;
}

img.kawneer {
	float:right;
	margin-right:25px;
}
/*
============== Form settings ==
*/
fieldset {
	border:0;
	margin:0;
	padding:0;
}
label {
	display:block;
}
input.text, textarea {
	width:400px;
	font-family:Helvetica, Arial, Tahoma;
	font-size:11px;
	color:#333;
	padding:2px;
	margin:3px 0 10px 0;
	border:1px solid #ccc;
}
input.submit {
	padding:2px 5px;
	height:30px;
	width:70px;
	background-image:url(../images/send.jpg);
	background-repeat:no-repeat;
	border:0px solid #fff;
	background-color:#fff;
}
input.submit:hover {
	cursor:pointer;
}
input.text:hover, textarea:hover {
	background-color:#eee;
}

p.lets_float {
	float:right;
	width:1px;
	height:40px;
}
img.loading {
	margin-left:-5px;
}
p.downlaod img {
	width:16px;
	height:16px;
}
p.download {
	border-bottom:1px solid #efefef;
	padding:0 0 5px 0;
	margin:6px 0 0 0;
}
p.request {
	height:290px;
}
.slider-wrap {
	background-image:url(../images/loading.gif);
}
p#value ul {
	list-style:circle;
	margin-left:13px;
}
p#value ul li {
	margin-bottom:2px;
}
#page-flash {
	width:418px;
	height:280px;
	float:right;
}
#contact-flash {
	width:220px;
	height:280px;
	float:right;
}
h4 span {
	font-weight:normal;
}


/*
====== test content
*/
#dynamiccontent {
	padding:0px;
	width:570px;
	margin-top:0px;
}
#options-holder {
	width:152px;
	float:left;
	margin:0px 0px 0px 0px;	
	padding:0px;
	list-style:none;
	position:relative;
	top:0;
	left:0;
	background-color:#231f20;
	height:251px;
}
ul.dynamic-increase {
	height:220px;
}
ul#dynamic-sub-menu {
	width:130px;
	float:left;
	margin:0px 0px 0px 0px;	
	padding:10px 12px 0px 10px;
	list-style:none;
	position:relative;
	top:0;
	left:0;
	background-color:#231f20;
	z-index:1;
}
ul#dynamic-sub-menu li {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:4px 0px 4px 3px;
	outline:none;
	border-bottom:1px solid #fff;
}
ul#dynamic-sub-menu li a {
	color:#fff;
	font-size:11px;
	text-decoration:none;
	display:block;
}
ul#dynamic-sub-menu li:hover {
	background-color:#fff;
	color:#242021;
	cursor:pointer;
}
ul#dynamic-sub-menu li:hover a {
	color:#242021;
}
img.sub-menu-image {
	margin:0px;
	padding:0px;
	width:418px;
	height:251px;
}
#dynamic-content {
	padding:0px 0px 20px 0px;
}
#dynamic-content a {
	text-decoration:none;
	color:#000;
}
#dynamic-content h1 {
	margin:0px 0px 10px 0px;
	padding:0px;
}
#dynamic-content h1 span {
	display:none;
}
#dynamic-content h6 {
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:7px 0px;
}
#dynamic-content h2 {
}
#dynamic-content p {
	line-height:130%;
}
.ajax-wrapper {
	padding:0px 20px;
}
.ajax-wrapper ul li {
	margin-bottom:4px;
}
p#dynamic-floater {
	height:300px;
}
p.introduction-copy {
	font-size:12px;
}
.pdf-wrapper {
	border:1px solid #eee;
	margin-left:10px;
}
.pdf-wrapper ul {
	padding-left:0px;
	margin-left:15px;
}
.spare-intro {
	padding:20px;
}
p.news-content {
	color:#fff;
	font-size:11px;
}
h5#news-space {
	margin-bottom:10px;
}
#content ul#map li ul {
	list-style:none;
	margin-top:8px;
	margin-bottom:15px;
}
#content ul#map li {
	margin-top:5px;
}
#content ul#map li a {
	font-weight:bold;
}
#content ul#map li ul a {
	font-weight:normal;
}
#content ul#map li ul a:hover {
	text-decoration:underline;
}
.neews {
	border-bottom:1px solid #efefef;
}
p.iso {
	width:200px;
	float:left;
	padding-left:20px;
}
h3#project-client a {
	float:right;
	font-size:12px;
}