/* 

Cliente # Laluce Estúdio
Agência # Wafia Web Design [www.wafia.com.br]
Ramo    # Fotografia
Cidade  # Catanduva SP

*/

/**************************
GENERAL INFORMATION
**************************/

* {
	margin:0;
	padding:0;
	list-style:none;
	font-style:normal;
}

a {
	outline:none;
	text-decoration:none;
	color:inherit;
}

img {
	border:none;
}

body {
	background:#121212 url("../img/logo_bright.jpg") no-repeat center 0;
}

/**************************
CONTAINER
**************************/

#wrapper {
	width:960px;
	margin:0 auto;
	position:relative;
}

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

#header {
	height:112px;
}

#header h1 a img {
	margin:20px 22px;
}

#header #menu {
	position:absolute;
	right:0;
	top:50px;
}

#header #menu ul li {
	color:#605d5c;
	display:inline;
	font:13px 'Trebuchet MS',Verdana,Tahoma,Arial,Helvetica,sans-serif;
	text-transform:lowercase;

}

#header #menu ul li a {
	padding:15px;
	width:62px;
	
	
}


#header #menu ul li a:hover {
	background:url("../img/hover.png") no-repeat center center;
	padding:15px;
	width:62px;
	color:#fff;
}

body#bhome #header #menu ul li.mhome a {
	background:url("../img/hover.png") no-repeat center center;
	padding:15px;
	width:62px;
	color:#fff;

}

body#bestudio #header #menu ul li.mestudio a {
	background:url("../img/hover.png") no-repeat center center;
	padding:15px;
	width:62px;
	color:#fff;

}

body#bport #header #menu ul li.mportfolio a {
	background:url("../img/hover.png") no-repeat center center;
	padding:15px;
	width:62px;
	color:#fff;

}

body#bcontato #header #menu ul li.mcontato a {
	background:url("../img/hover.png") no-repeat center center;
	padding:15px;
	width:62px;
	color:#fff;

}

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

#content {
	
}

#content p {
	color:#605d5c;
	font:12px 'Trebuchet MS',Verdana,Tahoma,Arial,Helvetica,sans-serif;
	text-align:justify;
	margin:20px 0 0 0;
}

#content hr {
	border:1px dashed #666;
	margin:15px 0 15px 0;
}

#content  ul#lst_home {
	background:url("../img/yellowbar_home.gif") no-repeat;
	width:510px;
	height:26px;
	float:right;
	color:#605d5c;
}

#content ul#lst_estudio {
	background:url("../img/yellowbar.gif") no-repeat;
	width:310px;
	height:26px;
	float:right;
	color:#605d5c;
}

#content ul#lst_estudio li.hl {
	color:#fff;
}

#content  ul li {
	display:inline;
	font:13px 'Trebuchet MS',Verdana,Tahoma,Arial,Helvetica,sans-serif;
	text-transform:lowercase;
	
}

#content  ul.menu li {
	margin:0 10px 0 10px;
}

#content  ul li a:hover {
	color:#fff;
}

#content #spotlight img.destaque,img#team_equipe {
	width:960px;
	margin:-4px auto;
}

#content #spotlight {
	margin:0px 0 0 0;
	height:627px;
	background:url("../img/bg_container.jpg") no-repeat;
	position:relative;
}

#content .align-spot {
	position:relative;
	top:-50px;
}

#content #spotlight a {
	background:url("../img/home.png") no-repeat;
	text-indent:-9999px;
	width:162px;
	height:162px;
	display:block;
	position:absolute;
}

#content #spotlight #casamentos a {
	background-position:0 0;
	top:71px;
	left:78px;
}

#content #spotlight #casamentos a:hover {
	background-position:10px -170px;
	width:162px;
	height:162px;
	display:block;
}

#content #spotlight #publicidade a {
	background-position:-162px 0;
	top:71px;
	left:403px;
}

#content #spotlight #publicidade a:hover {
	background-position:-155px -165px;
	width:162px;
	height:162px;
	display:block;
}

#content #spotlight #albuns a {
	background-position:-324px 0;
	top:71px;
	left:727px;
}	

#content #spotlight #albuns a:hover {
	background-position:-315px -165px;
	width:162px;
	height:162px;
	display:block;
}

#content #spotlight #still a {
	background-position:-485px 0;
	top:232px;
	left:241px;
}

#content #spotlight #still a:hover {
	background-position:-485px -165px;
	width:162px;
	height:162px;
	display:block;
}

