body {
	background:#000;
}
#header {
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	color:#fff;
	height:75px;
	border-bottom:1px solid #000;
}
#title {
	float:left;
	margin:0 10px;
}
#title h1 {
	margin:0;
	height:75px;
	line-height:75px;
	font-weight:normal;
	letter-spacing:1px;
}
#nav {
	float:left;
	margin:0 10px;
}
#nav ul, #nav li {
	list-style-type: none;
	padding:0;
	margin:0;
}
#nav ul {
	margin-top:23px;
	list-style-type: none;
}
#nav li {
	float:left;
	height:30px;
	margin-right:20px;
	list-style-type: none;
}
#nav li a {
	background: transparent url(../images/button-black.png) no-repeat top left;
	width:90px;
	display:block;
	line-height:30px;
	text-align: center;
	padding:0 10px;
	color:#fff;
	text-shadow: #000 0px -1px 0px;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight:bold;
}
#fb {
	float:right;
	margin:27px 10px 0 0;
}
#main {
	color:#fff;
	border-top:1px solid #333;
	position:absolute;
	top:75px;
}


/* Gallery and thumb styles */
#loading {
	z-index: 1500;
	position:absolute;
	width:220px;
	height:19px;
	background: transparent url(../images/loading.gif) no-repeat top left;
}
#thumbs {
	background:#000;
	overflow: hidden;
	padding-top:5px;
}
#thumbs_inner {
	position:absolute;
	width:20000px;
}
#thumbs_inner img {
	display:block;
	float: left;
	margin-right:10px;
	vertical-align:middle;
}
#thumbs_inner img.active {
	-webkit-box-shadow:0px 0px 10px yellow;
	opacity:0.5;
}





/* Styles for Page Menu */
#page_menu {
	z-index: 400;
}
#portfolio_menu {
	z-index: 500;
}
#video_menu {
	z-index: 600;
}
div.menu {
	position:absolute;
	left:50px;
	top:50px;
	width:333px;
	background:transparent url(../images/menu-bottom.png) no-repeat bottom left;
	padding-bottom:55px;
}
div.menu h2 {
	background:transparent url(../images/menu-header.png) no-repeat top left;
	height:52px;
	color:#fff;
	margin:0;
	padding-top:18px;
	line-height:46px;
	text-align: center;
	text-shadow: #000 0px -1px 0px;
}
div.menu ul {
	width:333px;
	margin:0;
	padding:0;
	background:transparent url(../images/menu-bg.png) repeat-y top left;
	list-style-type: none;
}
div.menu li, div.menu li li{
	margin:0;
	padding:0;
	list-style-type: none;
}
div.menu li a {
	color:#111;
	text-decoration: none;
	font-weight:bold;
	display:block;
	height:36px;
	line-height:36px;
	padding-left:20px;
}
div.menu li li a {
	padding-left:36px;
	height:32px;
	line-height:32px;
	background:transparent url(../images/gallery_arrow.png) no-repeat 16px 8px;
	color:#666;
}

/* Styles for Contact Page */
div#contact {
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	width:500px;
	height:250px;
	padding-bottom:40px;
}
div#contact_top {
	height:40px;
	border-bottom:1px solid #222;
}
div#contact_top h2 {
	margin:0;
	line-height:40px;
	padding-left:10px;
	color:#999;
	font-weight:bold;
	letter-spacing: 1px;
	text-shadow: #000 0px -1px 0px;
}
div#contact_left {
	width:250px;
	float:left;
	border-top:1px solid #666;
}
div#contact_extra {
	width:200px;
	margin:0 0 0 10px;
	color:#666;
}
div#contact_left ul {
	margin:0;
	padding:20px 0 0 10px;
	list-style-type: none;
}
div#contact_left li {
	margin:0 0 10px 0;
	list-style-type: none;
	padding:0;
	height:16px;
	line-height:16px;
}
div#contact_left li a {
	padding-left:24px;
	text-decoration: none;
	display:block;
	height:16px;
	color:#fff;
}
div#contact_left li.email a {
	background: transparent url(../images/Email_16x16.png) no-repeat top left;
}
div#contact_left li.phone a {
	background: transparent url(../images/Phone_16x16.png) no-repeat top left;
}


div#contact_right {
	width:250px;
	float:left;
	border-top:1px solid #666;
}
div#contact_right ul {
	margin:0;
	padding:20px 0 0 10px;
	list-style-type: none;
}
div#contact_right li {
	margin:0 0 10px 0;
	list-style-type: none;
	padding:0;
	height:32px;
	line-height:32px;
}
div#contact_right li a {
	padding-left:40px;
	text-decoration: none;
	display:block;
	height:32px;
	color:#999;
	font-weight: bold;
}
div#contact_right li.twitter a {
	background: transparent url(../images/twitter-32x32.png) no-repeat top left;
}
div#contact_right li.blog a {
	background: transparent url(../images/rss-32x32.png) no-repeat top left;
}
div#contact_right li.facebook a {
	background: transparent url(../images/facebook-32x32.png) no-repeat top left;
}



/* Page style */
#page {
	color:#fff;
}
#page a {
	color:#eee;
}
#page h2.title {
	color:#666;
	letter-spacing:1px;
	font-weight:normal;
	margin:50px 25px 0 25px;
	font-size: 2em;
}
#page_body {
	font-size:1.2em;
	margin:25px 25px 0 25px;
}
#sub_pages {
	margin:0 25px;
}
#sub_pages ul, #sub_pages li {
	margin:0;
	padding:0;
	list-style-type: none;
}
#sub_pages ul {
	height:25px;
}
#sub_pages li {
	float:left;
	margin-right:10px;
}
#sub_pages li a {
	display:block;
	background:#999;
	padding:0 8px;
	text-decoration: none;
	-webkit-border-radius:5px;
	color:#444;
	text-shadow: #aaa 0px 1px 0px;
	font-weight:bold;
	line-height:25px;
}