/************** CSS RESET **************/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/************** END RESET **************/

html, body { /* Important for the sticky footer */
	height: 100%;
}

body {

	background-image:url(../images/universal/bg.jpg);
	background-repeat: repeat-x;
	background-color: #8d6743;

}

#container{
	margin:0 auto;
	width:800px;
	overflow:hidden;
}

#header{
	position:relative;
	margin:0 auto;
	height:151px;
	width:800px;
}

h1{
	background-image:url(../images/universal/logo.png);
	height:51px;
	width:286px;
	position:absolute;
	top:50px;
	left:0;
	text-indent:-9999px;
}

h2{
	font-family:Helvetica, Arial, sans-serif;
	color:#e3dcd4;
	font-size:36px;
	letter-spacing:3px;
	padding-top:17px;
}

h3{
	font-family:Helvetica, Arial, sans-serif;
	font-size:24px;
	color:#bda58e;
	padding-top:6px;
	padding-left:13px;
	letter-spacing:2px;	
}

h3 a{
	color:#fff;
}

h3 a:visted{
	color:#fff;
}

h4{
	color:#a99a89;
	font-family:Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:100;
	letter-spacing:2px;
	padding-top:22px;
}

h5{
	color:#e3dcd4;
	font-size:24px;
	font-family:Helvetica, Arial, sans-serif;
	padding-bottom:15px;
}

a{color:#d5c0ac;}

a:visited{color:#d5c0ac;}

.topBackdrop {
	position:relative;
	height: 151px;
	width:100%;
	background-image:url(../images/universal/header_bg.png);
	background-repeat:repeat-x;
	top:23px;
}

#nav{
	position:relative;
	height:164px;
}

ul.nav{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding-top:1px;
	text-align:right;
}

.nav li{
	display:block;
	float:right;
	clear:left;
	height:164px;
	width:88px;
}

.nav li a{
	display:block;
	text-decoration:none;
	color:#a08073;
	padding-top:120px;
}

.nav li a:hover{
	color:#fff;
}

.nav li a:active{
	color:#fff;
}

.nav li a.selected{
	color:#fff;
	padding-top:138px;
	text-align:center;
	background-image:url(../images/universal/nav_selected.gif);
	background-repeat:no-repeat;
	background-position:top;	
	width:88px;
	height:164px;
	margin-left:15px;
}



#content{
	position:relative;
	top:23px;
	
}

/* STICKY FOOTER! Delete these settings if not using it. */

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -178px; /* the bottom margin is the negative value of the footer's height */
}
.push {
	height: 178px; /* .push must be the same height as .footer */
}

.footer{
	position:relative;
	height: 178px; /* .push must be the same height as .footer */
	background-image:url(../images/universal/footer.gif);
	background-repeat:repeat-x;
	margin-top:50px;
}

.footerInside{

}

/* END STICKY FOOTER */

/* HOME */

.homeBannerBg{
	height:322px;
	width:100%;
	margin-top:32px;
	background-image:url(../images/universal/bg_home_port.png);
	background-repeat:repeat;
}

.homeBannerInside{
	position:relative;
	width:800px;
	margin:0 auto;
}

.hbiLeftCol{
	width:502px;
	float:left;
	clear:right;
}

.hbiRightCol{
	width:265px;
	float:left;
	clear:right;
	margin-top:66px;
	display:inline;
	margin-left:32px;
}

.latestImg{
	position:relative;
	width:500px;
	height:208px;
	margin-top:20px;
}

/* Ribbons */

.latestRibbon{
	position:absolute;
	top:-5px;
	left:-5px;
	width:82px;
	height:83px;
}

.latestRibbonWeb{
	width:82px;
	height:83px;
	background-image:url(../images/latestProject/ribbon_web.png);
	background-repeat:no-repeat;
}

.latestRibbonPrint{
	width:82px;
	height:83px;
	background-image:url(../images/latestProject/ribbon_print.png);
	background-repeat:no-repeat;
}

.latestRibbonVideo{
	width:82px;
	height:83px;
	background-image:url(../images/latestProject/ribbon_video.png);
	background-repeat:no-repeat;
}

.latestRibbonEcommerce{
	width:82px;
	height:83px;
	background-image:url(../images/latestProject/ribbon_ecommerce.png);
	background-repeat:no-repeat;
}

.latestRibbonBanner{
	width:82px;
	height:83px;
	background-image:url(../images/latestProject/ribbon_banner.png);
	background-repeat:no-repeat;
}

p.latestDesc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bfb5aa;
	line-height:26px;
}

.btViewPort{
	position:absolute;
	width:168px;
	height:36px;
	right:-300px;
	bottom:0px;
}

.homeColLeft{
	position:relative;
	margin-top:30px;
	float:left;
	clear:right;
	width:188px;
	background-image:url(../images/home/boxes_bg.gif);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	overflow:hidden;
}

.homeColRight{
	position:relative;
	margin-top:30px;
	float:left;
	clear:right;
	width:572px;
	margin-left:40px;
	display:inline;
	background-image:url(../images/home/boxes_bg.gif);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	overflow:hidden;
}

