@charset "utf-8";
/* CSS Document */

body {background:black; margin:0; padding:0; color:#272727; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}



a img {border:none; text-decoration:none; outline-color:#333; border-bottom-color:#333}
a img:link {border:none; text-decoration:none; outline-color:#333; border-bottom-color:#333}
a img:active {border:none; text-decoration:none; outline-color:#333; border-bottom-color:#333}
a img:visited {border:none; text-decoration:none; outline-color:#333; border-bottom-color:#333}
a img:hover {border:none; text-decoration:none; outline-color:#333; border-bottom-color:#333}

li {color:#272727; font-size:}

#container {margin-right:auto; margin-left:auto;}

#menu {background:url('../images/nav.png') center no-repeat; width:100%; height:66px;}
		
		#menu_over ul {width:384px; height:66px; margin:0; padding:0; margin-left:auto; margin-right:auto;}
		
		#menu_over ul li {margin:0; padding:0;display: inline;}
		
		#navigation {   
		  list-style: none; width:384px;
		}
		
		#navigation li {
		  float: left;
		}
		
		#navigation a * {
		  display: none;
		}
		
		#navigation a,
		#navigation a .hover {
		  height: 66px;
			position: relative;
			display: block;
			background: url('../images/navigation.png') 0 0 no-repeat;
		}
		
		/* individual navigation items */
		#navigation a.home {
		  background-position:  0px 0;
		  width: 93px;
		}
		
		#navigation .highlight a.home:hover,
		#navigation a.home .hover {
		  background-position: 0px -66px;
		  width: 93px;
		}
		
		#navigation .active a.home {		  background-position: 0px -66px;
		  width: 93px;}
		
		#navigation a.work {
		  background-position: -93px 0px;
		  width: 82px;
		}
		
		#navigation .highlight a.work:hover,
		#navigation a.work .hover {
		  background-position: -93px -66px;
		  width: 82px;
		}
		
		#navigation .active a.work { background-position: -93px -66px;
		  width: 82px;}
		
		#navigation a.resume {
		  background-position: -176px 0;
		  width: 100px;
		}
		
		#navigation .highlight a.resume:hover,
		#navigation a.resume .hover {
		  background-position: -176px -66px;
		}
		
		#navigation .active a.resume { background-position: -176px -66px;}
		
		#navigation a.contact {
		  background-position: -276px 0;
		  width: 109px;
		}
		
		#navigation .highlight a.contact:hover,
		#navigation a.contact .hover {
		  background-position: -276px -66px;
		}
		
		#navigation .active a.contact { background-position: -276px -66px;}

#logo {background:url('../images/logo.png') no-repeat center; height:290px; width:100%; margin-left:auto; margin-right:auto;}

#content {width:100%; margin-left:auto; margin-right:auto; background:url('')center no-repeat;}

#content.work {background:none;}

h2 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#272727; font-size:18px; font-weight:normal;}

h3 {color:#CCC;}

#video {margin-right:auto; margin-left:auto; width:1037px; height:800px; margin-top:50px; margin-bottom:50px; background:url('../images/video-background.png') no-repeat center top; }

.video { width:1037px; height:800px; margin-top:50px; margin-bottom:50px; background:url('../images/video-background.png') no-repeat center top; float:left; }
.video:last {float:right;}

#video-container {padding: 33px 191px 0 191px; width:655px; margin-bottom:80px;}

.video-container {padding: 33px 191px 0 191px; width:655px; margin-bottom:80px;}

.video-description {
	width:652px;
	height:105px;
	margin-right:auto;
	margin-left:auto;
	padding:25px;
	background-image: url(../images/video-description.png);
	background-repeat: no-repeat;
}

.inline {display:inline;}

.video-description h2 {margin-top:0;}

.container {width:980px; margin-left:auto; margin-right:auto;}
#resume-container {margin-top:35px; height:auto; width:702px; margin-left:auto; margin-right:auto;}
#resume-top {
	height:50px;
	width:702px;

height:; 		width:702px;
	background-image: url(../images/update-top.png);
}
	#header {float:left; padding-left:35px; margin-top:35px; width:430px; height:86px;}
	#download {float:right; width:200px; height:137px; }
		a #doc {width:84px; height:112px; float:left; margin-left:10px; background:url('../images/resume-doc.png') no-repeat; cursor:pointer;}
		a #pdf {width:84px; height:112px; float:left; margin-left:10px; background:url('../images/resume-pdf.png') no-repeat; cursor:pointer;}
		a:hover #doc {background:url('../images/resume-doc-over.png')}
		a:hover #pdf {background:url('../images/resume-pdf-over.png')}
