@charset "utf-8";
/* CSS Document */


/*defaults*/

body{
margin:0;
padding:0;
background:url(../images/body-background.png) repeat-x #405664;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
line-height:1.75em;
behavior:url(csshover3.htc);
}

img.test:hover {
border:2px solid #FFFFFF;
behavior:url(csshover3.htc)
}


a {
color:#FFFF99;
}

#stripe{
margin:0;
padding:0;
display:block;
width:100%;
min-height:800px;
background:url(../images/strip-background.png) left top no-repeat;
}




/*Structure*/


#header
{background:url(../images/header-background.png) repeat-x;
display:block;
height:175px;
width:100%;
}

#header-container{
display:block;
width:649px;
margin:0 auto;
height:175px;
}

#nav{
margin:0 auto;
padding:0;
display:block;
width:649px;

}

#container{
display:block;
width:800px;
margin:0 auto;}

#content {
margin:0 auto;
padding:0 10px;
width:780px;
min-height:600px;
}


#banner{background:url(../images/banner.png) no-repeat;
width:660px;
height:295px;
margin:0 auto;
padding:10px;
display:block;
z-index:0;
position:relative;

}

#banner h2 {
line-height:1.75em;
margin:0px;
padding-bottom:0px;
font-size:22px;
}

#banner p {
margin:0px;
}


#footer {
display:block;
margin:0 auto;
height:61px;
background:url(../images/footer-background.png) repeat-x #2b3840;
padding:5px;
text-align:center;

}

#footer a {
text-decoration:none;}


.clear
{clear:both;
}

.ftlt{
float:left;
}
.ftrt{
float:right;}


/*Navigation*/

#nav ul {
list-style:none;
margin:0 auto;
padding:0;
display:block;
position:relative;

}

#nav li{
float:left;
height:68px;
display:block;
}

#nav li a{

text-decoration:none;
color:#FFFFFF;
text-align:center;
display:block;
padding:15px 0 30px 0;
font-size:14px;
}

#nav li a:hover{
color:#000000;
}

#nav a.about{
background:url(../images/about-tab.png) no-repeat;
width:98px;


}


#nav ul li a.about:hover li a {
color:#FFFFFF;
text-decoration:none;
border-bottom:1px solid #999999; display:block;
height:25px;
padding: 5px 0 0 0;
}





#nav a.customer{
background:url(../images/customer-tab.png) no-repeat;
width:142px;


}




#nav li.customer {
position:relative;

}

#nav li.customer ul{
position:absolute;
top:-9999999px;
z-index:500;
background:#FFFFFF;
margin:0;
}



#nav ul li.customer:hover ul.subcustomer{
background:#666666;
padding:5px;
float:left;
display:block;
left:0;
top:61px;
z-index:5000;


}




#nav ul li.customer:hover ul li{
margin:0;
padding:0;
height:25px;
border-bottom:1px solid #999999;
float:none;
width:210px;
z-index:5000;


}

#nav ul li.customer:hover ul li a {
color:#ffffff;
margin:0;
padding:3px 0 0 0;
text-align:left;
}


#nav ul li.customer:hover ul li a:hover {
color:#FFFF66;
font-style:italic;

}


#nav ul li.customer:hover ul.sub li.customer:hover ul.sub2{
background:#666666;
padding:5px;
float:left;
display:block;
left:150px;
top:-5px;
z-index:5000;



}























#nav a.products{
background:url(../images/products-tab.png) no-repeat;
width:105px;



}


#nav li.products {
position:relative;

}

#nav li.products ul{
position:absolute;
top:-9999999px;
z-index:500;
background:#FFFFFF;
margin:0;
}



#nav ul li.products:hover ul.sub{
background:#666666;
padding:5px;
float:left;
display:block;
left:0;
top:61px;
z-index:5000;



}




#nav ul li.products:hover ul li{
margin:0;
padding:0;
height:25px;
border-bottom:1px solid #999999;
float:none;
width:150px;

}

#nav ul li.products:hover ul li a {
color:#ffffff;
margin:0;
padding:3px 0 0 0;
text-align:left;
}


#nav ul li.products:hover ul li a:hover {
color:#FFFF66;
font-style:italic;

}


#nav ul li.products:hover ul.sub li.products:hover ul.sub2{
background:#666666;
padding:5px;
float:left;
display:block;
left:150px;
top:-5px;
z-index:5000;



}








#nav a.gallery{
background:url(../images/gallery-tab.png) no-repeat;
width:142px;



}

#nav a.basket{
background:url(../images/basket-tab.png) no-repeat;
width:95px;



}

#nav a.blog{
background:url(../images/blog-tab.png) no-repeat;
width:83px;



}

#nav a.login{
background:url(../images/login-tab.png) no-repeat;
width:78px;



}




ul.shortcut {
list-style:none;
margin:50px 0 0 0;
padding:0;
}

.shortcut li{
float:left;
text-align:center;
margin:0;
padding:0;}

.shortcut a{
text-decoration:none;
color:#FFFFFF;}