.homeColHead{
	background-image:url(../images/universal/transparent_bg.png);
	background-repeat:repeat;
	height:35px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-right-radius:8px;	
	-webkit-border-top-left-radius:8px;
}

p.about{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#d5c0ac;
	line-height:35px;
}

.large{
	font-size:24px;
	display:inline;
	color:#fff;
	line-height:35px;	
}

.medium{
	font-size:20px;
	display:inline;
	color:#fff;
	line-height:35px;	
}

.rightColEnc{
	width:520px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#d5c0ac;
	line-height:35px;
	margin-bottom:19px;
	margin-top:13px;	
	overflow:hidden;
}

.homeColLeft ul{
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#fff;
	margin-left:65px;
	margin-bottom:20px;
	margin-top:20px;
	list-style-image:url(../images/universal/check.png);
	line-height:44px;
}

.homeColLeft li{
	
}

/* Resume */

.leftCol{
	position:relative;
	float:left;
	clear:right;
	margin-top:30px;
}

.thinCol{
	position:relative;
	width:249px;
	background-image:url(../images/universal/transparent_bg.png);
	background-repeat:repeat;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	overflow:hidden;
}

.downloadResume{
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px;
	color:#f8f4f0;
	padding:12px 0 12px 13px;
	letter-spacing:1.5px;
	background-image:url(../images/resume/downloadArrow.png);
	background-repeat:no-repeat;
	background-position:94%;
}

.rightCol{
	position:relative;
	float:left;
	clear:right;
	margin-top:30px;
	margin-left:40px;
	display:inline;
}

.wideCol{
	position:relative;
	width:508px;
	background-image:url(../images/universal/transparent_bg.png);
	background-repeat:repeat;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	overflow:hidden;
}

.name{
	font-family:Helvetica, Arial, sans-serif;
	font-size:26px;
	color:#d7cdc1;
	text-align:center;
	padding-top:18px;
}

.contactInfo{
	font-size:14px;
	color:#b3a392;
	font-family:Arial, Helvetica, sans-serif;
}

.imgContactInfo{
	position:relative;
	width:168px;
	height:42px;
	background-image:url(../images/resume/contactInfo.png);
	background-repeat:no-repeat;
	margin-left:35px;
	margin-top:10px;
}

.pointsContact{
	position:relative;
	width:168px;
	margin:20px 0px 70px 35px;
}

.pointsContact img{
	float:left;
	margin-right:12px;
}

/* Form */

.formContainer{
	width:400px;
	margin:30px 0px 40px 75px;
}

label{
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px;
	color:#d7cdc1;
}

input{
	height:24px;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	width:230px;
	color:#503623;
	background-image:url(../images/form/shadow.png);
	background-position:top;
	background-repeat:repeat-x;
	border:1px solid #fff;
	margin:3px 0px 20px 0px;
	padding:3px;
}

textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#503623;
	background-image:url(../images/form/shadow.png);
	background-position:top;
	background-repeat:repeat-x;
	border:1px solid #fff;	
	margin:3px 0px 20px 0px;
	padding:3px;
}

.formbutton{
	width:83px;
	height:30px;
	background-image:url(../images/form/bt_send.png);
	background-repeat:no-repeat;
	border:0px;
	cursor:pointer;
	color:#fff;
	font-size:18px;
	
}

/* Portfolio */

.h2_bgBar{
	position:relative;
	width:100%;
	height:70px;
	background-image:url(../images/universal/h2_bgBar.png);
	margin-top:32px;
}

.h2_bgBarInside{
	position:relative;
	width:800px;
	margin:0 auto;
}

.portRow{
	position:relative;
	height:249px;
	width:800px;
	background-image:url(../images/portfolio/divider.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.portLeftCol{
	position:relative;
	width:339px;
	float:left;
	clear:right;
	overflow:hidden;
}

.portRightCol{
	position:relative;
	width:270px;
	float:left;
	clear:right;
	overflow:hidden;
	display:inline;
	margin-left:40px;
}

.portPiece{
	position:relative;
	width:334px;
	height:139px;
	margin-top:50px;
	margin-left:5px;
}

.pieceShadow{
	position:relative;
	margin:10px 0 0 14px;
	width:317px;
	height:27px;
	background-image:url(../images/portfolio/shadow.png);
	background-repeat:no-repeat;
}

h6{
	font-family:Helvetica, Arial, sans-serif;
	padding-top:50px;
	color:#fff;
	font-size:24px;
	padding-bottom:5px;
}

.portRightCol ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#e3dcd4;
	line-height:23px;
}

.decoration{
	position:absolute;
	top:50px;
	right:0px;
	width:172px;
	height:136px;
	background-image:url(../images/portfolio/decoration.png);
	background-repeat:no-repeat;
}

.portButtons{
	position:relative;
	margin-top:21px;
}

.portButtons img{
	float:left;
	clear:right;
	margin-right:10px;
}