/* CSS Document */

body { 
	margin: 0px;
	padding: 0px 0px 30px 0px;
	font: 12px "Tahoma", Arial, Helvetica, sans-serif;
	line-height: 20px;
	background-color:#000;
}

#wrapper { 
	background:#C0C0C0 url(../_images/bfrpt.gif) top center repeat-y;
	width: 920px;
	margin: 0 auto;
}

#content {
	width: 854px;
	background: url(../_images/bodybg.gif) bottom left no-repeat;
	padding: 0px 0px 20px 66px;
}

#header { 
	height: 131px; 
	background: url(../_images/header.gif) top right no-repeat;
	padding: 16px 20px 10px 0px;
	cursor: pointer;
}

p { margin: 0px; padding: 10px 0px;  
	padding-left: 115px; 
	padding-right: 25px; }

#nav {
	width: 920px; height: 56px;
	margin: 0 auto;
	border-top: 5px #000 solid;
	background: #fff url(../_images/navbg.gif) top left no-repeat;
}

#nav ul {
	margin: 0 0 0 161px; padding: 0px;
	width: 759px; height: 56px;
	list-style: none;
}

#nav ul li {
	float: left;
	margin: 0px; padding: 0px;
	border-left: 5px #000 solid;
	height: 56px;
}

#nav ul li a {
	display: block;
	height: 37px;
	padding: 19px 10px 0 10px;
	font: 18px Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align:center;
}

#nav ul li a.current {
	text-transform: uppercase;
}

#nav ul li a#portfolio {
	color: #990000;
	width: 154px;
}
#nav ul li a#portfolio:hover {
	background-color: #FFD04D;
	color: #000;
}

#nav ul li a#approach {
	color: #fff;
	background-color: #990000;
	width: 155px;
}
#nav ul li a#approach:hover {
	background-color: #000000;
	color: #fff;
}

#nav ul li a#team {
	color: #000;
	background-color: #FFD04D;
	width: 89px;
}
#nav ul li a#team:hover {
	background-color: #ffffff;
	color: #000;
}

#nav ul li a#career {
	color: #000;
	background-color: #ffffff;
	width: 89px;
}
#nav ul li a#career:hover {
	background-color: #FFD04D;
	color: #000;
}

#nav ul li a#contact {
	color: #000;
	background-color: #ffffff;
	width: 147px;
	background: url(../_images/contactbg.gif) top left no-repeat;
}
#nav ul li a#contact:hover {
	background-color: #FFD04D;
	color: #000;
}

a { color: #000; }


#footer {
	width: 920px;
	margin: 0 auto;
	padding: 63px 0px 0px 0px;
	background: url(../_images/footer.gif) top left no-repeat;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

#footer a { color: #fff; }

#left {
	width: 620px;
	float:left;
}


#right {
	float: right;
	width: 200px;
}




h1 {
	margin: 0px;
	padding: 0px;
	font: 16px "Tahoma", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	padding-left: 115px;
	margin: 18px 0px 10px 0px;
}

h2 {
	margin: 0px;
	padding: 0px;
	font: 30px "Tahoma", Arial, Helvetica, sans-serif;
	color: #000000;
	padding-left: 25px;
	margin: 80px 0px 10px 0px;
	letter-spacing: 5px;
}

.quote {
	line-height: 20px;
	letter-spacing: 2px;
}

.left_arrow a { display: block; background-image:url(../_images/arrow_back.gif); width: 34px; height: 89px; color: #fff; }
.left_arrow a:hover { background-image:url(../_images/arrow_back_over.gif); }

.right_arrow a { display: block; background-image:url(../_images/arrow_forward.gif); width: 34px; height: 89px; color: #900; }
.right_arrow a:hover { background-image:url(../_images/arrow_forward_over.gif); color: #fc6 }

#submit {
	background-color: #FFD04D;
	border: 0px;
	padding: 2px 5px;
	width: 70px;
	font: 12px "Tahoma", Arial, Helvetica, sans-serif;
}

#reset, #correct {
	background-color: #990000;
	width: 70px;
	padding: 2px 5px;
	border: 0px;
	color: #ffffff;
	font: 12px "Tahoma", Arial, Helvetica, sans-serif;
}

#correct {
	width: 90px;
	text-align: center;
}
#correct a { color: #ffffff; text-decoration: none; }