/* Layout Properties */
body { 
	font-family: Times New Roman, serif; 
	background-color: #000; 
	background-image: url(images/bgtest.png); 
	background-repeat: repeat;
	font-size: 1em;
	line-height: 17px;
}

#wrap {
	background: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	width: 800px;
	height: 100%;
	padding-left: 5px;
	padding-right: 6px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 120px;
	background-image: url(images/header.png);

}

#nav {
	background-color: transparent;
	margin: 0;
	padding: 0;
	width: 800px;
}


#main_content {
	clear:both; 
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	width: 800px;

}

#main_content p{
	padding-left: 35px;
	padding-right: 45px;
}

#products{
	padding-left: 35px;
}

/* 3 'FEATURES' NEAR BOTTOM OF CONTENT */
#features {

	/* CHANGE THESE FOR BUTTON AREA TOP/BOTTOM SPACING*/
	margin-top: 30px;
	margin-bottom: 30px;
	
	
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	/*  border: 1px solid #ccc;  */
}

#features h4 {
	
}

#features p {
	font-size: 12px;
	padding: 0;
	margin: 0;
	margin-left: 64px;
	text-align: left;
	color: #000;
}



.gold {
	color: #000;
	font-size: 16px;
	padding-bottom: 0px;
	margin-bottom: -2px;
}

.icon {
	float: left;
	padding-top: 16px;
	padding-left: 8px;
	padding-right: 12px;
}

.item1 {
	/* border: 1px solid green; */
	
	margin-left: 5px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	width: 225px;
	
}
.item2 {
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	width: 225px;
	
}
.item3 {
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	width: 225px;
	
}

hr {
	height: 1px;
	border: 0;
	background-color: #F5CF01;
	color: #FFD800;
}

#footer {
	margin-top: 10px;
	background: transparent;
	color: #808080; 
	font-size: .75em; }
}

/* text styles */

p { 
font-size: 1em; 
font-family:  Times New Roman, serif;
line-height: 17px; 
margin-left: 40px; 
margin-top: 8px; 
margin-bottom: 20px; 
padding-right: 24px; 
}

.tagline {
font-family: Arial, Helvetica, sans-serif;
color: #EB0000; font-size: 16px;  line-height: 14px; font-weight: bold; padding-left: 35px;
padding-top: 0px; margin-top: 0px;
padding-bottom: 5px;
}

h1.tagline{
color: #EB0000; font-size: 18px;  line-height: 14px; font-weight: bold; padding-left: 35px;
padding-top: 0px; margin-top: 0px;
padding-bottom: 5px;

}

/*subheaders*/

