body{
	margin: 15px 0;
	background: url(images/bg.jpg) repeat-x #050505;
	font-family:Verdana, Geneva, sans-serif;
}

a:link, a:visited{
	color: #69C;
	text-decoration: none;
}
a:hover{text-decoration: underline;}

#container{
	margin:auto;
	width: 920px;
	height:760px;
	background:url(images/page_bg.png);
	position:relative;
}
#sec_container{
	margin:auto;
	width: 920px;
	height:700px;
	background:url(images/sec_page_bg.png);
	position:relative;
}
#copy{
width:890px;
margin:auto;
font-size:10px;
color:#fff;
margin-top:-5px;
text-align: right

}
/*----Menu----*/
#menu{
	width: 710px;
	height:40px;
	position:absolute;
	top: 60px;
	left:25px;
}
#menu a{display: block; height:40px; float:left}

#menu_home{width:73px; background-image:url(images/menu.png); background-position:0px -40px;}
#menu_web{width:116px; background-image:url(images/menu.png); background-position:-73px -40px}
#menu_interface{width:97px; background-image:url(images/menu.png); background-position:-190px -40px}
#menu_character{width: 131px; background-image:url(images/menu.png); background-position:-287px -40px}
#menu_logos{width:72px; background-image:url(images/menu.png); background-position:-418px -40px}
#menu_sketches{width:97px; background-image:url(images/menu.png); background-position:-490px -40px}
#menu_contact{width:93px; background-image:url(images/menu.png); background-position:-587px -40px}

#menu_home:hover{background-position:0px 0px;}
#menu_web:hover{background-position:-73px 0px}
#menu_interface:hover{background-position:-190px 0px}
#menu_character:hover{background-position:-287px 0px}
#menu_logos:hover{background-position:-418px 0px}
#menu_sketches:hover{background-position:-490px 0px}
#menu_contact:hover{background-position:-587px 0px}

/*----Photo Gallery----*/
#slideshow{
	width:860px;
	height:460px;
	background:url(images/whats_new_bg.png) no-repeat;
	position:absolute;
	top:125px;
	left: 30px;
}
#photos{
	position:absolute;
	top:38px;
	left:30px;
}
#photos h2{
	font-size: 16px;
	padding:0px;
	margin:10px 0px 0px;
}
#photos p{
	font-size: 10px;
	padding:0px;
	margin:5px 0px;
}

/*----Welcome Area----*/
#welcome{
	width:320px;
	height:175px;
	position:absolute;
	top:551px;
	left:56px;
}
#welcome p{
	font-size: 10px;
	color:#333;
	line-height: 1.5;
}

/*----*/
#front_illustration{
	width:412px;
	height:138px;
	position:absolute;
	top:551px;
	left:406px;
	background:url(images/me_illustration.png) no-repeat;
	padding:20px;
	font-size:11px;
	color:#fff;
	line-height:2
}
#front_illustration h3{margin: 0; padding:0}
/*----Gallery----*/
#gallery{
	width:860px;
	height:460px;
	position:absolute;
	top:125px;
	left: 30px;
}
#gallery_interior{
	background:url(images/gallery_bg.png);
	padding: 0px 26px;
	height:450px;
}
#page_navigation{
	position:absolute;
	bottom:-15px;
	left:30px;
}
.previous_link, 
.page_link, 
.next_link{
	/*border:1px solid #BDBDBD;*/
	/*-moz-border-radius: 5px;-webkit-border-radius: 5px;*/
	font-size:11px;
	padding:3px;
	margin-right:5px;
	/*background:#0F3B3E;*/
	color:#0F3B3E !important;
}
.previous_link:hover, 
.page_link:hover, 
.next_link:hover{
	background:#C2C2C2;
	color:#0F3B3E !important;
	text-decoration:none;
}
.active_page{
	background:#000 !important;
	color:#fff !important;
}
.boxgrid h3{ margin: 5px 10px 0 10px; padding:0; color:#FFF; font-size:12px; letter-spacing:-1px; font-weight: bold;  }
.boxgrid{ 
	width: 200px; 
	height: 200px; 
	float:left; 
	border: 1px solid #666;
	background:#fff; 
	overflow: hidden; 
	position: relative;
	background-color:#333;
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p{ 
	padding: 0 10px;
	margin:15px 0;
	position:absolute;
	bottom:20px;
	color:#afafaf; 
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.boxcaption img{ position:relative; margin-bottom:-2px;}
.boxcaption a:hover{ text-decoration:none !important}
.captionfull .boxcaption {
	top: 200px;
	left: 0;
}
.caption .boxcaption {
	top: 200px;
	left: 0;
}