/*  ===========================================
	>> DEFAULTS
	=========================================== */
	
body { text-align:center; font:normal 62.5% "Lucida Grande", Arial,Helvetica,Tahoma,sans-serif; background:#fff; color:#4a2a1b;}
.no_margin { margin:0px 0px !important; }
.no_pad { padding:0px 0px !important; }
.no_bg { background:none !important; }
.right { float:right; }
.left { float:left; }
.hidden { display:none; }
a:link, a:visited { color:#fff; text-decoration:none; }
a:hover, a:active { text-decoration:none; }
div.hr { border-top:dotted 1px #655e53; height:35px; }

/*  ===========================================
	>> DEFAULT FONT SIZES
	=========================================== */
	
h1 { font-size: 3.3em; /* 10px × 2em   = 20px */  line-height:1em; font-weight:normal; margin-bottom:1em; color:#82be3a; }
p  { font-size: 2.1em; /* 10px × 1.1em = 11px */  line-height:1.6em; }

/*  ===========================================
	>> GENERAL LAYOUT
	=========================================== */

#container { margin:60px auto 320px auto; text-align:left;}
#container,
#body,
#footer { width:973px; }


.section { background:transparent url('../images/hr.png') no-repeat center bottom; overflow:auto; padding:60px 0; }
.section div { float:left; width:485px; }
.section div.left_col { width:340px; padding:0px 50px; }
.section div p {}
.section div p a { background-color:#82be3a; padding:0 2px; }
.section ul.photos { margin:60px 0; overflow:auto;}
.section ul.photos li { float:left; padding:3px; border:solid 1px #efefef; margin-right:5px; }
.section h1 { text-indent:-9999px; display:block; height:33px; overflow:hidden;  background:transparent url('../images/sprite_titles.gif') no-repeat left top;
}
#intro h1 { background-position:0px -66px; }
#work  h1 { background-position:0px 0px; } 
#outro h1 { background-position:0px -33px;}

/* ================== */
/* = PHOTOS AT LEFT = */
/* ================== */
ul#mfa { margin-top:180px;}
ul#vhm { margin-top:170px; }
ul#mhm { margin-top:170px; }

ul#mfa li a   { text-indent:-9999px; width:98px; height:97px; background:transparent url('../images/sprite_mfa.jpg') no-repeat left top; display:block; }
ul#mfa li.c a { background-position:-98px top; width:97px; }
ul#mfa li.r a { background-position:-195px top; }
ul#vhm li a   { text-indent:-9999px; width:98px; height:97px; background:transparent url('../images/sprite_virgin.jpg') no-repeat left top; display:block; }
ul#vhm li.c a { background-position:-99px top; width:97px; }
ul#vhm li.r a { background-position:-196px top; }
ul#mhm li a   { text-indent:-9999px; width:98px; height:97px; background:transparent url('../images/sprite_mhm.jpg') no-repeat left top; display:block; }
ul#mhm li.c a { background-position:-98px top; width:97px; }
ul#mhm li.r a { background-position:-195px top; }

ul#more li a   { text-indent:-9999px; width:98px; height:97px; background:transparent url('../images/sprite_more.jpg') no-repeat left top; display:block; }
ul#more li.c a { background-position:-98px top; width:97px; }
ul#more li.r a { background-position:-195px top; }
ul#us   li a   { text-indent:-9999px; width:98px; height:97px; background:transparent url('../images/sprite_us.jpg') no-repeat left top; display:block; }
ul#us   li.c a { background-position:-98px top; width:97px; }
ul#us   li.r a { background-position:-195px top; }

/* -- FOOTER -- */
#footer { margin-top:40px; }
#footer p { display:block; float:left; width:350px; padding-right:23px; overflow:auto; text-align:right; font-weight:bold; background:transparent url('../images/sprite_icons.png') no-repeat right center; }
#footer p.contact { background:transparent none repeat scroll 0 0; padding-left:68px; text-align:left; width:500px; }
#footer p.contact a { color:rgba(10,10,63,.4); font-weight:normal; }
#footer p  { font-size:13px; }
#footer a  { font-size:16px; }

/* -- -- */
#t,
#b { width:100%; height:138px; position:fixed; left:0;}
#t { top:0;      z-index:70; background:transparent url('../images/fade_top.png')    repeat-x left bottom; }
#b { bottom:0px; z-index:71; background:transparent url('../images/fade_bottom.png') repeat-x left top; }


/* ============ */
/* = FANCYBOX = */
/* ============ */

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/jquery.fancybox/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #442c29;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../images/jquery.fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 50px; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../images/jquery.fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../images/jquery.fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('../images/jquery.fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/jquery.fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/jquery.fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/jquery.fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('../images/jquery.fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/jquery.fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/jquery.fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/jquery.fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('../images/jquery.fancybox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('../images/jquery.fancybox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('../images/jquery.fancybox/fancy_title_right.png') repeat-x;
}

/* ========================== */
/* = FANCYBOX CUSTOMIZATION = */
/* ========================== */
div#fancy_div { position:relative; color:#fff; text-align:left;}
div#fancy_div h1 { font-size:18px; color:#fff; margin:0 0 5px 0; font-weight:normal; text-transform:uppercase; letter-spacing:2px; display:inline; }
div#fancy_div h2 { font-size:14px; color:#886f6c; margin:0 0 15px 0; font-weight:normal; text-transform:uppercase; letter-spacing:2px; display:inline; }
div#fancy_div p  { font-size:12px; line-height:23px; }
div#fancy_div h3 { font-size:10px; color:rgba(255, 255, 255, .8);  font-weight:normal; text-transform:uppercase;letter-spacing:2px; }

div#fancy_div div.team h1 { display:block; }
div#fancy_div div.team h2 { display:block; }
div#fancy_div div.team { padding:20px 20px 20px 220px }
div#fancy_div div.team .side { position:absolute; top:20px; left:20px; width:181px; font-size:10px; }
div#fancy_div div.team .side h3 { margin-top:10px; }
div#fancy_div div.team .side a { font-size:10px; }

div#fancy_div div.client { padding:20px }
div#fancy_div div.client h1:after { content : ", ";}
div#fancy_div div.client img { margin-bottom:30px; }
div#fancy_div div.client p { margin-top:10px; }

div#fancy_div div.personal { padding:20px; overflow:auto; }
div#fancy_div div.personal div { float:left; width:184px; margin-right:29px; }
div#fancy_div div.personal div.last { margin-right:0px; }
div#fancy_div div.personal h1 { display:block; font-weight:normal; }
div#fancy_div div.personal img { margin-bottom:30px; }
div#fancy_div div.personal p { margin-top:10px; color:#886f6c; }
div#fancy_div div.personal p a { color:rgba(255,255,255,.5); }
div#fancy_div div.personal p a:hover { color:#fff; text-decoration:underline; }

/* 
	===================================
	>> CSS BUGS/HACKS                 <<
	===================================
*/
.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */