/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
body {
	background: #D7DBE3;
	color: #000000;
	font-size:62.5%;
	font-family: Verdana, Geneva, sans-Serif;
}

#shadow_main {
	width: 940px;
	margin: 0px auto 0 auto;
	background: #FFFFFF url('../img/shadow_main.png') repeat-y scroll;
	background-position: 0 -541px;
}

#footer {
	clear: both;
	margin: 0 auto;
	height: 25px;
	width: 940px;
	background: #D7DBE3 url('../img/csg-4a3c9e1527062.png') no-repeat scroll top;
	background-position: 0 -406px;
}

#copyright {
	margin: 0 auto;
	color: #333333;
	width: 940px;
	text-align: center;
}

/* -----------------------------------*/
/* ------->>> Text Styles <<<---------*/
/* -----------------------------------*/

p, ul, address{
	font-size: 1.2em;
	line-height: 1.5;
	margin: 20px;
	font-style: normal;
}

a {
	color: #19335F;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border-style: none;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

blockquote, h1, h2 {
	font-family: "Bitsteram Vera Sans", Verdana, Sans-Serif;
}

blockquote {
	font-style: italic;
	color: #19335F;
	font-size: 1.2em;
	background: url("../img/quotes_open.png") no-repeat top left;
	margin: 0;
}

blockquote p {
	margin: 0 0 0 28px;
}

blockquote p.cite{
	color: #666666;
	font-size: 0.9em;
	font-style: normal;
	margin-top: 10px;
}

h1 {
	color: #ffffff;
	font-size: 2.4em;
	font-weight: normal;
	position: relative;
	left: 20px;
	top: 60px;
	width: 300px;
	margin: 0;
	padding: 0;
}

h2 {
	clear: both;
	font-size: 1.8em;
	font-weight: normal;
	color: #19335F;
	margin: 15px 10px 10px 20px;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 10px;
}

h4 {
	font-size: 1.2em;
	font-weight: normal;
	color: #19335F;
}

h5 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 20px 10px 0 10px;
}

.blue {
	color: #19345F;
}

.modified {
	margin: 3px 10px;
	color: #666666;
	font-size: 1.0em;
}

/* -----------------------------------*/
/* ---------->>> Header <<<-----------*/
/* -----------------------------------*/

div#header {
	background: url("../img/header_bg.jpg") no-repeat top;
	width: 900px;
	height: 106px;
	margin: 0 0 0 -5px;
	padding: 0;
}
/* -----------------------------------*/
/* ------>>> Page Structure <<<-------*/
/* -----------------------------------*/

div#main {
	background: #FFFFFF;
	clear: both;
	overflow: hidden;
	padding: 0 5px;
	margin: 0 auto;
	width: 890px;
}

div#home_banner{
	width: 890px;
	height: 300px;
	margin: 0 0 5px 0;
}

div#project_spotlight {
	border: 1px solid #E1E1E1;
	float: left;
	width: 255px;
	height: 310px;
}

div#project_spotlight img, div#career_search img {
	margin: 3px;
}

div#news {
	border: 1px solid #E1E1E1;
	float: left;
	width: 364px;
	height: 310px;
	margin: 0 5px;
	overflow: auto;
}

div#news a.older {
	font-weight: bold;
}

div#news h3, div#news_details h3, div#career_search  h3, div#project_spotlight h3{
	font-size: 1.5em;
	color: #19335F;
	font-weight: normal;
}

div#news p, div#news_details p, div#career_search  p, div#project_spotlight p {
	margin: 5px 10px;
}

div#news_details h5 {
	font-size: 1.5em;
}

div#career_search {
	border: 1px solid #E1E1E1;
	float: left;
	width: 255px;
	height: 310px;
}

div.content, div.projects{
	background: #F0F2F7;
	border: 1px solid #E1E1E1;
	margin-top: 5px;
	overflow: auto;
}

div#profile {
	width: 888px;
}

div#profile div#content_left {
	width: 550px;
	float: left;
}

div#profile div#content_left ul {
	list-style-image: url("../img/bullet.png");
	margin: 0 0 25px 40px;
}

div#profile div#content_right {
	width: 290px;
	float: right;
	margin: 50px 30px 0 0;
}

div#services img {
	float: left;
	margin: 5px 20px 35px 25px;
	width: 85px;
	height: 85px;
	border: 3px solid #CCCCCC;
}

div#project_index div.photo{
	margin: 14px;
	float: right;
}

div.pagination {
	clear: both;
	text-align: center;
	margin: 15px;
}

div.photo {
	margin: 17px;
	float: left;
	height: 175px;
}

div.photo img {
	border: 3px solid #FFFFFF;
	margin: 1px 0 0 1px;
}

div.photo ul li {
	font-size: 0.8em;
	margin: 5px 7px;
	line-height: 1;
	border: none;
	background: none;
	width: 128px;
	float: none;
}

div.photo div.image_border {
	width: 128px;
	height: 128px;
	background: #CCCCCC;
}

