html, * {margin:0; padding:0;}

body {background:#1e201d; margin:0; padding:0; 
color:#eee; font-size:62.5%; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}

h1 {font-size:1.1em; text-transform:uppercase; margin:0 0 5px 0; padding:0; text-align:center; color:#666;}
h2 {font-size:1.2em;}
h3 {font-size:1.3em; margin:15px 0 10px; padding:0;}
p {font-size:1.1em; line-height:1.4em; margin:0 0 12px 0; padding:0;}

a:link, a:visited {color:#666; text-decoration:none; font-weight:bold; text-transform:uppercase; font-size:.8em;}
a:hover {color:#fff; text-decoration:none;}
a:active {color:#666; text-decoration:none;}

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

/*-----------------------------------------------------------------------template----------------*/
.left {float:left} .right{float:right; font-style:italic;}
#cointainer {width:940px; margin:20px auto 10px; height:450px;}

#intro {text-align:center;}

#editorial a,#weddings a,#hotel a,#engagements a,#ngo a,#music a {float:left; width:230px; height:230px; margin:0;border:1px solid #111;}
#editorial a:hover,#weddings a:hover,#hotel a:hover,#engagements a:hover,#ngo a:hover,#music a:hover {background-position:bottom;}
#hotel a {background:url(../gallery/index/hotels.jpg) top no-repeat;}
#events a {background:url(../gallery/index/events.jpg) top no-repeat;}
#engagements a {background:url(../gallery/index/engagements.jpg) top no-repeat;}
#ngo a {background:url(../gallery/index/ngo.jpg) top no-repeat;}
#music a {background:url(../gallery/index/music.jpg) top no-repeat;}
#editorial a {background:url(../gallery/index/editorial.jpg) top no-repeat;}
#weddings a {background:url(../gallery/index/weddings.jpg) top no-repeat;}

#side {width:200px; float:left; margin-top:25px;}
#logo {background:url(../gallery/logo.jpg) no-repeat; width:200px; height:50px;}
#nav {text-align:left; margin:230px 0 0 0px; font-size:1.2em; } 
#nav ul{list-style-type: none;padding:0; }
#nav a{ display:block; width:140px;padding:5px 15px;}
#nav a:hover { background:#333;}


#main {width:701px; float:right; margin:10px 20px 0 0;}

#text {width:400px; margin:10px auto 20px;}
#ps {width:700px; margin:0px auto;} 
#title {width:400px; margin:380px auto 0px; text-align:center; color:#FFF;} 

#footer {clear:both; text-align:center; padding-top:15px}

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

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

#clear {clear:both;}

#me {background:url(../gallery/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;}