/*RESET ALL STYLES
-------------------------------------------------------------*/
@import url('reset.css');


/*GLOBAL
-------------------------------------------------------------*/

body {
	background-color: #e8e8e4;
	color: #616161;
	font: 12px 'Mako', arial, serif;
	margin: 0;
	padding: 0;
	}

#header {
	height: 205px;
	margin: 0 auto;
	position: relative;
	width: 980px;
	}
	
#wrap {
	margin: 0 auto;
	width: 980px;
	}

a, a:link, a:visited, a:hover {
	color: #616161;
	text-decoration: none;
	}

a:hover {
	color: #be0000;
	text-decoration: none;
	}
	
p { margin: 0 0 0.5em 0;}



/*HEADERS
-------------------------------------------------------------*/

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('/fonts/BebasNeue-webfont.eot');
    src: url('/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/BebasNeue-webfont.woff') format('woff'),
         url('/fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	}

h1 a {
	background: url(/images/logo.png) no-repeat 0 0;
	_background: url(/images/logo.gif) no-repeat 0 0;
	height: 205px;
	left: 390px;
	overflow: hidden;
	position: absolute;
	text-indent: -999px;
	top: 0;
	width: 205px;
	}

h2 {
	color: #2a2929;
	font: 32px 'Mako', arial, serif;
	margin: 30px 0 40px 20px;
	text-shadow: 0 1px 0 #fff;
	}

h3 {
	color: #be0000;
	font: 22px 'BebasNeueRegular', Arial, sans-serif;
	letter-spacing: 1px;
	margin: 0 0 5px 0;
	}
	
#descriptor {
	background: url(/images/descriptor.gif) no-repeat 0 0;
	height: 24px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent:-999px;
	top: 162px;
	width: 980px;
	}
	

	
/*META
-------------------------------------------------------------*/	
	
#meta {
	border-top: 1px dotted #d0d0d0;
	border-bottom: 1px dotted #d0d0d0;
	height: 42px;
	margin-bottom: 40px;
	overflow: hidden;
	position: relative;
	width: 100%;
	}
	
#meta ul {
	clear: left;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	left: 50%;
	text-align: center;
	}

#meta ul li{
	display: block;
	float: left;
	list-style: none;
	margin: 11px 40px 0 0;
	padding: 0;
	position: relative;
	right: 50%;
	}

#meta ul li {
	display: block;
	font: 14px 'BebasNeueRegular', Arial, sans-serif;
	letter-spacing: 3px;
	padding: 1px 0 0 23px;
	text-shadow: 0 1px 0 #f7f7f7;
	}

li.location { 	background: url(/images/meta_location.gif) no-repeat 0 0;}
li.phone {    	background: url(/images/meta_phone.gif) no-repeat 0 0;}
li.email {    	background: url(/images/meta_email.gif) no-repeat 0 0;}
li.resume {   	background: url(/images/meta_resume.gif) no-repeat 0 0;}



/*PROJECT SECTION
-------------------------------------------------------------*/	

.project {
	background: url(/images/project_bg.gif) no-repeat 0 0;
	height: 452px;
	margin-bottom: 40px;
	width: 980px;
	}	

.slideshow {
	background: url(/images/project_img_bg.png) no-repeat 0 0;
	float: left;
	height: 437px;
	margin-top: 19px;
	position: relative;
	width: 632px;
	}

.description {
	float: right;
	margin: 20px 40px 0 0;
	width: 287px;
	}
	
.description a {
	border-bottom: 1px dotted #ccc;
	}

	
/*SLIDER
-------------------------------------------------------------*/		

.slider {
	height: 400px;
	margin: 2px 0 0 3px;
	position: relative;
	width: 625px;
	}

.slider ul, .slider li {
	height: 400px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 625px;
	}
	
.slider li {
	display: block;
	overflow: hidden;
	}	

/* Dot Navigation */
ol {
	clear: left;
	float: left;
	left: 50%;
	list-style: none;
	margin: 4px 0 0 0;
	padding: 0;
	position: relative;
	text-align: center;
	*width: 560px;
	}
	
ol li{
	display: block;
	float: left;
	height: 13px;
	list-style: none;
	margin: 4px 1px 1px 0;
	padding: 0;
	position: relative;
	right: 50%;
	text-align: center;
	width: 13px;
	text-indent: -9999px;
	}
	
ol li a {
	background: url(/images/dot_nav.png) no-repeat 0 0;
	color: #fff;
	display: block;
	line-height: 22px;
	overflow: hidden;
	text-decoration: none;
	text-indent: -999px;
	}
	
ol li a:hover {
	background: url(/images/dot_nav_hover.png) no-repeat 0 0;
	}
	
ol li.current a{
	background: url(/images/dot_nav_active.png) no-repeat 0 0;
	}
	
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

.prevBtn, .nextBtn {
	cursor: pointer;
	display: block;
	height: 400px;
	left: 3px;
	position: absolute;
	top: 2px;
	width: 300px;
	z-index: 1000;
	}

.prevBtn {
	background:url(../images/nav_prev.png) no-repeat 0 0;	
	_background:url(../images/nav_prev.gif) no-repeat 0 0;	
	}
	
.prevBtn:hover {
	background:url(../images/nav_prev.png) no-repeat 0 -400px;	
	_background:url(../images/nav_prev.gif) no-repeat 0 -400px;	
	}
		
.nextBtn {
	background:url(../images/nav_next.png) no-repeat 0 0;	
	_background:url(../images/nav_next.gif) no-repeat 0 0;	
	left:328px;
	}
	
.nextBtn:hover {
	background:url(../images/nav_next.png) no-repeat 0 -400px;	
	_background:url(../images/nav_next.gif) no-repeat 0 -400px;	
	}
															


/*FOOTER
-------------------------------------------------------------*/	
	
#footer {
	background: url(/images/footer_bg.gif) no-repeat 0 0;
	width: 980px;
	height: 140px;
	}
	
#footer span {
	color: #be0000;
	font: 14px 'BebasNeueRegular', Arial, sans-serif;
	letter-spacing: 3px;
	margin: 0 0 5px 0;
	}

#footer span.copyright {
	margin: 68px 0 0 20px;
	float: left;
	}

#footer span.backtotop {
	float: right;
	margin: 68px 20px 0 0;
	}
	
#footer span.backtotop a {
	color: #be0000;
	}