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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:transparent none repeat scroll 0 0;
border:0 none;
font-size:100%;
margin:0;
padding:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
}

/*---------------------------------------------STRUCTURE*/

body{
	background: #2a2623 url(../images/main-bg.jpg) repeat fixed top center;
	color: #fff;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

#nav-bg {
	background: url(../images/header-bg.png) no-repeat center top;
	left: 0;
	top: 0;
	width: 100%;
	position: fixed;
	margin: 0 auto;
	height: 386px;
	z-index: 1;
}

#container{
	height: 100%;
	overflow: auto;
	margin: 0 auto;
	padding: 390px 0 0;
	width: 960px;
	z-index: 1;
}

#header{
	background: #A5C7CB;
	width: 282px;
	height: 176px;
	margin: -300px 0 0 597px;
	position: fixed;
	z-index: 1;
}

#main-content{
	position: absolute;
	height: 1100px;
	width: 888px;
	padding: 0 0 0 38px;
	z-index: -1;
}

/*---------------------------------------------H TAGS*/

h1{
	background: url(../images/h1.png) no-repeat left 4px;
	width: 795px;
	height: 51px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	font-weight: normal;
	padding:0 0 20px 85px;
}

/*---------------------------------------------NAV*/

#nav{
	width: 880px;
	height: 65px;
	margin: 324px auto 0;
	
}

#page-wrap a:visited{
	color: #201d1c;
}

/*.lavaLampWithImage li#home-button a.button{
}
*/

/*---------------------------------------------INTRO*/

#intro{
	background: url(../images/bg-intro.png) no-repeat center top;
	clear: both;
	width: 888px;
	height: 174px;
	margin: 50px 0 0;
}

#intro-content{
	width: 680px;
	margin: 0 auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #ffffff;
	line-height:36px;
	padding: 33px 0 0;
}

#intro-content a{
	color: #ed8516;
	text-decoration: none;
}

#intro-content a:hover{
	color: #ed8516;
	text-decoration: line-through;
}



/*---------------------------------------------WEBSITES*/

#websites{
	width: 880px;
	height: 1750px;
	padding: 425px 0 0;
}

#web-anchor{
	float: left;
	height:415px;
	width: 960px;
}

*:first-child+html #web-anchor{
	float: left;
	height: 0;
	width: 960px;
}

.thumb-web-left{
	background: url(../images/bg-thumb.png) no-repeat center top;
	width: 429px;
	height: 280px;
	float: left;
	padding: 0 0 50px;
}

.thumb-web-right{
	background: url(../images/bg-thumb.png) no-repeat center top;
	width: 429px;
	height: 280px;
	float: right;
	padding: 0 0 50px;
}

.thumb-image{
	margin:9px 0 0 10px;
}

.description{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #a4a4a4;
	float: right;
	margin: 12px 10px 0 0;
}

.description p{
	float: right;
	margin: 0 5px 0 0;
	padding: 0;
}

.icon{
	float: right;
	margin: 0 0 0 3px;
}


/*---------------------------------------------PHOTOS*/

#photos{
	width: 880px;
	height: 710px;
	padding: 425px 0 0;
}

#photos-anchor{
	float: left;
	height:415px;
	width: 960px;
}

*:first-child+html #photos-anchor{
	float: left;
	height: 0;
	width: 960px;
}

.thumb-photo{
	background: url(../images/bg-photo.png) no-repeat center top;
	width: 188px;
	height: 283px;
	float: left;
	padding: 0 0 40px;
	margin:0 0 0 42px;
}

.thumb-photo-first{
	background: url(../images/bg-photo.png) no-repeat center top;
	width: 188px;
	height: 283px;
	float: left;
	padding: 0;
}

/*---------------------------------------------OTHER*/

#other{
	width: 880px;
	height: 300px;
	padding: 425px 0 0;
}

/**:first-child+html #other{
	width: 880px;
	height: 600px;
	padding: 425px 0 0;
}*/

#other-anchor{
	float: left;
	height:415px;
	width: 960px;
}

*:first-child+html #other-anchor{
	float: left;
	height: 0;
	width: 960px;
}

/*---------------------------------------------CONTACT*/

