/*-------------------------------------------- STATIC */

body {
	background: #eee url(img/background.gif) no-repeat;
}
a:link {
	text-decoration: none;
	color: #000;
}
a:visited {
	text-decoration: none;
	color: #a6a8aa;
}
a:hover {
	text-decoration: none;
	color: #999;
}
a:active {
	text-decoration: none;
	color: #fff;
}
#container {
	position: relative;
	margin-left: auto; 
	margin-right: auto;
	margin-top:-20px;
	width:1000px;
}
#logo {
	left:20px;
	position: relative;
	width: 150px;
	top: 47px;
}
#btrightcorner {
	width: 300px;
	height: 30px;
	left: 690px;
	position: absolute;
	margin-top: 417px;
	z-index: 300;
	background: #000;
	-moz-border-radius-bottomright: 20px;	
	-webkit-border-bottom-right-radius: 20px;
}
#square {
	font-family: helvetica, helvetica neue, arial, verdana;
	font-size: 10px;
	color: #fff;	
}

/*-------------------------------------------- SHOWCASE */

#main {
	width: 810px;
	height: 620px;
	position: absolute;
	z-index: -200;
	overflow: hidden;
	margin-top: 32px;
	left:180px;
	top: 15px;
	background: #000 url(img/showcase.jpg);
}
#showcaseres {
	width: 500px;
	height: 600px;
	position: absolute;
	z-index: -200;
	overflow: hidden;
	margin-top: 32px;
	left:180px;
	top: 15px;
	background: #eee;
}
#photos {
	width: 810px;
	height: 620px;
	position: absolute;
	z-index: -200;
	overflow: hidden;
	margin-top: 32px;
	left:180px;
	top: 15px;
	background: none;
}
#portfolio {
	width: 810px;
	height: 620px;
	position: absolute;
	z-index: -200;
	overflow: hidden;
	margin-top: 32px;
	left:180px;
	top: 15px;
	background: none;
}
#videos {
	width: 810px;
	height: 650px;
	position: absolute;
	z-index: -200;
	overflow: hidden;
	margin-top: 32px;
	left:180px;
	top: 15px;
	background: #000;
	-moz-border-radius-bottomright: 20px;	
	-webkit-border-bottom-right-radius: 20px;
}
#showcase {
	width: 14800px;
	height: 600px;
	position: absolute;
	z-index: 0;
	margin-top: 32px;
	left:180px;
	top: 15px;
	background: #eee;
}




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

#tag {
	font-family: helvetica, helvetica neue, arial, verdana;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	color: #989482;
	background: #fff;
	margin: 0px;
	padding-top: 7px;
	padding-left: 21px;
	padding-bottom: 0px;
	position:absolute;
	left:180px;
	height:25px;
	top: 680px;
	width: 210px;
	z-index: 0;
	}
	
/*-------------------------------------------- TEXT */
	
#biostory {
	font-family: helvetica, helvetica neue, arial, verdana;
	font-size: 19px;
	line-height: 29px;
	color: #fff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position:absolute;
	left:10px;
	height:400px;
	top: 0px;
	width: 280px;
	border: 0px none #000000; 
	z-index: 10;
}
#prosestory {
	font-family: helvetica, helvetica neue, arial, verdana;
	font-size: 19px;
	line-height: 29px;
	color: #fff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position:absolute;
	left:10px;
	height:450px;
	top: 0px;
	width: 280px;
	border: 0px none #000000; 
	z-index: 10;
}
#blogstory {
	font-family: helvetica, helvetica neue, arial, verdana;
	font-size: 19px;
	line-height: 29px;
	color: #fff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position:absolute;
	left:10px;
	height:400px;
	top: 0px;
	width: 280px;
	border: 0px none #000000; 
	z-index: 10;
}
#pfoliostory {
	font-family: helvetica, helvetica neue, arial, verdana;
	font-size: 19px;
	line-height: 29px;
	color: #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position:absolute;
	left:10px;
	height:100px;
	top: 0px;
	width: 280px;
	border: 0px none #000000; 
	z-index: 10;
}
#maincopy {
	font-family: helvetica, helvetica neue, arial, verdana;
	font-size: 19px;
	line-height: 29px;
	color: #999;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 30px;
	padding-bottom: 0px;
	position:absolute;
	left:0px;
	height:585px;
	top: 0px;
	width: 470px;
	border: 0px none #000000;
	z-index: 10;
	overflow: scroll;
	visibility: inherit;
}
#blog {
	font-family: helvetica, helvetica neue, arial, verdana;
	font-size: 21px;
	line-height: 30px;
	color: #999;
	float: none;
	margin: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	text-align: left;
	position:absolute;
	left:0px;
	height:585px;
	top: 0px;
	width: 530px;
	border: 0px none #000000;
	z-index: 0;
}
#blogcopy {
	font-family: helvetica, helvetica neue, arial, verdana;
	font-size: 19px;
	line-height: 29px;
	color: #999;
	margin-top: 75px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: -10px;
	padding-bottom: 0px;
	padding-right: 30px;
	position:absolute;
	left:0px;
	height:540px;
	top: 0px;
	width: 515px;
	border: 0px none #000000;
	z-index: 10;
	overflow: scroll;
	visibility: inherit;
}
#highlight {
	font-family: helvetica, helvetica neue, arial, verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	padding: 10px;
	background-color: #a6a8aa;
	display: inline;
	vertical-align: bottom;
}
#title {
	font-family: helvetica, helvetica neue, arial, verdana;
	font-size: 21px;
	line-height: 30px;
	color: #999;
	float: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	font-weight: bold;
}

/*-------------------------------------------- MENU */



#menu {
	position:absolute;
	left:20px;
	top:277px;
	width:100px;
	height:250px;
	z-index:1;
}
ul {
	font-family: helvetica, helvetica neue, arial, verdana;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 0;
	}
ul li {
	position: relative;
	}
li ul {
	position: absolute;
	left: 99px;
	background: #fff;
	top: 0;
	display: none;
	}
ul li a {
	display: block;
	color: #000;
	background: none;
	padding: 4px 10px;
	border: 0;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/


* html ul li {
	float: left; height: 1%;
}
* html ul li a { 
	height: 1%; 
}

/* End */

li:hover ul, li.over ul { 
	display: block; 
}

ul li a:hover { 
	color: #b2bb1c; background: #fff; 
} 

/* Hover Styles */
		
li ul li a { 
	padding: 7px 20px; 
} 

/* Sub Menu Styles */
		
li:hover ul, li.over ul { 
	display: block; 
}