/*  Globals
--------------------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }

hr { display: none; }
ul { list-style: none; }
body { 
	background: #1F1F1F; 
	color:#A4A4A5; 
	padding: 50px 0; 
	font: 12px/1 Arial, Helvetica, Sans-Serif; 
}
a { color:#fff; text-decoration: none; }
a:hover, .current a { color:#B23426; }
a:active { outline: none; }

#footer a { color:#999; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

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

/* hide what's below from iemac \*/

#wrapper { 	
	position:absolute;
	width: 990px; 
	height: 600px; 
	margin:-300px 0px 0px -495px;
	top: 50%; 
	left: 50%;
	text-align: left;
	padding: 0px;
	overflow: hidden;
}

/* end hiding */

#container { 
	width: 990px; 
	height: 600px; 
	margin:0 auto; 
	position: relative;
	background:#555;
}

#header {
	height: 153px;
	width: 990px;
	background: url(../gfx/top_i.gif) no-repeat 0 0;
	position: relative; 
}
#contentarea {
	height: 347px;
	width: 990px;
	background: url(../gfx/mid_i.gif) no-repeat 0 0;
	position: relative; 
}
#footer {
	height: 100px;
	width: 990px;
	background: url(../gfx/foot_i.gif) no-repeat 0 100%;
	position: relative; 
}

/*  Header
--------------------------------------------------------------------------------------------------- */
#logo {
	width: 100px;
	height: 112px;
	text-indent: -9999px;
	background: url(../gfx/logo.gif) no-repeat 0 0;
	position: absolute;
	top: 22px;
	right: 95px;
}
#logo a {
	display: block;
	width: 100px;
	height: 112px;
}
#ph {
	position: absolute;
	top: 20px;
	left: 265px;
	height: 20px;
	width: 25px;
	text-indent: -9999px;
}
#ph a {
	display: block;
	height: 20px;
	width: 25px;
}
#em {
	position: absolute;
	top: 20px;
	left: 215px;
	height: 20px;
	width: 25px;
	text-indent: -9999px;
}
#em a {
	display: block;
	height: 20px;
	width: 25px;
}

/*  Primary Content
--------------------------------------------------------------------------------------------------- */
body#inside #primary {
	height: 347px;
	width: 827px;
	background: url(../gfx/content_i_wide.gif) no-repeat 0 0;
	float: right;
}
.content, #cf1 {
	height: 290px;
	overflow: auto;
	width: 575px;
	position: absolute; right: 20px; top: 30px;
	padding: 0 10px 0 0;
}
body.portfolio #cf1 {
	right: 0;
	width: 595px;
} 
#featurepic {
	float: left;
	width: 157px;
}


#featurepic img {
	margin: 77px 0 0 55px;
} 

h1 { color:#fff; margin: 0 0 10px 0; font-size: 14px; 1.2em; }
h2 { color:#ccc; margin: 0 0 10px 0; font-size: 14px; 1.2em; }

#primary p { margin: 0 0 10px; line-height: 1.4em; }
#primary p strong { color:#ccc; }
#primary blockquote p { color:#ccc; margin: 0 10px 10px 10px; }
#primary ul {
	margin: 0 0 10px 0;
}
#primary ul ul {
	margin: 5px 0 0 0;
}
#primary ul li {
	background: url(../gfx/r-arrow.gif) no-repeat 0 2px;
	padding: 0 0 0 15px;
	line-height: 1.2em;
	margin: 0 0 5px 0;
}
#primary ul.subnav li {
	font-style: italic;
	background-position: 0 50%;
}

#primary ul.projectlist {
	margin: 0;
	padding: 5px 0 0 0;
}
#primary ul.projectlist li {
	margin: 0 20px 25px;
	padding: 0;
	float: left;
	width: 95px;
	height: 100px;
	text-align: left;
	background: none;
}
#primary ul.projectlist li.clear {
	padding: 0 0 0 15px;
	margin: 15px 0 0 0;
	background: url(../gfx/r-arrow.gif) no-repeat 0 2px;
	width: auto;	
}
#primary ul.projectlist li img {
	margin: 0 0 5px;
	width: 95px;
}
body.portfolio .page {
	float: right;
	width: 420px;
}

/*  Footer
--------------------------------------------------------------------------------------------------- */
#footer p {
	position: absolute;
	left: 100px;
	top: 75px;
	font-size: 9px;
	color:#535558;
	text-align: left;
}

/* Navigation
--------------------------------------------------------------------------------------------------- */
#navigation {
	position: absolute;
	top: 191px;
	left: -1px;
}
#navigation ul li {
	width: 164px;
}
#navigation ul li a {
	width: 164px;
	display: block;
	text-indent: -9999px;
}
#n_company a {
	height: 46px;
	line-height: 46px;
	background: url(../gfx/nav_i/company.gif) no-repeat 0 0;
}
#n_company a:hover,
body.company #n_company a {
	background-position: -164px 0;
}
#n_people a {
	height: 45px;
	line-height: 45px;
	background: url(../gfx/nav_i/people.gif) no-repeat 0 0;
}
#n_people a:hover,
body.people #n_people a {
	background-position: -164px 0;
}
#n_portfolio a {
	height: 48px;
	line-height: 48px;
	background: url(../gfx/nav_i/portfolio.gif) no-repeat 0 0;
}
#n_portfolio a:hover,
body.portfolio #n_portfolio a {
	background-position: -164px 0;
}
#n_advantage a {
	height: 50px;
	line-height: 50px;
	background: url(../gfx/nav_i/advantage.gif) no-repeat 0 0;
}
#n_advantage a:hover,
body.advantage #n_advantage a {
	background-position: -164px 0;
}
#n_contact a {
	height: 47px;
	line-height: 47px;
	background: url(../gfx/nav_i/contact.gif) no-repeat 0 0;
}
#n_contact a:hover,
body.contact #n_contact a {
	background-position: -164px 0;
}
#n_careers a {
	height: 50px;
	line-height: 50px;
	background: url(../gfx/nav_i/careers.gif) no-repeat 0 0;
}
#n_careers a:hover,
body.careers #n_careers a {
	background-position: -164px 0;
}


/* Contact Form
--------------------------------------------------------------------------------------------------- */
form {
	padding: 0 0 15px 0;
}
form fieldset {
	border: none;
}
form fieldset legend {
	display: none;
}
form input,
form select,
form label {
	display: block;
	width: 68%;
	float: right;
	margin-bottom: 0;
}
form input { background: #fff; }
form label {
	text-align: left;
	width: 27%;
	float: left; 
	color:#fff;
}
html>body form label { 	padding-right: 5px; }
form label.message {
	text-align: left;
	float: left;
}
form .field { padding: 5px 0 15px 0; }
form textarea#message {
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	float: none;
	text-align: left;
	background: #fff;
}
form input.checkbox {
	width: 10%;
	float: left;
}
form br {
	clear: both;
}
form #zemSubmit {
	clear: both;
	width:110px;
	margin-top: 15px;
}
form label.zemRequired {
	font-weight: bold;
}

/* Easy Clearing
--------------------------------------------------------------------------------------------------- */
.clear {
	clear: both;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */