html, body {padding: 0px; margin: 0px;}

body {
background:#454841; 
font-family:Arial, Helvetica, sans-serif;
color:#ddd;
text-align:left;
height:100%;
font-size:.7em;}

img{border:0px;}
img, a {outline:none;}

h1 {padding:0; margin:0; font-size:1.8em; color:#788073;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.1em; line-height:1.4em; font-weight:normal;}
p {font-size:1em;}

/*----------------------------------------------------------------------------------LINKS-----*/

a:link, a:visited {color: #a0a59e;text-decoration:none; font-weight:bold;}
a:hover {color: #fff;text-decoration:underline;}
a:active {color: #000;text-decoration: none;}

#nav a:hover {color:#FFFFFF; text-decoration:none;}


/* ---------------------------------------------------------------------------------MAIN-------*/	

#header {background:#595f55; width:740px; height:80px; color:#a0a59e; 
margin:50px auto 20px; border-bottom:2px solid #989e94; padding:0;}

#container{
width:740px;
background:#1e201d;
margin:0px auto;
padding-bottom:20px;}

#logo {text-align:left; margin-left:13px;}

#footer { clear:both; width:740px; padding:10px 0; margin:0 auto;}
p.left {float:left; margin-left:10px;}
p.right {float:right; margin-right:10px;}

/* ----------------------------------------------------------------------------------NAV-------*/	
li {float:left;}
#nav {  list-style-type:none; padding:0; margin:0; width:50px; height:50px; position:relative;}
#nav span {display:none; position:absolute; font-size:14px;}
#nav a {display:block;  position:absolute; border:1px solid #aaa;}
#nav a:hover {display:block;  position:absolute; border:1px solid #fff;}
#nav a:hover span {display:block;}

#nav .editorial {background:url(../images/header/editorial.jpg) no-repeat; 
width:50px; height:50px; left:10px; top:-10px;}
#nav .editorial span {top:-20px; left:-3px;}

#nav .events {background:url(../images/header/corporate.jpg) no-repeat;
width:50px; height:50px; left:335px; top:-10px;}
#nav .events span {top:-20px; left:-1px;}

#nav .hotel {background:url(../images/header/hotel.jpg) no-repeat;
width:50px; height:50px; left:75px; top:-10px;}
#nav .hotel span {top:-20px; left:-10px;}

#nav .wedding {background:url(../images/header/wedding.jpg) no-repeat;
width:50px; height:50px; left:205px; top:-10px;}
#nav .wedding span {top:-20px; left:-4px;}

#nav .travel {background:url(../images/header/travel.jpg) no-repeat;
width:50px; height:50px; left:140px; top:-10px;}
#nav .travel span {top:-20px; left:2px;}

#nav .music {background:url(../images/header/music2.jpg) no-repeat;
width:50px; height:50px; left:270px; top:-10px;}
#nav .music span {top:-20px; left:3px;}

#nav .slide {background:url(../images/header/slide.jpg) no-repeat;
width:50px; height:50px; left:400px; top:-10px;}
#nav .slide span {top:-20px; left:-10px;}

#nav .links {background:url(../images/header/websites.jpg) no-repeat;
width:50px; height:50px; left:615px; top:-10px;}
#nav .links span {top:-20px; left:-6px;}

#nav .contact {background:url(../images/header/me.jpg) no-repeat;
width:50px; height:50px; left:680px; top:-10px;}
#nav .contact span {top:-20px; left:-2px;}

#nav .home {background:#333; width:65px; height:40px; left:480px; top:-10px; 
padding:15px 20px 25px; text-align:center;}
#nav .home span {top:-20px; left:7px;}

/* ----------------------------------------------------------------------------------PAGES-------*/	

.essay { margin:0px auto; text-align:left; padding:20px 60px;}

img {margin:5px;}
a:link img { border:3px solid #666;}
a:visited img { border:3px solid #111;}
a:hover img {border: 3px white solid;}
a:active img {border: 3px red solid;}


/*-------------------------------------------------------------------------------CONTACT-----*/	

#about { font-size:1em; line-height:1.4em; float:left; text-align:left; padding:30px; width:340px; }

#contact { font-size:1em; line-height:1.4em; float:right; text-align:left; padding:30px;background:#2e302b; width:270px;}

#clear {clear:both;}

#me 
{background:url(../images/essay/me.jpg); float:right; width:90px; height:120px; margin-left:10px; border:1px solid #666;}

.form {padding:10px 0 3px 0;}
input, textarea {padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em;}


/* ----------------------------------------------------------------------------------BOXOVER-----*/	

.boxb {
	background-color: #333;
	padding:10px;
	border:1px solid #eee;
	color: #eee;
	width:200px;}