@charset "utf-8";
/* CSS Document */
* {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

body {
	background-image:url(images/gradiente.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Geneva, sans-serif;
}

#master {
	background: url(images/bk_luwebarts.png);
	background-repeat: no-repeat;
	width: 1005px;
	height: 750px;
	padding-top: 25px;
	margin:auto;
	position: relative;
}

#logo {
	background: transparent url(images/logo_luwebarts.png);
	background-repeat:no-repeat;
	width: 659px;
	height: 167px;
	margin: auto;
}

#sexy_bookmarks {
	width: auto;
	height: auto;
	margin: -60px 0px 0px 310px;
	float: left;
	}


#menu {
	width: 210px;
	height: 259px;
	position: absolute;
	top: 200px;
	left: 0px;
}

#bkg_conteudo {
	background-image: url(images/bkg_conteudo.png);
	background-repeat:no-repeat;
	width: 413px;
	height: 481px;
	margin: 0px 0px 0px 300px;
	float:left;
	}

#conteudo {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	width: 380px;
	height: 216px;
	margin: 13px 0px 0px 15px;
	float:left;
	}

#portfolio {
	width: 600px;
	height: 620px;
	margin: 0px 0px 0px 205px;
	float: left;
	}

#prancheta{
	background-image:url(images/prancheta.png);
	background-repeat:no-repeat;
	width: 320px;
	height: 331px;
	margin: 0px 0px 0px 350px;
	float: left;
	}
	
#form {
	width: 320px;
	height: 331px;
	margin: 50px 0;
	float: left;
	}

#servicos {
	width: 750px;
	height: auto;
	margin: 10px 0px 0px 165px;
	float: left;
	}
	
/* Typography Styles */

ul.bullet-1, ul.bullet-2, ul.bullet-3, ul.bullet-4, ul.bullet-5, ul.bullet-6, ul.bullet-7, ul.bullet-8 {
	padding-left: 15px;
	overflow: hidden;
	margin-left: 5px;
	font-size: 80%;
	}

ul.bullet-1 li,  ul.bullet-2 li, ul.bullet-3 li, ul.bullet-4 li, ul.bullet-5 li {
	list-style: none;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 10px;
	}

ul.bullet-6 li, ul.bullet-7 li, ul.bullet-8 li {
	list-style: none;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 22px;
	}

.important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey {
	padding: 15px;
	margin: 15px 0;
	}

span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple,span.important-title-orange, span.important-title-brown, span.important-title-grey {
	position: absolute;
	display: block;
	margin-top: -24px;
	padding: 0 8px;
	font-weight: bold;
	font-size: 80%;
	}

.important {border: 1px solid #333;}
.important-blue {border: 1px solid #0D507A;}
.important-red {border: 1px solid #D12E2E;}
.important-green {border: 1px solid #74A824;}
.important-purple {border: 1px solid #9E0E87;}
.important-orange {border: 1px solid #CC8300;}
.important-brown {border: 1px solid #8B6846;}

.important-grey {
	border: 1px solid #CCCCCC;
	}

span.important-title {color: #333;}
span.important-title-blue {color: #0D507A;}
span.important-title-red {color: #D12E2E;}
span.important-title-green {color: #74A824;}
span.important-title-purple {color: #9E0E87;}
span.important-title-orange {color: #CC8300;}
span.important-title-brown {color: #8B6846;}

span.important-title-grey {
	color: #ff881c;
	}

/* The End - Typography Styles */

#mission {
	width: 304px;
	height: 344px;
	position: absolute;
	margin: -55px 0px 0px 775px;
	color: #000;
}

#eventos {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	text-align:center;
	position: absolute;
	top: 70px;
	left: 20px;
}

#rodape {
	background: transparent url(images/rodape.png);
	background-repeat: no-repeat;
	width: 491px;
	height: 137px;
	position: absolute;
	top: 600px;
	left: 250px;
}

a:hover {
	text-decoration: underline;
}