/**
* C A S C A D I N G  S T Y L E  S H E E T
*
* @project		somalhasrc.com.br
* @version		1.0
* @package		layout
* @author 		rafael@waio.com.br
* @since		ABR 2011
* @copyright	2011 SomalhasRC.
*
-----------------------------------------------------------------------------*/


/* @Import CSS 
-----------------------------------------------------------------------------*/ 
@import url("reset.css");
@import url("common.css");


/**
* L A Y O U T
*	
* @section estrutura
*
-----------------------------------------------------------------------------*/
body {
	font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3d3d3d;
	background:#FFF url(../images/bg-01.png) repeat;
}
body a {
	font:normal 32px/42px 'Just Me Again Down Here', cursive;
}
.wrapper {
	width:940px;
	margin:0 auto;
	padding:0 10px;
}


/* Home 
-----------------------------------------------------------------------------*/
#home {
	height:1010px;
}
#header {
	height:110px;
}
#header {
	background:url(../images/sprite-menu-bg.png) 0 0 repeat-x;	
}
#header h1 {
	float:left;
	display:block;
	width:470px;
	height:90px;
	text-indent:-99999px;
	background:url(../images/sprite-top.png) 0 -100px no-repeat;	
}
#header h1:hover {
	background:url(../images/sprite-top.png) 0 0 no-repeat;	
}
#header ul {
	height:90px;
	padding-top:5px;
}
#header ul li {
	float:left;
}
#header ul li a {
	display:block;
	width:100px;
	height:90px;
	margin-left:20px;
	text-indent:-99999px;
	background:url(../images/sprite-top.png) no-repeat;
}
#header a.portifolio {
	margin-left:100px;
	background-position:-600px -100px;	
}
#header a.portifolio:hover {
	background-position:-600px -3px;	
}
#header a.portifolio:active {
	background-position:-600px 0px;	
}
#header a.servicos {
	background-position:-717px -100px;	
}
#header a.servicos:hover {
	background-position:-717px -3px;	
}
#header a.servicos:active {
	background-position:-717px 0px;	
}
#header a.contato {
	background-position:-837px -100px;	
}
#header a.contato:hover {
	background-position:-837px -3px;	
}
#header a.contato:active {
	background-position:-837px 0px;	
}
#home p {
	clear:both;
	font:normal 46px/56px 'Pacifico', arial, serif;
	margin:50px 0 0 70px;
}
#home div.text {
	text-align:center;
	margin-bottom:50px;
}
#home div.text p {
	margin:0 0 20px 0;
}
#home div.text p strong {
	font:normal 58px/46px 'Pacifico', arial, serif;
}
#home div.text h2 {
	font:normal 115px/115px 'Bevan', arial, serif;	
}
#home div.text h3 {
	font:normal 78px/78px 'Bevan', arial, serif;
	text-transform:uppercase;
}
#home img {
	margin-left:60px;	
}


/* Menu 
-----------------------------------------------------------------------------*/
div.menu {
	height:90px;
	padding-top:20px;	
}
div.menu a.top {
	display:block;
	float:left;
	padding-left:40px;
	text-shadow:1px 1px 2px #aaa;
	background:url(../images/sprite-arrow-up.png) 0 -34px no-repeat;	
}
div.menu a.top:hover {
	margin-top:2px;
	padding-left:40px;
	background:url(../images/sprite-arrow-up.png) 0 5px no-repeat;	
}
div.menu a.top:active {
	padding-left:40px;
	background:url(../images/sprite-arrow-up.png) 0 6px no-repeat;	
}
div.menu ul {
	margin-left:550px	
}
div.menu ul li {
	float:left;	
}
div.menu ul li a {
	display:block;
	width:100px;
	margin-left:20px;
	text-align:center;
	text-shadow:1px 1px 2px #aaa;
}
div.menu ul li a.portifolio:hover,
div.menu ul li a.servicos:hover,
div.menu ul li a.contato:hover {
	margin-top:2px;
}
div.content {
	margin-top:50px;	
}


