/* CSS Document */

/* Global Layout Styles */

body {
margin: 2em 0 0 0;
padding: 0;
font: 0.9em/1.5em Trebuchet MS, Verdana, sans-serif;
}

#container {
width: 90%;
margin: 0 auto;
padding:0;
}

#wrapper {
float:right;
width:100%;
margin-left:-230px;
padding:0;
}

#navigation {
float:left;
width:225px;
background: url(../assets/generic/navigation-background.png) repeat;
border: 1px solid #FFF;
}

#content {
float:left;
background:url(../assets/generic/content-background.png) repeat;
margin-left:240px;
padding-bottom:1em;
border: 1px solid #FFF;
min-height: 665px;
}

#secondary {
padding-top: 0.5em;
background: #072439;
min-height: 26px;
width: 100%;
min-width:100%;
border-bottom: 1px solid #fff;
}

#footer {
clear:both;
width: 100%;
margin-top: 0.8em;
}


/* NAVIGATION Layout Styles */

#navigation h1 {
width: 215px;
height: 200px;
text-indent:-9999px;
background:url(../assets/generic/cairnhill-structures.png) no-repeat center center;
padding: 0.5em 0 0 0;
margin:0;
}

#navigation p#details {
color: #fff;
font-size: 0.75em;
font-weight:bold;
text-align: center;
}

#navigation p#details b {
color:#072439;
}

#navigation p#wtg {
color: #072439;
font-size: 0.7em;
font-weight:bold;
text-align: center;
line-height: 0.95em;
padding: 0.5em 0;
}

#navigation p#details a:link, #navigation p#details a:visited {color:#fff;}
#navigation p#details a:hover, #navigation p#details a:active {color:#072439; text-decoration: none;}

#navigation p#wtg a:link, #navigation p#wtg a:visited {color:#072439; text-decoration: none;}
#navigation p#wtg a:hover, #navigation p#wtg a:active {color:#fff; text-decoration: none;}

#navigation ul {
margin: 0 10px 0 0;
padding:0 0 0 0.5em;
}

#navigation li {
list-style-type: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #072439;
margin-left: -7px;
margin-right: -9px;
padding-right: 10px;
text-indent:-9999px;
} 

#navigation li.last {
border-bottom: 1px solid #fff;
}

#navigation li a {
padding:0;
margin:0.1em 0 0 1em;
display:block;
width:220px;
height:29px;
}

#navigation li.home a:link, #navigation li.home a:visited {
background: url(../assets/navigation/home.png) no-repeat center left;}
#navigation li.home a:hover, #navigation li.home a:active {
background: url(../assets/navigation/homer.png) no-repeat center left;}
#navigation li.company a:link, #navigation li.company a:visited {
background: url(../assets/navigation/company.png) no-repeat center left;}
#navigation li.company a:hover, #navigation li.company a:active {
background: url(../assets/navigation/companyr.png) no-repeat center left;}
#navigation li.services a:link, #navigation li.services a:visited {
background: url(../assets/navigation/services.png) no-repeat center left;}
#navigation li.services a:hover, #navigation li.services a:active {
background: url(../assets/navigation/servicesr.png) no-repeat center left;}
#navigation li.iso a:link, #navigation li.iso a:visited {
background: url(../assets/navigation/iso.png) no-repeat center left;}
#navigation li.iso a:hover, #navigation li.iso a:active {
background: url(../assets/navigation/isor.png) no-repeat center left;}
#navigation li.sustain a:link, #navigation li.sustain a:visited {
background: url(../assets/navigation/sustain.png) no-repeat center left;}
#navigation li.sustain a:hover, #navigation li.sustain a:active {
background: url(../assets/navigation/sustainr.png) no-repeat center left;}
#navigation li.invest a:link, #navigation li.invest a:visited {
background: url(../assets/navigation/invest.png) no-repeat center left;}
#navigation li.invest a:hover, #navigation li.invest a:active {
background: url(../assets/navigation/investr.png) no-repeat center left;}
#navigation li.case a:link, #navigation li.case a:visited {
background: url(../assets/navigation/case.png) no-repeat center left;}
#navigation li.case a:hover, #navigation li.case a:active {
background: url(../assets/navigation/caser.png) no-repeat center left;}
#navigation li.news a:link, #navigation li.news a:visited {
background: url(../assets/navigation/news.png) no-repeat center left;}
#navigation li.news a:hover, #navigation li.news a:active {
background: url(../assets/navigation/newsr.png) no-repeat center left;}
#navigation li.links a:link, #navigation li.links a:visited {
background: url(../assets/navigation/links.png) no-repeat center left;}
#navigation li.links a:hover, #navigation li.links a:active {
background: url(../assets/navigation/linksr.png) no-repeat center left;}
#navigation li.contact a:link, #navigation li.contact a:visited {
background: url(../assets/navigation/contact.png) no-repeat center left;}
#navigation li.contact a:hover, #navigation li.contact a:active {
background: url(../assets/navigation/contactr.png) no-repeat center left;}
#navigation li.gallery a:link, #navigation li.gallery a:visited {
background: url(../assets/navigation/gallery.png) no-repeat center left;}
#navigation li.gallery a:hover, #navigation li.gallery a:active {
background: url(../assets/navigation/galleryr.png) no-repeat center left;}

