/* Imports */
@import url("includes/reset.css");

/* Main */
body {
	font-family: Trebuchet MS1, Helvetica, sans-serif;
	font-size: 10pt;
	background: url("../images/bg.jpg") no-repeat top #0F1D26;
	text-align: center;
}

h2 {
	font-size: 16pt;
}

div#header {
	text-align: left;
	width: 60%;
	margin: 20px auto;
	color: #efe7d0;
	font-family: Georgia1, Georgia, serif;
	font-size: 22pt;
}
div#header span.job {
	margin-left: 20px;
	font-style: italic;
	font-size: 14pt;
}
div#follow {
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: right;
	font-size: 11pt;
	background-color: #0d1013;
	margin-top: 15px;
}
div#follow a:link, div#follow a:visited, div#follow a:active {
	color: #18afe0;
	text-decoration: none;
}
div#follow a:hover {
	text-decoration: underline;
}

/* Portfolio Items */
div#portfolio {
	margin: 0 auto;
	width: 1050px;
}
div#spacer {
	clear: both;
	display: block;
	width: 100%;
	height: 50px;
}
div#portfolio div.item {
	width: 325px;  
	height: 260px;  
	margin:10px;  
	float:left;  
	background: url('../images/loading.gif') no-repeat center #d9cbc2;
	border: solid 2px #6E6F73;  
	overflow: hidden;  
	position: relative; 
	text-align: left;
}
div#portfolio div.item img {
	position: absolute;
	top: 0; 
	left: 0;
	border: 0;
	cursor: pointer;
}
div#portfolio div.item div.caption {
	padding: 10px;
	color: #fff;
	float: left;  
	position: absolute; 
	background: #000;
	height: 100px;
	width: 315px;
	left: 0;
	top: 220px;
}
div#portfolio div.item div.caption p {
	line-height: 16px;
}
div#portfolio div.item div.caption a {
	position: absolute;
	top: 98px;
	left: 0px;
	width: 325px;
	height: 22px;
	line-height: 22px;
	display: block;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
}
div#portfolio div.item div.caption a:hover {
	text-decoration: none;
	background-color: #0F1D26;
}
div#portfolio div.item div.caption h2 {
	margin-bottom: 10px;
}
div#portfolio div.divide {
	text-align: left;
	color: #efe7d0;
	font-family: Georgia1, Georgia, serif;
	font-size: 18pt;
	width: 1000px;
	padding: 10px 20px;
	float: left; 
}


div#contact_container {
	position: fixed;
	/* IE 6 and Below can't get position: fixed right */
	_position: static;
	bottom: -270px;
	left: 0px;
	width: 100%;
	height: 300px;
}

div#contact_container a#tab {
	margin: 0 5% 0 85%;
	display: block;
	background: url("../images/tab.jpg") no-repeat center;
	width: 100px;
	height: 30px;
}

div#contact {
	padding-top: 10px;
	color: #2A2D40;
	clear: both;
	background: url("../images/tab_bg.jpg") repeat-x;
	height: 270px;
	text-align: center;
}

div#contact_center {
	text-align: left; 
	width: 900px;
	margin: 0 auto;
}

div#contact_stats,div#contact_info,div#contact_form {
	float: left;
	width: 290px;
	margin-top: 30px;
}
div#contact_stats p,div#contact_info p,div#contact_form p {
	padding: 5px;
}
ul {
	list-style-type: square;
	padding: 5px;
}
li {
	margin-left: 30px;
	margin-top: 5px;
}
.title {
	font-family: Georgia1, Georgia, serif;
	font-size: 20pt;
}
.info {
	font-style: italic;
	font-size: 9pt;
}

input,textarea {
	clear: right;
	float: right;
	font-family: Trebuchet MS1, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top: 5px;
	width: 230px;
	background: #fff;
	border: solid 1px #6E6F73;
}

div.label {
	font-family: Trebuchet MS1, Helvetica, sans-serif;
	clear: left;
	float: left;
	font-size: 8pt;
	margin-top: 12px;
	text-align: right;
	width: 45px;
}

hr {
	color: #0F1D26;
	background-color: #0F1D26;
	margin: 5px 0px;
	height: 1px;
}

.error { 
	border-color: #cc4343;
	border-width: 2px;
}

div#portfolio a:link, div#portfolio a:active, div#portfolio a:visited { color: #fff; text-decoration: none; }
div#portfolio a:hover { text-decoration: underline; }

div#contact a:link, div#contact a:active { color: #2A2D40; background: transparent; text-decoration: none; }
div#contact a:hover {color: #D95A11; text-decoration: underline; }
div#contact a:visited { color: #666666; }