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

/*general code*/
body{
	background-image: url(../images/bckgnd.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #69371c;
	background-attachment: fixed;
	margin-top: 0px;
	margin-bottom: 0px;
}

a:link {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #000;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
}

h1{
	font-family: 'EB Garamond', serif;
	font-size: 22px;
	color: #000;
	margin: 0px 0px 0px 15px;
	padding: 20px 0px 5px 5px;;
	font-weight: 500;
	text-shadow: 1px 1px 2px #666666;
}

h2{
	font-family: 'EB Garamond', serif;
	font-size: 20px;
	color: #000;
	margin: 0px;
	font-weight: 500;	
	text-shadow: 1px 1px 2px #666666;
}

h3{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: 300;	
}

h4{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	font-weight: 100;		
}

h5{
	font-family: 'EB Garamond', serif;
	font-size: 18px;
	color: #000;
	margin: 0px;
	font-weight: 400;	
	text-shadow: 1px 1px 2px #666666;
	text-align: center;
}

h6{
	font-family: 'Arapey', serif;
	font-size: 22px;
	color: #000;
	margin: 0px;
	font-weight: 600;	
	text-align: center;
	font-style: italic;
}

p_email{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
}

img{
	border: none;
}

/*main wrapper code*/
#outer_wrapper{
	width: 1024px;
	min-height: 650px;
	margin: auto;
	padding: 0px;
	z-index: 4;
}

#inner_wrapper{
	width: 765px;
	min-height: 650px;
	background-image: url(../images/innerbck.jpg);
	background-repeat: repeat-y;
	border-radius: 25px;	
	margin: 50px 40px 15px;
	position: relative;
	z-index: 5;
	box-shadow: 2px 15px 30px #000;	
}
/*end main wrapper code*/

/*header code*/
#header{
	width: 735px;
	margin: auto;
	height: 156px;
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
}

.logo{
	position: relative;
	z-index: 8;
	top: 20px;
	left: 5px;
}

.topnavbar{
	position: absolute;
	z-index: 7;
	top: 135px;
	left: -11px;
}
/*end header code*/

/*socialbar code*/
#socialbar{
	float: right;
	width: 0px;
	margin-right: 0px;
	margin-top: 0px;
	position: relative;
	padding: 3px 0px 0px;
}

.facebook{
	position: relative;
	z-index: 9;
	top: 26px;
	right: 60px;
}
/*.dribble{
	position: relative;
	z-index: 9;
	top: -5px;
	right: 90px;
}
.linkedin{
	position: relative;
	z-index: 9;
	top: -35px;
	right: 120px;
}*/
.linkedin{
	position: relative;
	z-index: 9;
	top: -5px;
	right: 90px;
}
.google{
	position: relative;
	z-index: 9;
	top: -125px;
	right: 230px;
}

/*end socialbar code*/

/*top nav bar*/
#courtnavbar{
	padding: 0px;
}

/*.contact{
	position: relative;
	z-index: 9;
	top: 60px;
	right: -640px;
}

.prices{
	position: relative;
	z-index: 9;
	top: 60px;
	right: -416px;	
}
.quote{
	position: relative;
	z-index: 9;
	top: 60px;
	right: -162px;	
}

*/
.contact{
	position: relative;
	z-index: 9;
	top: 60px;
	right: -640px;
}

.prices{
	position: relative;
	z-index: 9;
	top: 60px;
	right: -416px;	
}

.quote{
	position: relative;
	z-index: 9;
	top: 60px;
	right: -380px;	
}
/*end*/

/*navigation code*/
#nav{
	background-image: url(../images/navbar.png);
	background-repeat: no-repeat;
	z-index: 6;
	position: relative;
	width: 755px;
	height: 43px;
	margin-top: 10px;
	margin-left: 5px;
	padding: 0px;
}
#navlist{
	height: 24px;
	margin-top: 0px;
	padding: 0px;
}
#nav ul{
	float: right;
	position: relative;
	left: 0px;
}
#nav ul li{
	width: 260px;
	display: inline;
}
#nav ul li a{
	color: #cceccc;
	font-family: 'EB Garamond', serif;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	float: left;
	line-height: 20px;
	height: 28px;
	padding: 13px 25px 4px;
	position: relative;
}
#nav ul li a:hover{
	line-height: 20px;	
	height: 28px;
	margin-top: 0px;
	color: #74a474;
	position: relative;
}
#nav ul li a.current{
	line-height: 20px;
	height: 28px;
	margin-top: 0px;
	color: #74a474;
	position: relative;
}
/*end navigation code*/

