/* Reset browser defaults */
@import url("css/reset.css");
/* Apply basic typography styles */
@import url("css/typography.css");
/* Apply form styles */
@import url("css/forms.css");
/* Content column styles */
@import url("css/columns.css");

/* Site layout styles */

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: #f0e4c8;
}

#body-container {
	width: 780px;
}

#header-container, 
#header, 
#footer-container {
	float: left;
	width: 100%;
	position: relative;
}

#header-container {
	background: #004586;
}

#content-header {
	width: 100%;
}

#site-title {
	display: none;
}

#site-description {
	font-size: 1.25em;
	text-transform: uppercase;
	color: #863e0c;
	text-align: center;
	margin: 2.5em 1em 0.5em;
	padding: 0;
}

#page-header-image {
	border-bottom: 6px solid #004586;
}

#content {
	margin: 0 3%;
	font-size: 1.2em;
	text-align: justify;
	letter-spacing: 0.1em;
}

#content h1, 
#content h2, 
#content h3, 
.homecols .excerpt h3 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#content h1, 
.homecols .excerpt h3 {
	color: #006c33;
}
#content h1 {
	border-bottom: 2px solid #004586;
	font-size: 2em;
	line-height: 1.75;
	padding: 0 0.5em;
	margin-bottom: 1em;
}
#content h2 {
	border-bottom: 2px solid #914d20;
	font-size: 1.2em;
	color: #3d5083;
	background: url(images/blue_square.gif) no-repeat 12px center;
	padding: 6px 0 6px 28px;
}
#content strong {
	color: #004586
}

#content .contact {
	font-size: 1.2em;
	line-height: 1.5em;
	color: #333;
	margin-left: 30%;
}

#awards-container {
	border-top: solid 2px #914d20;
	padding-top: 1em;
	text-align: left;
	line-height: normal;
	color: #3d5083;
	font-family: Verdana, Geneva, sans-serif;
}
#awards-container ul {
	margin: 1em 0;
	padding-bottom: 1em;
	border-bottom: solid 1px #914d20;
}

/* Portfolio page styles */
#portfolio-thumbs-container {
	margin: 1em 1em 0;
}
#portfolio-thumbs-container h3 {
	text-align: center;
	font-size: 1.4em;
	color: #3d5083;
}
.portfolio-thumbs, .portfolio-thumbs li, .portfolio-thumbs a {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.portfolio-thumbs {
	float: left;
	width: 100%;
	margin: 0 1.5em 1em;
}
.portfolio-thumbs li {
	float: left;
	margin: 0 0.5em 1em;
}
.portfolio-thumbs img {
	float: left;
	border: solid 1px;
}
.portfolio-slide img {
	display: block;
	margin: 0 auto;
	text-align: center;
}
.portfolio-slide blockquote {
	line-height: normal;
	font-size: 0.9em;
	font-style: normal;
	color: #000;
	margin: 0 2em;
}

/* Navigation Menu styles */
#nav-container {
	background: #c6b597;
	padding-top: 2em;
}
#nav-logo a {
	display: block;
	background: url(images/logo.gif) no-repeat;
	height: 147px;
	width: 91px;
	margin: 1.5em auto;
}
#nav-logo span {
	display: none;
}
.menu, .menu li, .menu a {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu {
	padding: 0 0 1em;
	line-height: 0; /* IE6 "fix" */
}
.menu li {
	background: url(images/bg_menu_divider.png) no-repeat right top;
	padding-top: 1px;
}
.menu a, .menu a:link, .menu a:visited {
	font: 1.1em "Lucida Console", Monaco, monospace;
	text-decoration: none;
	text-transform: uppercase;
	text-align: right;
	padding: 5px 3em;
	color: #fff;
	zoom: 1; /* IE6/7 fix */
}
.menu a:hover, .menu a:active {
	background: url(images/bg_menu_hover.png);
	color: #004586;
}
.menu a img {
	border: 0 none;
	margin: 0 0 1px 10px;
}

#header-nav {
	float: left;
	width: 30%;		/* Match width of .col2 */
	position: relative;
	overflow: hidden;
}
#header-nav .menu {
	padding: 0;
	float: left;
	position: relative;
	left: 50%;
}
#header-nav .menu li {
	padding: 0;
	float: left;
	background: none;
	position: relative;
	right: 50%;
}
#header-nav a {
	border-left: 2px solid #dedede;
	padding: 0;
	width: 36px;
	height: 48px;
}
#header-nav #header-nav-home a {
	background-image: url(images/bg_header_menu_home.png);
}
#header-nav #header-nav-contact a {
	background-image: url(images/bg_header_menu_contact.png);
}
#header-nav a.first {
	border-left: 0 none;
}
#header-nav a span {
	display: none;
}

