/* DEFINIÇÕES GERAIS */
* {margin:0;padding:0;list-style:none;text-decoration:none;}
strong{font-weight:bold;}
em{font-style:italic;}
html,address{font:normal 12px Arial, Helvetica, sans-serif;}
html,body{text-align:center; height:100%;}
body{font:12px Arial, Helvetica, sans-serif; color:#67686f; background:none;}
html{height:100%;}
img{border:none;}
a{color:#67686f;}
a:hover{color:#b71f1f;}
a:focus{outline:none;}

/* CLASSES DE USO GERAL*/
.left{float:left;}
.right{float:right}
.clear{clear:both;}
.none{display:none;}
.block{display:block;}
.inline{display:inline;}
.indent{text-indent:-100000px;}
.absolute{position:absolute;}
.relative{position:relative;}
.hidden{overflow:hidden;}
.center{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}

	
	/* CORES */
	.red{color:red;}
	.black{color:#000;}
	.white{color:#fff;}
	.blue{color:#0A90F1;}
	.blue2{color:#015996;}
	.grey{color:#616161;}
	/*cores principais do site*/
	.cor1 {color:#67686f;}
	.cor2 {color:#b71f1f;}
	.cor3 {color:#;}

	
/* larguras */
.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}


/*################################## PRINCIPAL ##############################################*/
/* ESTRUTURA */
div#principal{position:relative; min-height:100%; min-width:950px;}
/* {behavior:url(js/iepngfix.htc);}*/ /*png para ie6*/
.ie6 #principal {height:100%;}

/* conteudo */
#conteudoi {padding:20px 0 /*160px*/0 0; width:1100px; margin:0 auto; text-align:left;}
#conteudo {padding:0 0 180px 0; width:950px; margin:0 auto; text-align:left;}
#toprodape {padding:30px 0 180px 0; height:276px;}
#intoprodape {width:1100px; margin:0 auto;}

.mais {font:12px "Times New Roman", Times, serif; font-weight:bold; margin:10px 0 0 0; float:left;}
.espaca {height:20px; width:100%; clear:both;}

p {margin:10px 0 0 0; line-height:1.6em; text-align:left;}

/* TOPO */
div#topo{width:100%; text-align:center; visibility:hidden; display: none; }
h1 {background:url(../imagens/principal/logo.png) no-repeat; width:254px; margin:25px auto 0 auto;}
h1 a {display:block; height:59px;}

#opcoes_atendimento {width:900px; margin:14px auto 0 auto;visibility:hidden; display: none;}
.bt_atendimento {background:url(../imagens/principal/bg_msn.gif) no-repeat; width:238px; height:35px; float:right; text-indent:-99999px;}

#busca {height:42px; width:800px; margin:0 auto; clear:both; padding:10px 0 0 0; background:url(../imagens/principal/divbusca.gif) 50px -3px no-repeat; visibility:hidden; display: none;}
#busca h2 {font-size:12px; margin:8px 0 0 0; float:left;}
/* novidades - dicas - noticias - resultado busca */
#novidades, #eventosi {float:left; width:420px; text-align:left; margin:0 30px 0 0;}
#novidades li, #dicas li, #noticias li, #resultado li {background:url(../imagens/principal/bg_listas.gif) 0 bottom repeat-x;visibility:hidden; display: none;}
#novidades li a, #dicas li a, #noticias li a, #resultado li a {display:block; padding:10px 0 10px 0; font-size:14px; cursor:pointer;}
#novidades li a span {font-size:32px; font: "Times New Roman", Times, serif; font-weight:normal; float:left; margin:0 5px;}
#novidades li a strong {color:#b71f1f;}
/* depoimentos */
#depoimentosi, #newsletter {float:left; width:340px; text-align:left; margin:0 30px 0 0;}
#depoimentosi img {padding:5px; border:1px solid #ddd; margin:10px 10px 0 0; float:left;}
#depoimentosi p {margin:10px 0 0 0;}

/* video */
#video, #enquete {float:left; width:240px; text-align:left;}

/* MENUS */
#menutop {margin:0 auto; width:820px; text-align:center; height:20px; padding:20px 0;visibility:hidden;
   display: none; }
#menurodape {margin:0 auto; width:805px; text-align:center; height:20px; padding:8px 0;visibility:hidden; display: none;}
#menutop li {display:inline; float:left; border-right:1px solid #9a9da3;}
#menurodape li {display:inline; float:left;}
#menutop li a, #menurodape li a {display:block; margin:0 6px 0 6px;}
.menu { height:19px; text-indent:-99999px;}
.menuinf { height:19px; text-indent:-99999px;}
.mn_inicial {background-position:0 0; width:37px;}
.mn_inicial:hover {background-position:0 -19px;}
.mn_empresa {background-position:-37px 0; width:53px;}
.mn_empresa:hover {background-position:-37px -19px;}
.mn_empreendimentos {background-position:-90px 0; width:88px;}
.mn_empreendimentos:hover {background-position:-90px -19px;}
.mn_depoimentos {background-position:-178px 0; width:64px;}
.mn_depoimentos:hover {background-position:-178px -19px;}
.mn_portfolio {background-position:-242px 0; width:51px;}
.mn_portfolio:hover {background-position:-242px -19px;}
.mn_acompanhamento {background-position:-293px 0; width:129px;}
.mn_acompanhamento:hover {background-position:-293px -19px;}
.mn_noticias {background-position:-422px 0; width:44px;}
.mn_noticias:hover {background-position:-422px -19px;}
.mn_dicas {background-position:-466px 0; width:30px;}
.mn_dicas:hover {background-position:-466px -19px;}
.mn_blog {background-position:-496px 0; width:28px;}
.mn_blog:hover {background-position:-496px -19px;}
.mn_eventos {background-position:-524px 0; width:42px;}
.mn_eventos:hover {background-position:-524px -19px;}
.mn_cidades {background-position:-566px 0; width:49px;}
.mn_cidades:hover {background-position:-566px -19px;}
.mn_contato {background-position:-615px 0; width:42px;}
.mn_contato:hover {background-position:-615px -19px;}
.mn_trabalhe {background-position:-660px 0; width:94px;}
.mn_trabalhe:hover {background-position:-660px -19px;}
#menutop li.sborda {border:none;}
#submn_empresa {margin:10px 0 0 0;}
#submn_empresa li {float:left; margin:0 20px 0 0; text-align:leftf; list-style:inside square;}
#submn_empresa li a {font-size:14px; font-weight:bold; color:#67686f;}
#submn_empresa li a:hover {color:#b71f1f;}

/* botoes */
.botoes { background:url(../imagens/principal/botoes.gif) no-repeat; text-indent:-99999px; display:block; border:none; cursor:pointer;visibility:hidden; display: none;}
.bt_acesse {background-position:0 0; width:128px; height:18px; margin:5px 0 0 0; border-right:1px solid #9a9da3; padding:0 10px 0 0;}
.bt_eng {background-position:0 -18px; width:90px; height:23px; margin:5px 0 0 10px;}
.bt_ok {background-position:0 -41px; width:32px; height:30px;}
.bt_email {background-position:0 -72px; width:26px; height:21px; float:right; margin:12px 0 0 0;}
.bt_imprime {background-position:-26px -72px; width:36px; height:32px; float:right; margin:8px 0 0 2px;}
.bt_enviar {background-position:0 -105px; width:52px; height:30px;}
.bt_vejamais {background-position:0 -136px; width:72px; height:30px;}
.bt_vejamais:hover {background-position:-73px -136px; width:72px; height:30px;}
.bt_voltar {background-position:-63px -105px; padding:5px 8px; border:1px solid #ccc; float:left; text-indent:0; color:#fff; font-weight:bold; margin:10px 0 0 0;}
.bt_voltar:hover {background-position:-63px -72px; border:1px solid #b40e0e; text-decoration:none; color:#fff;}
.bt_resultado {background-position:-76px -41px; width:72px; height:30px;}
.bt_votar {background-position:-33px -41px; width:42px; height:30px; margin:0 5px 0 0;}
.bt_blog {background-position:0 -167px; width:148px; height:96px; margin:20px 0 0 0; float:left;}

/* COLUNAS DA INDEX */
div#colEsq{}
div#colDir{}

/* INTERNAS */
#localsite {visibility:hidden; display: none; text-align:left; padding:8px 0 0 0; width:70%; height:36px; display:block; margin:0 0 20px 0; float:left;}
#localsite span{margin:6px 0 0 0;}
#localsite a {background:url(../imagens/principal/seta.gif) right 6px no-repeat; padding:0 15px 0 0; margin:0 10px 0 0; color:#b71f1f;}

/* empresa - contato - noticias - dicas - cidade - arearestrita */
#noticias, #dicas{float:left; width:950px; text-align:left; margin:0 0 20px 0;}
#cidades img {border:1px solid #ccc; padding:5px; background:#fff; }
.legenda {text-align:center; font-size:11px; font-weight:bold; margin:4px 8px;}
#depoimentos {margin:20px 0 0 0; width:800px;}
#depoimentos li {line-height:1.4em; background:url(../imagens/internas/abre_aspas.gif) 140px 0 no-repeat; /*padding:0 0 0 42px;*/ margin:0 0 20px 0; float:left;}
/*#depoimentos li span.faspas {background:url(../imagens/internas/fecha_aspas.gif) no-repeat; height:32px; width:35px; float:right; margin:0;}*/
#depoimentos li img {padding:5px; border:1px solid #ddd; margin:0 50px 0 0; float:left; width:120px; height:120px;}
#depoimentos p {width:600px; float:left; background:url(../imagens/internas/fecha_aspas.gif) right bottom no-repeat;}
#depoimentos p strong {text-align:right;}
#depoimentos span {float:right; margin:10px 0 0 0; font-weight:bold; margin:0 50px 0 0;}
/* noticias */
#noticias, #eventos {width:700px;}
#noticias li, #dicas li, #resultado li, #arearestrita li {text-align:left; line-height:1.8em; padding:5px 0;}
#noticias li a strong, #dicas li a strong, #resultado li a strong, #arearestrita li span {color:#b71f1f;}
#noticias li a span, #dicas li a span, #arearestrita li {font-weight:bold;}
#noticias img, #dicas img {padding:5px; background:#fff; border:1px solid #ddd; margin:10px 10px 0 0; float:left;}
/* outras - eventos */
#outras {margin:20px 0 0 0; text-align:left; float:left; width:100%;visibility:hidden; display: none;}
#eventos div {margin:20px 0 0 0;}
#outras h3, #eventos div h3 {font-size:18px; font-weight:bold; padding:0 0 5px 0; background:url(../imagens/principal/bg_listas.gif) 0 bottom repeat-x; color:#67686f;}
#outras ul, #eventos ul {margin:20px 0 0 0;}
#outras li, #eventos li {margin:0 0 10px 0; height:1%; background:url(../imagens/principal/seta.gif) 0 5px no-repeat;}
#outras li a, #eventos li a {display:block; font-weight:bold; color:#b71f1f; padding:0 0 0 15px;}
#outras li a strong, #eventos li a strong {color:#67686f;}
#outras li a:hover, #outras li a:hover strong, #eventos li a:hover, #eventos li a:hover strong {text-decoration:underline; color:#b71f1f;}
/* empreendimentos - portfolio - acompanhamento */
ul.tabs {margin:20px 0 0 0;}
#empreendimentos ul.obras li {background:#ececec; padding:8px; width:140px; font-size:12px; font-weight:bold; float:left; display:inline; margin:0 15px 20px 15px;}
#empreendimentos ul.obras li a{display:block; color:#b71f1f;}
#empreendimentos ul.obras li:hover {display:block; color:#fff; background:#b71f1f;}
#empreendimentos ul.obras li a:hover {color:#fff;}
/* arearestrita */
#arearestrita #baixar {margin:10px 0 0 0;}
#arearestrita #baixar li { background:url(../imagens/internas/ico_baixar.gif) 0 3px no-repeat; padding:0 0 0 25px; margin:10px 0 0 0;}
/* projeto */
#projeto img {float:left; padding:6px; background:#fff; border:1px solid #ddd; margin:10px 10px 0 0;}
#projeto li {background: url(../imagens/internas/bolinha.gif) 0 5px no-repeat; padding:0 0 0 15px;}
/* galeria */
#galeria li {float:left; display:inline; margin:10px;}
#galeria li a {padding:5px; background:#fff; border:1px solid #ccc; display:block; font-size:0;}
#galeria li a:hover {padding:5px; background:#b71f1f; display:block; font-size:0;}
/* localizacao */
#localizacao address {float:left; width:25%; margin:20px; font-size:18px;}
#localizacao iframe {padding:6px; background:#fff; border:1px solid #ddd; margin:10px 0 0 0; font-size:0; float:left;}
/* videos */
#videos li {margin:0 0 20px 0;}
#videos li img {border:1px solid #ccc; padding:3px; margin:0 5px 0 0; float:left; background:#fff;}
#videos li a {font-weight:bold; color:#b71f1f; text-align:left; display:block;}

.formato {font-size:10px; float:left; margin:5px 0 0 5px; color:#ccc;}
.subtit {font-size:16px; color:#b71f1f; margin:20px 0 0 0; clear:both; float:left;}
.ie .subtit{float:none;}

/* TÍTULOS */
.titulos {background:url(../imagens/principal/titulos.gif) no-repeat; height:20px; text-indent:-99999px; font-size:0;}
.tit_empresa {background-position:0 0; width:100px;}
.tit_empreendimentos {background-position:0 -24px; width:174px;}
.tit_depoimentos {background-position:0 -48px; width:131px;}
.tit_portfolio {background-position:0 -71px; width:100px;}
.tit_acompanhamento {background-position:0 -95px; width:265px;}
.tit_noticias {background-position:0 -120px; width:89px;}
.tit_dicas {background-position:0 -144px; width:59px;}
.tit_blog {background-position:0 -167px; width:52px;}
.tit_eventos {background-position:0 -191px; width:81px;}
.tit_cidades {background-position:0 -216px; width:91px;}
.tit_contato {background-position:0 -240px; width:89px;}
.tit_novidades {background-position:0 -264px; width:108px;}
.tit_newsletter {background-position:0 -287px; width:118px;}
.tit_enquete {background-position:0 -311px; width:83px; height:23px;}
.tit_video {background-position:0 -335px; width:61px; margin:0 0 10px 0; height:22px;}
.tit_trabalhe {background-position:0 -359px; width:193px;}
.tit_arearestrita {background-position:0 -380px; width:130px; height:24px;}
.tit_resultado {background-position:0 -407px; width:192px;}
.tit_atendimento {background-position:0 -433px; width:273px;}

/* RODAPE */
div#rodape{position:absolute; bottom:0; width:100%; height:138px; left:0; background:url(../imagens/principal/bg_rodape.jpg) 0 0 repeat-x;visibility:hidden; display: none;}
#rodape address {margin:30px auto 0 auto; width:800px;}
/* ASSINATURAS */
div#rodape a.qualitare{width:63px;height:21px;float:right;margin:0 20px 0 0;background:url(../imagens/assinatura_qualitare.gif) no-repeat;}


/* FORMS */
fieldset{margin:0;padding:0;border:none;}
form *{font:12px Arial, Helvetica, sans-serif;}
form {margin:20px 0 0 0; float:left; display:inline;}
input, select, textarea {background:url(../imagens/principal/bg_form.gif) 0 bottom repeat-x; padding:3px; border:1px solid #d7d9df; font-size:12px; color:#67686f; float:left; margin:0 0 5px 0; float:left;}
select {margin:0 8px 5px 0;}
select option {padding:2px 0;}
label {float:left; width:100px; text-align:right; font-weight:bold; padding:5px 3px 0 0}
option {font-size:12px; color:#67686f;}
.input_maior {width:400px;}
.input_medio {width:300px;}
.input_menor {width:150px;}
.input_news {width:200px; /*height:22px;*/ font-size:14px; color:#67686f; padding:5px 3px; margin-right:5px;}
.textarea {width:300px; height:150px; overflow:auto;}
.optcor {background:#f0f0f0;}

#form_busca {margin:0 0 0 30px; float:left; display:inline;}
.ie #form_busca {margin-top:5px;}
#form_trabalhe, #form_contato {width:413px;}
#form_login fieldset {border:1px solid #ccc; background:#f3f3f3; padding:20px;width:212px;}
#form_login label {width:50px; font-size:14px;}
#form_login input {font-size:14px;}
#form_enquete label {text-align:left; margin:0 0 5px 0; float:left; background:#fff; clear:both; width:100%;}
.ie6 #form_enquete label {padding:0; margin:0;}
#form_enquete label input {margin:0 5px 0 0;}
.fakefile { background:url(../imagens/internas/input_file.gif) -1px 0 no-repeat; float:left; width:309px; height:25px; margin:0 0 5px 0;}
.input_file {opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}

#indicar {position:absolute; z-index:99999; border:2px solid #666; width:280px; left:50%; top:250px; background:#fff; padding:20px; display:none; margin-left:-150px;}
#form_indicar {width:265px;}

/*################################## NAVEGAÇÃO ##############################################*/
/* tamletra */
#tamletra {font:bold 12px Arial, Helvetica, sans-serif; float:right; margin:0 10px 0 0;}
#tamletra li {display:inline; float:left; margin:0 3px 0 0;}
#tamletra li span {padding:0; display:block; width:50px; text-align:right; border:1px solid #000;}
#tamletra li a {background:url(../imagens/principal/botoes.gif) -63px -105px repeat-x; height:20px; width:26px; text-align:center; color:#fff; font-weight:bold; padding:6px 0 0 0; float:left; text-decoration:none; border:1px solid #fff; margin:8px 0 0 0;}
#tamletra li a:hover {background-position:-91px -72px;}
.ie6 #tamletra li a {float:left;}

/* paginacao */
#paginacao {margin:0 auto; clear:both;}
#paginacao li {display:inline; margin:0 3px 0 0; float:left;}
#paginacao li a {background:url(../imagens/principal/botoes.gif) -119px -105px no-repeat; color:#fff; text-align:center; font-weight:bold; padding:5px 9px; display:block; border:1px solid #666;}
#paginacao li a:hover {background-position:-63px -72px; border:none; color:#fff; border:1px solid #b40e0e; text-decoration:none;} 
#paginacao li.pgoff {font-weight:normal; color:#666; padding:5px 8px;}
#paginacao li a.pgpro, #paginacao li a.pgant {background-position:-63px -105px; padding:5px 8px;}
#paginacao li a.pgpro:hover, #paginacao li a.pgant:hover {background-position:-63px -72px; border:1px solid #b40e0e; text-decoration:none;}
#paginacao li a.pgsel {background-position:-91px -72px; border:none; color:#fff; border:1px solid #b40e0e; text-decoration:none;} 

/**** TABS EM JQUERY ****/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../imagens/internas/tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #67686f;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #b71f1f;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #e7b5cc;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../imagens/internas/loading.gif) no-repeat 0 50%;
}

/*
Tabs - additional IE specific bug fixes

Recommended usage (Conditional Comments):
<!--[if lte IE 7]>
<link rel="stylesheet" href="tabs_ie.css" type="text/css" media="projection, screen" />
<![endif]-->

*/
.tabs-nav { /* auto clear */
    display: inline-block;
}
.tabs-nav .tabs-disabled {
    position: relative; /* fixes opacity */
    filter: alpha(opacity=40);
}
.tabs-nav .tabs-disabled a span {
    _height: 19px; /* for some reason the height is 1px to less with opacity... */
    min-height: 19px; /* ...in both IE 6 and 7 */
}

/**** GALERIA ******/
div.navigation{width:300px;float: left;}div.content{display:block;}
div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right;
	width:550px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

div.loader {
	background-image: url('../imagens/internas/loading.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 350px
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	display: block;
}
div.download {
	float: right;
}
div.embox {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}


