/*
http://www.staceyleavitt.com
Copyright (C) 2011 Stacey Leavitt
Made by ProjetUrbain.com
*/

/* fonts */
body					{ font-family: MuseoSans-500, helvetica, arial, sans-serif; font-size: 11px; line-height: 16px; color: #999; }
p						{ margin-bottom: 9px !important; }
p+p						{ text-indent: 0; }
h2, h3					{ font-size: 14px; line-height: 16px; margin: 0; top: 0; text-transform: uppercase; color: #000; }
dt, dd					{ line-height: 16px; margin: 0; top: 0; }
sup						{ font-size: 9px; }
ul						{ margin: 0; padding: 0; top: 0; }
li						{ margin: 0; padding: 0; list-style-type: none; }

/* link */
a						{ color: #777; text-decoration: none; border: none; }
a:link					{ color: #777; }
a:visited				{ color: #777; }
a:hover					{ color: #000; }
a:active				{ color: #000; }
a img					{ border: none; }
a.highlight				{ color: #000; }

/* background */
body					{ background: url(/images/background.png) repeat-x top left #fff fixed; }

/* page */      
#page					{ min-width: 1100px; }

/* document top */
#page-header			{ background: url(/images/background-fade.png) repeat-x; width: 100%; height: 152px; position: fixed; top: 0; left: 0; z-index: 200; }

/* header */
header					{ width: 270px; height: 116px; /*margin: 36px 36px 0 24px;*/ padding: 0; position: absolute; top: 36px; left: 24px; }
header h1				{ background: url(/images/logo.png) no-repeat; width: 270px; height: 48px; float: left; text-indent: -1000em; }

/* navigation */
nav						{ width: 980px; margin: 0; padding: 0; float: left; position: absolute; top: 36px; left: 354px; }
nav ul					{ width: 980px; margin: 0; padding: 0; top: 0; float: left; }
nav ul li				{ width: 190px; top: 0; float: left; }
nav li a				{ font-size: 12px; line-height: 12px; top: 0; text-transform: uppercase; }

/* main content */
#main-content			{ padding-bottom: 24px; position: absolute; top: 152px; left: 24px; z-index: 100; }
#main-content hgroup	{ margin-bottom: 18px; }
#main-content .link		{ font-size: 11px; line-height: 11px; top: 0; text-transform: uppercase; }
#main-content .email	{ text-decoration: underline; }

#portfolio				{ }
#portfolio td			{ vertical-align: top; text-align: left; }

#portfolio .info		{ width: 270px; margin-right: 36px; }
#portfolio .bloc		{ margin-right: 60px; }
#portfolio .media		{ }
#portfolio  img			{ -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.35); -moz-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.35); box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.35); }
#portfolio .image dl	{ margin-top: 0; width: 170px; float: left; }
#portfolio .image dt	{ width: 70px; float: left; color: #666; }
#portfolio .image dd	{ width: 100px; float: left; }
#portfolio .image p		{ width: auto; margin-left: 36px; float: left; }
#portfolio .space		{ width: 100%; height: 48px; display: block; float: left; }

#portfolio .nav-page			{ width: 100%; margin-top: 18px; float: left; }
#portfolio .nav-page .back		{ width: 90px; float: left; }
#portfolio .nav-page .previous	{ width: 90px; float: left; text-align: center; }
#portfolio .nav-page .next		{ width: 90px; float: left; text-align: right; }

/*
background: rgba(255, 0, 0, 0.2); 
*/