/* CSS Document */

body {
	margin: 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#2D2D2D;
	color:#FFF;
}

.caption-top, .caption-bottom {
	color: #ffffff;	
	padding: 1.2em;	
	font-weight: bold;
	font-size: 13px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
   border-width: 8px 0px 0px 0px;
}
.caption-bottom:link {
	color: #FFF;
	text-decoration:none;
}
.caption-bottom:hover {
	color: #FFF;
	text-decoration:none;
}
.caption-bottom:visited {
	color: #FFF;
	text-decoration:none;
}

.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

ul.menu { 
	margin-top:0px;
	padding:0; 
}

ul.menu li { 
	display:block;
	padding:0; 
	float:left;
	text-align:left;
	margin-right:3em; 
}

ul.menu li a { 
	color:#fff;
	font-size: 24px; 
	font-weight:bold; 
	text-shadow:1px 1px 3px #0F0F0F;
	text-decoration:none;
	line-height: 1.3em; 
	display:block; 
}

ul.menu li a:hover { 
	color:#ffc300; 
}

ul.menu li span { 
	font:16px arial; 
	color:#999; 
	margin:0; 
}

ul.menu li span:hover {
	color:#999;
}

#header {
	height: 150px;
	background-image:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
}

#header_wrap {
	margin: 0 auto;
	width:900px;
}

#logo {
	display:inline;
	float:left;
	width:350px;
	height: 150px;
}

#navigation {
	display:inline;
	width: 550px;
	height: 120px;
	margin-top: 40px;
	float:left;
}

#header_content {
	width:900px;
	height: 150px;
	float:left;
}
#page {
	width:900px;
	margin: 0 auto;
	min-height:500px;
	margin-bottom: 15px;
	
}

#project_desc {
	margin-top: 10px;
	margin-right: 10px;
	width: 475px;
}

.content_wrap {
	width:900px; 
	float:left; 
	margin-bottom: 20px;
}

#footer {
	/* */ display:none;
	background-color: #404040;
	border-left: #404040 1px solid;
	border-right: #404040 1px solid;
	width:895px;
	margin: 0 auto;
	height: 75px;
	border-top-left-radius: 5px 5px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	overflow: auto;
	padding-top: 5px;
	padding-left: 5px;
	margin-top: 5px;
}

.imgSelect:link {
	text-decoration:none;
}

.imgSelect img { 
	border: 3px #404040 solid;
	margin-left: 5px;
}

.imgSelect:hover img {
	border: 3px #666 solid;
	text-decoration:none;
}

#start_image {
	float:left; 
	min-height: 500px;
	width: 500px; 
	display:inline; 
	margin:0; 
	padding:0px;
	margin-top: 10px;	
}

#images {
	margin-top: 20px; 
	width:100%; 
	float:left;
	height:99%; 
	overflow:hidden;
}

#image_count {
	float:right; 
	padding: 8px 20px 8px 20px; 
	font-weight:bold; 
	background-color:#404040;
}

h1.header {
	border-bottom: 2px solid #404040; 
	padding-bottom: 5px; width:900px; 
	font-size: 150%; 
	color:#ffc300; 
	text-shadow:1px 1px 3px #0F0F0F; 
	margin:0px; 
	margin-top: 10px;
}

#page_title_block {
	display:block; 
	height: 50px;
}

#thumbs_wrapper {
	width: 390px;
	float:right;
	display:inline;
}

#main_project_img {
	border: 5px #404040 solid; 
	max-width:500px;
}

.other_thumbnails {
	float:right;
	margin-top: 10px; 
	display:inline;
}

#contact_form {
	background-color: #404040; 
	width: 700px; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	margin-bottom: 15px;
	border-top-left-radius: 5px 5px;
	border-top-left-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-top-right-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
}

.thumbs_header {
	float:right; 
	width: 368px; 
	font-size: 100%; 
	font-weight:bold; 
	border-bottom: 2px #404040 solid; 
	padding-bottom: 2px; 
	margin-bottom: 5px;
	margin-top: 5px;
}

.email_field { 
	padding-top: 20px;
}

.required {
	font-weight: bold;
}

.portfolio_entry_label {
	color: #CCC;
	text-decoration:none;
}

.portfolio_entry_label:link {
	color: #CCC;
	text-decoration:none;
}

.portfolio_entry_label {
	width: 190px; 
	margin-left: 5px; 
	margin-top: 5px; 
	font-size: 85%;
	font-weight:bold;
}

.portfolioGroup {
	float:left;
	margin-bottom: 20px;
	
}

.portfolio_entry {
	margin-bottom: 20px;
}