#resume-content {background:url('../images/resume-content.png'); height:auto; width:632px; padding-top:10px; padding-left:35px; padding-right:35px;}
	p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#272727; margin:0; padding:0; margin-bottom:20px;}
	.resume-header {margin-bottom:10px;}
#resume-bottom {
	height:126px;
	width:702px;
	background-image: none;
}

#contact-top {background:url('../images/contact-top.png'); height:145px; width:702px;height:; width:702px;}
	#connect {float:right; width:200px; height:137px;}
		a #email {width:84px; height:112px; float:left; margin-left:10px; background:url('../images/contact-email.png') no-repeat; cursor:pointer;}
		a #linkedin {width:84px; height:112px; float:left; margin-left:10px; background:url('../images/contact-linkedin.png') no-repeat; cursor:pointer;}
		a:hover #email {background:url('../images/contact-email-over.png')}
		a:hover #linkedin {background:url('../images/contact-linkedin-over.png')}
#contact-content {background:url('../images/resume-content.png'); height:300px; width:632px; padding-top:10px; padding-left:35px; padding-right:35px;}
	p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#272727; margin:0; padding:0; margin-bottom:20px;}
	.resume-header {margin-bottom:10px;}
#contact-bottom {background:url('../images/resume-bottom.png'); height:126px; width:702px;}



#footer {width:100%; margin-left:auto; margin-right:auto; height:182px; /*background:url('images/footer-background.png') repeat-x bottom ; */}

	#footer-content {width:1000px; height:160px; background:url('../images/footer-logo.png') no-repeat center top; margin-left:auto;padding-top:20px; margin-right:auto;}
	
		#footer-copyright {float:left; width:250px;height:160px; background:url('../images/footer-copyright.png'); color:#b4b4b4; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; padding-left:8px;}
		
		#footer-contact {float:right;width:260px; height:160px;  background:url('../images/footer-contact.png'); }
		
		a.sglink div {height:85px; width:250px;}
		
		

		
		p { text-align: left; margin: 15px 0 }
		
		p, ul { font-size: 13px; line-height: 1.4em } 
		
		p a, li a { color: #39c; text-decoration: none }
		
		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		p#cross-links { text-align: center }
		
		p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		img { border: 0 }
		
		h3 { padding-bottom: 3px; text-align: left; width:1037px; margin: 0 auto; margin-bottom: 5px;}
	

#wrapper {
    width: 760px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 1037px;
    margin: 0 auto;
    position: relative;
}


#slider-fl {
    width: 1037px;
    margin: 0 auto;
    position: relative;
}

.scroll {
	width: 1037px;
/*  	height: 900px;*/
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scroll-fl {
	width: 1037px;
  	height: 900px;
    overflow: auto;
    overflow-y: scroll;
    position: relative;
    clear: left;
}

.scrollContainer {
/*	width: 1037px;height: 900px;
*/  	
}


.scrollContainer div.panel {
/*    height: 900px;
*/    width: 1037px;
}

#shade {

    height: 50px;
}

ul.navigation {
    list-style: none;
	width:auto;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
}

ul.navigation a {

    color: #fff;
    text-decoration: none;
}

ul.navigation a:hover {

}

ul.navigation a.selected {

}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 75px;
    cursor: pointer;
}

.scrollButtons.left {
	background:url(../images/arrow-left.png);
	width:66px; height:66px;
    left: -40px;
	margin-top:250px;
	z-index:14;
}

.scrollButtons.right {
	background:url(../images/arrow-right.png);
	width:66px; height:66px;
    right: -40px;
	margin-top:250px;
	z-index:14;

}

.hide {
    display: none;
}


#subnavigation {margin:0 auto; width:450px;}

#subnavigation li {display:inline; color:white; margin-left:20px;}

#subnavigation a {color:white;}

#subnavigation a.active {color:#999;}