@import url(reset.css);

/*
 * Global styles 
 */
body {
	font: normal 12px Verdana, Arial, sans-serif;
	color: #5f4832;
	background: url(../img/bg_body.png) repeat-x scroll top left #daecfe;
}
a { color: #5f4832; font-weight: bold;}
.clear { clear: both; }

		
/* HEADER BLEED STYLES */	
.bleed { width: 50%; height: 107px; position: absolute; top: 0; z-index: -1; }
#left_bleed { left: 0%; background: #5f4832; }
#right_bleed { left: 50%; background: #877665; }

#container {
	margin: 0 auto;
	width: 950px;
}
#header { 
	height: 107px;
}
#logo {
	float: left;
	margin: 30px 0 0 45px;
	text-indent: -9999px;
	background: url(../img/logo.png) no-repeat scroll top left;
	width: 148px;
	height: 65px;
}

/*
 * Top-level nav 
 */
#nav {
	float: right;
    height: 107px;
    position: relative;
}
#nav li {
    float: left;
    margin: 0px;
}
#nav li a {
    display: block;
    height: 107px;
    text-indent: -9999px;
    background-image: url(../img/nav_bg.png);
}

/* 
 * Nav Sprites (Add width and bg pos of previous li to find bg-pos)
*/

#home a { width: 115px; background-position: 0 0; }
#portfolio a { width: 115px; background-position: -115px 0; }
#services a { width: 115px; background-position: -230px 0; }
#resources a { width: 115px; background-position: -345px 0; }
#contact a { width: 115px; background-position: -458px 0; }


/* Hover state or current page */
#home a:hover,
body.home #home a { background-position: 0 -107px; }

#portfolio a:hover { background-position: -115px -107px; }
body.portfolio #portfolio a { background-position: -115px -107px; }

#services a:hover { background-position: -230px -107px; }
body.services #services a { background-position: -230px -107px; }

#resources a:hover { background-position: -345px -108px; }
body.resources #resources a { background-position: -345px -107px; }

#contact a:hover { background-position: -458px -107px; }
body.contact #contact a { background-position: -458px -107px; }

#content-wide {
	width: 950px;
	float: right;
}
#content {
	background: #fff;
}
#left_col {
	float: left;
	width: 250px;
}
#left_col span { 
	font-size: 16px;
	font-weight: bold; 
}
#left_col p { 
	margin: 25px 0;
	text-align: center; 
	font-size: 14px;
}
#left_col a {
	text-decoration: underline;
	font-weight: normal;
}

#right_col {
	float: left;
	width: 675px;
	padding: 25px 0 25px 25px;
}

#footer {
	width: 900px;
	margin: 25px;
	height: 50px;
	border-top: 1px solid #DDC6AD;
	background: #fff;
}
#footer li {
	float: left;
	border-right: 1px solid #DDC6AD;
	margin: 20px 0 0 0;
	padding: 0 10px 0 10px;
}
#footer a {
	font-size: 9px;
	color: #DDC6AD;
	font-weight: normal;
}


/* Portfolio */

.columns {
	width: 550px;
	margin: 25px 0 0 0;
}
.left-col {
	float: left;
	width: 300px;
}
.mid-col {
	float: left;
	width: 150px;
}
.right-col {
	float: left;
	width: 100px;
}

#accordion {
	width: 650px;
}
#accordion li {
	background: url(../img/small_bullet.png) no-repeat scroll 0 8px;
	margin: 5px 0 5px 15px;
	padding-left: 15px;
}