@charset "UTF-8";

/* CSS Document */
/* build for ### by MP Web Design */

/* reset */
* { margin: 0; padding:0; }

img { border:none; }

body { background:url(images/bg.jpg);	 font-family:Arial, Helvetica, sans-serif; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

object { outline:none; }

/* type + classes */
p { font-size:0.75em; font-family:Helvetica,  Arial, sans-serif; line-height:20px; margin:0 0 10px; color:#333333; }

#text li { list-style:outside; font-size:0.75em; font-family:Helvetica,  Arial, sans-serif; line-height:20px; margin:0 0 10px; color:#b94073;}

#text ul { padding-left:10px;}

p a { text-decoration:underline; color:#234b87; }

p a:hover { color:#333333; }

h1 { font-size:1.15em; margin-bottom:8px; }

h2 { font-size:0.95em; margin-top:14px; }

h1, h2 { font-family: 'Oswald', sans-serif; font-weight:normal; text-transform:uppercase; }

.bold { font-weight:bold; }

.foot-info { font-size:0.65em; color:#FFF; line-height:16px; }

.foot-info a { color:#FFF; }

.foot-info a:hover { color:#000; }

.none { display:none; }

.col1 { float:left;}

.col2 { float: left;
padding-left: 37px !important;
width: 333px;
padding-bottom: 36px;}

img.col2img {
  display: block;
}

a.col2img {
  display: inline-block;
  margin-bottom: 24px;
}

#sidebar { float:right; height:auto; overflow:hidden; padding-right: 50px;
padding-top: 22px;}

/* -------------------- header -------------------- */
#headerwrap { width:100%; height:px; background:url(images/bg-header-rep.jpg) repeat-x; }

#logo { float:left; padding-left:20px;}

#text { padding-left:10px; padding-top: 20PX; float: left;
width: 548px; }

#address {  font-size:0.75em; font-family: 'Oswald', sans-serif; line-height:20px; margin:0 0 0 30px; color:#333333;}

#address li { list-style:none;}


header {width: 553px;
float: left; height:148px; background:url(images/bg-header.jpg) no-repeat; margin:0 auto; }

/* jquery */
#jquery { width:px; height:px; background:url(images/bg-jquery.jpg) no-repeat; }

/* navigation sprites */
nav { width:px; height:px; background:url(images/navigation.jpg) no-repeat; position:relative; float:left; }

nav ul { width:px; height:px; float:left; }

nav li { list-style:none; position:absolute; }

nav li, nav a { height:px; display:block; }

.home { left:0; width:px; }

.steel { left:px; width:px; }

.roof { left:px; width:px; }

.dev { left:px; width:px; }

.news { left:px; width:px; }

.contact { left:px; width:px; }

.home a:hover { background: transparent url(images/navigation.jpg) 0 -40px no-repeat; }

.steel a:hover { background: transparent url(images/navigation.jpg) -97px -40px no-repeat; }

.roof a:hover { background: transparent url(images/navigation.jpg) -190px -40px no-repeat; }

.dev a:hover { background: transparent url(images/navigation.jpg) -295px -40px no-repeat; }

.news a:hover { background: transparent url(images/navigation.jpg) -434px -40px no-repeat; }

.contact a:hover { background: transparent url(images/navigation.jpg) -490px -40px no-repeat; }

/* -------------------- content -------------------- */
#container { width:960px; height:auto; overflow:hidden; background:#fff; margin:0 auto;
}

#content { width:px; height:464PX; overflow:hidden; margin:0 auto; padding:0; }

/* Callback Form */
#label-box { width:80px; height:105px; float:left; padding:6px 0 0; }

#input-box { width:162px; height:105px; float:right; }

.expose2 { width:244px; height:105px; font-size:0.7em; padding-top:5px; }

.call { width:80px; color:#646464; font-size:1.1em; display:block; cursor:pointer; padding-bottom:6px; }

.box2 { width:156px; height:22px; background:url(images/input.jpg) no-repeat; border:none; color:#404040; margin-bottom:11px; padding:3px; }

.asterisk2 { color:#646464; font-size:0.85em; }

#button-box { width:68px; height:22px; float:right; padding-top:13px; }

.buttonSubmit2 { width:68px; height:22px; background:url(images/button-submit.jpg) no-repeat; cursor:pointer; border:none; }

/* Contact Form */
#contact-form { width:618px; height:540px; float:left; background:#f0f4f8; border-radius:10px; margin:20px 0 10px; }

.contact-box, .contact-box2 { width:480px; height:auto; overflow:hidden; margin:0 auto; padding:10px 10px 25px; }

.contact-box { border-bottom:1px dotted #002145; }

.leftform, .rightform { width:226px; height:auto; }

.leftform { float:left; padding:5px 14px 0 0; clear:left; }

.rightform { float:right; padding:5px 0 0 14px; }

.bottomform { width:480px; height:auto; overflow:hidden; padding:5px 0 0; float:left; }

.bot-left { width:162px; height:auto; float:left; }

.bot-mid { width:108px; height:auto; float:left; text-align:center; padding:35px 0 0; }

.bot-right { width:128px; height:41px; float:right; padding:45px 0 0; }

label { display:block; color:#002145; font-weight:bold; font-size:0.75em; cursor:pointer; margin-top:10px; }

.other { width:180px; height:20px; margin:8px 0 0; }

input, textarea { background-color:#fff; border:2px #d8dcdf solid; border-radius:10px; padding:2px; color:#404040; margin:0; }

input { width:220px; height:18px; margin:2px 0 0; }

textarea { width:472px; height:129px; font-family:Helvetica, Arial, sans-serif; font-size:0.75em; margin:2px 0 0; }

.asterisk { color:#0d5bb4; font-size:1.1em; }

/* Contact Form - Spam Box */
.secure { float:left; width:100px; height:18px; margin:5px 0 0; padding:2px; }

.secureimg { float:left; margin:11px 10px 0 0; padding:0; }

.new a { font-size:0.7em; float:left; color:#5b76b0; margin:8px 0 0; }

.new a:hover { color:#2e3a60; }

.buttonSubmit { width:128px; height:41px; background:url(images/submit.jpg) no-repeat; cursor:pointer; float:right; border:none; margin:0; }

/* Contact Process */
.sent-enquiry { font-size:0.7em; font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:bold; text-transform:uppercase; margin:0; }

.sent-enquiry a { color:#000; text-decoration:underline; }

.sent-enquiry a:hover { color:#333; }

.crossredbox, .tickgreenbox { width:578px; height:auto; overflow:hidden; margin:10px auto 20px; padding:15px 25px; }

.crossredbox { background:#f3c8c8; border:1px #d51e1e solid; }

.tickgreenbox { background:#e2f4b2; border:1px #60ba38 solid; }

.label-box { width:40px; height:auto; overflow:hidden; float:left; margin:0 15px 0 0; }

.input-box { width:520px; height:auto; overflow:hidden; float:right; }

/* 404 */
.search-goog { width:auto; height:auto; overflow:hidden; margin:20px 0 0; font-size:1em; color:#333; }

.other-things { display:none; }

#goog-wm-sb { width:140px; height:28px; background:#4f5965; border:0; color:#fff; text-transform:uppercase; cursor:pointer; display:inline; margin:10px 0 0 10px; }

#goog-wm-qt { width:215px; height:22px; float:left; display:inline; border:1px solid #999; padding:3px; margin:10px 0 0; }

/* -------------------- footer -------------------- */
#footerwrap { width:100%; height:px; background:url(images/bg-footer-rep.jpg) repeat-x; }

footer { width:940px; height:px; background:url(images/bg-footer.jpg) no-repeat; margin:0 auto; }

.bottom { text-align:center; margin:3px auto; }

.bottom li { display:inline; list-style:none; }

.bottom li a { font-size:0.7em; color:#393d40; }

.northernbanner {width: 100% !important; }