/* --- DEFAULTS ---------------- */

:link, :visited {
text-decoration:none;
}

ul, ol {
list-style:none;
margin: }

h1, h2, h3, h4, h5, h6 {
font-weight:normal;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, body, html, p, blockquote {
margin:0;
padding:0;
}

/* --- BODY -------------------- */

body {
font-family:verdana,arial,helvetica,sans-serif;
font-size: 100%;
color:#fff;
background:url(images/background.jpg) 50% 0 no-repeat #000;
min-width: 700px;
}

/* --- CONTAINER --------------- */

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

/* --- CONTENT ----------------- */

#content {
float:left;
text-shadow:#666
width:168px;
height:395px;
margin: 193px 5px 0px 110px;
padding: 0;
}

#content h1 {
width: 157px;
margin:1px 5px 2px 5px;
font: verdana,sans-serif;
letter-spacing:1px;
font-size: .9em;
text-align: center;
text-shadow: 2px 2px 3px #666;
text-transform: uppercase;
border-bottom: 1px #fff solid; }

#content h2 {
position:relative;
top:10px;
margin:1px 5px 2px 5px;
padding-left:18px;
text-shadow: 2px 2px 3px #666;
font: verdana,sans-serif;
letter-spacing:1px;
font-size: 1em;}

#content h3 {
position:relative;
top:10px;
margin-left:5px;
padding-left:13px;
font: verdana,sans-serif;
letter-spacing:1px;
font-size: 1em;}

#content p {
width: 170px;
margin-left:5px;
padding-top:8px;
font-size: .7em;
text-align: left;
line-height: 1.6em;
}

#content ol, #content ul {
margin-left:5px;
padding:4px 2px 6px 5px;
font-size: .7em;
text-shadow: 2px 2px 3px #707080;
line-height: 1.2em;
}

#content ol {
list-style-type: decimal;
}

#content li {
margin-left:20px;
list-style-type: square; 
}

#content .first {
padding-top:4px;
border-top:2px solid #e2e2e2;
}

#content a {
font:bold verdana,sans-serif;
color:#fff;
text-decoration:underline;
}

#content a:hover {
color:#1987d4;
}

#gallery {
float:left;
width:438px;
height:210px;
margin: 33px 0px 0px 113px;
padding: 0;
}

#gallery a {
display: block;
height:110px;
font-size: 0.65em; 
font-weight: bold;
color: #000000;
text-align: center;
padding-top:97px;
}

#dividers {
float:left;
width:88px;
height:117px;
}

#rollables {
margin-left: 25px;
float:left;
width:88px;
height:117px;
}

#fabrics {
margin-left: 25px;
float:left;
width:88px;
height:117px;
}

#tackboards {
margin-left: 25px;
float:left;
width:88px;
height:117px;
}

/* Toolbar Styles */
#navcontainer  { 
float: right;
width: 73px; 
height:118px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
margin: 230px 184px 0px 135px; 
padding: 0;
}

#navcontainer #current {
	text-shadow: 0px 1px 1px #000;
}

#navcontainer .currentAncestor {
	text-shadow: 0px 1px 1px #000;
}
/* Parent - Level 0 */

#navcontainer ul   { 
font-size: 0.5em; 
font-weight: bold; 
text-transform: uppercase; 
list-style: none; 
margin: 0; 
padding: 0; }

#navcontainer li {
	display: inline;
}

#navcontainer a {
	display: block;
	padding-top: 6px;
	padding-left: 6px;
	color: #ffffff;
	text-shadow: 1px 1px 2px #000;
	text-decoration: none;
	text-align: left;
	height: 18px;
	margin-bottom: .75em;
	background: #666;
}

#navcontainer a:hover { 
	color: #ffffff;
	text-shadow: 0px 1px 1px #000;
	text-decoration: none;
	background: #ADADAD;
}

/* Fix IE. Hide from IE Mac \*/
* html #content {margin-left: 53px;}
* html #navcontainer {position: relative; margin: 230px 92px 0px 215px;}
* html #navcontainer ul li { float: left; height: 1%; }
* html #navcontainer ul li a { height: 18px; }

/* --- INFO-SITE --------------- */

#info-site {
clear:both;
height:120px;
width:800px;
margin:0 auto;
font-size: .7em;
}

#info-company {
width:520px;
padding-top:9px;
text-align:center;
font:verdana,arial,helvetica,sans-serif;
}

#info-company a {
color:#B9B9B9;
padding:0px 10px 0 10px;
}

#info-company a:hover {
color:#1987d4;
}