/************************************************

	MAIN style sheet for Producit website
	www.producit.com
	
	created by: 	Dala Design
	version:		1.0
	last edited:	2009-10-24
	website:		www.daladesign.com

*************************************************/

/*------------------------------------------------
1.0		GLOBAL DECLARATIONS
------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	background: #ffffff;
	color: #575757;
	}

img { border: none; }

cite,
address {
	font-style: normal;
	}
	
.clear, .clear_left, .clear_right { height: 0; overflow: hidden; }
.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }

	
/*------------------------------------------------
2.0		TYPOGRAPHY
------------------------------------------------*/
/* Links */
a { color: #e42b87; text-decoration: none; }
a:hover { color: #f39cc7; }
a:focus { outline: none; }
#content a { font-weight: bold; }

p { 
	margin: 0 0 1.6em 0;
	line-height: 1.6em;
	}
	
/*------------------------------------------------
2.1		HEADERS
------------------------------------------------*/
h1 { /* logo */
	margin: 0;
	padding: 0;
	height: 82px;
	}
h2 { /* Page titles */
	margin: 0 0 18px 0;
	padding: 0;
	text-indent: -9000px;
	overflow: hidden;
	line-height: 1em;
	}
h3 {
	font-size: 1em;
	margin: 0;
	padding: 0;
	}
	

/*------------------------------------------------
3.0		MASTHEAD
------------------------------------------------*/
#logo { display: none; }
#masthead { margin: 0 0 26px 0; padding: 15px 0 0 0; height: 120px; } /* 124 */
#masthead ul { list-style-type: none; margin: 0; padding: 0; height: 33px; background: #e9509c; }
#masthead ul li { display: block; float: left; height: 33px; }
#masthead ul li a { display: block; text-indent: -9000px; overflow: hidden; height: 33px; }
#masthead #btn_client_login { width: 86px; float: right; }

/* set up list items */
#nav_services { width: 80px; background: url(../../images/nav_services.gif) left -33px no-repeat; }
#nav_services a { width: 80px; background: url(../../images/nav_services.gif) left top no-repeat; }
#nav_portfolio { width: 89px; background: url(../../images/nav_portfolio.gif) left -33px no-repeat; }
#nav_portfolio a { width: 89px; background: url(../../images/nav_portfolio.gif) left top no-repeat; }
#nav_clients { width: 71px; background: url(../../images/nav_clients.gif) left -33px no-repeat; }
#nav_clients a { width: 71px; background: url(../../images/nav_clients.gif) left top no-repeat; }
#nav_red { width: 53px; background: url(../../images/nav_red.gif) left -33px no-repeat; }
#nav_red a { width: 53px; background: url(../../images/nav_red.gif) left top no-repeat; }
#nav_contact { width: 84px; background: url(../../images/nav_contact.gif) left -33px no-repeat; }
#nav_contact a { width: 84px; background: url(../../images/nav_contact.gif) left top no-repeat; }

#nav_services,
#nav_services a,
#nav_portfolio,
#nav_portfolio a,
#nav_clients,
#nav_clients a,
#nav_red,
#nav_red a,
#nav_contact,
#nav_contact a { 
	border-right: 1px solid #ffffff; 
	}

/* selected states */
#pg_services #nav_services a,
#pg_contact #nav_contact a,
#pg_red #nav_red a,
#pg_clients #nav_clients a,
#pg_portfolio #nav_portfolio a,
#pg_editorial #nav_portfolio a,
#pg_advertising #nav_portfolio a { 
	background-position: left -33px;
	}

/*------------------------------------------------
4.0		LAYOUT
------------------------------------------------*/
#container {
	width: 960px;
	margin: 0 auto;
	}
#content { min-height: 456px; }
	

/*------------------------------------------------
5.0		FOOTER
------------------------------------------------*/
#footer {
	margin: 36px 0 0 0;
	padding: 34px 0 0 0;
	background: url(../../images/bg_footer.gif) left top no-repeat;
	font-size: .9em;
	color: #666666;
	text-align: center;
	}


/*------------------------------------------------
6.0		PAGE-SPECIFIC DECLARATIONS
------------------------------------------------*/
/* Splash */
#pg_splash #masthead h1 { 
	visibility: hidden; 
	}