/* Portifolio 
-----------------------------------------------------------------------------*/
#portifolio {
	height:900px;
	background:url(../images/bg-02.png) repeat;	
}
#portifolio h3 {
	text-shadow:1px 2px 2px #aaa;	
}
#portifolio div.menu {
	background:url(../images/sprite-menu-bg.png) 0 -110px repeat-x;	
}
#portifolio div.content ul li {
	float:left;
}


/* Servicos
-----------------------------------------------------------------------------*/
#servicos {
	height:760px;
}
#servicos div.menu {
	background:url(../images/sprite-menu-bg.png) 0 -220px repeat-x;
}
#servicos p {
	clear:both;	
}
#servicos img {
	float:left;
	margin:40px;
}
#servicos h3 {
	text-shadow:1px 2px 2px #aaa;
}
#servicos h4 {
	margin:80px 0 20px 0;
	font:normal 38px/36px 'Pacifico', arial, serif;
}
#servicos ul.list {
	margin-left:415px;	
}
#servicos ul.list li {
	padding-left:25px;
	font:normal 28px/42px 'Bevan', arial, serif;
	background:url(../images/list-star.png) left center no-repeat;
}


/* Contato
-----------------------------------------------------------------------------*/
#contato {
	height:810px;
	background:url(../images/bg-03.png) repeat;
}
#contato div.menu {
	background:url(../images/sprite-menu-bg.png) 0 -330px repeat-x;
}
#contato h3,
#contato h4 {
	text-shadow:1px 2px 3px #2a2a2a;
	color:#f4f4f4;
}
#contato h4 {
	font:normal 38px/36px 'Pacifico', arial, serif;
}
#contato div.form {
	float:left;
	width:430px;
	margin-top:4px;
	padding:20px 10px;
	border:2px dashed #a2b5c5;
}
#contato div.line {
	margin-bottom:15px;	
}
#contato form input,
#contato form textarea {
	width:420px;
	padding:5px;
	font:bold 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3d3d3d;
	border:none;
}
#contato form input {
	height:22px;
}
#contato form textarea {
	height:185px;
}
#contato form span.sub {
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;	
}
#contato form button {
	width:80px;
	height:30px;
	font:bold 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3c5163;
	background:#f2f2f2;
	border:2px solid #3c5163;	
}
#contato form button:hover {
	background-color:#a2b5c5;	
}
#contato div.info {
	width:420px;
	height:485px;
	margin-left:465px;
	padding:30px 30px 0 25px;
	background:url(../images/bg-contact-info.png) no-repeat;	
}
#contato div.info h2 {
	display:block;
	width:420px;
	height:110px;
	text-indent:-99999px;
	background:url(../images/sprite-contato.png) top left no-repeat;	
}
#contato div.phone,
#contato div.mail,
#contato div.address {
	margin-bottom:30px;
	padding-left:140px;
	background:url(../images/sprite-contato.png) no-repeat;	
}
#contato div.phone {
	height:50px;
	margin-top:20px;
	font:bold 39px Arial, Helvetica, sans-serif;
	background-position:0 -150px;
}
#contato div.mail {
	height:50px;
	background-position:0 -250px;
}
#contato div.mail a{
	font:bold 17px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3d3d3d;	
}
#contato div.address {
	font:bold 19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-position:0 -350px;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	clear:both;
	margin-top:50px;
	color:#fff;
}
#footer span.copyright {
	float:left;
	font:normal 11px Arial, Helvetica, sans-serif;
	line-height:18px;
}
#footer a.developer {
	position:relative;
	float:left;
	left:525px;
	width:200px;
	padding:3px 0 3px 0;
	font:normal 10px Verdana, Geneva, sans-serif;
	color:#fff;
	background:url(../images/img-waio-footer.png) 100px -3px no-repeat;
}
#footer a.developer:hover {
	background:url(../images/img-waio-footer.png) 100px -63px no-repeat;
}