body{background:#000 url(../imagens/layout/bg2.png) center top repeat-y; color:#444; margin:0; font-family:Verdana; font-size:12px;}
#topbg{position:absolute; width:1403px; height:620px; top:0; left:50%; margin-left:-701px; }
#wrapper{position:relative; width:960px; margin:10px auto; padding:0; min-height:565px;}
#top{position:relative; width:918px; height:78px; background:url(../imagens/layout/top-bg.png); margin:0 auto; padding:20px 20px;}
#logo{position:relative; width:250px; height:52px;}
#main{position:relative; width:960px; background:#000 url(../imagens/layout/content-bg.png) repeat-x; padding:0 0 10px 0; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #fff;}
#footer{position:relative; margin:10px 10px; color:#999; font-size:10px;}
#footer #logo-footer{position:relative; float:left; margin-right:20px; background-image:url(../imagens/layout/logo_futureseven_footer.png); width:37px; height:40px;}
.section-title{position:relative; float:left; font-size:15px; font-family:Arial Black; text-transform:uppercase; margin:20px 20px;}

#content #left .item{position:relative; width:560px; height:100px; background-color:#ebebeb; margin:0 0 10px 0; border:1px solid #ccc; padding:10px; }
#content #left .item .title{position:relative; font-weight:bold; margin-bottom:10px; text-transform:uppercase; color:#990000; }

#left-content-seo{ background:url(../imagens/features/google-logo.png) no-repeat right 0px;}

a{color:#D75B00; text-decoration:none;}
a:hover{text-decoration:underline;}

/* FEATURE */
#feature{position:relative; width:940px; padding:0 10px; overflow:hidden; margin-bottom:10px; color:#fff;}
#feature .items .item .title{position:relative; width:450px; float:left; font-size:15px; font-family:Arial Black; text-transform:uppercase; margin:20px 0; }
#feature .items .item .text{position:relative; width:400px; font-size:13px; float:left;}
#feature .items .item img{position:relative; width:360px; height:180px; left:0; top:0; }

#content{position:relative; width:900px; background-color:#fff; margin:0 auto; overflow:hidden; padding:20px;}
#content #left{position:relative; width:600px; float:left;}
#content #right{position:relative; width:300px;  float:right; margin:-20px 0 0 0; background:url(../imagens/layout/right-column-bg.png) repeat-y; padding:10px 0; color:#000;}
#content #right .title{position:relative; width:284px; background:#ff9900 url(../imagens/layout/right-column-title-bg.png) repeat-y; margin-left:3px;
                       border-bottom:1px solid #333; color:#fff; padding:5px; font-family:Arial Black;}
#content #right .items{position:relative; width:250px; margin:0 auto;}
#content #right .items .item{position:relative; width:100%; margin:10px 0;}
#content #right .items .item .header{font-weight:bold;}
#content #right .items .item .img{position:relative; width:250px; height:75px; overflow:hidden; border:1px solid #990000;}
#content #right .items .item .text{position:relative; margin:10px 0;}

#top #menu{position:absolute; right:20px; top:7px; min-width:600px; height:100px;}
#top #menu .item{position:relative; height:70px; margin-left:10px; float:right; padding:30px 5px 0 5px; cursor:pointer; text-transform:uppercase; font-weight:bold; border-right:1px solid transparent; border-left:1px solid transparent;}
#top #menu .item:hover{ background-color:#ff9900; border-right:1px solid #999; border-left:1px solid #999;}
#top #menu .item a{color:#999; text-decoration:none;}
#top #menu .item:hover a{color:#fff; text-decoration:none;}
#top #menu .item a:hover{color:#fff; text-decoration:underline;}

a img{border:0;}

/* feature scrollable */

.scrollable {position:relative;	overflow:hidden; width:832px; height:190px;}
.scrollable .items {width:20000em; position:absolute; clear:both;}
.scrollable .items .item {float:left; padding:2px; width:828px; height:176px; -moz-border-radius:4px; -webkit-border-radius:4px;}

.scrollable {float:left;}
a.browse {background:url(../imagens/layout/feature-arrows.png) no-repeat; display:block; width:43px; height:76px; float:left; margin:60px 10px; cursor:pointer; font-size:1px;}
a.right {background-position: -43px 0; clear:right; margin-right: 0px;}
a.right:hover {background-position:-43px -77px;}

a.left {margin-left:0px; background-position:0 0;} 
a.left:hover{background-position:0 -77px;}
a.disabled {visibility:hidden !important;} 	

/* contactos */

#content #lista-contactos{position:relative; margin:20px 20px; }
#content #mapa{position:relative; width:100%; height:500px; margin-top:20px;}

/* portfolio */

.description {width:100%; min-height:140px; display:none; -moz-border-radius:4px; padding:0 20px;}
.description .arrow {width:33px; height:29px; background:transparent url(../imagens/layout/portfolio-separatorArrow.png) no-repeat scroll 0 0; margin-top:-28px; margin-left:36px; font-size:1px; position:relative;}
#paginasweb .arrow {margin-left:60px;}
#solucoesgraficas .arrow {margin-left:265px;}
#software .arrow{margin-left:470px;}
#products .item{position:relative; width:157px; height:31px; float:left; margin:20px; background:url(../imagens/layout/portfolio-btnService.png) no-repeat; color:#fff; font-weight:bold;
                padding:7px 0 0 7px; cursor:pointer;}
#products .item:hover{ background-position:0 -38px;}
.portfolio-separator{position:relative; width:950px; height:9px; background:url(../imagens/layout/portfolio-separator.png) repeat-x; margin:20px 0 0 -20px;}
.description .item{position:relative; width:880px; height:120px; border:1px solid #ccc; padding:10px; margin:10px 0 0 -20px; background-color:#f0f0f0;}
.description .item .img{position:relative; float:left; margin:0 20px 0 0;}
.description .item .info{position:relative; width:600px; float:left; text-align:left;}

/* serviços */

#ulServicos li{ list-style:none;}
.liServicos{margin:10px 0 10px 0; list-style:none; border-bottom:2px solid #990000;}
.liSubServicos{}