/*	=RESET YUIv3 */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


/*//	=GLOBAL */

html,body {
	background: rgb(209,211,212);
	font: normal 12px/16px Arial, sans-serif;
	color: rgb(90,90,90);
	}
	
/* links */
a, a:active, a:link {
	outline: 0;
	}

strong,
dt { font-weight: bold; color: rgb(88,0,0); }
em { font-style: italic; }
dl {
	margin-bottom: 10px;
}
dd {
	background: url(../images/bullet.jpg) no-repeat -1px 4px;
	padding-left: 11px;
	text-indent: -4px;
}
dl.nodisc dd {
	background: none;
	padding-left: 0;
	text-indent: 0;
}

/* structure */
#bento {
	position: relative;
	overflow: hidden;
	width: 710px;
	margin: 0 auto;
	padding: 21px;
	height: auto;
	background: #fff;
	}



/*//	=HEADER */

#header {
	position: relative;
	height: 65px;
	margin-bottom: 15px;
	padding: 20px 0 15px;
	border-bottom: 1px solid rgb(209,211,212);
	}

#header h1 {
	float: left;
	width: 200px;
	}
#header h1 a {
	display: block;
	width: 210px;
	height: 44px;
	background: url(../images/logo.gif) no-repeat 0 0;
	text-indent: -999em;
	font-size: 30px;
	}

/* navigation */
ul#nav {
	float: right;
	}
ul#nav li {
	display: inline;
	}
ul#nav li a {
	display: block;
	float: left;
	margin: 10px 22px 10px 0;
	padding: 5px 0 2px;
	border-bottom: 3px solid #fff;
	text-transform: uppercase;
	text-decoration: none;
	color: rgb(90,90,90);
	}
ul#nav li a:hover,
body#about ul#nav li#nav-about a,
body#services ul#nav li#nav-services a,
body#clients ul#nav li#nav-clients a,
body#careers ul#nav li#nav-careers a,
body#contact ul#nav li#nav-contact a {
	border-bottom: 3px solid rgb(195,18,52);
	color: #333;
	}
ul#nav li.nav-last a {
	margin-right: 0;
	}

/* search */
a#search {
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 20px;
	background: url(../images/icon-arrow.jpg) no-repeat 100% 0;
	color: rgb(195,18,52);
	text-decoration: none;
	}
a#search:hover {
	text-decoration: underline;
	}
body#home a#search {
	display: none;
	}



/*//	=CONTENT */

h2,h3 {
	color: rgb(88,0,0);
	}
h2 {
	margin-bottom: 25px;
	font-size: 28px;
	line-height: 33px;
	}
h3 {
	margin: 20px 0 0;
	font-size: 20px;
	line-height: 24px;
	}
#col-content p {
	margin-bottom: 10px;
	}
	
/* columns */
.col {
	float: left;
	overflow: hidden;
	}
#col-promo {
	width: 321px;
	}
#col-content {
	width: 350px;
	height: 100%;
	min-height: 100% !important;
	height: auto;
	margin-left: 30px;
	padding-top: 25px;
	}
.content-col {
	width: 165px;
	margin-right: 10px;
	}

/* boxes */
.box {
	color: #fff;
	text-align: right;
	}
.box-full {
	padding: 20px 0;
	}
.box-full p {
	width: 250px;
	margin-left: 350px;
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 16px;
	color: #fff;
	}

/* box colors */
.dblue { background-color: rgb(58,74,134); }
.orange { background-color: rgb(205,102,46); }
.green { background-color: rgb(141,173,82); }
.lblue { background-color: rgb(108,169,197); }
.red { background-color: rgb(195,18,52); }

.box blockquote {
	width: 190px;
	margin: 0 20px 0 110px;
	padding: 20px 0 75px;
	font-size: 12px;
	line-height: 17px;
	}
.box blockquote span {
	display: block;
	padding-top: 10px;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 13px;
	}



/*//	=FOOTER */

#footer {
	position: absolute;
	bottom: 0;
	left: 370px;
	bottom: 20px;
	clear: both;
	padding: 8px 0 0 0;
	}
#footer p {
	margin: 0;
	font-size: 10px;
	line-height: 9px;
	}



/*//	=PAGE ADJUSTMENTS */

body#home .box {
	padding: 20px 0 26px;
	}
body#home .box-full p {
	font-size: 12px;
	width: 300px;
	margin-left: 325px;
	}
body#about #col-content,
body#careers #col-content {
	width: 300px;
}
body#home #footer,
body#clients #footer {
	position: static;
	padding-top: 15px;
}