div#accordion {
	width: 180px;
	float: left;
}

div#accordion h3 {
	font-size: 1.2em;
	color: #19335F;
	font-weight: normal;
}

div#project_index, div#project_details {
	width: 700px;
	float: right;
}

div#projects {
	width: 890px;
	margin: 0;
	padding: 0;
}

div#project_left {
	float: left;
	width: 285px;
}

div#project_gallery {
	background: #D7DBE3;
	float: right;
	width: 380px;
	margin: 5px 5px 5px 0;
}

div#project_gallery img.large_photo {
	width: 340px;
	height: 250px;
	border: 4px solid #FFFFFF;
	margin: 16px 16px 10px 16px;
}

div#project_gallery ul {
	margin: 0 5px;
}

div#project_gallery ul li {
	float: left;
	margin: 5px;
}

div#project_gallery ul li img.thumbnail {
	width: 75px;
	height: 75px;
	border: 3px solid #FFFFFF;
}

div#project_gallery ul li img.selected {
	width: 75px;
	height: 75px;
	border: 3px solid #193560;
}

div#employment table {
	width: 97%;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}

div#employment div.job table {
	width: 100%;	
}

div#employment div.job {
	border: 1px solid #CCCCCC;
	margin: 6px auto;
	padding-bottom: 10px;
	width: 97%;
	background: #FFFFFF;
}

div#employment div.job p {
	margin: 15px;
}

div#employment table th {
	width: 20%;
	font-size: 1.4em;
	padding-bottom: 15px;
}

div#employment table td{
	width: 20%;
	font-size: 1.4em;
	padding: 10px 0;
}

div#employment a.button {
	border: 1px solid #193560;
	color: #FFFFFF;
	padding: 7px;
	background: #193560 url('../img/job_button_bg.jpg') repeat-x scroll top left;
}

div#employment a.button:hover{
	text-decoration: none;
}

/* -----------------------------------*/
/* -------->>> Navigation <<<---------*/
/* -----------------------------------*/
div#nav {
	background: #D7DBE3 url('../img/shadow_header.png') no-repeat bottom;
	width: 940px;
	height: 110px;
	margin: 0 auto;
}

div#nav span {
	display: none;
}

#nav ul li, #nav ul li a {
height:40px;
display:block;
}

#nav ul li {
float:left;
list-style:none;
display:inline;
}

div#nav a#logo {
	display: block;
	background: url(../img/csg-4a3c9e1527062.png) no-repeat scroll;
	background-position: 0 -286px;	
	width: 270px;
	height: 90px;
	float: left;
	margin: 6px 0 6px 26px;
}

div#nav ul {

	float: right;
	margin: 70px 0 0 0;
}

div#nav ul li {
	float: left;
	height: 40px;
	color: #19345F;
}

div#nav ul li#profile { width: 79px; }
div#nav ul li#services { width: 94px; }
div#nav ul li#projects { width: 94px; }
div#nav ul li#gallery { width: 113px; }
div#nav ul li#employment { width: 129px; }
div#nav ul li#contact { width: 112px; }

div#nav ul li#profile:hover { background:url("../img/nav_sprite.png") -21px -75px no-repeat; }
div#nav ul li#services:hover { background:url("../img/nav_sprite.png") -99px -75px no-repeat; }
div#nav ul li#projects:hover { background:url("../img/nav_sprite.png") -193px -75px no-repeat; }
div#nav ul li#gallery:hover { background:url("../img/nav_sprite.png") -287px -75px no-repeat; }
div#nav ul li#employment:hover { background:url("../img/nav_sprite.png") -400px -75px no-repeat; }
div#nav ul li#contact:hover { background:url("../img/nav_sprite.png") -529px -75px no-repeat; }

div#nav ul li#profile.active { background:url("../img/nav_sprite.png") -21px -145px no-repeat; }
div#nav ul li#services.active { background:url("../img/nav_sprite.png") -99px -145px no-repeat; }
div#nav ul li#projects.active { background:url("../img/nav_sprite.png") -193px -145px no-repeat; }
div#nav ul li#gallery.active { background:url("../img/nav_sprite.png") -287px -145px no-repeat; }
div#nav ul li#employment.active { background:url("../img/nav_sprite.png") -400px -145px no-repeat; }
div#nav ul li#contact.active { background:url("../img/nav_sprite.png") -529px -145px no-repeat; }

/*
http://jqueryui.com/themeroller/#ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=0&bgColorHeader=F0F2F7&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=F0F2F7&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=ffffff&fcContent=10508C&iconColorContent=222222&bgColorDefault=F0F2F7&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=75&borderColorDefault=F0F2F7&fcDefault=555555&iconColorDefault=888888&bgColorHover=e7e8e9&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=75&borderColorHover=F0F2F7&fcHover=212121&iconColorHover=454545&bgColorActive=245595&bgTextureActive=03_highlight_soft.png&bgImgOpacityActive=50&borderColorActive=245595&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/