/* Styles */

* { margin: 0px; padding: 0px; }

body { background-color: #39312a; height: 100%; color: #fff1d9; font-family: "Trebuchet MS", "Verdana", "Arial"; font-size: 16px; line-height: 1.3; text-align: left; background-image: url('/interface/background_03.png'); background-repeat: repeat-x; background-position: top center; }

a:link {
	font-weight: bold;
	
	color: #d4b47b;
	text-decoration: none;
	}

a:visited {
	font-weight: bold;
	
	color: #af8e63;
	text-decoration: none;
	}

a:hover {
	font-weight: bold;
	
	color: #a6d0ea;
	text-decoration: none;
	}

a:active {
	font-weight: bold;
	
	color: #ffffff;
	text-decoration: none;
	}
	
ul {
	list-style-type: none;
	list-style-image: url('/interface/bullet_yellow.png');
	list-style-position: inside;
	
	margin-left: 0;
	padding-left: 26px;
	text-indent: -26px;
	
	line-height: 1.6;
	}
	
li {

	}

.main {
	display: block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}
	
.footer {
	display: block;
	background-image: url('/interface/bottom_back.png');
	background-repeat: repeat-x;
	}
	
.footer .content {
	display: block;
	position: absolute;
	background-image: url('/interface/footer_back.png');
	background-repeat: repeat-x;
	}
	
.footer .content .inner {
	color: #ffffff;
	text-shadow: 0px 2px 2px #1b2a37;
	}
	
.footer .content .inner .email {
	}

.footer .content .inner .resume {
	}
	
.job_details {
	display: block;
	position: relative;
	
	width: 641px;
	padding: 23px;
	padding-top: 10px;
	
	margin-left: -22px;
	margin-right: -5px;
	
	background-image: url('/interface/background_03.png');
	background-repeat: repeat-x;
	background-position: 0px -273px;
	}

.switch { display: block; margin-bottom: 5px; cursor: pointer; }
.switch:hover { cursor: pointer; color: #ffffff; }

.switch_off {
	display: inline-block;
	
	width: 16px;
	height: 16px;
	margin-top: 3px;
	margin-bottom: -3px;
	margin-left: 1px;
	
	background-image: url('/interface/lightbulb_off.png');
	}
	
.switch_on {
	display: inline-block;
	
	width: 16px;
	height: 16px;
	margin-top: 3px;
	margin-bottom: -3px;
	margin-left: 1px;
	
	background-image: url('/interface/lightbulb.png');
	}

	
.galleryblock {
	display: block;
	/* 	background-color: #303d46; */
	background-image: url('/interface/gallery_back.png');
	background-repeat: repeat-x;
	}
	
.gallery_shadow {
	display: block;
	background-image: url('/interface/gallery_shadow.png');
	}
	
.gallery_toggle {
	display: block;
	font-weight: bold;
	
	color: #1c262c;
	text-shadow: 0px 1px 1px #97b3c3;
	cursor: pointer;
	padding-bottom: 7px;
	}
	
.gallery_toggle:hover {
	color: #ffffff;
	text-shadow: 0px 2px 2px #1b2a37;
	}
	
.galleryicon {
	display: inline-block;
	background-image: url('/interface/switch.png');
	}

	
.icon {
	display: inline-block;
	position: relative;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0px 2px 5px #141414;
	-webkit-box-shadow: 0px 2px 5px #141414;
	-moz-box-shadow: 0px 2px 5px #141414;
	opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.0;
	}
	
.icon:hover {
	opacity: .70; filter: alpha(opacity=70); -moz-opacity: 0.7;
	}
	
.icon .zoom {
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	background-image: url('/interface/zoom.png');
	
	right: 6px;
	bottom: 6px;
	}
	
.linkicon {
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url('/interface/page_link.png');
	margin-top: 2px;
	margin-bottom: -2px;
	}

	
.left {
	font-weight: bold;

	color: #FFD078;
	text-shadow: 0px 2px 2px #141414;
	}
	
.right {
	text-shadow: 0px 2px 2px #141414;

	background-image: url('/interface/ltor_fade_02.png');
	background-repeat: repeat-y;
	background-position: 8px 0px;
	background-color: none;
	}
	
.right:hover {
	/* background-color: #29231c; */
	}

.header {
	display: block;
	position: relative;
	
	background-image: url('/interface/header_bg.png');
	}

.header .left {
	display: block;
	position: absolute;
	text-align: right;
	color: #ffffff;
	background-color: transparent;
	background-image: none;
	}
	
.header .right {
	display: block;
	position: absolute;
	text-align: left;
	background-color: transparent;
	background-image: none;
	}
	
	
.header .title01 {
	font-weight: normal;

	display: block;
	line-height: 1.0;
	}
	
.header .title02 {
	font-weight: bold;

	display: block;
	line-height: 1.0;
	color: #FFD078;
	}
	
#comments {
	color: #ffffff;
	text-shadow: 0px 2px 2px #1b2a37;
	}
	

.section_01 {
	display: block;
	position: relative;
	}
	
.section_01 .left {
	display: block;
	position: absolute;
	text-align: right;
	float: left;
	line-height: 1.0;
	}
	
.section_01 .right {
	display: block;
	text-align: left;
	line-height: 1.0;
	}
	
.section_02 {
	display: block;
	position: relative;
	}
	
.section_02 .left {
	display: block;
	position: absolute;
	text-align: right;
	float: left;
	line-height: 1.0;
	}
	
.section_02 .right {
	display: block;
	text-align: left;
	line-height: 1.0;
	}
	
	
.skills {
	display: block;
	position: relative;
	}
	
.skills .left {
	display: block;
	position: absolute;
	text-align: right;
	line-height: 1.0;
	}
	
.skills .right {
	display: block;
	position: relative;
	text-align: left;			
	line-height: 1.6;
	}
	
.skills .right p {
	}
	
.work {
	display: block;
	position: relative;
	}
	
.work .left {
	display: block;
	position: absolute;
	text-align: right;
	line-height: 1.0;
	}

	
.work .right {
	display: block;
	position: relative;
	text-align: left;
	line-height: 1.6;
	}
	
.work .right .title1 {
	display: block;
	line-height: 1.0;
	color: #ffffff;
	}
	
.work .right .title2 {
	display: block;
	line-height: 1.0;	
	color: #a6d0ea;
	}
	
.work .right .title3 {
	line-height: 1.3;
	}
	
.work .right .link {
	display: block;
	font-weight: bold;

	line-height: 1.6;
	color: #d4b47b;
	}
	
.work .comments {
	display: block;
	position: relative;
	text-align: left;
	line-height: 1.3;
	}

	
.education {
	display: block;
	position: relative;
	}
	
.education .left {
	display: block;
	position: absolute;
	text-align: right;
	line-height: 1.0;
	}

	
.education .right {
	display: block;
	position: relative;
	text-align: left;
	line-height: 1.6;	
	}
	
.education .right .title1 {
	line-height: 1.0;
	color: #ffffff;
	}
	
.education .right .title2 {
	line-height: 1.0;
	color: #a6d0ea;
	}
	
.education .right .title3 {
	line-height: 1.3;
	}