@charset "utf-8";
/* CSS Document */


/* BEGIN DEMO STYLE */
*{margin:0;padding:0}
body{padding:20px;background:white;text-align:center;background:black;color:#bba;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 100%;}
h1 {font-size: 1.1em;}

h1{font-weight: bold; letter-spacing:3px;text-transform:uppercase;}

h1 a {color: #fff; text-decoration: none;}

.demo a{color:#348;text-decoration:none;outline:none;}
.demo a:hover{color:#67a;}

.caption{color:#887;}

.demo{margin-top:2em; width: 720px; float: right;}
.gallery_demo{width:700px;margin:0 auto; float: right;}
.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font: 0.7em/1.4 georgia,serif;}

#main_image{margin:0 auto 60px auto;height:400px;width:700px;background:black;}
#main_image img{margin-bottom:10px; height: 400px; width: auto;}

.nav{padding-top:10px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}

.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}

/* CONTENT */
.content {
	padding: 10px;
	color: white;
	margin-left: 218px;
}

.content h1{
	margin-bottom: 10px;
}

.content p {
	text-align: left;
	margin-bottom: 10px;
	font-size: 0.9em;
}

/* MENU */

.menu {
	margin: auto;
	margin-top: 120px;
	width: 70%;
}

.menu li.first {
	border-top: 1px solid white;
}

.menu li {
	list-style-type: none;		
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 1.5em;
	border-bottom: 1px solid white;
}

.menu li a {
	color: #fff;
	text-decoration: none;
}
.menu li a:hover {
	color:#BABDDA;	
}