/* using css magic, thank you for showing interest */
*{
	margin:0;
	padding:0;
}
body{
	background: #F6F6F3;
	
	color:#393925;
	text-align:center;
}
div,p,td,li,input,textarea,a,select {font-family: "Lucida Grande", "Lucida Sans Unicode","Trebuchet MS", Arial;
font-size : 10px; letter-spacing:0.5px;}
td, th{
	padding:3px 5px;
}
strong,th {
	font-weight: normal;
	color:#684B3E;
}
a{
	color:#684B3E;
	text-decoration:none;
}
a:hover{
color:#684B3E;
	color:#999;
}
h1{
	position:absolute;
	text-indent:-8000px;
	width:290px;
	height:75px;	
	left:14px;
	top:0px;
	z-index:1;
	background: url("logo.gif") no-repeat;
}
h2{
	font-size:16px;	
	text-transform:uppercase;
	line-height:32px;
	font-weight:normal;
	color:#684B3E;
	padding-top:8px;
}
h3{
	font-size:13px;	
	font-weight:normal;
	color:#684B3E;
	text-transform:uppercase;
	
}

p{
	margin:10px 0;
	clear:both;
	line-height:14px;
	text-align:justify;
}
hr{
	display:none;
}
pre{
	background:#fff;
	font-family:"Courier New", Courier, mono;
	margin:15px 0;
	padding:10px;
	border-top:1px solid #E4E4DB; 
	border-bottom:1px solid #E4E4DB; 
}
/* */
#container{
	margin:0px auto;
	width:800px;
	position:relative;
	text-align:left;
	border: 1px solid #CCC;
	background:#E3E0D7 url("bg.jpg") no-repeat;
}

#head{
	height:125px;
	background: url("header_bg.jpg") no-repeat;
	position:relative;
}
#content{
	background:url("content_.gif") repeat-y;
	padding:0 0 0 14px; 
	height:485px;
	
}
#content li{
	list-style:none;
	padding-left:11px;
	background: url("arrow000.htm") no-repeat 0 5px;
	line-height:1.5em;
}
#left{
	float:left;
	width:415px;
	padding-top:30px;
}
#left h3{
	padding-left:0px;
	margin-bottom:10px;
	margin-top:15px;
	background:url(ico_arti.gif) no-repeat;
}

#top{
	background:#E4E4DB url(top_bacl.gif) no-repeat;
	height:139px;
	padding:0 20px 0 70px;
	border-bottom:1px solid #fff;
}
#index #top p{
	width:200px;
}
.article{
	padding:10px 10px;
	
}
.text{
	padding:10px 10px;
}
#right{
	float:left;
	margin-left:15px;
	width:342px;
	color:#62624E;
	
}
#right h3{
	line-height:23px;
	text-indent:10px;
	background:#3A1F32;
	font-size:11px;
	margin:3px 10px;
	color:#fff;
	
}

#right p{
	margin:8px 10px;
}
#right a{
	white-space:nowrap;
}
#right a:hover{
background:#7B7B69;
	color:#E4E4DB;
}
#right ul{
	margin:0px 10px;
	
}
#right li h3{
	list-style:none;
	margin-bottom:1px;
	background:#684B3E;
	padding:0;
	margin:0;
	
}

#right li {
	padding:0;
	margin:0;
	margin-bottom:2px;
	
}
#right li img,#right p img {
	border:1px solid #F6F6F3;
	margin-top:3px;margin-bottom:7px;
	
}
#right li p strong {
	text-transform: uppercase;
}
#right li h3 a{
	display:block;
	width:100%;
	
	line-height:20px;
	background:#684B3E;
	color:#E4E4DB;
}
#right li a:hover{
	background:#7B7B69;
}
#rightheader {
	padding:9px;
	color:#E4E4DB;
	height: 30px;
}
#full {
	border:1px solid #C2C1B0;
	
}
.thumb img{
	float:left;
	
	margin:6px;
	
	
}
.pager {
float:right;
text-align:right;
	color:#684B3E;
}
.accordion {
	background:#E3E0D7;
	
}
.toggler {
	margin-top:7px;
}
a.thumb:hover{
	background:none;
}
.thumb img, #designList a:hover img{
	border:1px solid #888;
}
.more{
	display:block;	
}
.more a:hover{
	background-color:#684B3E;
	color:#fff;
}

#footer{
	background:url(footer_bg.jpg) no-repeat;
	padding:13px 0;
	z-index:3;
}
.input {
	background:#fff;
	border:1px solid #C2C1B0;
	width:250px;
	line-height:13px;
	height:13px;
}
.inputArea {
	background:#fff;
	border:1px solid #C2C1B0;
	width:250px;
	line-height:16px;
}


.comment{
	background:#fff;
	margin:0;
	padding:5px;
	border:1px solid #C2C1B0;
	 height:80px;
	line-height:15px;
	margin-top:10px;
}
/* --------------------- menu ------------------------ */
/* MENU */
#menu{
	position:absolute;
	width:800px;
	height:24px;
	left:0px;
	top:80px;
}
#menu li{
	display:inline;
	float:left;
	height:15px;
	width:120px;
	list-style:none;
	border-right:1px solid #393925;
	text-align: center;
	
}
#menu li#first{
	margin-left:0;
}
#menu a{
	display:block;
	height:15px;
	width:120px;
	background-position:0 3px;
	background-repeat:no-repeat;
	color:#000;
}
.border {
	border: 5px solid #FFF;
}

/* FOOTER MENU */
#footerMenu{ 	
	padding:20px 0 6px 15px ;
	text-align:left;
}
#footerMenu li{
	background:none;
	display:block;
	float:right;
	list-style: none;
	margin-right:10px;
	
}
#footerMenu a{
	font-size:10px;
	color:#E4E4DB;
}
#footerMenu a:hover{
	color:#3A1F32;
}
/* --------------------- float fix ------------------------ */
#content:after, .article:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#content, .article {
	display: block;
}
/* Hides from IE-mac \*/
* html #content, * html .article {
	height: 1%;
}
#content, .article {
	display: block;
}
/* End hide from IE-mac */
/* end float fix */