/* CSS Document */

body {
	margin:0;
	padding:0;
	background: url(/images/bg.jpg) top center no-repeat #000;
	font-family:Helvetica, Arial, sans-serif;
	color:#fff;
}

/***********************************************************************
 CONTAINERS
***********************************************************************/

#wrapper {
	width:940px;
	margin:0 auto;
}
#container {
	width:940px;
	float:left;
overflow:hidden;	
position:relative;
}

/***********************************************************************
 HEADER
***********************************************************************/

#logo {
	width:160px;
	height:186px;
	position:absolute;
	margin-top:32px;
	z-index:500;
}
#logo img {
	border:none;
}
#navWrapper {
	width:720px;
	height:50px;
	float:left;
	margin:100px 0 20px 220px;
}
#navWrapper ul {
	margin:0;
	padding:0;
}
#navWrapper li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#navWrapper li a {
	font-size:14px;
	font-weight:bold;
	color: white;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	line-height: 35px;
	display:inline-block;
	height: 50px;
	margin:0;
	padding:0;
	overflow:hidden;
}
#navWrapper li a:hover {
	color:#d5986e;
}
#navWrapper li a.about {
	width:110px;
}
#navWrapper li a.portfolio {
	width:130px;
}
#navWrapper li a.blog {
	width:90px;
}
#navWrapper li a.references {
	width:140px;
}
#navWrapper li a.links {
	width:100px;
}
#navWrapper li a.contact {
	width:125px;
}
/***********************************************************************
 HERO
***********************************************************************/

#heroWrapper {
	width:940px;
	height:160px;
	float:left;
	margin:0 0 30px 0;
}

/***********************************************************************
 CONTENT
***********************************************************************/

#contentWrapper {
	width:940px;
	float:left;
	margin:0 0 30px 0;
}

#contentLeft {
	width:400px;
	float:left;
	margin:0 60px 0 0;
}
#contentLeftIP {
	width:560px;
	float:left;
	margin:0 60px 0 0;
}
#contentRight {
	width:480px;
	float:left;
	margin:0;
}
#contentRightIP {
	width:320px;
	float:left;
	margin:0;
}
#contentRight img, #contentRightIP img {
	margin-left: 15px;
	margin-bottom: 20px;
	margin-right: 0;
	margin-top: 0;
	border:none;
}

#contentWrapper h1 {
	font-size:30px;
	margin-top:0;
	padding-top:0;
}
#contentWrapper p, #contentWrapper li {
	font-size:14px;
	line-height:24px;
	color:#ccc;
}
#contentWrapper p {
	text-align:justify;
}
#contentWrapper p a, #contentWrapper li a {
	color:#d5986e;
	text-decoration:none;
}
#contentWrapper p a:hover, #contentWrapper li a:hover {
	text-decoration:underline;
}

/***********************************************************************
 SOCIAL LINKS
***********************************************************************/

#footerLinks {
	width:940px;
	height:50px;
	float:left;
	margin:0 0 30px 0;
}
#footerLinks a img {
	border:1px solid #262626;
	margin:0 20px 0 0;
}
#footerLinks a img.last {
	margin:0;
}
#footerLinks a img:hover {
	border:1px solid #666;
}
#blog img {
	border-width: 0px;
	margin-right: 0px;
	margin-left: 15px;
	margin-bottom: 20px;
	margin-top: 0px;
}
#portfolio {
	width: 920px;
}
#portfolio img {
 border: 1px solid #333;
 padding: 5px;
 margin-right: 0px;
 margin-left: 15px;
 margin-bottom: 20px;
 margin-top: 0px;
}
#portfolio img:hover {
border:1px solid #999;
}
#footer p {
	text-align: right;
	color: white;
	font-size: 10px;
}
#footer a {
	font-weight: bold;
	text-decoration: none;
	color: white;
}