#content #spotlight #gastronomia a {
	background-position:-648px 0;
	top:232px;
	left:566px;
}

#content #spotlight #gastronomia a:hover {
	background-position:-640px -165px;
	width:162px;
	height:162px;
	display:block;
}

#content #spotlight #eventos a {
	background-position:-810px 0;
	top:393px;
	left:76px;
}

#content #spotlight #eventos a:hover {
	background-position:-810px -165px;
	width:162px;
	height:162px;
	display:block;
}

#content #spotlight #ambientacao a {
	background-position:-972px 0;
	top:393px;
	left:404px;
}

#content #spotlight #ambientacao a:hover {
	background-position:-964px -165px;
	width:162px;
	height:162px;
	display:block;
}

#content #spotlight #book a {
	background-position:-1134px 0;
	top:393px;
	left:566px;
}

#content #spotlight #book a:hover {
	background-position:-1150px -165px;
	width:162px;
	height:162px;
	display:block;
}

#content #spotlight #infantil a {
	background-position:-1295px 0;
	width:165px;
	top:393px;
	left:727px;
}

#content #spotlight #infantil a:hover {
	background-position:-1296px -165px;
	width:162px;
	height:162px;
	display:block;
}

#content #spotlight h3 {
	position:absolute;
	top:120px;
}

#content #spotlight ul li a {
	font:23px 'Trebuchet MS',Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color:#fff;
	text-transform:uppercase;
}


/****************************
FOOTER
****************************/

#footer {
	color:#605d5c;
	margin:15px 0 0 0;
	position:relative;
}

#footer address {
	font:10px 'Trebuchet MS',Verdana,Tahoma,Arial,Helvetica,sans-serif;
	text-transform:lowercase;
	word-spacing:1px;
	color:#dadada;
}

#footer #socialmedia {
	position:absolute;
	right:0;
	top:40px;
}

#footer #socialmedia .hide {
	display:none;
}

/****************************
CONTATO
****************************/

fieldset {
	border:none;
	width:500px;
	margin:30px auto;
	padding:20px;
	position:relative;
}

fieldset legend {
	color:#dbb100;
	font:12px 'Trebuchet MS',Verdana,Tahoma,Arial,Helvetica,sans-serif;
	display:block;
	text-transform:uppercase;
	letter-spacing:3px;
	padding:0 0 20px 0;
}

fieldset label {
	text-align:right;
	color:#dbb100;
	font:12px 'Trebuchet MS',Verdana,Tahoma,Arial,Helvetica,sans-serif;
	display:block;
	position:relative;
	margin:10px 0 0 0;
}

fieldset textarea {
	border:1px solid #ccc;
	width:420px;
	height:300px;
}

fieldset label input {
	border:1px solid #ccc;
	width:420px;
}

fieldset input#envia {
	float:right;
	width:140px;
	height:25px;
	margin:10px 0 0 0;
	border:1px solid #dbb100;
	background:#dbb100;
	color:#333;
	font:12px 'Trebuchet MS',Verdana,Tahoma,Arial,Helvetica,sans-serif;
	cursor:pointer;
}

fieldset label span {
	position:absolute;
	top:0px;
	left:15px;
}

/****************************
POPUP
****************************/

#backgroundPopup{
		display:none;
		position:fixed;
		_position:absolute; /* hack for internet explorer 6*/
		height:100%;
		width:100%;
		top:0;
		left:0;
		background:#000;
		border:1px solid #cecece;
		z-index:10000;
	}
	#popupContact{
		display:none;
		position:fixed;
		_position:absolute; /* hack for internet explorer 6*/
		height:385px;
		width:500px;
		background:transparent;
		border:none;
		z-index:2;
		padding:15px;
		font-size:13px;
	}
	#popupContact h1{
		text-align:left;
		color:#6FA5FD;
		font-size:22px;
		font-weight:700;
		border-bottom:1px dotted #D3D3D3;
		padding-bottom:2px;
		margin-bottom:20px;
	}
	#popupContactClose{
		font-size:12px;
		font-family:verdana;
		line-height:14px;
		position:absolute;
		right:6px;
		top:6px;
		color:blue;
		display:block;
	}

	#contactArea2 {
		float:right;
	}

	#contactArea {
		float:left;
	}


/****************************
WAFIA
****************************/

#footer #wafia { 
	width:41px;
	margin:30px auto;
}