#pg_splash #masthead ul, 
#pg_splash #btn_enter,
#pg_splash #btn_client_login { 
	display: none; 
	}
#pg_splash #content { border: 1px solid #ffffff; }
#pg_splash #footer { 
	background: none; 
	}
#splash_content { 
	width: 706px;
	/*padding-top: 164px;*/
	margin: 164px auto 24px auto;
	height: 76px;
	position: relative;
	}
#splash_content #s_dashed,
#splash_content #s_seahorse,
#splash_content #s_logo {
	position: absolute;
	top: 0;
	left: 0;
	}
#splash_content #s_dashed { z-index: 1; }
#splash_content #s_seahorse { z-index: 2; }
#splash_content #s_logo { z-index: 3; }
#pg_splash #btn_enter {
	width: 92px;
	height: 13px;
	margin: 0 auto;
	}
#pg_splash #btn_enter a {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	width: 92px;
	height: 13px;	
	background: url(../../images/btn_enter_site.gif) left top no-repeat;
	}
#pg_splash #btn_enter a:hover {
	background-position: 0 -51px;
	}
#pg_splash #masthead {
	margin-bottom: 0px;
	}
#pg_splash #bar {
	position: relative;
	top: -3px;
	height: 3px;
	overflow: hidden;
	}
#pg_splash #bar div {
	background: #72d238;
	height: 3px;
	}
	
/* Contact */
#pg_contact h2 { 
	margin-left: 7.3em;
	width: 95px;
	height: 15px;
	background: url(../../images/hdr_contact.gif) left top no-repeat;  
	}
#pg_contact dl,
#pg_contact dl dt,
#pg_contact dl dd { 
	margin: 0; 
	padding: 0;
	}
#pg_contact dl { 
	line-height: 2.2em; 
	}
#pg_contact #contact_wrapper { 
	background: url(../../images/vr_dotted.gif) 8em repeat-y;
	margin: 0 0 2.5em 0;
	}
#pg_contact dl dd { 
	font-weight: bold; 
	}
#pg_contact dl dt { 
	display: block; 
	width: 6em; 
	float: left; 
	clear: left; 
	text-align: right; 
	padding-right: 5em; 
	color: #e5328b;
	}
#pg_contact dl dd { 
	display: block; 
	margin-left: 11em; 
	}
#pg_contact dl dd dl dt {
	width: auto;
	text-align: left;
	color: #575757;
	padding-right: 8px; 
	}
#pg_contact dl dd dl dt.first {
	clear: none;
	}
#pg_contact dl dd dl dd {
	margin-left: 0;
	}

#pg_contact #carousel ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#pg_contact #carousel ul li {
	display: inline;
	padding: 0 17px 0 0;
	}
#pg_contact #carousel ul li.last {
	padding-right: 0;
	}
	
/* Red */
#pg_red h2 { 
	width: 37px;
	height: 15px;
	background: url(../../images/hdr_red.gif) left top no-repeat; 
	}
#pg_red #content {
	margin: 0 50px;
	font-size: 1.2em;
	}
#pg_red #player {
	width: 640px; 
	margin: 0 auto 20px auto;
	}

/* Services */
#pg_services #masthead {
	margin-bottom: 0px;
	}
#pg_services #content { 
	font-size: 1.1em; 
	}
#pg_services h2 {
	display: none;
	}
#pg_services #services_list {
	background: url(../../images/vr_dotted.gif) 284px repeat-y;
	color: #cc3083;
	}
#pg_services #services_list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#pg_services #services_list ul li {
	margin-bottom: .8em;
	}
#pg_services div.col1 {
	width: 272px;
	float: left;
	text-align: right;
	margin-right: 18px;
	padding-right: 18px;
	}
#pg_services div.col2 {
	width: 272px;
	float: left;
	}
#pg_services #carousel {
	margin-bottom: 16px;
	}
#pg_services #carousel ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#pg_services #carousel ul li {
	display: inline;
	padding-right: 6px;
	}
#pg_services #carousel ul li.last {
	padding-right: 0;
	}
	
/* Clients */
#pg_clients #masthead {
	margin-bottom: 6px;
	}
#pg_clients h2 {
	display: none;
	}
#pg_clients #client_list {
	border: 1px solid #999999;
	height: 500px;
	/*overflow: auto;*/
	}
