html,body,h1,h2,h3,div,td,p,a{
	 font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	 color:#818386;
	
}

h1{	 font-weight:lighter; font-size:1.78em; letter-spacing:5px; padding:0; margin:0;}
h2{	 font-weight:lighter; font-size:1.6em; letter-spacing:3px; padding:0;}
h3{	 font-weight:lighter; font-size:1.2em; letter-spacing:0.16em; margin-top:5px;}

a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

.active{
	color:#D99D37;
	text-decoration:none;
}



body{
	background-color:#f0f3fa;
	margin:0;
}

#container{
	width:1024px;
	height:698px;
	position:relative;
	text-align:center;
	margin-right:auto;
	margin-left:auto; 
	
	
}

.home{
	background:#f0f3fa url('images/bg-home.jpg') no-repeat scroll center top;
}
.inside{
	background:#f0f3fa url('images/bg-fade.jpg') no-repeat scroll center top;
}
.gallery{
	background:#f0f3fa url('images/bg-fade-gallery.jpg') no-repeat scroll center top;
}



/*TOP MENU*/

#menutop{
	float:right;
	width:575px;
	margin-top:50px;
	margin-right:50px;
	text-align:right;
	color:#818386/*#7D7D82*/;
	font-weight:bold;
	letter-spacing:2px;
 

}
#menutop a{
	color:#818386;
	text-decoration:none;
	font-weight:600;
	letter-spacing:2px;
	padding:0px 15px 0px 15px;
}

#menutop a:hover{
	color:#D99D37;
	text-decoration:none;
}
#menutop a:active{
	color:#D99D37;
	text-decoration:none;
}
#menutop .active{
	color:#D99D37;
	text-decoration:none;
}


.highlight{
	color:#D99D37;
}

.subtittle{
	/*color:#5d87a1;*/
	font-weight:bold;
}

/*Content*/
#content{
	float:right;
	margin-top:30px;
	margin-right:58px;
	text-align:right;
	position:relative;
	
	
}

/*PORTFOLIO MENU*/
#portfolio-mn{
	width:170px;
	text-align:left;
	position:absolute;
}
#portfolio-mn ul{
	  list-style-type:none;
}
#portfolio-mn ul li a{
	color:#818386;
	text-decoration:none;
	font-weight:600;
	letter-spacing:2px;
}
#portfolio-mn ul{
	padding:0;
	margin:0;
	border:none;
}

#portfolio-mn ul li{
	padding:0px;
	margin:7px 0px 7px 0px;
	border:none;
	font-size:0.875em;
}

#portfolio-mn ul li a:hover{
	color:#D99D37;
	text-decoration:none;
}

#portfolio-mn ul li a.active{
	color:#D99D37;
	text-decoration:none;
}



/*****/

#bottom{
	width:900px;
	height:60px;
	clear:both;
	bottom:0px;
	margin:0px auto 0px auto;
	border-top-style:solid;
	border-top-width:1px;

}

.lighter, .lighter p{
	color:#D2D4D5;
	border-color:#D2D4D5;	
}

.darker .darker p{
	color:#78797B;
	border-color:#78797B;	
}

#footer{
	width:1024px;
	height:30px;
	margin:0px auto auto auto;	
	text-align:right;
	font-size:x-small;
	clear:both;
}