/* ||| universal set of reset styles |||*/

html, body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset,  form,label, legend {
	vertical-align: baseline;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	font-family: "Trebuchet MS", Verdana;
	font-size: 100%;
}
/* remember to define focus styles! */

focus {
	outline: 0;
}

ol,
ul {
	list-style: none;
}
/* tables still need cellspacing="0" in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
              
}

/* remove possible quote marks (") from <q> & <blockquote> */

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
/* ||| the end |||*/

/* ||| set of clearing floats |||*/	

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clr {
	font-size : 1px;
}

/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */


.clearfix {
	display: block;
}
.clear {
	clear: both;
}
/* End hide from IE-mac */
/* ||| the end |||*/

html {
	height: 100%;
	margin-bottom: 1px;
	}
	
body {
	margin: 0;
	padding: 0;
	font-size:100%;
	
	}

a {
	outline: none;
	cursor: pointer;
	}

a:link, a:visited, a:active {
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

ul {
	padding: 0 0 0 2px;
	margin: 0;
	margin-left: 1px;
	list-style: none;
	}

ul li {
	border-bottom: 1px solid #f1f1f1;
	padding-left: 0;
	line-height: 170%;
	padding: 5px 0;
	}

ul li a {
	text-decoration: none;
	}

ul li a:hover {
	text-decoration: underline;
}

ol li {
	line-height: 170%;
}




body,td,th {
	font-family: "Trebuchet MS", Verdana;
	font-size: 12px;
}
body {
	background-image: url(../imagens/background_gradiente.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#holder {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	z-index:5;
}
#header {
	height: 82px;
	width: 750px;
	padding-bottom: 35px;
}
#logo {
	height: 73px;
	width: 152px;
	float: left;
	z-index:5;
}
#menu {
	height: 80px;
	width: 540px;
	float: right;
	text-align:center;
	z-index:5;
}
#menu_home, #menu_info, #menu_grafico, #menu_arte, #menu_foto, #menu_web, #menu_contato {
	float: left;
	height: 22px;
	width: 67px;
	padding-top:50px;
	margin-left: 5px;
	background: url(../imagens/bt_normal.jpg) no-repeat;
	z-index:5;
}

#menu_home a, #menu_info a, #menu_grafico a, #menu_arte a, #menu_foto a, #menu_web a, #menu_contato a{
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	}
#destaque_trabalhos {
	height: auto;
	width: 500px;
	overflow: visible;
	z-index: 10;
	position: relative;
	border: 1px solid #8CC63F;
	visibility: visible;
}

#destaque_trabalhos h2 {
	font-size:18px;
	color: #29ABE2;
	}
	
	
#destaque_trabalhos img {
	border:none;
	}

#contato {
	height: 298px;
	width: 500px;
	padding-top:10px;
	overflow: visible;
}

#trabalhos {
	height:298px;
	padding-top:7px;
	}

#menu_home a:hover, #menu_info a:hover, #menu_grafico a:hover, #menu_arte a:hover, #menu_foto a:hover, #menu_web a:hover, #menu_contato a:hover{
	text-decoration:underline;
	
}
.margem {
	margin-left:20px;
	margin-right:20px;
	}
	
.strong {
	font-weight:bold;
	color:#666666;
	}

#col1 {
	height: 290%;
	width: 152px;
	float: left;
	z-index:5;
	position: relative;
}
#rodape_gradiente {
	clear: both;
	float: right;
	width: 500px;
	height: 20px;
	margin-top:40px;
	z-index:5;
	visibility: visible;
	position: relative;
	}
	
#rodape_gradiente p {
	font-size:11px;
	text-align:center;
	}
	

#gradiente_inf {
	width:100%;
	background: url(../imagens/gradiente_rodape.jpg) repeat-x;
	height:161px;
	position:fixed;
	bottom:0px;
	z-index:1;
	}


#col1 p, #destaque_trabalhos p, #contato table {
	color:#666666;
	font-size: 12px;
	}

#col1 a, a:hover {
	color:#666666;
	}
	
#col1 a:hover {
	text-decoration:underline;
	}

#col1_borda_superior {
	background: url(../imagens/borda_superior.jpg) no-repeat center top;
	width: 152px;
	height: 9px;
	z-index:5;
	}
	
#col1_borda_esquerda {
	float: left;
	height: 295px;
	width: 1px;
	z-index:5;
	background-image: url(../imagens/borda_lateral.jpg);
	background-repeat: repeat-y;
	}
	
#col1_conteudo {
	float: left;
	height: 110%;
	width: 125px;
	padding-right: 10px;
	padding-left: 15px;
	z-index:5;
}


#col1_conteudo h1, #destaque_trabalhos h1 {
	font-size:22px;
	line-height:35px;
	color:#8CC63F;
	margin-top: 0px;
	
}


	
#col1_borda_direita {
	background: url(../imagens/borda_lateral.jpg);
	float: right;
	height: 295px;
	width: 1px;
	z-index:10;
}
#col1_borda_inferior {
	height: 2px;
	width: 152px;
	clear: both;
	z-index:10;
	background-image: url(../imagens/borda_inferior.jpg);
	background-repeat: repeat-x;
}

#myGallery {
	width: 500px;
	float: left;
	margin-left:60px;
	z-index:5;
	position: relative;
}

#navegacao_paginas {
	margin-top:10px;
	width:150px;
	height:20px;
	float:right;
	text-align:right;
	padding-right:10px;
	}

#navegacao_paginas a, a:hover {
	color:#666666;
	}
	
#navegacao_paginas a:hover {
	text-decoration:underline;
	}