body {
	width: 100% ;
	background: #1a1a1a ;
}

#header {
	height: 100px ;
	width: 100% ;
	background-color: #000000 ;
	border-bottom: 1px #ffcc00 solid ;
}

#header_logo {
	float: left ;
	padding-top: 24px ;
	padding-left: 20px ;
}

#header_desc {
	float: right ;
	padding-right: 20px ;
}

#navigation {
	float: right ;
	padding-top: 44px ;
}

.nav_left, .nav_right {
	float: left ;
	height: 35px ;
	width: 19px ;
}

.nav_middle {
	float: left ;
	height: 27px ;
	padding-top: 8px ;
}

#current_left {
	background-image: url('../images/nav_left.png');
}

#current_right {
	background-image: url('../images/nav_right.png');
}

#current {
	background-image: url('../images/nav_middle.png');
}


#wrap {
	float: left ;
	width: 100% ;
	padding-top: 50px ;
	background-image: url('../images/content_bg.jpg') ;
	background-position: top center ;
	background-repeat: no-repeat ;
	background-attachment: fixed ;
	background-color: #242424 ;
}

#wrap p {
	padding-bottom: 20px ;
}

#wrap h2 {
	padding-top: 14px ;
	padding-bottom: 6px ;
}

.inner {
	width: 1024px ;
	margin-left: auto ;
	margin-right: auto ;
}

.left_col {
	float: left ;
	width: 472px ;
	padding-top: 29px ;
	padding-left: 20px ;
	padding-right: 20px ;
}

.right_col {
	float: right ;
	width: 472px ;
	padding-top: 29px ;
	padding-right: 17px ;
}

#resume {
	float: left ;
	width: 904px ;
	padding-top: 80px ;
	padding-left: 40px ;
	padding-right: 40px ;
	padding-bottom: 40px ;
	margin-left: 20px ;
	margin-right: 37px ;
	background-image: url('../images/resume_bg.jpg');
	background-position: top center ;
	background-repeat: no-repeat ;
	background-color: #ffffff ;
}

#resume ul, #portfolio ul {
	padding-bottom: 10px ;
}

#resume .header {
	margin-left: 5px ;
}

#portfolio {
	width: 600px ;
}

#portfolio p {
	padding-bottom: 5px ;
}

#portfolio td {
	padding-right: 20px ;
}

#contact_form .left_col {
	padding-bottom: 29px ;
	border-right: 1px dashed #ffcc00 ;
}


#footer_top {
	clear: both ;
	height: 126px ;
	float: left ;
	padding-top: 20px ;
}

#footer {
	clear: both ;
	width: 100% ;
	padding-top: 20px ;
	padding-bottom: 50px ;
}

#quote {
	float: right ;
	height: 50px ;
	margin-top: 95px ;
	padding: 0px 20px 0px 0px ;
}

#quote-content {
	display: table-cell ;
	vertical-align: bottom ;
	height: 45px ;
}

#quote p {
	width: 620px ;
	padding-bottom: 0px ;
	text-align: right ;
}


/*** portfolio styles ***/

.portfolio_sample {
	width: 950px ;
	padding-top: 10px ;
	padding-left: 10px ;
	padding-right: 10px ;
	margin-bottom: 20px ;
	background-image: url('/images/portfolio_bg.png') ;
	background-repeat: no-repeat ;
	background-position: bottom left ;
}

.portfolio_sample table {
	padding-bottom: 20px ;
}

.portfolio_text {
	width: 750px ;
}

/*** slideshow styles ***/

#slideshow {
	height: 402px ;
	width: 400px ;
	margin-top: -29px ;
	padding-top: 35px ;
	padding-left: 35px ;
	padding-right: 35px ;
	background-image: url('../images/slideshow_bg.png') ;
	background-repeat: no-repeat ;
}

#slideshow p {
	padding-bottom: 0px ;
	margin-bottom: -6px ;
}

.more_link {
	float: right ;
}
.more_link a {
	font-size: 0.8em ;
}

.slideshow { 
	height: 300px ;
	width: 400px ;
	margin-left: 0px ;
	margin-bottom: 0px ;
	border: 1px solid #333333 ;
}

/*** validation styles ***/

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	/* border: 1px solid #00A8E6; */
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #000000;
	color : #000000;
}
input.validation-passed, textarea.validation-passed {
	/* border: 1px solid #00CC00;
	color : #000; */
}

.validation-advice {
	margin: 6px 0px 0px 0px;
	font-size: 0.8em ;
	color: red;
	font-weight: normal;
	overflow: hidden;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}