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

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #0c2041;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
}

img { border-style: none; }
p, li { line-height: 1.5em; }
li { margin: 10px auto; }
a, a:link, a:visited, a:active { color: #539dbc; }
a:hover { color: #785a3c; }

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	color: #0c2041;
}

#page-wrapper {
	position: relative;
	width: 960px;
	margin: auto;
	text-align: left;
}

#header {
	position: relative;
	width: 960px;
	height: 124px;
	background: url(../images/header.jpg) top left no-repeat;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
}

#banner {
	position: relative;
	width: 960px;
	height: 97px;
	background: url(../images/banner_home.jpg) top left no-repeat;
}

body.whoweare #banner	{ background-image: url(../images/banner_1.jpg); }
body.howwework #banner	{ background-image: url(../images/banner_2.jpg); }
body.portfolio #banner	{ background-image: url(../images/banner_3.jpg); }
body.news #banner		{ background-image: url(../images/banner_4.jpg); }
body.contact #banner	{ background-image: url(../images/banner_5.jpg); }

#content-wrapper {
	position: relative;
	background: #fff url(../images/content_bg.png) top left repeat-y;
	padding: 15px 25px;
}

#footer {
	position: relative;
	width: 960px;
	padding-top: 24px;
	background: url(../images/footer.png) top left no-repeat;
	font-size: 0.7em;
	text-align: right;
	text-transform: uppercase;
	color: #4b5e78;
}

#headline { position: relative; }

body.home #headline { border-bottom: 1px dashed #a4afc1; }

#sidebar {
	position: absolute;
	top: 23px;
	left: 23px;
	width: 202px;
}

#motto {
	margin: 0;
	padding: 0;
	text-align: right;
}

body.home #motto { margin-top: 57px; }

#motto li {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	color: #0c2041;
}

#motto a {
	color: #0c2041;
	text-decoration: none;
}

body.home #motto li { padding-bottom: 10px; }

#motto li.selected {
	font-size: 1.5em;
	color: #103c69;
}

#content-frame {
	position: relative;
	margin-left: 240px;
	width: 670px;
	height: 447px;
	overflow: auto;
	border-top: 1px dashed #a4afc1;
	border-bottom: 1px dashed #a4afc1;
}

body.home #content-frame { border-top: none; }

#content-frame h2 {
	color: #103c69 !IMPORTANT;
	margin: 10px 0;
}

#navigation { position: absolute; top: 85px; left: 0; line-height: 1; background: transparent; }
#navlist { position: relative; margin: 0; padding: 0; }
#navlist li { position: absolute; top: 1px; display: inline; list-style-type: none; display: inline; margin: 0; padding: 0; }
#navlist li a { display: block; height: 39px; text-indent: -9999px; overflow: hidden; text-decoration: none; }
#navlist li a:hover { background: transparent; }

#navlist li#nav_who-we-are				{ left: 356px; width: 128px; background: url(../images/menu_whoweare_off.png) top center no-repeat; }
#navlist li#nav_who-we-are.selected		{ top: 0; background-image: url(../images/menu_whoweare_sel.png); }
#navlist li#nav_how-we-work				{ left: 484px; width: 143px; background: url(../images/menu_howwework_off.png) top center no-repeat; }
#navlist li#nav_how-we-work.selected	{ top: 0; background-image: url(../images/menu_howwework_sel.png); }
#navlist li#nav_our-portfolio			{ left: 627px; width: 150px; background: url(../images/menu_ourportfolio_off.png) top center no-repeat; }
#navlist li#nav_our-portfolio.selected	{ top: 0; background-image: url(../images/menu_ourportfolio_sel.png); }
#navlist li#nav_news					{ left: 777px; width: 77px; background: url(../images/menu_news_off.png) top center no-repeat; }
#navlist li#nav_news.selected			{ top: 0; background-image: url(../images/menu_news_sel.png); }
#navlist li#nav_contact					{ left: 854px; width: 106px; background: url(../images/menu_contact_off.png) top center no-repeat; }
#navlist li#nav_contact.selected		{ top: 0; background-image: url(../images/menu_contact_sel.png); }

ul.menu { list-style-type: none; margin: 0; padding: 0; line-height: 1em; }
ul.menu ol { display: none; list-style-type: none; margin: 0; padding: 0; }
ul.menu li, ul.menu a { font-family: verdana, sans-serif; font-size: 11px; color: #785a3c; }
ul.menu ol li { padding-left: 30px; }
ul.menu a { text-decoration: none; outline: none; }
ul.menu a:hover { color: #539dbc; }
ul#menu a.active { /*color: #be5028;*/ }

.darkblue { color: #0c2041 !IMPORTANT; }
.blue { color: #103c69 !IMPORTANT; }
.italics { font-style: italic !IMPORTANT; }
.bold { font-weight: bold !IMPORTANT; }
.align-left { float: left; margin-right: 5px; }
.align-right { float: right; margin-left: 5px; }
.plain { text-decoration: none !IMPORTANT; }

.team-group {
	color: #103c69;
	font-style: italic;
	margin-bottom: 15px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-bottom: 1px solid #dde3ed;
	width: 90%;
}

.bio-pic {
	float: left;
	margin: 16px 10px 5px 0;
	border: 1px solid #dde3ed;
}

body.whoweare h3, body.whoweare h4 { margin-top: 30px; }

#portfolio-table td {
	padding-top: 10px;
	padding-right: 15px;
}

.portfolio-pic {
	text-align: right;
	vertical-align: top;
}