/*socialbar code*/
#socialbar{
	margin-right: -7px;
	margin-top: -25px;
	position: relative;
	float: right;
	width: 0px;
	padding: 3px 0px 0px;
}

#socialbar img{
	border: 0px;
}
/*end socialbar code*/

/*content code*/
#content{
	background-color: #fbdc9b;
	width: 735px;
	margin: auto;
	min-height: 450px;
	padding: 0px 0px 40px;
}

#content_about{
	background-color: #fbdc9b;
	width: 735px;
	margin: auto;
	min-height: 410px;
	padding: 0px 0px 40px;
}

#content_port{
	background-color: #fbdc9b;
	width: 735px;
	margin: auto;
	min-height: 750px;
	padding: 0px 0px 40px;
}

#content_web{
	background-color: #fbdc9b;
	width: 735px;
	margin: auto;
	min-height: 1660px;
	padding: 0px 0px 40px;
}

#content_multi{
	background-color: #fbdc9b;
	width: 735px;
	margin: auto;
	min-height: 1300px;
	padding: 0px 0px 40px;
}

#top{
	width: 735px;
	padding: 0px;
	min-height: 250px;
	padding: 0px 0px 20px;	
}

#bottom{
	clear: both;
	width: 735px;
	margin: auto;
	padding: 0px 0px 20px;	
	text-align: center;
	background-color: #fbdc9b;
}

#bottom_about{
	clear: both;
	width: 735px;
	margin: auto;
	padding: 0px 0px 20px;	
	text-align: left;
	background-color: #fbdc9b;
}
.indent_p{
	margin-left: 55px;
	padding: 0px 40px 0px 0px;
}

.indent_credits{
	padding: 0px 40px 0px 0px;
	font-family: 'Arapey', serif;
	font-size: 18px;
	color: #000;
	margin: 0px;
	font-weight: 400;	
	text-align: left;
	padding: 35px 60px 20px;
}

.indent_resume{
	margin-left: 65px;
	padding: 0px 40px 0px 0px;
}

.resume_cat{
	font-family: 'EB Garamond', serif;
	font-size: 18px;
	color: #000;
	margin-left: 60px;
	font-weight: 500;	
	text-shadow: 1px 1px 2px #666666;
	margin-left: 60px;	
}


.indent_about{
	margin-left: 55px;
	padding: 20px 40px 0px 0px;
}

.indent_p2{
	margin-left: 55px;
	padding: 15px 40px 0px 0px;
}

.indent_quote{
	margin-left: 114px;	
}

.indent_quote2{
	margin-left: 62px;	
}
.indent_quote3{
	margin-left: 18px;	
}
.indent_quote4{
	margin-left: 39px;	
}

/*.error{
	color: #C00;
}*/

.flt_left {
	float: left;
	padding: 10px 20px 0px 40px;
}
.flt_right {
	float: right;
	padding: 10px 40px 0px 20px;
}

.flt_right_signature {
	float: right;
	padding: 0px 110px 0px 20px;
}

#skill_one{
	float: left;
	width: 735px;
	z-index: 4;
	margin-left: -10px;
	margin-top: 25px;
}

#skill_two{
	float: left;
	z-index: 3;
	margin-left: 40px;
	margin-top: -25px;
}
#skill_three{
	float: left;
	z-index: 2;
	margin-left: 85px;
	margin-top: -24px;

}
#skill_four{
	float: left;
	z-index: 1;
	margin-left: 125px;
	margin-top: -25px;
}
.indent_skill{
	padding: 5px 30px 0px 0px;
}

.credit_link{
	text-shadow: 1px 1px 2px #006600;
}

