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


.basic{font-size:.8em; font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif}

a{outline:none}

img {border:none;}

.brown_main
{	color:#1a0f0c; font-family:"Lucida Sans", Verdana, Arial, Helvetica, sans-serif; font-size:80%; padding:0 0 0 30px; text-decoration:none;}


.brown_main a{color:#1a0f0c; text-decoration:none;}

html{padding:0; margin:0;}

body
{
	background:#101042 url(images/bg.jpg) center 0;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}

#wrapper
{
	
	width:712px;
	
	margin:124px auto 0px;

	padding:0px 0 50px;
}

#logo{width:200px; height:92px; float:left; border:0px solid #CCC;}

#splash{width:712px; height:200px; background:url(images/splash.png) 20px 30px no-repeat}

#box_blog{width:316px; height:200px; padding:20px; float:left; background:url(images/header.blog.gif) 30px 30px no-repeat;}

#box_work{width:316px; height:200px; padding:80px 20px 20px 20px; float:left; background:url(images/header.recent.gif) 10px 30px no-repeat;}

#content
{
	
	width:712px;

	background:#FFF;
	border:0px solid #CCC;
	margin-top:32px;
	float:left;
}

#footer{width:712px; height:10px; background:url(images/footer.gif); line-height:0; font-size:0; padding:0; margin:0;}


#white_main{width:622px; height:160px; margin:0px auto; clear:both; background:url(images/round_bottom.gif) center bottom no-repeat #FFF; padding:15px 0 0;}
#work_main{width:622px; margin:0px auto; clear:both; background:url(images/round_bottom.gif) center bottom no-repeat #FFF; padding:15px 0 15px;}
#home_wrapper{width:622px; height:160px; background:url(images/home.gif) center 4px no-repeat}
#work_wrapper{width:622px; background:url(images/work.gif) center 4px no-repeat}
#about_wrapper{width:622px; background:url(images/about.gif) center 4px no-repeat}

	 
.demo{position:relative;margin:60px auto;  }
.gallery_demo{float:left; padding:0; margin:0;   padding-left:40px; list-style-type:none; }
.gallery_demo_art{float:left; padding:0; margin:0;   padding-left:40px;list-style-type:none; }
.gallery_demo li {border:1px solid #DDD; margin:0; padding:0;}
.gallery_demo_art li {border:1px solid #DDD; margin:0; padding:0;}
.gallery_demo li img { text-align:center; margin:0;}

#nav_container{width:670px; height:50px; float:right; border:0px solid #CCC; margin:0; padding-right:20px;}
#nav {padding-top:0px; list-style-type:none; margin:0; float:right;}
#nav li{ display:inline;}
#nav li a{height:50px; width:100px; text-indent:-9000px;float:left;}

#nav li a:hover{background-position: center bottom;}


#nav li a#work{background:url(images/nav.work.gif) center top;}
#nav li a#work:hover{background-position: center bottom;}

#nav li a#about{background:url(images/nav.about.gif) center top;}
#nav li a#about:hover{background-position: center bottom;}

#nav li a#blog{background:url(images/nav.blog2.gif) center top;}
#nav li a#blog:hover{background-position: center bottom;}

#nav li a#home{background:url(images/nav.home.gif) center top;}
#nav li a#home:hover{background-position: center bottom;}