/* NAVIGATION Layout Styles */

#secondary ul li{
list-style-type: none;
display:inline;
text-transform:uppercase;
border-right: 1px solid #fff;
}


#secondary ul, #secondary li {
margin:0;
padding:0 1em;
}

#secondary ul {
font-size: 0.9em;
font-weight: bold;
}

#secondary li.last {
border:none;
}

#secondary li a:link, #secondary li a:visited {
color:#fff;
text-decoration: none;
}

#secondary li a:hover, #secondary li a:active {
color:#507190;
text-decoration: none;
}
#secondary h4 {
color: #fff;
font-size: 0.8em;
font-weight:bold;
margin:0;
padding:0 0 0 1.5em;
text-transform:uppercase;
} 

#secondary h4 b {
color:#507190;
}

/* breadcrumb Layout Styles */

#breadcrumb p.small {
padding-left: 2em;
font-size: 0.8em;
color: #fff;
}

#breadcrumb a:link, #breadcrumb a:visited {color: #fff;text-decoration:none;}
#breadcrumb a:hover, #breadcrumb a:active {color: #072439;text-decoration:none;}

/* CONTENT Layout Styles */

#stretch {
border-bottom:1px solid #fff;
width: auto;
max-width: 1024px;
min-width: 300px;
height: 213px;
overflow: hidden;
margin:0;
padding:0;
}

#content p {
text-align: justify;
color: #fff;
line-height:1.9em;
font-size: 0.9em;
padding:0 1.8em 0.5em 1.8em;
}

#content h3, #content div.news h4 {
color:#072439;
font-size: 0.9em;
text-transform:uppercase;
padding-left: 1.8em;
}

#content a.ilink:link {
color:#a4c9f3;
text-decoration: none;
font-weight:bold;
}

#content a.ilink:visited {
color:#d1e1f3;
text-decoration: none;
font-weight:bold;
}

#content a.ilink:hover, #content a.ilink:active {
color:#fff;
text-decoration: none;
background: #507190;
}

#content ul li {
color:#fff;
font-size: 0.9em;
}

#content img.right {
margin:0.8em 1.5em 0.8em 0.8em;
padding:0;
float:right;
border: 1px solid #fff;
}

#content div.news {
float:left;
margin: 0 0 1em 1.5em;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}

#content div.news p, #content div.news h4 {
padding-left:0;
}

/* GALLERY CONTENT Layout Styles */

#content div.gallery {
float:left;
height: 220px;
margin: 0 1em 1.5em 1.5em;
padding:0;
}

#content div.gallery img {
margin:0;
padding:0;
border:1px solid #fff;
}

#content div.gallery p {
float:left;
text-align:left;
width: 160px;
line-height:1.2em;
margin:0 0 0 0;
padding:0;
}

#content div.gallery p b{
color:#000033;
}

.blue {
color:#000033;
}

/* FOOTER Layout Styles */

#footer {
position: relative;
clear:both;
width:100%;
margin:0;
padding:0;
}

#accreditations {
float:left;
width: 547px;
height:92px;
text-indent: -9999px;
background:url(../assets/footer/accreditations.png) no-repeat top left;
}

#build {
float: right;
padding-top:1em;
}

#build p {
font-weight:bold;
font-size: 0.7em;
line-height: 1.2em;
color: #c9d9eb;
text-align: right;
padding-right: 1em;
}

#build a:link, #build a:visited {
color: #c9d9eb;
text-decoration: none;
}

#build a:hover, #build a:active {
color: #8fb3da;
text-decoration: none;
}

#build a.underline:link, #build a.underline:visited {
color: #c9d9eb;
text-decoration: underline;
}
#build a.underline:hover, #build a.underline:active {
color: #fff;
text-decoration: underline;
}

/* Body Background Styles */

body#home, body#contact, body#gallery {background: #072439 url(../assets/backgrounds/scottish-parliament.jpg) no-repeat center top;}
body#company {background: #072439 url(../assets/backgrounds/company-profile.jpg) no-repeat center top;}
body#services {background: #072439 url(../assets/backgrounds/forth-road-toll.jpg) no-repeat center top;}
body#fabrication {background: #072439 url(../assets/backgrounds/welder.jpg) no-repeat center top;}
body#design {background: #072439 url(../assets/backgrounds/design-detailing.jpg) no-repeat center top;}
body#shotblasting {background: #072439 url(../assets/backgrounds/shotblasting.jpg) no-repeat center top;}
body#erection {background: #072439 url(../assets/backgrounds/steel-erection.jpg) no-repeat center top;}
body#iso {background: #072439 url(../assets/backgrounds/parliament2.jpg) no-repeat center top;}
body#iso9001 {background: #072439 url(../assets/backgrounds/iso9001.jpg) no-repeat center top;}
body#iso14001 {background: #072439 url(../assets/backgrounds/iso14001.jpg) no-repeat center top;}
body#sustain {background: #072439 url(../assets/backgrounds/sustainability.jpg) no-repeat center top;}
body#invest {background: #072439 url(../assets/backgrounds/invest.jpg) no-repeat center top;}
body#case {background: #072439 url(../assets/backgrounds/case.jpg) no-repeat center top;}
body#news {background: #072439 url(../assets/backgrounds/news.jpg) no-repeat center top;}
body#links {background: #072439 url(../assets/backgrounds/links.jpg) no-repeat center top;}



