html,body {
	background: url("assets/images/bg.jpg") repeat-x scroll 0 0 #fff;
	line-height:18px;
	font-size:12px;
	font-family: 'Istok Web', sans-serif;
	color:#666; 
	margin:0px;
	height:100%;
}
@font-face {
  font-family: FUTURA;
  src: url(FUTURA.OTF) format("opentype");
}

#container {
	width:950px;
	height:655px;
	border: solid 1px #a1cad5;
}
#logo{
	float:right;
	margin-top:-25px;
	margin-bottom:5px;
	margin-right:5px;
}
#logo img{
	width:290px	
}


p{
	font-size:12px;
	line-height:20px;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}
h1,h2,h3,h4,h5 {
	font-family: 'Istok Web', sans-serif;
}
h2{
    color: #a1cad5;
    font-size: 24px;
    font-weight: normal;
    margin: 10px 0 0;
    padding: 0;	
}
.inline{
  display: inline;
}
#bottom {
	margin:15px 0 5px 0;
}

a {
	color:#a1cad5;
	text-decoration:none;
}
a:hover {
	color:#000;
}


#homeslide { 
	padding:0 auto; 
	margin:0 auto; 
	width:900px; 
	height:600px;
	overflow:hidden;
}





#homeslide div img { display: none; margin: auto; display: block; width:900px; height:auto }

/* give each slide the same dimensions */
#homeslide div { width: 900px; height: 600px;  }

/* make sure each slide image is centered */
.pics { padding:0; margin:0 auto; text-align:center ;  }
.pics img { margin:auto;}

#footer	{
	text-align:center;
	font-size:100%;
	clear:both
}



#header {
	height:30px;
	border-bottom:solid 1px #bbc16b;
	padding-top:40px;

}
#page-image{
	width:310px;
	height:510px;
	overflow:hidden;
	float:left;
	clear:right;
	margin-left:50px;
}
.scroll-pane{
	width: 100%;
	height: 450px;
	overflow: auto;
}
#page-content{
	width:480px;
	height:510px;
	float:right;
	margin-right:50px;
	padding-bottom:10px;
}
#page-scroll{
	width:480px;
	height:400px;
	float:right;
	padding-bottom:10px;
}
#page-scroll p{
	width:460px;
}


#catalog-menu{
	width:210px;
	height:450px;
	overflow:hidden;
	float:left;
	clear:right;
	margin-left:50px;
}
#catalog-menu ul{
	padding:0px;
	margin:0px;
	list-style:circle;
	padding-bottom:20px
}
#catalog-menu ul li{
	padding:0px;
	margin:0px;
}
#catalog-menu li a{
	line-height:20px;
	color:#000
}

#catalog-menu #actived a{
	color:#a1cad5
}

#catalog-content{
	width:630px;
	height:450px;
	float:right;
	margin-right:50px;
}
#catalog-content #item{
	width:185px;
	margin-left:20px;
	margin-bottom:20px;
	background:#039;
	height:140px;
	overflow:hidden;
	float:left;
}



#titleslide{
	float:left;
	height:20px;
	margin-top:-10px;
	background:#FFF;
	margin-left:10px;
	padding-left:15px
}
#titleslide h2{
	float:left;
	font-weight:normal;
	font-size:12px;
	margin-top:0px;
	margin-right:5px;
	color:#000
}
#nav{
	float:left;
	margin:0px;
	padding:0px;
	margin-top:-2px;
	}
#nav a.activeSlide {
		background:url(images/active.gif);

	}

#nav li{
	position:relative;
	list-style:none;
	float:left;
	color:#FFF;
	height:25px;
	width:25px;
	text-align:center;
	margin:0px;
	padding:0px;
}
#nav li a{
	background:url(images/nonactive.gif);
	display:block;
	height:25px;
	width:25px;
	text-decoration:none;
	outline:none;
}
#nav li a:hover{
		background:url(images/active.gif);
		height:25px;
	width:25px;
}

#success{
	color:#090	
}

#error{
	color:#F00	
}