html { 
margin:0 auto;
padding:0px;
}

body {
text-align:center;
max-width: 820px;
margin:0 auto;
padding:0px;
background-color:#e7e8e9;
font-family:Arial, Helvetica, sans-serif;}

#pageholder{
margin:0 auto;
padding:0px;
width: 820px;
height:inherit;
text-align:center;
background-image:url(images/bg.jpg);
background-repeat:repeat-y;
}

html>body #pageholder{
float:left;
height:auto;
}

#content{
float:left;
width:810px;
margin-left:4px}

html>body #content{
margin-left:10px
}

#contentregion{
float:left;
text-align:left;
margin:20px 20px 20px 20px;
color:#666666;
font-size:12px;}

#contentregion h1{
font-size:20px;
font-weight:100;
margin:4px 0 4px 0;
padding:0;}

#contentregion p{
margin:4px 0 6px 0;
padding:0;}

#leftcol{
vertical-align:top;
padding-top:20px;
width:202px;
}

#leftcol img{
}

.logo{
float:left;
margin:0 0 10px 20px;
}

#leftbox{
margin:0 0 10px 10px;
width:162px;
float:left;
}

html>body #leftbox{
margin:0 0 10px 20px;}

#panelmenu{
margin:0 0 10px 10px;
width:162px;
float:left;
}

html>body #panelmenu{
margin:0 0 10px 20px;}

#searchbox{

background-color:#c2c2c2;
width:162px;
float:left;
margin:0 0 10px 0;
}


html>body #searchbox{
margin:0 0 10px 20px;}

#rightcol{
vertical-align:top;
width:560px;
}

#navbar{
float:left;
margin-top:20px;
width: 600px;
background-image:url(images/menu.jpg);
height:26px;
}

#shaddowbox{
padding:15px;
}

#frontpagepic img{
float:left;
}

#logbox{
float:left;
width:234px;
height:185px;
padding:15px 15px 0 15px;
color:#898989;}

#smallbox{
float:left;
background-image:url(Images/smallboxbg.jpg);
background-repeat:repeat-x;
width:134px;
height:105px;
padding:0 15px 0 15px;
color:#898989;
}

#smallbox h1{
font-size:16px;
font-weight:bold;
margin:0;
padding:0;
color:#464646;}

#products{
width: 550px;
height:370px;
}

#proditem{
float:left;
width:120px; height:175px;
text-align:center;
margin:0 8px 0 8px;}

#proditem img{
}


#proditem a{
color:#514e4e;}

#prodname{
height:40px;}

.stripe{
float:left;}

#footer{
float:left;
padding-left:200px;
width: 620px;
background-image:url(images/footer.jpg);
color:#939ca1;
height:26px;
font-size:12px;
line-height:26px;
}

#footer a{
color:#666666;
text-decoration:none;
}

#footer a:hover{
color:#939ca1;

}


h1, h2, h3, h4, h5, th, thead, tfoot {font-family:Arial, Helvetica, sans-serif; }
h1 {font-size:20px; }
h2 {font-size:18px; font-weight:100; }
h3 {font-size:16px; }
h4 {font-size:14px; }
h5 {font-size:12px; }
h6 {font-size:10px; }
p, td { }
tfoot, thead { }
th { }

small { font-size: .9em; }
big { font-size: 1.2em; }
blockquote, pre { font-family: Courier New, monospace; font-size: 1em; }
img { border: none; }

img.left{
float:left;
margin:0 8px 8px 0;}

img.right{
float:right;
margin:0 0 8px 8px;}

a:link { color: #464646; text-decoration: none; }
a:visited { color: #464646; text-decoration: none; }
a:active { color: #464646; text-decoration: none; }
a:hover { color: #959595; text-decoration: none; }

/* Samples */
blockquote { font-size: 1em; padding: 8px; }
blockquote.withheading { font-size: 1em; padding: 0px; }
blockquote.withheading h1 { font-size: 1.1em; margin: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 16px; }
blockquote.withheading p { font-size: 1em; margin: 0px; padding: 8px; }

/* Misc */
.pad4 { padding: 4px; }
.pad8 { padding: 8px; }
.blackborder1 { border: 1px solid #000000; }
.blackborder2 { border: 2px solid #000000; }