h2 {
color: #000000;
font-family: Georgia, Garamond, Times New Roman, serif;
font-size: 16px;
display: inline;
padding-bottom: 6px;
}
.redi { color: #eb0000;}
.itech {font-size: 1em; font-family:  Times New Roman, serif; font-style: italic; font-weight: bold;}


.bold { 
	font-size: 1em;
    font-family: Times New Roman, serif; 
    font-weight: bold; 
}
.subh {
	font-size: .9em; font-family: Arial, Helvetica, sans-serif;
}

.blk{color: #000;}



/* Link styles */
a { color: #EB0000; text-decoration: none }
a:visited { color: #EB0000; text-decoration: none }
a:hover { color: #808080;  text-decoration: none }

#nav span a{
	color: #fff; font-size: 12px;  padding-right: 0;
}

#nav span.buttoncurrent a, #nav span.button a:hover{
	color: #000;
}

#products a {
	font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	color: #000;
	font-size: 18px;
	
}


/* top  menu link styles   */

#nav {
	margin: 0 auto;
	padding: 0 auto;
	width: 100%;
	height: 100%;
}

a.button
{
float: left;
display: block;
background-color: transparent;
background-image: url(images/buttonBackground.gif);
margin-bottom: 0px;
width: 90px;
height: 22px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 0px;
text-align: center;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 80%;
font-weight: normal;
text-decoration: none;
}

a.button:link, a.button:visited 
{
color: #000;
}

a.button:hover {
background-position: 0 -34px;
color: #000000;
}

a.button:active {
background-image: url(images/buttonBackground2.gif);
color: #000000;
}

a.button .current {
background-image: url(images/buttonBackground2.gif);
color: #FFFFFF;
}

a.buttoncurrent
{
float: left;
display: block;
background-color: transparent;
background-image: url(images/buttonBackground2.gif);
background-repeat: no-repeat;
margin-bottom: 0px;
width: 88px;
height: 22px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 5px;
padding-bottom: 0px;
text-align: center;
font-family: Helvetica, Calibri, Arial, sans-serif;
font-size: 80%;
font-weight: normal;
text-decoration: none;
}


/* misc text style*/

.tm {
	font-size: .7em; font-family: Arial, Helvetica, sans-serif;
}


/* MISC CSS AREA */

/*main content li's */
.indent {
	margin-left: 38px;
}

.indent2 {
	margin-left: 28px;
	margin-right: 38px;
	text-align: justify;
}

.indent3{
	margin-left: 48px;
}

.leftimage {
float: left;
margin-left:30px;
margin-right: 30px;
margin-bottom: 20px;
margin-top: 10px;
}

.leftimage2 {
float: left;
margin-left: 50px;
margin-right: 20px;
margin-bottom: 20px;
margin-top: 10px;
}

img.leftimage2 {padding-bottom: 25px;}

.rightimage {
float: right;
margin-left:30px;
margin-right: 38px;
margin-bottom: 20px;
margin-top: 10px;
}

.rightimage2 {
float: right;
margin-left: 10px;
margin-right: 120px;
margin-bottom: 10px;
margin-top: 10px;
}

.twolinks {
font-size: 11px;
float: right;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 0px;


}
.twolinks a {
position: relative;
bottom: 5px;
}

body .bottomimg
{float: right;}

.contentboxright
{

float:right;
margin-left: 20px;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;
padding-left:0px;
padding-right:10px;
padding-top:15px;
padding-bottom:2px;
width:310px;
height:145px;
background-color: transparent;
background-image: url(images/elementbackground.png);
color: black;
line-height: 20px;
}


.contentboxright:hover {

color: #EB0000;
background-image: url(images/elementbackground_alt.png);
}


.contentboxleft
{

float:left;
margin-left:20px;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;
padding-left:10px;
padding-right:0px;
padding-top:15px;
padding-bottom:2px;
width:310px;
height:150px;
background-color: transparent;
background-image: url(images/elementbackground.png);
color: black;
}

.contentboxleft:hover {
background-image: url(images/elementbackground_alt.png);
color: #EB0000;
}



.boxleft
{

float:left;
margin-left:2px;
margin-right:2px;
margin-top:2px;
margin-bottom:2px;
padding-left:40px;
padding-right:2px;
padding-top:30px;
padding-bottom:0px;
width:100px;
height:90px;


}

.boxright
{

float:right;
margin-left:2px;
margin-right:2px;
margin-top:2px;
margin-bottom:2px;
padding-left:2px;
padding-right:10px;
padding-top:10px;
padding-bottom:0px;
width:135px;
height:90px;

}


.categorybox
{

float: left;
margin-left: 20px;
margin-right:20px;
margin-top:20px;
margin-bottom:5px;
padding-left:0px;
padding-right:10px;
padding-top:10px;
padding-bottom:0px;
width:310px;
height:150px;
background-color: transparent;
background-image: url(images/prod_button.png);
color: black;
}

.categorybox:hover {
background-image: url(images/prod_button_hover.png);
color: black;
}


.productbox {
margin-left: 38px;
margin-right:5px;
margin-top:10px;
margin-bottom:10px;
padding-left:0px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
height: 100%;
width:675px;
color: black;
}

.productboxDVRCARDS {
margin-left: 38px;
margin-right:5px;
margin-top:10px;
margin-bottom:10px;
padding-left:0px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
height: 200px;
width:675px;
color: black;
}




.productboxcaption
{

float: left;
padding-left:10px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
margin-bottom: 10px; /*creates space for product titles below */
margin-left:0px;
width:700px;
height: auto;
line-height: 25px;
text-align: Left;
color: white;
background-image: url(images/product_title_background.png);
}

.productboximage
{

float: right;
width: auto;
height:auto;
}

.productboxdetails
{

padding-left:20px;
padding-right:5px;
padding-top:0px;
padding-bottom:0px;
margin-top: 25px;
margin-left:10px;
text-align: left;
}

.productbox li {
	margin-left: 38px;
}

.indent li {
	margin-left: 38px;
}



.linkbackimg {

margin-left:40px;
margin-right: 20px;
margin-bottom: 10px;
margin-top: 2px;

}

.linkbackimg:hover {
background-image: url(images/return_background.png);
color: #EB0000;
}


.formbox
{
float: left;
margin-left: 20px;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;
padding-left:10px;
padding-right:10px;
padding-top:20px;
padding-bottom:10px;
width:318px;
height:auto:
background-color: transparent;
color: black;
border: 1px solid #EB0000;
}


.formbox:hover {
background-image: url(images/categorybackground_alt.png);
color: #EB0000;
}

.linkboxyellow
{
float: left;
width:150px;
height:150px;
background-image: url(images/yellow_box.png);
color: black;
margin-left: 30px;
margin-right:20px;
margin-top:40px;
margin-bottom:5px;
padding-left:0px;
padding-right:50px;
padding-top:30px;
padding-bottom:20px;
}

.linkboxyellow:hover{
background-image: url(images/yellow_box_alt1.png);
color: black;
padding-left:30px;
padding-right:20px;
padding-top:30px;
padding-bottom:20px;
}


.linkboxyellow:active{
background-image: url(images/yellow_box_alt2.png);
color: black;
padding-left:33px;
padding-right:17px;
padding-top:33px;
padding-bottom:17px;
}


.linkboxgray
{
float: left;
width:150px;
height:150px;
background-image: url(images/gray_box.png);
color: white;
margin-left: 30px;
margin-right:20px;
margin-top:40px;
margin-bottom:5px;
padding-left:30px;
padding-right:20px;
padding-top:30px;
padding-bottom:20px;
}


.linkboxgray:hover{
background-image: url(images/gray_box_alt1.png);
color: white;
padding-left:30px;
padding-right:20px;
padding-top:30px;
padding-bottom:20px;
}


.linkboxgray:active{
background-image: url(images/gray_box_alt2.png);
color: white;
padding-left:33px;
padding-right:17px;
padding-top:33px;
padding-bottom:17px;
}

.linkboxred{
float: left;
width:150px;
height:150px;
background-image: url(images/#EB0000_box.png);
color: white;
margin-left: 30px;
margin-right:20px;
margin-top:40px;
margin-bottom:5px;
padding-left:30px;
padding-right:20px;
padding-top:30px;
padding-bottom:20px;
}

.linkboxred:hover{
background-image: url(images/#EB0000_box_alt1.png);
color: white;
padding-left:30px;
padding-right:20px;
padding-top:30px;
padding-bottom:20px;
}


.linkboxred:active{
background-image: url(images/#EB0000_box_alt2.png);
color: white;
padding-left:33px;
padding-right:17px;
padding-top:33px;
padding-bottom:17px;
}


.linkboxwhite
{

width:125px;
height:125px;
background-image: url(images/white_box.png);
color: black;
margin-left: 30px;
margin-right:30px;
margin-top:10px;
margin-bottom:5px;
padding-left:10px;
padding-right:15px;
padding-top:10px;
padding-bottom:15px;
}

.linkboxwhite:hover{
background-image: url(images/white_box_alt1.png);
color: black;
padding-left:10px;
padding-right:15px;
padding-top:10px;
padding-bottom:15px;
}


.linkboxwhite:active{
background-image: url(images/white_box_alt2.png);
color: black;
padding-left:12px;
padding-right:10px;
padding-top:12px;
padding-bottom:10px;
}


.linkboxwhite_right
{
float: right;
width:125px;
height:125px;
background-image: url(images/white_box.png);
color: black;
margin-left: 30px;
margin-right:10px;
margin-top:10px;
margin-bottom:5px;
padding-left:10px;
padding-right:15px;
padding-top:10px;
padding-bottom:15px;
}

.linkboxwhite:hover{
background-image: url(images/white_box_alt1.png);
color: black;
padding-left:10px;
padding-right:15px;
padding-top:10px;
padding-bottom:15px;
}


.linkboxwhite:active{
background-image: url(images/white_box_alt2.png);
color: black;
padding-left:12px;
padding-right:10px;
padding-top:12px;
padding-bottom:10px;
}

.testimonial_yellow
{
float: right;
width:250px;
height:160px;
background-image: url(images/yellow_testimonial.png);
color: black;
line-height: 14px;
font-size: .7em;
font-family: Arial, sans-serif;
font-weight: bold;
margin-left: 15px;
margin-right:30px;
margin-top:20px;
margin-bottom:0px;
padding-left:25px;
padding-right:25px;
padding-top:35px;
padding-bottom:25px;
}

.testimonial_yellow:hover
{
background-image: url(images/yellow_testimonial_alt.png);
}


.formborder
{
width: 684px;
border: 1px solid gray;
margin-left: 38px;
margin-right:5px;
margin-top:5px;
margin-bottom:5px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
background-color: #ccc;
}

.top{
	margin-top: -4px;
}

ul { list-style-image: url("images/bullet.png"); }

#products{ 
	float:left;
}
#extend {
	background: #fff;
	height: 4220px;}
}

.list  { font-size: 13px; line-height: 14px; padding-left: 20px  }
img{border:none;}
.left {float: left; margin-right: 15px;}
.right {float: right}
.clearit {clear: both;}
.clearallpadding {
	margin:0;
	padding: 0;
}