/* Highlight Page Layout Styles - MAIN */
body#home a#homenav {background: url(../assets/navigation/homer.png) no-repeat center left;}
body#company a#companynav {background: url(../assets/navigation/companyr.png) no-repeat center left;}
body#services a#servicesnav {background: url(../assets/navigation/servicesr.png) no-repeat center left;}
body#design a#servicesnav {background: url(../assets/navigation/servicesr.png) no-repeat center left;}
body#detailing a#servicesnav {background: url(../assets/navigation/servicesr.png) no-repeat center left;}
body#fabrication a#servicesnav {background: url(../assets/navigation/servicesr.png) no-repeat center left;}
body#shotblasting a#servicesnav {background: url(../assets/navigation/servicesr.png) no-repeat center left;}
body#erection a#servicesnav {background: url(../assets/navigation/servicesr.png) no-repeat center left;}
body#iso a#isonav {background: url(../assets/navigation/isor.png) no-repeat center left;}
body#iso9001 a#isonav {background: url(../assets/navigation/isor.png) no-repeat center left;}
body#iso14001 a#isonav {background: url(../assets/navigation/isor.png) no-repeat center left;}
body#sustain a#sustainnav {background: url(../assets/navigation/sustainr.png) no-repeat center left;}
body#invest a#investnav {background: url(../assets/navigation/investr.png) no-repeat center left;}
body#case a#casenav {background: url(../assets/navigation/caser.png) no-repeat center left;}
body#news a#newsnav {background: url(../assets/navigation/newsr.png) no-repeat center left;}
body#links a#linksnav {background: url(../assets/navigation/linksr.png) no-repeat center left;}
body#contact a#contactnav {background: url(../assets/navigation/contactr.png) no-repeat center left;}
body#gallery a#gallerynav {background: url(../assets/navigation/galleryr.png) no-repeat center left;}

/* Highlight Page Layout Styles - SECONDARY */

#secondary li.highlight a {color:#507190;}

/* Form Layouts */


form#chform {
padding:10px;  
font-size:1em; 
width:80%;
}

form#chform p {
font-size:1em; 
color:#000; 
text-align:left; 
padding:15px 5px 5px 0; 
margin:0;
}

form#chform fieldset#hidden {
display:none;
}

form#chform fieldset#feedback p {padding:4px; margin:0;}

form#chform fieldset {
display:block; 
border:1px dotted #000; 
padding:5px 5px 5px 10px; 
margin-bottom:1em; 
line-height:1.5em; 
font-size:1em; 
width:100%;
}

form#chform fieldset:hover {
border:1px dotted #FFF; 
}

form#chform legend {
font-size:0.9em; 
font-weight:bold; 
border:1px solid #000; 
margin-bottom:15px; 
padding:6px; 
background:#507190; 
color:#FFF;
}

* html form#chform legend { padding:5px; margin:0;}

form#chform label {
clear:left; 
display:block; 
float:left; 
width:150px; 
text-align:left; 
padding-right:10px; 
color:#000; 
margin-bottom:0.5em;}

form#chform input {
border:1px solid #FFF; 
padding-left:0.5em; 
margin-bottom:0.6em; 
width:280px; 
background:#507190;
color: #FFF;
}

fieldset#interest input {
width: 20px;
padding-top: 0.5em; 
}

form#chform input:hover { background:#666; border:1px solid #FFF; color:#fff;}
form#chform input:focus {background:#fff; border:1px solid #b80b38; color:#000;}

form#chform select {margin:0 0 1em 0.5em;}

form#chform textarea {
width:410px; 
height:10em; 
border:1px solid #FFF; 
padding:0.5em; 
overflow:auto;
background:#507190;
color:#FFF;
}

form#chform textarea:hover { background:#666; border:1px solid #000; color:#fff;}
form#chform textarea:focus {background:#fff; border:1px solid #b80b38; color:#000;}


form#chform #button1, form#chform #button2 {
color:#000; 
padding-right:0.5em; 
cursor:pointer; 
width:205px; 
margin-left:8px; 
background: #507190; 
border:1px solid; 
border-color:#999 #999 #333 #333;
}

form#chform #button1:hover, form#chform #button2:hover {
color:#fff; 
background:#666; 
border:1px solid; 
border-color:#666 #666 #999 #999; 
}