/* ///////////////////////////////////////////////////////////////////////
 * 								GLOBALS 
 * /////////////////////////////////////////////////////////////////////*/


div, p, ul, h1, h2, h3, h4, h5{
	margin:0;
	padding:0;
}

ul{list-style:none;}
img{border:none;}
a:focus{outline:none;}

:focus{outline:none;}
.clear{clear:both;}

a{text-decoration: none;}



body {
	background:#000 50% 0 url(http://www.marcsalmon.com/images/site/bg2.jpg) repeat;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}





/* ///////////////////////////////////////////////////////////////////////
 * 								STRUCTURE 
 * /////////////////////////////////////////////////////////////////////*/

#wrapper{
	position:relative;
	width:100%;
	height:100%;
	background:50% 80px url(http://www.marcsalmon.com/images/site/bg-grad.jpg) repeat-x;
}

#wrapper-detail{
	position:relative;
	width:100%;
	height:100%;
}

#wrapper-inner{
	position:relative;
	width:925px;
	height:auto;
	margin:0 auto;
	padding:0 0 0 5px;
	overflow:hidden;
}

#header{

	width:925px;
	height:445px;
	margin:0 auto;
	padding:45px 0 0 0;
	background:left bottom url(http://www.marcsalmon.com/images/site/divide.png) no-repeat;
}

#header-detail{

	width:925px;
	height:35px;
	margin:0 auto;
	padding:45px 0 0 0;
}

#greeting{
	float:left;
	width:396px;
	margin:60px 0 0 -5px;
}

#intro{
	float:left;
	width:451px;
	margin:10px 0 0 0;
	clear:left;
}

#featured{
	float:right;
	width:474px;
	height:367px;
	margin:30px 0 0 0;
	background:url(http://www.marcsalmon.com/images/site/featured-bg.png) no-repeat;
}

#featured img{
margin:35px 0 0 31px;
}

#content {
	width:960px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}  

.project{
	width:962px;
	height:430px;
	background: url(http://www.marcsalmon.com/images/site/work-bg.png) no-repeat;
	margin:20px auto;
}



.project-image{
	float:left;
	margin:19px 0 0 19px;
}

.project-info{
	float:right;
	width:300px;
	margin:19px 44px 0 0;
}

#footer{
	position:relative;
	width:925px;
	height:50px;
	margin:0 auto;
	padding:40px 0 0 0;
	background:left top url(http://www.marcsalmon.com/images/site/divide.png) no-repeat;
}

.project-detail{
position:relative;
width:920px;
margin:20px auto 100px;
}

.project-detail-images{
margin:40px 0;
}

.project-detail-images img{
padding:0 0 40px 0;
}

.project-detail-info{
margin:0 0 0 20px;
}

/* ///////////////////////////////////////////////////////////////////////
 * 								STYLES 
 * /////////////////////////////////////////////////////////////////////*/
 
#intro h2{
	font-size:30px; 

}

#intro p{
	font-size:20px; 
	padding:5px 0 0 0;
}
 
 
.project-info h2{
	font-size:24px;
	color:#ff005a;
	margin:0 0 5px -3px;
}
 
.project-detail h2{
	font-size:24px;
	color:#ff005a;
margin:0 0 0 -2px;
}
.project-info p{
	font-size:12px;
	color:#CCC;
	line-height:16px;
}

.project-detail p{
	font-size:16px;
	color:#999;
	line-height:22px;
width:700px;
}
a{color:#ff005a;}
a:hover{color:#FFF;}

.project-detail p.back a{float:left; margin:0 0 20px 0; font-size:10px; text-transform:uppercase; color:#999;}
.project-detail p.back a:hover{color:#ff005a;}