/*
   screen.css
   metaglo
   
   Created by Cale Woodley on 2008-12-02.
   Copyright 2008 Webfirm. All rights reserved.
*/

@import url("reset.css");

body {
  background: #0E1327 url(../images/bgnew.jpg) 0 0 repeat-x;
  font: 11px/18px Verdana, Arial, sans-serif;
  color: #92a9d9;
}

#wrap {
  width: 100%;
  background: url('../images/core/wrap-background.jpg') top center no-repeat;
}

#container {
  width: 940px;
  margin: 0 auto;
}

#header {
  width: 940px;
  height: 300px;
  background: url('../images/core/header-background.jpg') 0 0 no-repeat;
  position: relative;
}

#header p {text-indent: -999em; height: 0;}

#header img#logo {position: absolute; top: 0;}

#banner {
  position: absolute;
  top: 72px;
  right: 20px;
  height: 256px;
  width: 559px;
	overflow: hidden;
}

#banner img {
	top: 0;
	left: 0;
}

#primary ol {list-style:lower-roman; margin-left:20px; padding-bottom:10px;}
#primary ol li{padding-bottom:3px;}

/*  =nav
***********************************************/
#navigation {
  margin: 27px 0 0 0;
}

#navigation li {float: left;display: inline;}

#navigation a {
  display: block;
  height: 46px;
  text-indent: -999em;
  background-position: 0 0;
  background-repeat: no-repeat;
}

#navigation a#nav-home {background-image: url('../images/nav/nav-home.png'); width: 50px;}
#navigation a#nav-profile {background-image: url('../images/nav/nav-profile.png'); width: 65px;}
#navigation a#nav-mining {background-image: url('../images/nav/nav-mining.png'); width: 158px;}
#navigation a#nav-marine {background-image: url('../images/nav/nav-marine.png'); width: 158px;}
#navigation a#nav-medical {background-image: url('../images/nav/nav-medical.png'); width: 202px;}
#navigation a#nav-hospitality {background-image: url('../images/nav/nav-hospitality.png'); width: 91px;}
#navigation a#nav-architectural {background-image: url('../images/nav/nav-architectural.png'); width: 117px;}
#navigation a#nav-contact {background-image: url('../images/nav/nav-contact.png'); width: 80px;}

#navigation a:hover {background-position: 0 -46px;}


/*  =content
***********************************************/
#content {
  display: block;
  clear: both;
  width: 900px;
  margin: 0 auto;
	padding:10px 0 0 0;
}

#content #primary {
  background: #18234a url('../images/core/primary-background.png') top center no-repeat;
  margin: 40px 0 15px 0;
  width: 610px;
  padding: 20px;
  float: left;
  display: inline;
}

#content #secondary {
  width: 206px;
  margin: 40px 0 15px 0;
  float: right;
  display: inline;
}

#primary h1 {
  color: #6ab3ff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 24px;
  font-weight:normal;
  margin: 0 0 10px 0;
}

body#page-index #primary h1 {
  width: 379px;
  height: 40px;
  text-indent: -999em;
  background: url('../images/core/h1-index.jpg') 0 0 no-repeat;
}

body#page-profile #primary h1 {width: 379px; height: 17px; text-indent: -999em; background: url('../images/core/h1-profile.jpg') 0 0 no-repeat;}
body#page-mining #primary h1 {width: 379px; height: 17px; text-indent: -999em; background: url('../images/core/h1-mining.jpg') 0 0 no-repeat;}
body#page-marine #primary h1 {width: 379px; height: 17px; text-indent: -999em; background: url('../images/core/h1-marine.jpg') 0 0 no-repeat;}
body#page-medical #primary h1 {width: 379px; height: 17px; text-indent: -999em; background: url('../images/core/h1-medical.jpg') 0 0 no-repeat;}
body#page-hospitality #primary h1 {width: 379px; height: 17px; text-indent: -999em; background: url('../images/core/h1-hospitality.jpg') 0 0 no-repeat;}
body#page-contact #primary h1 {width: 379px; height: 17px; text-indent: -999em; background: url('../images/core/h1-contact.jpg') 0 0 no-repeat;}
body#page-thankyou #primary h1 {width: 379px; height: 17px; text-indent: -999em; background: url('../images/core/h1-thankyou.jpg') 0 0 no-repeat;}
body#page-architectural #primary h1 {width: 487px; height: 17px; text-indent: -999em; background: url('../images/core/h1-architectural.jpg') 0 0 no-repeat;}

#primary h2 {
  font-size: 16px;
  color: #6ab3ff;
  font-weight:normal;
}

#primary p {
  margin: 0 0 10px 0;
}

#primary a {color: #3683ff; text-decoration: underline;}
#primary a:hover {text-decoration: none;}

#primary ul {margin: 0 0 10px 0;}
#primary ul li {margin: 0 0 0 20px; list-style: square;}

#primary hr {
  clear: both;
  display: block;
  height: 0;
  border: 0;
  border-top: 1px solid #fff;
}

span.highlight_green {color: #329924;}

.back_to_top {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	text-align: right;
}

.back_to_top a {color: #fff !important;}


/*  =footer
***********************************************/
#footer {
  clear: both;
  background: #1e2643;
  width: 900px;
  height: 58px;
  color: #a8b7d9;
  font-size: 10px;
  margin: 15px 0;
}

#footer p {padding: 10px; float: left; display: inline;}
#footer img {padding: 10px; float: right; display: inline;}
#footer a {color: #a8b7d9; text-decoration: none;}
#footer a:hover {text-decoration: underline;}