/* CSS Document */
@import url('reset.css'); 
@import url('typography.css');

body 
{
background-color: #E7EEE7;
margin: auto;
width: 100%;
}

div#header-upper-shadow
{
background: url('../img/header-upper-shadow.png') repeat-x;
border-bottom: 2px groove #E7EEE7;
height: 20px;
width: 100%;
}

div#header 
{
background: url('../img/header-image.jpg') no-repeat center;
background-color: #2B2F18;
border-bottom: 2px ridge #E7EEE7;
height: 200px;
width: 100%;
}

div#logo 
{
margin: auto;
padding-top: 185px;
background: url('../img/sitelogo.png') no-repeat left;
width: 800px;
}

div#content 
{
margin: auto;
padding-bottom: 100px;
position: relative;
width: 800px;
}

div#content-upper-shadow 
{
background: url('../img/lower-shadow.png') repeat-x;
height: 20px;
width: 100%;
}

div#content-block {
background-color: #ffffff;
border: 1px solid #bababa;
clear: both;
margin-top: 75px;
overflow: hidden;
padding: 15px;
width: 768px;
}

div#content-lower-shadow 
{ 
background: url('../img/header-upper-shadow.png') repeat-x;
clear: both;
border-bottom: 2px groove #E7EEE7;
height: 20px;
width: 100%;
}

div#footer-image 
{
background: url('../img/footer-image.jpg') no-repeat center;
background-color: #2B2F18;
border-bottom: 2px ridge #E7EEE7;
height:50px;
width:100%;
}

div#footer-shadow 
{
background: url('../img/lower-shadow.png') repeat-x;
height: 20px;
width: 100%;
}

p#footer-txt 
{
height: 25px;
width: 100%;
}

ul#tabs 
{
margin-top: 30px;
position: absolute;
right: 0px;
top: -65px;
}

ul#tabs li 
{
background: url('../img/tabs-sprite.png') no-repeat;
float: left;
height: 35px;
margin-right: 1px;
width: 100px;
}

ul#tabs li a 
{
display: block;
height: 100%;
text-indent: -9000px;
width: 100%;
}

ul#tabs li#main {background-position: 0px 0px;}

ul#tabs li#main:hover {background-position: 0px -40px;}

ul#tabs li#main.current, ul#tabs li#main:active {background-position: 0px -80px;}

ul#tabs li#catalog {background-position: -100px 0px;}

ul#tabs li#catalog:hover {background-position: -100px -40px;}

ul#tabs li#catalog.current, ul#tabs li#catalog:active {background-position: -100px -80px;}

ul#tabs li#help {background-position: -200px 0px;}

ul#tabs li#help:hover {background-position: -200px -40px;}

ul#tabs li#help.current, ul#tabs li#about:active {background-position: -200px -80px;}

ul#tabs li#contact {background-position: -300px 0px;}

ul#tabs li#contact:hover {background-position: -300px -40px;}

ul#tabs li#contact.current, ul#tabs li#contact:active {background-position: -300px -80px;}

a:link {
	color:#757891;
	text-decoration: none;
}
a:visited {
	color:#757891;
	text-decoration: none;
}
a:hover {
	color:#8E99FF;
	text-decoration: none;
}
a:active {
	color:#8E99FF;
	text-decoration: none;
}
a#cur {
	color:#8E99FF;
	text-decoration:none;
}