/*
Theme Name: Locus 2010
Theme URI: http://wordpress.org/
Description: Site agência Locus - 2010.
Author: Leandro Salmoria
Version: 0.1
Tags: black, blue, white, two-columns, fixed-width, custom-header, theme-options, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/




/* -- Reset default browser CSS. -- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;	
}
body {
	line-height: 1;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }




/* -- BACKGROUNDS -- */

body {
	background: #ffffff;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-position:0 -148px;
}

#bg-1 {
	z-index:0;
	position:absolute;
	width:100%;
	height:799px;
	background:url(images/brand_bg.png) no-repeat;
	background-position:center -100px;
}

#bg-2 {
	z-index:0;
	position:absolute;
	width:100%;
	height:315px;
	background:url(images/brand_bg.png) no-repeat;
	background-position:center -100px;
}

#shadow-slider-1 {
	z-index:0;
	top:460px;
	position:absolute;
	width:100%;
	height:137px;
	background:url(images/shadow-slider.png) no-repeat center center;
}

#shadow-slider-bg-1 {
	z-index:0;
	top:85px;
	position:absolute;
	width:100%;
	height:340px;
	background-color:#0FF;
	background:url(images/shadow-slider-bg.png) no-repeat center top;
}




/* -- STRUCTURE -- */

#wrapper {
	margin:0 auto;
	width:950px;
	position:relative;
	z-index:1;
}
	
#header {
	margin:0 auto;
	height: 110px;
	position:relative;
}

#logo {
	position:relative;
	float:left;
	width: 193px;
	height: 110px;
	text-indent:-5000px;
	background-image:url(images/brand_top.png);
}

#navigation-top {
	margin:60px 0 0 0;
	width:30px;
	position:relative;
	float:right;
	width: 530px;
}

#slider-index{
	margin:20px auto;
	padding:8px;
	position:relative;
	clear:both;
	width:904px;
	height:334px;
	border:1px #CCC solid;
	background:#FFF;
	-moz-box-shadow:0px 0px 10px #aaa;
	-webkit-box-shadow:0px 0px 10px #aaa;
	box-shadow:0px 0px 10px #aaa;
}

#slider-index img{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}


#mapa-contato{
	margin:20px auto;
	padding:8px;
	position:relative;
	clear:both;
	width:904px;
	height:334px;
	border:1px #CCC solid;
	background:#FFF;
	-moz-box-shadow:0px 0px 10px #aaa;
	-webkit-box-shadow:0px 0px 10px #aaa;
	box-shadow:0px 0px 10px #aaa;
}

#slider {
	margin:auto;
	position:relative;
	clear:both;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}


.nivo-controlNav {
	position:absolute;
	right:0px;
	bottom:-30px;
}
.nivo-controlNav img {
	display:inline;
	position:relative;
	margin-right:10px;
	-moz-box-shadow:0px 0px 5px #333;
	-webkit-box-shadow:0px 0px 5px #333;
	box-shadow:0px 0px 5px #333;
}
.nivo-controlNav a.active img {
	-moz-box-shadow:0px 0px 5px #fff;
	-webkit-box-shadow:0px 0px 5px #fff;
	box-shadow:0px 0px 5px #fff;
}

.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}

.nivo-caption p {
	padding:5px;
	margin:0;
	font-family: "Trebuchet MS", Tahoma, Geneva, sans-serif;
	font-size:16px;
	line-height:30px;
	color:#EEE;
	text-transform: uppercase;
	font-weight: bold;
}

#slider-default {
	margin:10px auto;
	padding:8px;
	position:relative;
	clear:both;
	width:908px;
	height:214px;
	border:1px #CCC solid;
	background:#FFF;
}

#slider-default img{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}


#content {
	margin:35px auto;
	position:relative;
	clear:both;
}

#content h2{
	ntfont-size:26px;
	margin:0 0 15px 10px;
	text-transform:uppercase;
	color:#d51d24;
}

#content p{
	margin:0 10px 0 10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#606060;
}

#contato-post{
	float: left;
	width: 350px;
	margin: 0 0 40px 0;

}

#contato-form{
	float: right;
	width: 480px;
	margin: 0px 15px 40px 0;
	padding: 10px;
	position:relative;
	border:1px solid #f1f1f1;
	background:#f9f9f9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#contato-form h2{
	margin:0 0 0px 0;
	font-size: 12px;
	color: #000;
}


#footer {
	margin:20px auto 0 0;
	width: 100%;
	height: 71px;
	position:relative;
	clear:both;
	background:url(images/footer.jpg) repeat-x;
}

#footer-inside {
	margin:0 auto;
	width: 950px;
	height: 71px;
}

#adress {
	margin:10px auto;
	background:url(images/base-line.jpg) center top no-repeat;
	width:950px;
	height:70px;
}

#copyright {
	margin:18px 0;
	position:relative;
	float:right;
	width:200px;
	height:30px;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
}

#portfolio_item {
	margin:25px 0 0 0;
	position:relative;
	width:950px;
}

#portfolio_item .job-ext{
	margin:0 0 20px 8px;
	float:left;
	height:175px;
	width:275px;
}

#portfolio_item .job-ext.hover{
	background: url(images/item-shadow.jpg) center bottom no-repeat ;
}