#client_list #advertising,
#client_list #editorial,
#client_list #photographers {
	float: left;
	width: 286px;
	margin: 20px 0;	
	padding: 0 0 15px 26px;
	}
#client_list #advertising,
#client_list #editorial {
	background: url(../../images/vr_dotted.gif) right repeat-y;
	min-height: 1100px;	
	}
#client_list .inner {
	height: 500px;
	}
#pg_clients #client_list ul {
	list-style-type: none;
	margin: 0;
	padding: 0 20px 0 0;
	float: left;
	}
#pg_clients #client_list ul li {
	margin: 0 0 3px 0;
	}
#client_list #advertising h3 {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../../images/hdr_advertising.gif) left top no-repeat;
	width: 89px;
	height: 12px;
	margin-bottom: 20px;	
	}
#client_list #editorial h3 {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../../images/hdr_editorial.gif) left top no-repeat;
	width: 70px;
	height: 12px;
	margin-bottom: 20px;	
	}
#client_list #photographers h3 {
	text-indent: -9000px;
	overflow: hidden;
	background: url(../../images/hdr_photographers.gif) left top no-repeat;
	width: 120px;
	height: 12px;
	margin-bottom: 20px;	
	}
	
/* Portfolio */
/*.anythingSlider img { visibility: hidden; }*/
.anythingSlider .wrapper { visibility: hidden; }
#pg_portfolio #masthead,
#pg_editorial #masthead,
#pg_advertising #masthead {
	margin-bottom: 4px;
	}
#pg_portfolio h2,
#pg_editorial h2,
#pg_advertising h2 {
	display: none;
	}
#portfolio_cat ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 614px; /* 288 + 20 + 306 */
	}
#portfolio_cat ul li {
	float: left;
	}
#portfolio_cat ul li img {
	display: block;
	margin-bottom: 18px;
	}
#portfolio_cat ul li.cat_edi {
	width: 288px;
	margin-right: 20px;
	}
#portfolio_cat ul li.cat_edi .caption a {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	background: url(../../images/txt_editorial.gif) left top no-repeat;
	width: 83px;
	height: 13px;
	margin: 0 auto;
	}
#portfolio_cat ul li.cat_adv .caption a {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	background: url(../../images/txt_advertising.gif) left top no-repeat;
	width: 105px;
	height: 13px;
	margin: 0 auto;
	}
	
.anythingSlider .img_main {
	display: block;
	margin-bottom: 12px;
	}
/*
cite {
	display: block;
	color: #e9509c;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 18px;
	text-transform: uppercase;	
	}
*/

.anythingSlider cite {
	/* fallback styles */
	display: block;
	color: #e42b87;
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
	/* image replacement */
	text-indent: -9000px;
	overflow: hidden;
	height: 13px;
	margin: 0 auto 6px auto;
	}
