/* ----------------------------------------------  BODY  ---------------------------------------------- */

	body {
		margin: 0px;
		padding: 0px;
		font-family: "Lucida Grande", Helvetica, Arial, Tahoma, Verdana, sans-serif;
		width: 100%;
		height: 100%;
		background:url(../img/bg/bg.png) top center no-repeat #351117;
		}
		
	
/* ----------------------------------------------  GENERAL  ---------------------------------------------- */


	img {outline: none; border:none;}
	a { text-decoration:none; cursor: pointer; }
	a:focus { outline: none; border:none;}
	
	#container {
		width: 1100px;
		margin: 0px auto;
		padding: 0px 0px 10px 0px;
		overflow: hidden;
		}
		
	#internetexplorer {
		display: none;
		}
	
	.getfirefox {
		display: none;
		}
		
	.goodbrowser {
		display: block;
		}


/* ----------------------------------------------  HEADER  ---------------------------------------------- */

	
	#header {
		width: 960px;
		height: 140px;
		float: left;
		margin: 40px 0px 0px 90px;
		background: url(../img/bg/header.png) bottom center no-repeat;
		}
	
	#headernav, #headernav li {
		list-style-type: none;
		}
	
	#headernav {
		height: 140px;
		width: 480px;
		float: right;
		background: url(../img/bg/headernav.png) no-repeat top right;
		margin: 0px 0px 0px 0px;
		}
	
	#headernav li {
		height: 140px;
		line-height: 20px;
		float: left;
		font-size: 11px;
		text-align: center;	
		}
	
	#headernav li a {
		color: #fff;
		display: block;
		height: 140px;
		text-decoration: none;
		text-align: center;	
		line-height: 180px;
		}
	
	#headernav li a:hover {
		background-position: 0px -140px;
		}
	
	.birdleft { background: url(../img/bg/bird-left.png) top center no-repeat; width:60px; margin-left:135px}
	.birdmiddle { background: url(../img/bg/bird-middle.png) top center no-repeat; width:60px; margin-left:20px}
	.birdgap { background: none; width:110px !important;}
	.birdright { background: url(../img/bg/bird-right.png) top center no-repeat; width:60px;}
	
	.activepage {
		background-position:  0px -140px;
	}
	

	
	.show {
		cursor: pointer;
		}
		
	.showactive {
		}
	
	.logo {
		width: 280px;
		margin: 0px 20px 0px 0px;
		height: 100px;
		float: left;
		}
		
	.logo a {
		width: 280px;
		margin: 0px;
		height: 100px;
		display: block;
		background: url(../img/bg/logo.png) no-repeat;
		float: left;
		}
		
	.logo a:hover {
		background-position: 0px -100px;
		}


/* ----------------------------------------------  HEADER  ---------------------------------------------- */

	
	#info {
		position: absolute;
		top: 0;
		width: 920px;
		height: 430px !important;
		margin: 180px 0px 0px 90px !important;
		float: left;
		background: #efefef !important;
		z-index: 9999;
		}
		
	.column {
		width: 250px !important;
		float: left;
		margin: 40px 0px 0px 40px;
		}
		
	.column p {
		font-size: 10px;
		line-height: 18px;
		color: #280d11;
		}
		
	.column h2 {
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 8px 0px;
		font-size: 14px;
		color: #752633;
		font-weight: bold;
		}
		
	#roundedleft {
		position: absolute;
		top: 0;
		width: 3px;
		height: 430px !important;
		margin: 180px 0px 0px 90px !important;
		float: left;
		background: url(../img/bg/roundedleft.png) top center no-repeat ;
		z-index: 999999;
		}
	
	#roundedright {
		position: absolute;
		top: 0;
		width: 3px;
		height: 430px !important;
		margin: 180px 0px 0px 1007px !important;
		float: left;
		background: url(../img/bg/roundedright.png) top center no-repeat;
		z-index: 9999999;
		}
		
	.about {
		width: 920px;
		height: 150px;
		background: url(../img/bg/about.jpg) top center no-repeat;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		}
	
	.aboutcolumn {
		margin: 40px 0px 0px 40px !important;
		}
		
	.column p a {
		color: #a23547;
		padding: 0px 0px 1px 0px;
		border-bottom: 1px dotted #351117;
		font-weight: bold;
		}
		
	.column p a:hover {
		border-bottom: 1px solid #351117;
		}
		
	.closeabout {
		width: 137px;
		height: 34px;
		float: left;
		}
	
	.closeabout a {
		margin: 60px 0px 0px 743px;
		width: 137px;
		height: 34px;
		display: block;
		float: left;
		background: url(../img/bg/close.png) no-repeat;
		line-height: 32px;
		font-weight: bold;
		font-size: 14px;
		padding: 0px 0px 0px 15px;
		color: #752633;
		}
		
	.closeabout a:hover {
		background-position: 0px -34px;
		color: #fff;
		}
	
	.important {
		font-size: 12px;
		font-weight: bold;
		display: block;
		width: 100%;
		border-top: 3px solid #fff;
		padding-top: 15px;
		}