#contact{
	background: url(../images/bg-contact.png) no-repeat center top;
	width: 900px;
	height: 470px;
	padding: 25px 0 0;
	margin: 0 0 0 -35px;
}

#contact-anchor{
	/*float: left;*/
	height:415px;
	width: 960px;
}

.contact-column{
	float: right;
	width: 203px;
	height: auto;
	margin: 0 50px 0 0;
}

.career{
	background: url(../images/h3-career.png) no-repeat left top;
	width: 203px;
	height: 40px;
	margin: 0 0 15px;
	text-indent: -9999px;
}

.skills{
	background: url(../images/h3-skills.png) no-repeat left top;
	width: 203px;
	height: 40px;
	margin: 0 0 15px;
	text-indent: -9999px;
}

.form{
	background: url(../images/h3-form.png) no-repeat left top;
	width: 203px;
	height: 40px;
	margin: 0 0 15px;
	text-indent: -9999px;
}

ul.career-list li{
	background: url(../images/divider-contact.png) no-repeat left bottom;
	margin: 0 0 15px 5px;
	padding: 0 0 15px;
	list-style: none;
	list-style-image: none;
	list-style-position: outside;
	letter-spacing: -.2px;
	font-size: 12px;
	height: 30px;
}

.small{
	font-size: 11px;
}

.red{
	color: #9e1111;
}

.red-bold{
	font-weight: bold;
	color: #9e1111;
}

ul.career-list li.last{
	background: none;
}

ul.skills-list li{
	background: url(../images/divider-contact.png) no-repeat left bottom;
	margin: 0 0 5px 10px;
	padding: 0 0 5px;
	list-style: none;
	list-style-image: none;
	list-style-position: outside;
	letter-spacing: -.2px;
	font-size: 12px;
	height: 18px;
}

ul.skills-list li.last{
	background: none;
}

/*-----------------------------------------------FORM*/

.form-text p {
margin:0;
padding:0;
}
.smallForm {
clear:both;
float:left;
height:200px;
margin:0;
padding:0 0 30px;
width:255px;
}

*:first-child+html .smallForm {
background: url(../images/ie-form.png) no-repeat left 3px;
clear:both;
float:left;
height:200px;
margin:0;
padding:0 0 30px;
width:255px;
}
.smallForm .formInput, .smallForm select {
background: url(../images/bg-text-input.png) no-repeat left top;
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: bold;
height:25px;
margin:0;
padding:5px 7px 0 5px;
text-align:left;
width:186px;
color: #171514;
border: none;
border-style: none;
}
.smallForm textarea {
background: url(../images/bg-text-area.png) no-repeat left top;
font-size:16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
height:91px;
padding: 5px 20px 0 5px;
text-align:left;
width:186px;
border: none;
border-style: none;
color: #171514;
margin: 0;
}

*:first-child+html .smallForm .formInput, .smallForm select {
background: none;
background-attachment: scroll;
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: bold;
height:25px;
margin:0;
padding:5px 7px 0 5px;
text-align:left;
width:183px;
color: #171514;
border: none;
border-style: none;
}
*:first-child+html .smallForm textarea {
background: none;
background-attachment: scroll;
font-size:16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
height:88px;
padding: 0px 0px 0px 5px;
text-align:left;
width:183px;
border: none;
border-style: none;
color: #171514;
margin: 0;
}

.smallForm .formButton {
background: url(../images/submit.png) no-repeat -4px 5px;
border: none;
border-style: none;
color:#FFFFFF;
cursor:pointer;
float:left;
font-size:16px;
font-weight: bold;
height:40px;
margin:0;
padding:0;
text-transform:uppercase;
width:87px;
font-family: Arial, Helvetica, sans-serif;
}
.smallForm .formButton:hover {
background: url(../images/submit.png) no-repeat -4px -48px;

}
.smallForm p {
margin:0;
padding:3px 0;
}

#thanks{
	text-align: center;
	margin: 0 auto;
	padding: 35px 0 0;
}

.copyright{
	color: #6e645e;
	font-size: 10px;
	margin: 0 auto;
	clear: both;
	padding: 100px 0 0;
	text-align: center;
}