/*
==
=== 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 {
	line-height:130%;
}
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;
}
.menu_wrap {
	min-height:393px;
	padding-bottom:10px;
	background-color:#85868b;
}
ul#navigation {
	margin:0px 25px 0px 25px;
	padding:0px;
	list-style:none;
}
#container ul.top_level {
	margin-top:20px;
}
ul#navigation li {
	border-bottom:1px solid #231f20;
}
ul#navigation a, ul#navigation span {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:4px 0px 4px 3px;
	outline:none;
}
ul#navigation a:hover, ul#navigation span:hover, ul#navigation span.on {
	background-color:#fff;
	color:#231f20;
	cursor:pointer;
}
#left-column ul.grey a {
	background-color:#ccc;
	color:#000;
}
#left-column ul.grey a:hover {
	background-color:#000;
	color:#fff;
}
#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;
	min-height:105px;
}
.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:300px;
	background-color:#231f20;
	overflow:hidden;
}
#page-intro {
	min-height:251px;
}
#page-intro p {
	line-height:130%;
}
img.pagetitle {
	margin-bottom:5px;
}
.intro-holder {
	width:290px;
	float:left;
	padding:20px;
}
.intro-holder h3 {
	font-size:14px;
}
img.page-image {
	float:right;
	width:226px;
	height:300px;
}
#content {
	padding:20px;
}
#content a {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
#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:295px;
	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:#000;
	min-height:421px;
}
.white-bg-main {
	background-color:#fff;
	min-height:742px;
}
.grey-bg {
	background-color:#ccc;
}
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;
}
#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 #000;
}
#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:20px;
	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 #000;
}
#cspecifics ul#items li {
	padding-bottom:2px;
	font-size:11px;
}
#cspecifics ul#items li span {
	font-weight:bold;
}
img.landscape {
	width:530px;
}
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:#fff;
	height:251px;
	color:#000;
}
ul.dynamic-increase {
	height:250px;
}
ul#dynamic-sub-menu {
	width:130px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:10px 12px 10px 10px;
	list-style:none;
	position:relative;
	top:0;
	left:0;
	background-color:#ddd;
	z-index:1;
}
ul#dynamic-sub-menu li {
	display:block;
	color:#000;
	text-decoration:none;
	padding:4px 0px 4px 3px;
	outline:none;
	border-bottom:1px solid #000;
}
ul#dynamic-sub-menu li.noB {
	border-bottom:none;
}
ul#dynamic-sub-menu li a {
	color:#000;
	font-size:11px;
	text-decoration:none;
	display:block;
}
ul#dynamic-sub-menu li:hover {
	background-color:#000;
	color:#fff;
	cursor:pointer;
}
ul#dynamic-sub-menu li:hover a {
	color:#fff;
}
img.sub-menu-image {
	margin:0px 0px -1px 0px;
	padding:0px;
	width:418px;
	height:270px;
}
#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;
}
/*
== News styles == */
.ticker a {
	color: #667992;
	font-weight: bold;
	text-decoration: none;
}
.ticker a:hover {
	text-decoration: underline;
}
#sub-nav {
	overflow: hidden;
	position: relative;
	cursor: default;
}
.news_ticker {
	padding-top:5px;
	height:15px;
	background-color:#fff;
}
.news_item {
	margin-right: 15px;
	padding-left: 12px;
}
.portfolio_nav, .projects_nav {
	display:none;
}
#container .intro-holder h1 {
	font-size:24px;
}
#container .intro-holder h1 span {
	font-weight:normal;
	font-size:18px;
}
#container-wrapper #container .white_space {
	background-color:#fff;
	color:#000;
}
h2.title {
	background-color:#000;
	color:#fff;
	padding:8px 20px;
	font-size:12px;
	margin:0px;
	border-bottom:1px solid #fff;
}
.slider {
	width: 526px;
	height: 330px;
	position: relative;
	z-index:1;
	margin: 0 auto 0px auto;
}
.slider .wrapper {
	width: 526px;
	overflow: auto;
	height: 330px;
	margin: 0px;
	position: absolute;
	top: 0;
	left: 0;
}
/* Width below is max for Opera */
.slider .wrapper ul {
	width: 32700px;
	list-style: none;
	position: absolute;
	top: 0;
	left: -40px;
	margin: 0;
	z-index:2;
}
.slider ul li {
	display:block;
	float: left;
	padding: 0;
	height:315px;
	width:526px;
	margin:0px;
	position:relative;
	z-index:1;
	overflow:hidden;
	text-align:center;
}
.slider ul li img {
	max-height:315px;
	max-width:400px;
}
.slider .arrow {
	padding-top:0px;
	position: absolute;
	display: block;
	z-index:9999999;
	width: 40px;
	height:220px;
}
.slider .arrow a {
	display: block;
	background-color:#000;
	height: 270px;
	margin-top: 120px;
	width: 40px;
	text-align: center;
	outline: 0;
	text-indent: -9999px;
}
.slider .forward {
	right: -16px;
	background-image:url(/images/button-next.jpg);
	background-repeat:no-repeat;
	background-position:center;
	padding-top: 40px;
}
.slider .back {
	left: -16px;
	background-image:url(/images/button-prev.jpg);
	background-position:center;
	padding-top: 40px;
	background-repeat:no-repeat;
}
.slider .forward a:hover, .slider .forward a.hover {
}
.slider .back a:hover, .slider .back a.hover {
	background-position: -88px -240px;
}
.slider #thumbNav {
	position:absolute;
	z-index:99999;
	top: 247px;
	left:2px;
	text-align: center;
	padding:5px 10px;
	display:block;
	background-color:#064287;
	width:1026px;
	display:none;
}
.slider #thumbNav a {
	color: #fff;
	font: 11px Century Gothic, Avant Garde, Futura, Helvetica;
	display: inline-block;
	padding: 2px 6px;
	height: 14px;
	margin: 0 5px 0 0;
	text-align: center;
	border:1px solid #064287;
}
.slider #thumbNav a:hover {
	background-color:#333;
	color:#fff;
	text-decoration:none;
}
.slider #thumbNav a.cur, #thumbNav a.cur:hover {
	border:1px solid #fff;
	color:#fff;
}
#start-stop {
	display:none;
}
h2.subtitle {
	font-size:22px;
	color:#fff;
	padding:10px 20px;
	margin:0px;
	font-weight:normal;
	height:47px;
}
h2.subtitle span {
	font-weight:bold;
}
#container .white-font {
	color:#fff;
}
.animation {
	padding:20px;
	background-color:#000;
	color:#fff;
}
.ajax_wrap {
	position:relative;
	z-index:1;
	border:none;
	background-color:#ccc;
	min-height:762px;
}
.menu_img_wrap {
	background-color:#fff;
	min-height:270px;
}
#container .ajax_wrapper {
}
.international_slider {
	width: 526px;
	height: 230px;
	position: relative;
	z-index:1;
	margin: 0 auto 0px auto;
}
.international_slider .wrapper {
	width: 526px;
	overflow: auto;
	height: 200px;
	margin: 0px;
	position: absolute;
	top: 10px;
	left: 0;
}
/* Width below is max for Opera */
.international_slider .wrapper ul {
	width: 32700px;
	list-style: none;
	position: absolute;
	top: 0;
	left: -40px;
	margin: 0;
	z-index:2;
}
.international_slider ul li {
	display:block;
	float: left;
	padding: 0;
	height:215px;
	width:526px;
	margin:0px;
	position:relative;
	z-index:1;
	overflow:hidden;
	text-align:center;
}
.international_slider ul li img {
	max-height:315px;
	max-width:470px;
}
.international_slider .arrow {
	display:none;
}

.international_slider #thumbNav {
	position:absolute;
	z-index:99999;
	top: 0px;
	right:2px;
	text-align: center;
	padding:5px 10px;
	display:none;
	width:250px;
}
.international_slider #thumbNav a {
	color: #000;
	font: 1px Century Gothic, Avant Garde, Futura, Helvetica;
	display: inline-block;
	height: 22px;
	width:22px;
	margin: 0 5px 0 0;
	text-align: center;
	text-decoration:none;
	background-image:url(/images/dot.jpg);
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-999px;
	overflow:hidden;
}
.international_slider #thumbNav a:hover {
	background-color:#333;
	color:#fff;
	text-decoration:none;
	background-image:url(/images/dot-hover.jpg);
}
.international_slider #thumbNav a.cur, #thumbNav a.cur:hover {
	color:#fff;
	background-image:url(/images/dot-hover.jpg);
}
#start-stop {
	display:none;
}
#container-wrapper .int_page {
	background-color:#a7daf5;
}