body{
	margin:20px auto; 
	width:100%;
	height:100%;
}


/*NAVIGATION*/
* html .nav{
width:500px;
margin-left:325px;
}

* html .nav li a.top_link {display:block; float:left; height:31px; line-height:27px; color:#676767; text-decoration:none; padding:0 0 0 12px; cursor:pointer;font-family: Helvetica, Verdana, Arial, sans-serif;font-size: 15px;}


* html .nav li a.top_link span {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 15px;
font-weight:700;
position:relative;
]


.nav {padding-top:15px;padding-left:25px; margin:0 auto; list-style:none; height:31px; background:#fff; position:relative; font-family:Helvetica, Verdana, Arial, sans-serif;width:800px;z-index:1;}
.nav li.top {display:block; float:right; margin-right:28px}
a {outline: none;}
.nav li a.top_link {display:block; float:left; height:31px; line-height:27px; color:#676767; text-decoration:none; padding:0 0 0 12px; cursor:pointer;font-family: Helvetica, Verdana, Arial, sans-serif;font-size: 15px;}
.nav li a.top_link span {float:left; display:block; height:31px;}
.nav li a.top_link span.active {float:left; display:block;height:31px;text-decoration: underline;color: #949472;}

.nav li:hover > a.top_link {color:#949472; text-decoration:underline;}

.nav table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.nav li:hover {position:relative; z-index:200;}
.nav a:hover {visibility:visible; position:relative; z-index:200;text-decoration: underline;color: #949472;}

.nav .active a{text-decoration: underline;color: #949472;}	

/* keep the 'next' level invisible by placing it off screen. */
.nav ul, 
.nav :hover ul ul, 
.nav :hover ul :hover ul ul,
.nav :hover ul :hover ul :hover ul ul,
.nav :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:-5px 0 0 0; padding:0; list-style:none;z-index:300;}


.nav :hover ul.sub {left:-35px; top:31px; background: #fff; padding:4px 7px; border:1px solid #949472; white-space:nowrap; width:55px; height:auto; z-index:300;}
.nav :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:55px; font-weight:normal;}
.nav :hover ul.sub li a {display:block; font-size:11px; height:20px; width:55px; line-height:20px; text-indent:5px; color:#676767; text-decoration:none;}
.nav :hover ul.sub li a:hover {background:#949472; color:#fff;}	

.nav :hover ul.sub li a:hover[disabled="true"]+p {background:#949472; color:#fff;width:100px;}

/* Opera */
 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{

head~body .nav :hover ul.sub {left:-35px; top:31px; background: #fff; padding:4px 7px; border:1px solid #949472; white-space:nowrap; width:55px; height:auto;}
head~body .nav :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:55px; font-weight:normal;}
head~body .nav :hover ul.sub li a {display:block; font-size:10px; height:20px; width:55px; line-height:20px; color:#676767; text-decoration:none;}
head~body .nav :hover ul.sub li a:hover {background:#949472; color:#fff;width:55px;padding:2px 4px 0 35px; left:-35px;}
}

/*BODY*/

#content {
 	 width:800px;
 	 margin:auto;
}


#header h1{
	
	font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
	font-size: 40px;
	color: #949472;
	font-weight: bolder;
	letter-spacing: 8px;
	text-align:right;
}


#content1 {
	position:absolute;
	width: 760px;
	padding:20px 0 20px 50px;
	border-top:solid thin #999999;
}

#content1 ul {list-style: none;margin-left:-30px;}

#content1 ul li {display: inline;}

#content1 ul li a{color: #676767;}

#content1 ul li a:hover {text-decoration: underline;color: #949472;}
		
	.portfolio {
		margin-left:-40px;
		width: 100%;
	}

	.portfolio ul { list-style: none; }
	.portfolio ul li { display: inline; }
	.portfolio ul img {
		border: 5px solid #fff;
		border-width: 5px;
		margin:2px;
	}
	.portfolio ul a:hover img {
		border: 5px solid #949472;
		border-width: 5px;
	}
	.portfolio ul a:hover { color: #949472; }

.portfolio h3 {
		color: #949472;
	}


h1 {
	font:bold 22px Helvetica, Verdana, Arial, sans-serif;
	margin:10px 0px 0px 6px;
	color:#949472;
  	text-transform:uppercase;
	display:block;
	letter-spacing:2px;
	}

h2 {
	font: 13px Helvetica, Verdana, Arial, sans-serif;
	color: #676767;
	letter-spacing:1px;
	margin:8px 0px 0px 6px;

	}

h3{
	font:bold 18px Helvetica, Verdana, Arial, sans-serif;
	color:#949472;
  	text-transform:uppercase;
	display:block;
    text-align:center;
    margin-top:10px;
}

h4 {
	font: 15px Helvetica, Verdana, Arial, sans-serif;
	color: #676767;
	letter-spacing:1px;
	text-decoration:none;
	margin-bottom:-15px;
	}

h5 {
	font: 13px Helvetica, Verdana, Arial, sans-serif;
	color: #676767;
	letter-spacing:1px;
	}

	
#content2 h1{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 15px;
	font-weight:400;
	color:#676767;	
	letter-spacing:1px;

	}


	#gallery {
		margin-left:-10px;
		width: 100%;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #fff;
		border-width: 5px;
		margin:2px;
	}
	#gallery ul a:hover img {
		border: 5px solid #949472;
		border-width: 5px;
size:auto;
	}
	#gallery ul a:hover { color: #949472; }
	
	
/*FOOTER*/

#footer {
	text-align:center;
	font-family: Arial, sans-serif;
	font-size: 9.5px;
	color: #676767;
	padding:10px 0 30px 0;
	margin-left:-50px;
	position:absolute;
	width: 810px;
	border-top:solid thin #999999;
}

#footer2 {
	text-align:center;
	font-family: Arial, sans-serif;
	font-size: 9.5px;
	color: #676767;
	padding:0px 0 30px 0;
	margin-left:-50px;
height:120px;
	position:absolute;
	width: 810px;
	border-top:solid thin #999999;
}