/*
################### Common ################### 
*/

*{
margin:0;
padding:0;
text-decoration:none;
}

.clear{
clear:both;
}

html {
overflow: -moz-scrollbars-vertical;
}

#skipto{
display:none;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*  # Layout ###################  */

body{
font:75%/1.5  "Palatino Linotype", "Book Antiqua", Palatino, serif, Helvetica, Arial,Verdana, sans-serif;
color:#797979;
margin-top:3px;
}

#container{
width:auto;
margin:10px auto;
}

#main{
	padding:10px 10px 0 0;
	position: relative;
	/*height:32px;
	left: 26px;
	width: 9px; */
}

#context{
margin:20 20 20 20;
padding:2em;
font-size:large;
font-weight:bold;	
}

#main img.illusion { 
float:left;
margin:0 1em 1em 1em;
padding:0 1em 0 0;
}

#footer{
margin-right:60px;
padding-top:1.5em;
padding-left: 2em;
clear:both;
}

#main p{ 
margin:0 0 0 0;
font-size:small;
font-weight:bold;
}

#main li{ 
margin:0em 0 0 0;
/*padding: .05em; */
font-size:small;
text-indent:50px;
}

#goods li{ 
margin:0 0 0 0;
text-indent:20px;
}

#main-img{ 
float:left;
margin:0 1em 1em 1em;
}

#main-content{ 
float:left;
margin:0 1em 1em 2em;
padding:0 1em 0 0;
}

#main-bottom-content{ 
float:left;
width:700px;
margin:0 5em 0 2em;
padding:0 0 1em 1em;
font-size:small;
font-weight:bold;
}

/* # header-Nav ##################*/

#header-nav{
list-style: none;
float:right;
margin:125px 10px 0 0;
padding-right: 2em;
}

#header-nav li{
display:inline;
}

#header-nav li a{
display:block;
float:left;
padding-left:12px;
margin-left:10px;
border:none;
}

#header-nav li a span{
display:block;
float:left;
padding-right:12px;
padding-top:2px;
height:19px;
color:#7e8176;
}

#header-nav li a:hover, #nav li.current a{
background: url(images/nav.gif) no-repeat top left;
cursor: pointer;
}

#header-nav li a:hover span, #nav li.current a span{
background: url(images/nav.gif) no-repeat top right;
color:#fff;
}

/*
################### Headings ################### 
*/

#logo{
width:319px;
height:200px;
background:url(images/logo.gif) no-repeat;
float:left;
}

#logo span{
position: absolute;
left:-9999px;
top:-9999px;
}

#logo a{
display: block;
height:100%;
width:100%;
border:none;
}


h1{
width:280px;
height:65px;
/*background:url(/images/logo.gif) no-repeat;*/
float:left;
margin-bottom:30px;
}

h1 span{
position:absolute;
left:-9999px;
}

h2{
font-size:2em;
font-weight:normal;
margin-bottom:30px;
}

h2 span{
font-size:0.4em;
}

h3{
width:345px;
height:30px;
background:url(/images/logo.gif) no-repeat;
margin:0 auto 30px auto;
}

h3 span{
position:absolute;
left:-9999px;
}