.c_greg_williams cite { background: url(../../images/c_greg_williams.gif) left top no-repeat; width: 107px; }
.c_matt_jones cite { background: url(../../images/c_matt_jones.gif) left top no-repeat; width: 85px; }
.c_jake_chessum cite { background: url(../../images/c_jake_chessum.gif) left top no-repeat; width: 102px; }
.c_patrick_demarchelier cite { background: url(../../images/c_patrick_demarchelier.gif) left top no-repeat; width: 167px; }
.c_robert_erdmann cite { background: url(../../images/c_robert_erdmann.gif) left top no-repeat; width: 124px; }
.c_norma_jean_roy cite { background: url(../../images/c_norma_jean_roy.gif) left top no-repeat; width: 132px; }
.c_sam_jones cite { background: url(../../images/c_sam_jones.gif) left top no-repeat; width: 76px; }
.c_christian_witkin cite { background: url(../../images/c_christian_witkin.gif) left top no-repeat; width: 125px; }
.c_art_streiber cite { background: url(../../images/c_art_streiber.gif) left top no-repeat; width: 93px; }
.c_ben_watts cite { background: url(../../images/c_ben_watts.gif) left top no-repeat; width: 78px; }
.c_gavin_bond cite { background: url(../../images/c_gavin_bond.gif) left top no-repeat; width: 86px; }
.c_sacha_waldman cite { background: url(../../images/c_sacha_waldman.gif) left top no-repeat; width: 121px; }
.c_nathaniel_goldberg cite { background: url(../../images/c_nathaniel_goldberg.gif) left top no-repeat; width: 155px; }
.c_chris_buck cite { background: url(../../images/c_chris_buck.gif) left top no-repeat; width: 82px; }
.c_danny_clinch cite { background: url(../../images/c_danny_clinch.gif) left top no-repeat; width: 104px; }
.c_andrew_eccles cite { background: url(../../images/c_andrew_eccles.gif) left top no-repeat; width: 114px; }
.c_henrik_knudsen cite { background: url(../../images/c_henrik_knudsen.gif) left top no-repeat; width: 119px; }
.c_gage_betterton cite { background: url(../../images/c_gage_betterton.gif) left top no-repeat; width: 217px; }
.c_dean_kaufman cite { background: url(../../images/c_dean_kaufman.gif) left top no-repeat; width: 108px; }
.c_lorenzo_agius cite { background: url(../../images/c_lorenzo_agius.gif) left top no-repeat; width: 110px; }
.c_merie_wallace cite { background: url(../../images/c_merie_wallace.gif) left top no-repeat; width: 109px; }
.c_alexi_lubomirski cite { background: url(../../images/c_alexi_lubomirski.gif) left top no-repeat; width: 127px; }
.c_michael_mclaughlin cite { background: url(../../images/c_michael_mclaughlin.gif) left top no-repeat; width: 154px; }
.c_mark_gilbert cite { background: url(../../images/c_mark_gilbert.gif) left top no-repeat; width: 98px; }
.c_nick_meek cite { background: url(../../images/c_nick_meek.gif) left top no-repeat; width: 75px; }
.c_bryce_duffy cite { background: url(../../images/c_bryce_duffy.gif) left top no-repeat; width: 93px; }
.c_jonathan_skow cite { background: url(../../images/c_jonathan_skow.gif) left top no-repeat; width: 121px; }

h6 {
	color: #e9509c;
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	font-family: Futura Bold, Verdana, Helvetica, sans-serif;
	}

.image-holder {
	float:left;
	width: 100%;
	height: 100%;
	background: url(../../images/loading.gif) 50% 50% no-repeat;
	display:inline;
	text-align: center;
	color: #cccccc;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	}
.image-holder strong {
	display: block;
	padding-top: 270px;
	}
	
/* Client Login section */
#p_client h6 { 
	color: #e9509c;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 14px;
	text-transform: uppercase;
	text-align: left;
	font-family: Futura Bold, Verdana, Helvetica, sans-serif;
	}
	
/* Forms */
form {
	margin: 0;
	padding: 0;
	}
fieldset {
	border: 1px solid #adadad;
	margin: 0 0 28px 0;
	padding: 0 20px 20px 20px;
	}
fieldset legend {
	font-size: 14px;
	text-transform: uppercase;
	color: #e9509c;
	display: block;
	margin-bottom: 12px;
	}
fieldset label { font-weight: bold; color: #e9509c; }
.user_name, .user_pass { margin: 0 0 20px 0; }
fieldset .field { margin: 2px 0 20px 0; }
.error_message { color: #ff0000; }
#errorPrompt {
	visibility: hidden;
	padding-left:20px;
	}
.field input[type="text"],
.field input[type="password"] { width: 240px; }
.field input[type="file"] { width: 320px; }
.cta { background: #e5e5e5; padding: 8px 12px; }
.note { font-size: .9em; }

/* Login page */
#p_login fieldset { width: 400px; margin: 0 auto; }
#btn_client_login p { font-size: .9em; margin: 0; }
#p_client #loginErr { margin: 0 0 12px 0; }
#p_client fieldset {
	width: 450px;
	margin: 0 auto;
	}
#p_client fieldset .field {
	margin-bottom: 0;
	}
#p_client fieldset legend {
	font-size: 16px;
	}
#p_client .asset .datestamp { 
	font-weight: normal;
	font-size: 11px;
	padding-left: 4px;
	}
#p_client .asset p { margin: 0; }
#p_client .asset { margin: 0 0 20px 0; }
	

h2#hdr_client {
	text-indent: 0;
	color: #e9509c;
	margin: 0 0 12px 0;
	text-transform: uppercase;
	}