html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, font, img, ol, ul, dl fieldset, form, label {
background:transparent none repeat scroll 0 0;
border:0 none;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}
h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, fieldset, form {
padding:0 0 20px;
}
body {
-x-system-font:none;
background:#59120b url(images/bodyBG.gif) no-repeat scroll 50% 0;
color:#9c736f;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
}
#container {
margin:0 auto;
width:1000px;
}
#header {
float:left;
margin:2em 0 0;
padding:0;
width:100%;
}
a:link, a:visited {
color:#9C736F;
text-decoration:none;
}
a:hover {
color:#DCDCDC;
}
#logo {
padding:2em 0 0;
}
#logo h1 {
float:left;
height:140px;
margin:0;
padding:0;
text-indent:-3000px;
width:1000px;
}
#logo h1 a {
background:transparent url(images/logo.png) no-repeat scroll center top;
display:block;
height:140px;
margin:-8 0 0;
width:1000px;
}
#intro {
float:left;
padding:2em 0 0;
}
#intro h2 {
height:78px;
text-indent:-3000px;
width:1000px;
}
#intro h2 span {
background:transparent url(images/slogan.gif) no-repeat scroll 15px 0;
display:block;
height:94px;
width:1000px;
}
.navcontainer {
background:transparent url(images/divider.gif) no-repeat scroll center bottom;
float:left;
margin:0 0 4em;
padding:3em 0 2px;
width:100%;
}
.navcontainer .nav {
float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.navcontainer .nav li {
color:#334D52;
display:inline;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 10px 0 0;
padding:5px;
}
.navcontainer .nav li.current {
background:transparent url(images/uparrow.gif) no-repeat scroll center bottom;
}
.navcontainer .nav li a {
color:#DCDCDC;
display:block;
float:left;
text-transform:uppercase;
}
.navcontainer .nav li a:hover, .navcontainer .nav li.current a {
color:#9C736F;
}
#home, #portfolio, #contact {
float:left;
padding:0 0 0;
width:100%;
}
#about {
	float:left;
	padding:0 0 100px;
	width:100%;
}
.featured-work, .about-me, .contact-form {
float:left;
margin:0 36px 0 0;
width:318px;
}
.sample-works {
float:left;
width:100%;
}
.featured-work h2, .testimonials h2, .about-me h2, .my-abilities h2, .download-resume h2, .contact-form h2, .availability h2, .contact-info h2, .sample-works h2 {
color:#DCDCDC;
margin:0 0 20px;
text-indent:-3000px;
}
.featured-work h2 span {
background:transparent url(images/featuredwork.gif) no-repeat scroll 0 0;
display:block;
}
.testimonials h2 span {
background:transparent url(images/testimonials.gif) no-repeat scroll 0 0;
display:block;
}
.about-me h2 span {
background:transparent url(images/about.gif) no-repeat scroll 0 0;
display:block;
}
.my-abilities h2 span {
background:transparent url(images/abilities.gif) no-repeat scroll 0 0;
display:block;
}
.download-resume h2 span {
background:transparent url(images/download.gif) no-repeat scroll 0 0;
display:block;
margin: -5px;
}
.availability h2 span {
background:transparent url(../images/currentavailability_title.gif) no-repeat scroll 0 0;
display:block;
}
.contact-info h2 span {
background:transparent url(images/contact.gif) no-repeat scroll 0 0;
display:block;
}
.sample-works h2 span {
background:transparent url(../images/sampleworks_title.gif) no-repeat scroll 0 0;
display:block;
}
.works {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.works li {
display:inline;
float:left;
margin:0px 50px 50px 0;
width:289px;
}
.works li .responsibility {
margin:0;
padding:0;
}
.responsibility small {
text-transform:uppercase;
}
.skill {
color:#DCDCDC;
}
.works li.lastrowbox {
display:inline;
float:right;
margin:0 0 50px 0;
width:320px;
}
.featured-work .image-thumb {
background:#300A06 none repeat scroll 0 0;
border:1px solid #9C736F;
float:left;
margin:0 0 20px !important;
padding:7px;
}
.works .image-thumb {
background:#300A06 none repeat scroll 0 0;
border:1px solid #9C736F;
float:left;
margin:0 0 20px;
padding:7px;
}
.featured-work .image-thumb img, .works .image-thumb img {
float:left;
}
.featured-work h3, .works h3 {
color:#DCDCDC;
font-size:16px;
font-weight:normal;
}
#footer {
background:transparent url(images/divider.gif) no-repeat scroll center top;
color:#9C736F;
float:left;
font-size:12px;
margin:5em 0 0;
padding:1em 0 20px;
width:100%;
}
#footer a:link, #footer a:visited {
color:#DCDCDC;
font-weight:bold;
text-decoration:none;
}
#footer a:hover {
color:#9C736F;
text-decoration:none;
}
.testimonials, .my-abilities, .availability {
float:left;
margin:0 36px 0 0;
width:263px;
}
.download-resume, .contact-info {
float:right;
width:310px;
}
.my-abilities ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.my-abilities ul li {
display:block;
padding:0 0 10px;
}
blockquote .first {
color:#9C736F;
font-style:italic;
text-indent:15px;
}
blockquote .author {
color:#DCDCDC;
margin:0;
padding:0;
}
.buttonlink {
font-size:10px;
padding: 0px 10px;
text-transform: uppercase;
}
.buttonlink:hover {
background:#07455C none repeat scroll 0 0;
color:#DCDCDC;
padding:0px 10px;
}
.downloadresume {
display:block;
text-indent:-3000px;
}
.downloadresume a {
background:transparent url(../images/download_cv.gif) no-repeat scroll 0 0;
display:block;
margin:0 0 20px;
padding:6px 0;
}
.button-bg {
background:#3D9162 none repeat scroll 0 0;
border:0 none;
color:#F8FBF9;
padding:8px 10px;
}
.clear {
clear:both;
}
.highlight {
color:#DCDCDC;
font-weight:bold;
}
img {
border:0 none;
}
.clear {
clear:both;
}
.alignLeft {
text-align:left;
}
.alignRight {
text-align:right;
}
.alignJustify {
text-align:justify;
}
.alignCenter {
text-align:center;
}
.floatLeft {
float:left;
}
.floatRight {
float:right;
}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer{
	padding: 10px;
}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink { background: url(images/nextlabel.gif) right 15% no-repeat; } 
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}			
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}