/*			COLORS			

Dirt
#554234

Rust
#A5583C

Burnt Orange
#D99848

Mustard
#D9BB61

*/


/*			GENERAL RULES AND STRUCTURE			*/

a { text-decoration:none;
	color:#A5583C; }
	
img { border-style: none; }

ul { list-style: none; }

* { margin: 0px; padding: 0px; }

body {
	color: #554234;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 130%; }

#wrap {
	width:960px;
	height:auto;
	margin: auto; }
	
::selection {
	background: #D9BB61; }
::-moz-selection {
	background: #D9BB61; }	







/*			HEADER			*/
	
#header {
	width: 960px;
	height: 120px;
	border-bottom:#DDC8BA 1px solid;
}
	


.header-image {
	width: 60px;
	height: 58px;
	float: left;
	margin:35px 0px 0px 50px;
	background:url(images/newheader.png) left top no-repeat; }
	
	
	

/*			TOP NAVIGATION			*/
	
@-moz-document url-prefix() {
	 ul#nav-left li a { padding:5px 10px 4px 10px; }
	 #top-navigation {	
	 width: 960px;
	 height: 29px; 
	 margin-bottom: 20px;
	 border-bottom:#DDC8BA 1px solid;} }

#top-navigation {
	width: 960px;
	height: 27px; 
	margin-bottom: 20px;
	border-bottom:#DDC8BA 1px solid; }

ul#nav-left {
	float: left;
	width: auto;
	height: 26px;
	padding-top: 2px; }

ul#nav-left li {
	display: inline; }	

ul#nav-left li a {
	color: #A5583C;
	float: left;
	margin-right: 20px;
	padding:5px 10px 5px 10px; }
	
ul#nav-left li a:hover {
	background-color:#554234;
	color:#FFF; }
	
ul#nav-left li a:active {
	color:#967660; }

#home .home > a {
	color: #D9BB61;
	border-bottom: #D9BB61 3px solid; }
	
#about .about > a {
	color: #D9BB61;
	border-bottom: #D9BB61 3px solid; } 
	
#contact .contact > a {
	color: #D9BB61;
	border-bottom: #D9BB61 3px solid; } 	
	
#portfolio .portfolio > a {
	color: #D9BB61;
	border-bottom: #D9BB61 3px solid; } 
	
#resume .resume > a {
	color: #D9BB61; 
	border-bottom: #D9BB61 3px solid; }	

/*		SOCIAL LINKS		*/	
	
ul#nav-right {
	float: right;
	width: auto;
	height: 29px; }
	
ul#nav-right li {
	margin: 6px 7px 0px 0px;
	display: inline;
	float: left; }
	
ul#nav-right span {
	display: none; }		
	
#twitter a {	
	width:17px; 
	height:17px; 
	background-image:url(images/socialicons-small.png); 
	background-position: 0px 0px;
	display:block;}
	
#twitter a:hover {	
	width:17px; 
	height:17px; 
	background-image:url(images/socialicons-small.png); 
	background-position: 0px 17px; }	

#facebook a {
	width:17px; 
	height:17px; 
	background-image:url(images/socialicons-small.png); 
	background-position: 51px 0px;
	display:block;}	
	
#facebook a:hover {	
	width:17px; 
	height:17px; 
	background-image:url(images/socialicons-small.png); 
	background-position: 51px 17px; }	

#behance a {
	width:17px; 
	height:17px; 
	background-image:url(images/socialicons-small.png); 
	background-position: 34px 0px;
	display:block;}
	
#behance a:hover {	
	width:17px; 
	height:17px; 
	background-image:url(images/socialicons-small.png); 
	background-position: 34px 17px; }	

#linkedin a {
	width:17px; 
	height:17px; 
	background-image:url(images/socialicons-small.png); 
	background-position: 17px 0px;
	display:block;}
	
#linkedin a:hover {	
	width:17px; 
	height:17px; 
	background-image:url(images/socialicons-small.png); 
	background-position: 17px 17px; }	

	

	
	
	
	
	


/*			MAIN CONTENT AREA			*/


.main-index {
	position: relative;
	background-image: url(images/unlimited.jpg);
	width: 960px;
	height: 460px; }
	
.main {
	width: 960px;
	height: 460px; }	
	
h2 {
	position: absolute;
	top: 35px;
	left: 17px;
	font-family: "Helvetica Neue", Helvetica, Verdana, Sans-Serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 200%; }
	
h2 a {
	color: #897160; }
	
h2 a:hover {
	color:#A5583C; }			
	
h2 span {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.7);
	padding: 3px 0px 3px; }	
	
h2 span.spacer {
	background: none;
	padding:1px 3px; }	
	
	


/*			CONTENT AREA - PORTFOLIO		*/


.portfolio-content {
	width: 960px;
	height: auto;
	line-height: 150%; }
	
.portfolio-content img {
	border:3px solid #e7e8e9;
	margin: 3px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px; }
	
p {margin-bottom: 10px; }
	
	
	
	
	
/*			ABOUT ME			*/	

.aboutme {
	width: 400px;
	line-height: 150%; }
	
	
	
	
	
	
/*			RESUME			*/

.resume-content {
	width: 950px;
	height: auto;
	line-height: 150%; }
	
.resume-content a:hover {
	background-color:#A5583C;
	color: #fff; }		
	
img.pdf {
	margin-right: 5px;
	margin-bottom: -3px;}		
	
h3 {
	font-size: 14px;
	font-weight: 400;
	color: #554234;
	margin: 15px 0px 15px 0px; }
	
h3.top {
	margin: 0px 0px 15px 0px;
	padding-top: 10px; }

h4 {
	font-size: 11px;
	font-weight: 600;
	display:inline; }	
	

	


/*			CONTACT			*/

#form {
	width: 510px;
	height: 439px; }

	
	
	
/*			FOOTER			*/

#footer {
	width: 960px;
	height: 40px;
	margin-top: 20px;
	padding-top: 10px;
	border-top: #DDC8BA 1px solid; }