/* ----------------------------------------------  HEADER  ---------------------------------------------- */


	#home {
		width: 920px;
		height: 652px;
		float: left;
		margin: 80px 0px 0px 90px;
		background: url(../img/bg/home.png) top center no-repeat;
		}
		
	#homeleft {
		width: 400px;
		height: 652px;
		float: left;
		}
		
	#homeright {
		width: 520px;
		height: 652px;
		float: left;
		}
		
	.homelogo {
		width: 520px;
		height: 130px;
		float: left;
		margin: 110px 0px 0px 0px;
		}
		
	.homelogo a {
		width: 520px;
		height: 130px;
		display: block;
		background: url(../img/bg/logo_home.png) no-repeat;
		}
	
	.homelogo a:hover {
		background-position: 0px -150px;
		}
	
	#intro {
		width: 520px;
		float: left;
		}
		
	#intro h1 {
		margin: 0px 0px 2px 3px;
		padding: 0px;
		color: #fff79f;
		font-size: 16px;
		font-weight: bold;
		}
		
	#intro p {
		margin: 0px 0px 0px 3px;
		padding: 0px 0px 0px 0px;
		color: #280d11;
		font-size: 14px;
		line-height: 21px;
		font-weight: bold;
		}
		
	.havealook {
		width: 137px;
		height: 34px;
		float: left;
		}
	
	.havealook a {
		margin: 30px 0px 0px 5px;
		width: 137px;
		height: 34px;
		display: block;
		float: left;
		background: url(../img/bg/enter.png) no-repeat;
		line-height: 32px;
		font-weight: bold;
		font-size: 14px;
		padding: 0px 0px 0px 15px;
		color: #fff;
		}
		
	.havealook a:hover {
		background-position: 0px -34px;
		color: #692d31;
		}
		
	#intro p a {
		color: #280d11;
		font-weight: bold !important;
		padding: 0px 0px 1px 0px;
		border-bottom: 1px dotted #280d11;
		}
		
	#intro p a:hover {
		border-bottom: 1px solid #280d11;
		}
		
	.ieview {
		font-weight: normal !important;
		font-size: 11px !important;
		display: none !important;
	}
		

/* ----------------------------------------------  SLIDESHOW  ---------------------------------------------- */

	
	#wrapper {
		width: 920px;
		float: left;
		margin: 0px 0px 0px 90px;
		padding: 0px 0px 0px 0px;
		background: url(../img/bg/slideshowshadow.png) center no-repeat;
		background-position: 0px 430px;
		}		
		
	#slideshow {
		width: 920px;
		height: 430px;
		float: left;
		background: url(../img/bg/slideshowbg.png) top center no-repeat;
		}
	
	.slide {
		width: 920px;
		height: 430px;
		background: #efefef;
		float: left;
		}
	
	.next img {
		background: url(../img/bg/loading.gif) top center no-repeat;
		width: 920px !important;
		height: 430px !important;
		}
		
	.next {
		background: url(../img/bg/loading.gif) top center no-repeat;
		width: 920px;
		height: 430px;
		}
		
	.firstimage {
		background: url(../img/bg/loading.gif) top center no-repeat;
		width: 600px !important;
		height: 430px !important;
		}
	
	.description {
		width: 250px !important;
		float: right;
		position: relative;
		z-index: 9999;
		margin: 40px 50px 0px 0px !important;
		}
	
	.description h1 {
		margin: 0px 0px 2px 0px;
		padding: 0px 0px 2px 0px;
		font-size: 14px;
		color: #351117;
		font-weight: bold;
		}
		
	.description h3 {
		font-size: 9px;
		margin: 0px 0px 2px 0px;
		padding: 0px;
		font-weight: normal;
		color: #351117;
		}
	
	
	.description p {
		font-size: 10px;
		line-height: 16px;
		color: #351117 !important;
		}
		
	.duction {
		font-size: 10px;
		font-weight: bold;
		color: #a23547;
		}
		
	.duction a {
		color: #351117 !important;
		padding: 0px 0px 1px 0px !important;
		border-bottom: 1px dotted #351117 !important;
		font-weight: bold !important;
		}
		
	.duction a:hover {
		border-bottom: 1px solid #351117 !important;
		}
		
	.description p a {
		color: #a23547;
		padding: 0px 0px 1px 0px;
		border-bottom: 1px dotted #351117;
		font-weight: bold;
		}
		
	.description p a:hover {
		border-bottom: 1px solid #351117;
		}


