/***

   :: Theme Development: surprisehighway.com
   :: Last modified 01/13/07

	Font Palette
	***************************************
	

	Color Palette
	***************************************
	

***/

/* CSS reset courtesy of meyerweb.com */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Typography ----------------------------------------------------------------- */
body {font-size: 62.5%; line-height: 1.4em; font-family: Helvetica, Arial, sans-serif; color: #000; background: url('/images/loading.png')}

h1 {font-size: 1.1em; font-weight: bold;}
h2 {font-size: 2.0em; font-weight: bold; line-height: 1.5em;}
h3 {font-size: 1.2em; font-weight: bold;}

p {margin-bottom: 9px; font-size: 13px; line-height: 1.4em;}
ul,
ol {margin-bottom: 18px;}
li {margin-left: 20px; font-size: 1.4em;}
a {text-decoration: none; color: #fff;}
a:hover {text-decoration: underline;}

.show {display: inherit !important;}
.hide {display: none !important;}
.active.show,
.active.hide {display: inherit !important;}

/* Layout ----------------------------------------------------------------- */

#header {position: relative; z-index: 99;} 
#header #logo {background: #000; text-align: center; padding: 10px 10px;}
#header h1 a {display: block; color: #fff; font-weight: normal; text-transform: uppercase; font-size: 1.1em; text-align: right;}
#header h1 a:hover {background: #d8151c; text-decoration: none;}
#header #nav {width: 100%; padding: 0; background: transparent url(/images/transparent-60.png) repeat;}
#header ul {margin-bottom: 0;}
#header li {text-transform: uppercase; margin-left: 10px; font-size: 11px; line-height: 1.4em;}
#header li a {color: #999;}
#header li a:hover {color: #fff;}
#header li a.closed:hover {color: #999; text-decoration: none;}

#nav ul {padding: 10px 0;}
#nav ul li {position: relative;}
#nav ul li ul {position: absolute; top: 0; left: 60px; padding: 0;}
#nav ul li ul li {display: inline; font-size: inherit;}
#nav ul li ul li a {padding: 0;}
#nav ul li ul li.active a {color: #fff;}

#content {position: absolute; bottom: 30px; right: 25px; padding: 10px; background: transparent url(/images/transparent-60.png); color: #fff; z-index: 99; } 
#content a {color: #fff;}
#content #left {float: left; padding: 5px 25px 0 0; text-align: right; background-color: transparent;}
#content #right {float: left; width: 385px; padding: 45px 20px 20px 25px; border-left: 1px solid #fff; background-color: transparent;}
#content #right h2 {font-size: 1.6em; line-height: 1.5em;}
#content #right li {margin-left: 0;}
#content #right .desc {text-align: justify;}
#content #right .desc li {list-style: disc; margin-bottom: 9px; margin-left: 15px;}

/* Background */
body {height: 100%; width: 100%; overflow: hidden;}
html,
#bg,
#bg table,
#bg td {height: 100%; width: 100%; overflow: hidden;}
#bg div{position:absolute; width:200%; height:200%; top:-50%; left:-50%;}
#bg td{vertical-align:middle; text-align:center;}
#bg img{min-height:50%; min-width:50%; margin:0 auto; display: block;}

#bg {z-index: -1;}

#content.scroll {height: 600px; overflow-y: scroll; overflow-x: hidden;}

/* Home Page */
#homepage #content {bottom: 30%; left: 40%; margin: 0 auto; background: none; opacity: 1;}
#homepage #content h1 {font-size: 44px; line-height: 1.5em; text-transform: uppercase;}
#homepage #content h2 {position: absolute; bottom: 25%; left: 2%; font-size: 17px; color: #000;}
#homepage #projectinfo {position: absolute; bottom: 10px; right: 20px; font-size: 1.2em; color: #fff; z-index:999; } 

/* Project Page */
#projectpage #content {top: 0; bottom: inherit; width: 560px; padding: 0; background-image: none;} 
#projectpage #content #left {width: 115px; padding-top: 63px;}
#projectpage #content #right {width: 355px; padding-top: 0; padding-right: 0;}
#projectpage #content #right h3 {margin-bottom: 35px; }
#projectpage .desc {text-align: justify;}
#projectpage #projectinfo {margin: 0; padding: 10px; position: relative; text-align: right; background: transparent url(/images/transparent-60.png);} 
/* #projectpage #projectinfo h2 {padding: 18px 0 5px 0;}*/
#projectpage #projectinfo h2 {padding: 0;}
#projectpage #projectinfo h3 {padding: 5px 0;}
#projectpage #projectinfo .pagination {position: absolute; bottom: 0; right: 85px; font-size: 1.0em;}

#projectpage #showhide {font-size: 1.0em; position: absolute; bottom: 0; right: 10px;}
#projectpage #more {padding: 10px; background: transparent url(/images/transparent-60.png);} 

/* List Page */
#listpage #left .side {padding-top: 10px; text-align: left;}

.contact_us #left h2,
.careers #left h2 {margin-bottom: 90px;}
.contact_us #content #right,
.careers #content #right {padding-top: 130px;}

.clearfix {clear: both;}

/* IE 6 'fixes' \*/
* html #container #header #nav,
* html #content  {background: #000; background-image: none;}
* html #projectpage #projectinfo {padding-bottom: 19px; background: none;}
* html #projectpage #projectinfo p {left: -540px;}
* html #projectpage #more {padding-top: 5px;}

/* IE 7 'fixes' */
/*
*:first-child+html #header #nav div,
*:first-child+html #content,
*:first-child+html #projectpage #more,
*:first-child+html #projectpage #projectinfo {behavior: url(/images/iepngfix.htc);} 
*/
*:first-child+html #projectpage #showhide,
*:first-child+html #projectpage #projectinfo .pagination {bottom: 5px;}
*:first-child+html #projectpage #more {margin-top: -5px;}
*:first-child+html #projectpage #projectinfo p {bottom: -5px;}
*:first-child+html #projectpage #content {behavior: inherit;}
*:first-child+html #projectpage #projectinfo {padding-bottom: 21px; } /* background-image: url(/images/transparent-30.png) } */
*:first-child+html #projectpage #projectinfo h2 {padding-top: 0;}
*:first-child+html #projectpage #more {padding-top: 0; } /* background-image: url(/images/transparent-30.png) } */
*:first-child+html #homepage #content h2 {bottom:15%}