@charset "iso-8859-1";

body{
font:.8em/1.8em verdana, arial,sans-serif;
background-image:url(img/background.png);/*change the body background image here*/
background-color:#0058ef;/*change body background color here*/
}

#wrapper{
position:relative;
text-align:left;
width:715px;
 
margin-right:auto;
margin-left:auto;
padding:0;
background-color:#ffffff;/*This is the background color for the center block or wrapper, where all your content is. In IE it will fill the whole block, in Mozilla and Fire Fox it will only fill in back of the header image, If you change this color then change it in content,left, and nav below*/
}
#header{
width:715px;
height:188px;
background-image:url(img/header.gif);
background-repeat:no-repeat;
background-color:#ffffff;
}
#header .logo{
float:left;
margin-left:10px;
margin-top:20px;
font:250% Georgia, "Times New Roman", Times, serif;
color:#CC0000;
background-color:transparent;
}
#header .strapline{
float:right;
font:150% Georgia, "Times New Roman", Times, serif;
color:#FF3366;
background-color:transparent;
margin-top:120px;
margin-right:10px;
}
#sidebar{
position: absolute;
background-color:#c0c0c0;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
padding:10px 5px 6px 5px;
width:226px;
}
#sidebar .products{
float:right;
font:100% Georgia, "Times New Roman", Times, serif;
color:#000000;
background-color:#c0c0c0;
width:226px;
}
#sidebar .articles{
float:right;
font:100% Georgia, "Times New Roman", Times, serif;
color:#000000;
background-color:#c0c0c0;
width:226px;
}
#sidebar .testimonials{
float:right;
font:100% Georgia, "Times New Roman", Times, serif;
color:#000000;
background-color:#c0c0c0;
width:226px;
height:300px;
overflow:auto;
}
#sidebar .affiliates{
float:right;
font:100% Georgia, "Times New Roman", Times, serif;
color:#000000;
background-color:#c0c0c0;
width:226px;
}

#content{
float:right;
background-color:#ffffff;
border-left:2px solid #6600ff;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
padding:10px 5px 6px 5px;
width:464px;
}
#content h1{
font-size:200%;
color:#711515;
background-color:transparent;
}
#content h2{
font-size:150%;
color:#711515;
background-color:transparent;
}
.indent{
border:2px solid #c0c0c0;
padding:5px;
background-color:#ffff00;
}
a:active     {  font-family: Verdana; font-size: 100%; color: #000000}
a:link       {  font-family: Verdana; font-size: 100%; color: #000000}
a:visited    {  font-family: Verdana; font-size: 100%; color: #000000}

.leftimg{
float:left;
border:2px solid #000000;
margin-right:20px;
margin-bottom:6px;
}


ul#tabnav{
list-style-type:none;
margin:0;
padding-left:110px;
padding-bottom:24px;
border-bottom:1px solid #711515;
font: bold 11px verdana, arial, sans-serif;
background-color:#000000;
}
ul#tabnav li{
float:left;
height:21px;
color:#FFFFFF;
background-color:transparent;
text-decoration:none;
padding:1.5px;
}
ul#tabnav a:link{
display:block;
color:#FFFF00;
background-color:transparent;
text-decoration:none;
padding:4px;
}
ul#tabnav a:visited{
display:block;
color:#FFFFFF;
background-color:transparent;
text-decoration:none;
padding:4px;
}
ul#tabnav a:hover{
background-color:#000000;
color:#ffffff;
}
body#index li.index{
border-left:1px solid #711515;
border-right:1px solid #711515;
border-top:1px solid #711515;
border-bottom:1px solid #ffffff;
color:#000000;
background-color:#ffffff;
}
body#purchase li.purchase{
border-left:1px solid #711515;
border-right:1px solid #711515;
border-top:1px solid #711515;
border-bottom:1px solid #ffffff;
color:#000000;
background-color:#ffffff;
}
body#support li.support{
border-left:1px solid #711515;
border-right:1px solid #711515;
border-top:1px solid #711515;
border-bottom:1px solid #ffffff;
color:#000000;
background-color:#ffffff;
}
body#faq li.faq{
border-left:1px solid #711515;
border-right:1px solid #711515;
border-top:1px solid #711515;
border-bottom:1px solid #ffffff;
color:#000000;
background-color:#ffffff;
}
body#download li.download{
border-left:1px solid #711515;
border-right:1px solid #711515;
border-top:1px solid #711515;
border-bottom:1px solid #ffffff;
color:#000000;
background-color:#ffffff;
}
body#about li.about{
border-left:1px solid #711515;
border-right:1px solid #711515;
border-top:1px solid #711515;
border-bottom:1px solid #ffffff;
color:#000000;
background-color:#ffffff;
}
body#gallery li.gallery{
border-left:1px solid #711515;
border-right:1px solid #711515;
border-top:1px solid #711515;
border-bottom:1px solid #ffffff;
color:#000000;
background-color:#ffffff;
}
 
body#index li.index a:link{
color:#000000;
background-color:#ffffff;
}
body#index li.index a:visited{
color:#000000;
background-color:#ffffff;
}
body#purchase li.purchase a:link{
color:#000000;
background-color:#ffffff;
}
body#purchase li.purchase a:visited{
color:#000000;
background-color:#ffffff;
}
body#support li.support a:link{
color:#000000;
background-color:#ffffff;
}
body#support li.support a:visited{
color:#000000;
background-color:#ffffff;
}
body#faq li.faq a:link{
color:#000000;
background-color:#ffffff;
}
body#faq li.faq a:visited{
color:#000000;
background-color:#ffffff;
}
body#download li.download a:link{
color:#000000;
background-color:#ffffff;
}
body#download li.download a:visited{
color:#000000;
background-color:#ffffff;
}
body#gallery li.gallery a:link{
color:#000000;
background-color:#ffffff;
}
body#gallery li.gallery a:visited{
color:#000000;
background-color:#ffffff;
}
 #gallist{
background-color:#ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
border-bottom:1px solid #ffffff;
padding:10px 5px 6px 5px;
width:700px;
}
#albumlist{
list-style-type:none;
background-color:#ffffff;
}
#albumlist li{
float:left;
margin-right:6px;
margin-bottom:10px;
font:bold 0.8em Arial, Helvetica, sans-serif;
color:#333333;
}
#albumlist img{
display:block;
border:1px solid #333300;
}

#footer{
clear:both;
margin-top:10px;
padding-top:10px;
background-color:#000000;
color:#ffffff;
}