﻿body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	background-color:#4e4e4e;
	background-image:url('images/bkg.gif');
	background-attachment:fixed;
}
#container
{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background-color:#333;
	border:1px solid #000000;
}
#header
{
	width:100%;
	background-image:url('images/header-bkgr.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	height:125px;
}
#logo
{
	float:left;
	width:30%;
	height:125px;
	background-image:url('images/header-bkgr.jpg');
}
#headerlinkstop
{
	color:white;
	font-size:small;
	text-align:right;
	padding-top:5px;
	padding-bottom:0px;
	height:80px;
	width:100%;
}

#headernavigation
{
	float:right;
	width:70%;
	text-align:left;
	vertical-align:bottom;
	height:125px;
	color:black;
	font-weight:bold;
	border:0px;
	font-size:smaller;
	background-image:url('images/header-bkgr.jpg');
	display:inline;
	
}
#headerlinkbottom
{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	display:inline;
}

#headernavigationlist
{	
	margin:0px;
	list-style:none;
	padding:0px;
	display:inline;
}
#headernavigationlist 
{
	list-style:none;
	display:inline;
	margin-right:10px;
	margin-top:20px;
	
}
#headernavigationlist a,#headernavigationlist a:hover,#headernavigationlist a:link,#headernavigationlist a:visited
{
	font-family: "Century Gothic";
	text-decoration:none;
	color:black;
	display:inline;
	
}
#subheader
{
	width:100%;
	clear:both;
}
#footer
{
	clear:both;
	width:800px;
	text-align:right;
	margin-right:50px;
	padding-top:10px;
	color:white;
	font-size:smaller;
	background-image:url('images/silver_bar.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	font-weight:bold;
}
#leftbar
{
	width:150px;
	float:left;
	height:1060px;
	margin-left:10px;
	color:white;
	background-image:url('images/left-nav-bkgr.jpg');
	background-repeat:repeat-y;
}
#breadcrumbs,#breadcrumbs a:visited,#breadcrumbs a:link,#breadcrumbs a:hover
{
	text-align:left;
	padding: 5px;
	color:white;
	background-color:#333;
	text-decoration:none;
}
#content
{
	float:right;
	width:630px;	/* offset by 20 because of design and leftbar */
	background-color:#333;
	height:800px;
}

.menu
{
	list-style:none;
	padding-left:2px;
	margin-left:0px;
}
.menu li a,.menu li a:link,.menu li a:hover, .menu li a:visited, .menu li
{
	font-family: "Century Gothic";
	color:white;
	font-weight:bold;
	list-style:none;
	text-decoration:none;

}

.picturebox
{
	float:left; 
	width:40%; 
	padding:5px;
	height:200px;

}
.linkbox
{
	font-family: "Century Gothic";
    font-size:medium;
    float:right; 
	padding:5px; 
	text-align:left; 
	width:55%; 
	height:200px;	
}
.linkbox a, .linkbox a:hover,.linkbox a:active,.linkbox a:link,.linkbox a:visited{
	color:#ec7624;
	font-weight:bold;
	text-decoration:none;
	
}
.textbox
{
	font-family: "Century Gothic";
	color:white;
    font-size:small;
    clear:both;
	width:90%;
	padding:10px;
}
.producttext1
{
	font-family: "Century Gothic";
    font-size:small;
    color:white;
    text-align:left;
 
 
}.textbox2
{
	font-family: "Century Gothic";
	color:white;
    font-size:x-small;
    clear:both;
	width:90%;
	padding:10px;
}
.headtextbox
{
	
color:#ec7624;
font-weight:bold;
font-size:large;
text-align:center;
	
}
a:link, a:visited, a:hover, a:active
{
	color:white;
	text-decoration:underline;
	text-align: right;
}