#left{
	float: left;
	width: 415px;
	min-height: 350px;
}

#right{
	float: right;
	width: 275px;
	min-height: 350px;
	padding: 25px 15px 10px 30px;	
}

#portfolio_left{
	float: left;
	width: 235px;
	text-align: center;
	margin-top: 132px;
	margin-left: 52px;
}

#portfolio_center{
	float: left;
	width: 235px;
	text-align: center;
	margin-top: 10px;
	margin-left: -20px;
}

#portfolio_right{
	float: right;
	width: 235px;
	text-align: center;
	margin-top: -89px;
	margin-right: 47px;
}
/*end content code*/

/*portfolio content code*/
.left_portfolio{
	float: left;
	width: 307px;
	text-align: center;
	padding: 25px 30px 20px;
}

.right_portfolio{
	float: left;
	width: 307px;
	text-align: center;
	padding: 25px 30px 20px;
}

.left_graphic{
	float: left;
	width: 185px;
	text-align: center;
	padding: 25px 30px 20px;
}

.center_graphic{
	float: left;
	width: 185px;
	text-align: center;
	padding: 25px 30px 20px;	
}

.right_graphic{
	float: right;
	width: 185px;
	text-align: center;
	padding: 25px 30px 20px;
}

.left2_graphic{
	float: left;
	width: 217px;
	text-align: center;
	padding: 25px 60px 20px 90px;	
}

.right2_graphic{
	float: right;
	width: 217px;
	text-align: center;
	padding: 25px 90px 20px 60px;
}

.about{
	font-family: 'Arapey', serif;
	font-size: 20px;
	color: #000;
	margin: 0px;
	font-weight: 400;	
	text-align: left;
	padding: 35px 60px 20px;
	font-style: italic;
}


/**/

/*props*/
#pen{
	background: transparent url(../images/penpencil.png) bottom no-repeat; 
	position: fixed;
	bottom: -5px;
	width: 626px; 
	height: 66px;
	z-index: 11;
	margin-left: -40px;
	}

#coffee{
	background: transparent url(../images/coffee.png) bottom no-repeat; 
	position: fixed;
	bottom: -65px;
	width: 523px; 
	height: 277px;
	z-index: 12;
	margin-left: -440px;
}

#poster {
	background: transparent url(../images/poster.png) bottom no-repeat; 
	position: fixed;
	bottom: -225px;
	width: 650px; 
	height: 631px;
	z-index: -10;
	margin-left: 375px;	
}

#multimedia{
	background: transparent url(../images/multimedia.png) bottom no-repeat; 
	position: fixed;
	bottom: -205px;
	width: 650px; 
	height: 631px;
	z-index: -8;
	margin-left: 375px;	
}

#webdesign{
	background: transparent url(../images/webdesign.png) bottom no-repeat; 
	position: fixed;
	bottom: -190px;
	width: 650px; 
	height: 631px;
	z-index: -5;
	margin-left: 340px;		
}

#folders{
	z-index: 3;
}

.poster {
	position: fixed;
	bottom: -225px;
	width: 650px; 
	height: 631px;
	z-index: 1;
	margin-left: 360px;	
}

.multimedia{
	position: fixed;
	bottom: -210px;
	width: 650px; 
	height: 631px;
	z-index: 2;
	margin-left: 368px;	
}

.webdesign{
	position: fixed;
	bottom: -205px;
	width: 650px; 
	height: 631px;
	z-index: 3;
	margin-left: 318px;		
}

/*end*/

/*footer code*/
#footer{
	clear: both;
	width: 735px;
	height: 65px;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 10px 0px 10px 0px;
	margin: auto;
}

#footer a:link {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#footer a:visited {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
#footer a:hover {
	text-decoration: underline;
	color: #fff;
	font-weight: bold;
}
#footer a:active {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}

.footerlist{
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 11px;
	color: #fff;
	padding: 0px 0px 0px 60px;	
}

.copyright{
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 11px;
	color: #fff;
	float: right;
	padding: 0px 20px 0px 20px;
}

/*end footer code*/