/* GERAL */

	* {font: normal 11px/normal Georgia, "Times New Roman", Times, Helvetica, sans-serif; color: #666; margin: 0; padding: 0; outline: none; list-style: none;}
	
	body, html {height: 100%;}
	
	body {background: url("../img/design/bg_body.gif") 0 0 repeat;}
	
	.clear {clear: both; line-height: 0; height: 0;}

	h2,
	h2 a {
		font: normal 26px/25px Georgia, "Times New Roman", Times, serif !important;
		color: #3b8fa1 !important;
		display: block;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		text-decoration: none !important;
	}

	h2 a {
	 padding: 0 !important;
	 background: url("../img/design/icon_top.gif") 98% 0 no-repeat;
	}

	h2 a:hover {
	 padding: 0 !important;
	 background: url("../img/design/icon_top.gif") 98% -50px no-repeat;
	}



/* STRUCTURE */

		div#illustration {
			background: url("../img/design/bg_wrap.jpg") -30px 0 no-repeat;
			width: 288px;
			height: 376px;
			position: absolute;
			top: 150px;
			left: 0;
		}

		div#header-detail {
			width: 990px;
			height: 161px;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10;
			background-image: url("../img/design/bg_headerDetail.png") !important;
			background-image: none; 
			filter: none !important; 
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,sizingMethod=crop src='img/design/bg_headerDetail.png');
		}

		a.logotype {
			width: 353px;
			height: 193px;
			display: block;
			position: absolute;
			top: 20px;
			left: 10px;
			z-index: 15;
			text-indent: -100000px;
			background-image: url("../img/design/bg_logotype.png") !important;
			background-image: none;
			filter: none !important;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true,sizingMethod=crop src='img/design/bg_logotype.png');
		}
		
	/* MENU */	
	
	dl#menu {
		width: 150px;
		left: 220px;
		top: 150px;
		position: absolute;
		z-index: 20;
	}

		dl#menu dt {
			font: normal 11px/20px Arial, Helvetica, sans-serif !important;
			color: #FFF;
			margin-bottom: 2px;
		}

		dl#menu dt a {
			color: #FFF;
			font: normal 11px/normal Arial, Helvetica, sans-serif !important;
			background-color: #4D4E51;
			padding: 3px 10px 3px 10px;
			text-decoration: none;
		}

		dl#menu dt a:hover {
			color: #66CC66;
		}	

		dl#menu dd {
			font: normal 11px/normal Arial, Helvetica, sans-serif !important;
			text-indent: 10px;
			padding: 3px;
		}

		dl#menu dd a {
			font: normal 11px/normal Arial, Helvetica, sans-serif !important;
			text-decoration: none;
		}

		dl#menu dd a:hover {
			color: #ff3366;
		}


	/* CONTENT */
	
	div#content {
		width: 650px;
		padding-top: 190px;
		padding-left: 330px;
	}

	div#content div.quemsou {
		padding: 10px;
	}

	div#content div.quemsou h2 {
		font: normal 26px/25px Georgia, "Times New Roman", Times, serif;
		color: #3b8fa1;
		padding-top: 10px;
		padding-bottom: 10px;
		height: 45px;
	}

	div#content h2  a{
		font: normal 15px/normal Georgia, "Times New Roman", Times, serif;
		color: #FF0033;
	}


	div#content div.quemsou p {
		font: normal 15px/normal Georgia, "Times New Roman", Times, serif;
		padding-bottom: 15px;
	}

	div#content div.quemsou a {
		font: normal 15px/normal Georgia, "Times New Roman", Times, serif;
		color: #FF0033;
	}
	
	div#content div.quemsou img {
		float: right;
		padding: 10px;
		margin: 0 10px 0 10px;
		background: #EEE;
	}


	/* GALLERY */

	ul.top-gallery {
		padding-left: 20px;
	}

	ul.top-gallery li {
		width: 196px;
		height: 190px;
		float: left;
		margin-right: 12px;
	}

	ul.top-gallery li a {
		display: block;
		height: 128px;
		border: 1px solid #DFDFDF;
	}

	ul.top-gallery li a:hover {
		border: 1px solid #95DBEA;
	}

	ul.top-gallery li img {
		border: 3px solid #EEE;
	}

	ul.top-gallery li span {
		font: italic 11px/15px Arial, Helvetica, sans-serif;
		text-align: center;
		color: #9E9E9E;
		display: block;	
	}
	
	ul.top-gallery li strong {
		font: bold 11px/15px Arial, Helvetica, sans-serif;
		color: #FF3366;
		display: block;
		padding-top: 10px;
	}	

	/* CONTACT */
	
	div#contact {
		clear: both;
		height: 300px;
		background: #4d4e51;
		border-top: 5px solid #E7E7E7;
	}
	
	div#contact a {
		color: #CDDE38 !important;
		text-decoration: none;
	}
	
	div#contact fieldset {
		width: 650px;
		padding-left: 330px;
		border: 0;
	}

	div#contact fieldset h2,
	div#contact fieldset h2 a{
		font: normal 26px/normal Georgia, "Times New Roman", Times, serif !important;
		color: #CDDE38 !important;
		padding-top: 20px;
		background: none !important;
	}

	div#contact fieldset h2 a{
		padding: 0;
	}
	
	div#contact fieldset p {
		font-size: 13px;
		color: #97989C;
		clear: both;
		padding: 10px 0 10px 0;
	}

	div#contact fieldset p a {
		font-size: 13px;
	}

	div#contact fieldset label {
		width: 60px;
		color: #CDDE38;
		text-align: right;
		padding: 0 10px 0 10px;
		margin-top: 5px;
	}
	
	div#contact fieldset label,
	div#contact fieldset input,
	div#contact fieldset textarea {
		float: left;	
	}

	div#contact fieldset input,
	div#contact fieldset textarea
	 {
		color: #FFF;
		padding: 5px;
		background: #858689;
		border: 1px solid #B2B3B7;
	}
	
	div#contact fieldset input:focus,
	div#contact fieldset textarea:focus {
		background: #B2B3B7;	
	}
	
	div#contact fieldset textarea {
		height: 100px;
	}

	div#contact fieldset p.button {
		text-align: right;
		padding-right: 25px;
		padding-top: 5px;
	}

	div#contact fieldset p.button input{
		width: auto;
		float: none;
		padding: 0;
		background: none;
		border: 0;
	}

	/* PROJECTS */

		blockquote.projects {margin: 10px; background: #FFF; border: 1px solid #EAEAEA;}
		
		blockquote.projects * {font: normal 11px/15px Arial, Helvetica, sans-serif;}
		
			blockquote.projects p {padding: 10px; text-align: center; border-bottom: 1px solid #EEE;}

			
			blockquote.projects p img {margin-top: 10px; /* padding-left: 60px; */}
			
			blockquote.projects p.last {border: 0;}

			blockquote.projects strong {font: bold 11px/15px Arial, Helvetica, sans-serif; color: #000; font-weight: bold;}
			
			blockquote.projects strong.status {color: #666;}
			
			blockquote.projects span {color: #999; padding-left: 5px;text-align: left; display: block;}
			

/* CUSTOMIZED SCROLL */

div#wrapper div#mycustomscroll { width: 100%; height: 100%;}

.scrollgeneric {line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; z-index: 0;}

	.vscrollerbase {width: 23px; background: #454545 url("../img/design/bg_scroller.gif") 0px 0px repeat-y;}

	.vscrollerbar {width: 23px; cursor: pointer; background: #454545 url("../img/design/bg_scroller.gif") -28px 0px repeat-y;}