/* ----------------------------------------------  SLIDE CONTROL  ---------------------------------------------- */

	
	#nav { 
		margin: 20px 0px 0px 0px; 
		padding: 0px; 
		list-style-type:none; 
		width:920px; 
		height: 20px; 
		float: left;
		}
	
	#nav li { 
		float: left; 
		list-style-type: none; 
		width:20px; 
		height:20px;
		display: block;
		}
	
	#nav a {
		background: url(../img/bg/dot.png) no-repeat; 
		display: block; 
		float: left; 
		width:20px; 
		height:20px; 
		}
		
	#nav a:hover {
		background: url(../img/bg/dot_hover.png) no-repeat;
		}
	
	#nav a.activeSlide { 
		background: url(../img/bg/dot_active.png) no-repeat; 
		color: black;
		}
	
	#nav a:focus { 
		outline: none; 
		}

	#guide {
		margin: 0px 0px 0px 9px;
		float: left;
		cursor: pointer;
		}
	
	.guide {
		height: 25px;
		float: left;
		border-left: 1px solid #1e0a0d;
		margin: 0px 20px 0px 0px;
		}
	
	.guide p {
		font-size: 10px;
		line-height: 12px;
		color: #fff79f;
		margin: 15px 0px 0px 5px;
		}
	
	.guide:hover p {
		color: #fff;
		}
	
	.last {
		margin-right: 0px !important;
		}
	
	.twolines p {
		}
	
	.two { width: 19px;}
	.three { width: 39px;}
	.four { width: 59px;}
	.five { width: 79px;}
	.six { width: 99px;}
	.seven { width: 119px;}
	
	.artproject1, .artproject2, .artproject3, .artproject4, .artproject5, .artproject6, .artproject7, .artproject8, .artproject9, 
	.designproject1, .designproject2, .designproject3, .designproject4, .designproject5, .designproject6, .designproject7, .designproject9, .designproject9 
		{
		cursor: pointer;
		}
		
	.next {
		cursor: pointer;
		}
	
	#prev {
		width: 90px;
		height: 50px;
		cursor: pointer;
		margin: 370px 0px 0px 0px;
		position: absolute;
		top: 0;
		}
	
	#next {
		width: 90px;
		height: 50px;
		cursor: pointer;
		margin: 370px 0px 0px 1010px;
		position: absolute;
		top: 0;
		}
	
	#next a {
		width: 90px;
		height: 50px;
		background: url(../img/bg/next.png) top no-repeat !important;
		display: block;
		}
	
	#next a:hover {
		background-position: 0px -50px !important;
		}
		
	
	
	#prev a {
		width: 90px;
		height: 50px;
		background: url(../img/bg/prev.png) top no-repeat !important;
		display: block;
		}
	
	#prev a:hover {
		background-position: 0px -50px !important;
		}
	

/* ----------------------------------------------  FOOTER  ---------------------------------------------- */

	
	#footer {
		width: 100%;
		height: 140px !important;
		line-height: 5px;
		font-size: 11px;
		float: left;
		margin: 90px 0px 0px 0px !important;
		padding: 0px;
		background: #280d11;
		}
		
	#footercontent {
		width: 920px;
		margin: 0px auto;
		height: 50px;
		}
	
	.footerleft {
		float: left;
		height: 100px;
		width: 460px;
		line-height: 75px;
		}
	
	.footerright {
		float: left;
		height: 100px;
		width: 460px;
		text-align: right;
		line-height: 75px;
		}
	
	#footer p {
		margin: 0px;
		display: block;
		color: #752633;
		}
		
	#footer p a {
		color: #b1394d;
		padding-bottom: 1px;
		border-bottom: 1px dotted #b1394d;
		}
		
	#footer p a:hover {
		border-bottom: 1px solid #b1394d;
		}