@charset "utf-8";
/* CSS Document */

html,body {
	margin:0; padding:0;
	height:100%;
	font: small Arial, Helvetica, sans-serif;
	color:#333333;
}
body {
	border-top:2px solid #333333;
}

/************************************** Header **********************************************/
div#header {
	margin:0; padding:0;
	height:113px;
	background:url(images/bg-header.jpg) top left repeat-x;
}
div#headerInfo {
	margin:0 auto; /* center, not in IE5 */
	width:990px; height:113px;
	text-align:left;
	background:url(images/bg-header-people.jpg) 8px 0 no-repeat;
}
img.logo { 	margin:0; border:0 }
#navigation {
	text-align:left; 
	margin:81px 0 0 0; padding:0 0 0 0;
	font-size: 14px; font-weight:bold;
	float:left;
}
#navigation ul{
	margin:0;
	padding:0;
	list-style:none;
}
#navigation li {
	margin:0;
	padding:0;
	float:left;
	height:31px;
}
* html #navigation li {
	width:10px; /* fix for IE width bug */
	overflow:inherit;
}
#navigation li a {
	margin:0;
	padding:0;
	height:31px;
	background:transparent url(images/nav-grey.gif) top left no-repeat;
	text-decoration:none;
	border:0;
	display:block;
	color:#FFFFFF;
	cursor:pointer;
}
#navigation li.nav1 a { background-image:url(images/nav-grey2.gif); }
#navigation li.nav3 a { background-image:url(images/nav-blue.gif); }
#navigation li.nav2 a { background-image:url(images/nav-red.gif); }
#navigation li.nav4 a { background-image:url(images/nav-green.gif); }

#navigation li a:hover,
#home #navigation li.nav1 a,
#apps #navigation li.nav2 a,
#exp #navigation li.nav3 a,
#careers #navigation li.nav4 a,
#faq #navigation li.nav5 a,
#contact #navigation li.nav6 a
  { 	height:35px; background-color:#373737; margin-top:-4px }
#navigation li.nav2 a:hover, #apps #navigation li.nav2 a { 	background-color:#ef2e27;  }
#navigation li.nav3 a:hover, #exp #navigation li.nav3 a { 	background-color:#0066cc;  }
#navigation li.nav4 a:hover, #careers #navigation li.nav4 a { 	background-color:#19ac51;  }

#navigation li a span {
	padding:7px 22px 0 22px;
	height:24px;
	display:block;
	background:transparent url(images/nav-grey-r.gif) top right no-repeat;
}
#navigation li.nav3 a span { background-image:url(images/nav-blue-r.gif); }
#navigation li.nav2 a span { background-image:url(images/nav-red-r.gif); }
#navigation li.nav4 a span { background-image:url(images/nav-green-r.gif); }
#navigation li.nav5 a span, #navigation li.nav6 a span { background-image:url(images/nav-grey2-r.gif); }


/************************************** Content **********************************************/
#colright {
	float:right; 
	width:300px; height:800px; 
	margin-left:20px; 
}
div#content {
	margin:30px auto 0 auto; padding:0;
	width:980px;
}
div#content p {
	line-height:1.3;
}
ul { margin-top:0; margin-bottom: 15px}
li { margin-bottom:5px; }
h1 { 
	font-weight:normal; font-size:160%;
	margin:0 0 12px 0; padding:0;
}
h2 { font-size:135%; font-weight:normal; padding:0; margin: 18px 0 8px 0; }
h3 { font-size: 110%; padding:0; margin: 0 0 5px 0; }
p { margin:0 0 10px 0; padding:0 }
a { color:#333333; text-decoration:underline }
a:hover { text-decoration:none }
#apps h1, #apps h2, #apps a, .red { color: #ef2e27 }
#exp h1, #exp h2, #exp a, .blue { color:#0066cc }
#careers h1, #careers h2, #careers a, .green { color: #19ac51 }


.homeBox {
	width: 208px; height:318px; 
	float:left; 
	margin-right:24px; 
}
.homeBox img { padding-bottom:135px; border:0 }
.redBox { background: bottom left no-repeat url(images/homebox-red.jpg) }
.blueBox { background: bottom left no-repeat url(images/homebox-blue.jpg) }
.greenBox { background: bottom left no-repeat url(images/homebox-green.jpg); margin-right:0 }

.quote {
	background:url(images/comments.gif) top left no-repeat; 
	width: 260px; height: 160px; min-height:160px; 
	margin-top:15px; padding:10px 12px; 
	color:#FFFFFF; 
	margin-left:8px;
}
#home .quote { margin-left:0; }
.quote p {
	height:120px;
	min-height:120px;
}

/************************************** Contact Form **********************************************/
form#contactform {
	width: 400px; float:right; margin-left:15px
}
form#contactform select, form#contactform input, form#contactform textarea {
	width: 250px;
	float: left;
	margin-bottom: 7px; padding-left:2px;
	height:18px;
	border: 1px solid #999999;
}
form#contactform select {
	height:22px;
}
form#contactform textarea {
	height:80px;
}
form#contactform select.required, form#contactform input.required, form#contactform textarea.required {
	background-color:#f1f9fd;
	border: 1px solid #888888;
}
form#contactform label {
	text-align: right;
	position:relative;
	width: 120px;	height:16px;
	padding-top:2px;
	margin-right: 5px; margin-bottom: 7px;
	font-weight:bold;
	float:left;
	clear:left;
}
form#contactform label.checkbox {
	clear:none;
	font-weight:normal;
	text-align:left;
	width:250px;
}
form#contactform label.checkbox input {
	width:auto;
	height:auto;
	margin-left:8px;
	margin-right:8px;
	border:0;

}
form#contactform input.nopad  {
	width: 20px;
}
form#contactform a.submitform img {
	margin-left:130px; border:0;
}
form#contactform span.formnote {
position:absolute;
top:2px;
left:422px;
width:110px;
font-weight:normal;
text-align:left;
}



/************************************** Footer **********************************************/
div#footer {
	margin:0 auto; padding: 5px 0 15px 0;
	width:980px;
	text-align:left;
	color:#636262;
	font-size:11px;
	clear:both;
}
div#footer a {
	color:#636262;
	text-decoration:none;
}
div#footer span.copyright {
	float:right;
	width:180px;
	color:#414041;
	font-size:14px;
	text-align:right;
}
a.glassraven {
	color:#414041;
	font-size:11px !important;
	text-decoration:none;
}