#portfolio_item .job{
	position:relative;
	padding:4px;
	height:142px;
	width:267px;
	background-color:#FFF;
	border:1px solid #cdcdcd;
}

#portfolio_item .job a{
	text-decoration:none;
	color:#FFF;
}

#portfolio_item .job img{
	display:block;
	clear:both;
	height:142px;
	width:267px;
	background:#CCC;
}

#portfolio_item .job-name {
	padding:5px 10px;
	height:14px;
	position:absolute;
	left:0px;
	top:105px;
	background:#d51d24;
	text-transform:uppercase;
	font-size:14px;
	color:#FFF;
}

#other-jobs {
	margin:30px 0 0 0;
	padding:30px 0 0 0;
	width:950px;
	height:210px;
	background:url(images/base-line.jpg) center top no-repeat;
}


#other-jobs h3 {
	margin:0 0 0 10px;
	text-transform:uppercase;
	font-size:19px;
	color:#979797;
}



/* -- SOCIAL MEDIAS -- */

#social-medias{
position:absolute;
width:72px;
height:209px;
background:url(images/social-medias-bg.png) no-repeat;
visibility:hidden;
z-index: 100;
}

#social-inside{
margin: 23px 20px 20px 18px;
width:40px;
height:150px;
}

#social-inside img{
margin: 7px 0px 7px 0px;
}




/* -- HIGHLIGHTS INDEX -- */

#highlights-index {
	margin:50px auto 0;
	width: 950px;
	height:200px;
	position:relative;
}

#highlights-index ul{
	margin:3px 0 0 10px;
	width:710px;
	height:175px;
	position:relative;
	float:left;
}

#highlights-index ul li{
	margin:0;
	padding:18px 16px 20px 16px;
	width:198px;
	height:137px;
	position:relative;
	float:left;
	display:block;
}

#highlights-index ul li a{
	display:block;
	text-decoration:none;
}

#highlights-index ul li:hover{
	border:0px solid #dcdcdc;
	padding:18px 16px 20px 16px;
	background:url(images/gradient-li.png) center bottom no-repeat;
}

#highlights-index ul li span{
	font-size:23px;
	margin:0 0 5px 0;
}

#highlights-index ul li img{
	margin:5px 0;
	clear:both;
	width:190px;
	height:75px;
	border:1px solid #DDD;
	padding:2px;
	background:#FFF;
}



/* -- TWITTER -- */

#tweets {
	margin:0 0 0 10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#787878;
	position:relative;
	float:left;
	line-height:16px;
	padding:68px 40px 40px 15px;
	width:165px;
	height:81px;
	background:url(images/tweets.png);
}

ul.twitter { }
li.twitter-item { }
p.twitter-message { }
.twitter-timestamp {
	position:absolute;
	bottom:33px;
	right:35px;
	font-family:Tahoma, Geneva, sans-serif;
	font-style:italic;
	color:#AAA;
}

a.twitter-link {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#b55559;
	text-decoration:underline;
	}
a.twitter-user { }




/* -- NAVIGATION TOP -- */

#navigation-top .menu {
	font-size: 14px;
	margin-left: 120px;
	text-transform: uppercase;
	color:#aaa;
}
#navigation-top .menu ul {
	list-style: none;
	margin: 0;
}
#navigation-top .menu li {
	float:left;
	position: relative;
	margin:0 0 0 40px;
}
#navigation-top a {
	display:block;
	text-decoration:none;
	color:#aaa;
	line-height:38px;
}
#navigation-top ul ul {
	display:none;
	position:absolute;
	top:15px;
	left:0;
	float:left;
	z-index: 99999;
}
#navigation-top ul ul ul {
	left:100%;
	top:0;
}
#navigation-top ul ul a {
	height:auto;
	line-height:1em;
	padding:10px 0 10px 0;
}
#navigation-top li:hover > a,
#navigation-top ul ul :hover > a {
	color:#d51d24;
}
#navigation-top ul li:hover > ul {
	display:block;
}

/* -- NAVIGATION BOTTOM -- */

#navigation-footer .menu {
	font-size: 13px;
	margin-left: 0;
	text-transform: uppercase;
	color:#2b2b2b;
}
#navigation-footer .menu ul {
	list-style: none;
	margin: 0;
}
#navigation-footer .menu li {
	float:left;
	position: relative;
	margin:0 30px 0 0;
	padding:20px 0 0 0;
	display:block;
}

#navigation-footer .menu li:hover {
	padding:15px 0 0 0;
	border-top:5px #d51d24 solid;
	display:block;
}

#navigation-footer a {
	display:block;
	text-decoration:none;
	color:#2b2b2b;
	line-height:38px;
}
#navigation-footer ul ul {
	display:none;
	position:absolute;
	top:15px;
	left:0;
	float:left;
	z-index: 99999;
}
#navigation-footer ul ul ul {
	left:100%;
	top:0;
}
#navigation-footer ul ul a {
	height:auto;
	line-height:1em;
	padding:10px 5px;
}
#navigation-footer li:hover > a,
#navigation-footer ul ul :hover > a {
	color:#d51d24;
}
#navigation-footer ul li:hover > ul {
	display:block;
}