#footer-page-nav {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	background: #fff;
}
#footer-page-nav .menu {
	float: left;
	position: relative;
	left: 50%;
	padding: 1em 0;
}
#footer-page-nav .menu li {
	float: left;
	background: none;
	position: relative;
	right: 50%;
}
#footer-page-nav a {
	font: bold 0.9em Verdana, Geneva, sans-serif;
	text-decoration: underline;
	letter-spacing: 0.2em;
	color: #000;
	border-left: solid 1px #666;
	margin: 0;
	padding: 1px 1em;
}
#footer-page-nav a.first {
	border-left: 0 none;
}

#footer {
	color: #999;
	letter-spacing: 0.1em;
	background: #faf6e4;
	padding: 0.5em;
}
.home #footer-container {
	text-align: center;
}

#bwd a {
	color: #999;
}

/* 3 Column home page settings */
.homecols {
	background: none;		/* primary column background color */
	border-top: 2em solid #004586;
	border-bottom: 3em solid #004586;
}
.homecols .col_wrap {
	right: 50%;				/* width of the primary column */
	background: #fff;	/* near-left column background color */
}
.homecols .col_wrap .col_wrap {
	right: 30%;				/* width of the near-right column */
	background: #fff url(images/bg_col3_home.jpg) no-repeat right bottom;		/* far-left column background color */
}
.homecols .col1 {
	width: 50%;			/* width of primary column content (column width minus padding on either side) */
	left: 130%;			/* 100% plus (near-left column width) plus (near-left column left padding) */
}
.homecols .col2 {
	width: 30%;			/* Width of near-left column content (column width minus padding on either side) */
	left: 50%;			/* (far-left column width) plus (near-left column width) plus (near-left column left and right padding) plus (primary column left padding) */
}
.homecols .col3 {
	width: 16%;			/* Width of far-left column content (column width minus padding on either side) */
	left: 2%;			/* (100% minus primary column width) minus (near-left column width) minus (near-left column left and right padding) minus (primary column left and right padding) plus (far-left column left padding) */
}

.homecols #content-header {
	position: absolute;
	background: url(images/bg_wh_88.png);
}
.homecols #site-tagline {
	display: block;
	background: url(images/bg_br_66.png);
	font-size: 1.5em;
	line-height: 1.25em;
	text-transform: uppercase;
	color: #fefefe;
	padding: 0.25em;
}
.homecols #site-tagline span {
	display: block;
	text-indent: 1.25em;
}
.homecols #site-tagline span span {
	text-indent: 3.5em;
}
.homecols #site-tagline span span span {
	text-indent: 6em;
}
.homecols #nav-container {
	background-image: url(images/bg_menu_home.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 1px;
	border-right: 1px solid #fff;
}
.homecols #content {
	margin: 0;
}
.homecols .excerpt {
	margin: 1em 1em 0;
}
.homecols .excerpt h3 {
	margin: 0;
}
.homecols .excerpt p {
	line-height: 2em;
}
.homecols .col3 p {
	margin: 2.5em 0;
	line-height: 2.5em;
}


/* 2 Column (left menu) settings */
.twocol_left {
	background: #fff;	/* primary column background color */
}
.twocol_left .col_wrap {
	right: 70%;			/* primary column width */
	background: #c6b698 url(images/bg_left_dots.png) repeat-y right top;	/* left column background color */
}
.twocol_left .col1 {
	width: 70%;			/* primary column content width */
	left: 100%;			/* 100% plus left column left padding */
}
.twocol_left .col2 {
	width: 30%;			/* left column content width (column width minus left and right padding) */
	left: 0;			/* (primary column left and right padding) plus (left column left padding) */
}

.twocol_left #site-description {
	background: url(images/bg_br_66.png);
	margin: 0;
	padding: 1em;
}
.twocol_left #nav-container {
	background: #977e51;
}