﻿html, body {background:url("../images/bg.gif") repeat-x;
		background-color: #101B59;
        margin:0px;
        padding:0px;
        text-align: center;
		height: 100%;
		width: 100%;
		font-family: arial, verdana, sans-serif;
		color:#333;
 		}

#waves  {width: 950px;
		height:163px;
		margin-left: auto;
		margin-right: auto;
		position:absolute;
		top: -10px;
		z-index:-1px;
		 }


#waves  {_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/wavesc.png, sizingMethod='scale');}
 

#wrapper {height: 100%;
		width: 950px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
 		z-index:1px;
 		}
 
html>body #wrapper {background:url("../images/wavesc.png") no-repeat;
		background-position: center -10px;
 
		}
 
h1, h2, h3, h4 {color: #333;}

h1 {font-size: 25px;
	margin-top: 20px;
	font-weight:normal;
	}
h2 {font-size: 18px;
	margin-top: 10px;
	margin-bottom:0px;
	}
h3 {font-size: 16px;
	margin-top: 30px;
	}
 			
p, li, blockquote, h4 {color: #555555;
         	   font-size: 12px;
                line-height: 16px;
                text-align: left;
                font-family:  "lucida grande", "trebuchet", arial, verdana, sans-serif;
}



a {color:#336699;
	text-decoration:none;
	}
	
a:hover {color:#666699;}


#contactinfo a{color:#ffffff;
				font-weight: bold;
				text-decoration: none; 	
				}
#header {width: 770px;
		margin-left:auto;
       	 margin-right:auto;
       	 height: 123px;
       	 position:relative;
	}

#logo { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/logo.png, sizingMethod='scale');
		width: 220px;
 		height: 82px;
 		background-position: 0px 0px;
 		float:left;
 		margin-top: 40px;
 		position: absolute;
 		left:0px;
 		}

 #logo a{ text-indent: -1000em;
 		display:block;
 		}
 		
html>body #logo {background:url("../images/logo.png") no-repeat;
		 
 		}

#content {background-color:#ffffff;
		width: 740px;
		height: auto;
		margin-left:auto;
        margin-right:auto;
        text-align: left;
        clear:both;
		}
		
#content h2 {font-size: 24px;
	margin-top: 30px;
	border-left: 4px solid orange;
	letter-spacing: -1px;
	xmargin-left: -20px;
	padding-left: 15px;
	border-bottom: 1px solid #cccccc;
	xmargin-right: -23px;
	padding-bottom: 3px;
	background:url("../images/h2bg.gif") repeat-x;
	background-position: bottom;
	}		
	
#content p{line-height: 18px;}

.contentpad {

	margin-top: 0px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;

}



#canvas  {background:url("../images/canvasbg.gif") repeat-y;

		 width: 740px;

 			}

		

		

		

#footer {background-color:#ffffff;	
		background:url("../images/footer.gif") no-repeat;
		width: 740px;
		height: 62px;
		margin-left:auto;
        margin-right:auto;
        color: #777777;
        font-size: 10px;
	    text-align: left;
        font-family:  "lucida grande", "trebuchet", arial, verdana, sans-serif;
        margin-bottom: 20px;
        line-height: 16px;
		} 
		
#footer a{margin-right: 20px;}		
		
#footerpad {padding: 20px;
			padding-top:10px;}

#leftcol {width:495px;
			background:url("../images/ul.gif") no-repeat;
			background-position:top left;
			float:left;
			}
			
#rightcol {background:url("../images/ur.gif") no-repeat;
			background-position:top right;
			width:242px;
			float:right;}
#rightcol p
 			{font-size: 11px;
			line-height:17px;
			}
#rightcol ul{list-style:none;
			padding:0px;
			margin:0px;
			}

#rightcol li{ font-size: 10px;
			line-height:13px;
			margin-bottom: 7px;
			 display:block;
			 background:url("../images/orangebullet.gif") no-repeat;
			 background-position: 0px 5px;
			 padding-left: 10px;
			 }
#featurestories  {}

#pitch  {background:url("../images/secondtirebg.gif") repeat-y;
		height: auto;
		width: 242px;
		border-top:1px solid #999999;}

#pitch span {padding:15px;
			display:block;
			xpadding-top:0px;
			padding-right:80px;
			}
			
#pitch p{margin:0px;
}

#contactsection {background:url("../images/thirdtierbg.gif") repeat-y;
				height: 350px;
				width: 242px;
				text-align:left;
				}
#contactsection span{background:url("../images/thirdtiercap.gif") no-repeat;
				display:block;
				padding: 5px 15px;
				}
				
#contactsection label{font-size: 9px;
					letter-spacing: 0px;
					text-transform: uppercase;
					color:#666666;
					display:block;
					margin-top:6px;
					margin-bottom: 0px;
					}

#submit {
		margin-left: 120px;
		margin-top: 5px;
		}


#name,
#email,
#message {border:none;
			background-color:#cccccc;
			width: 208px;
			margin-top: 3px;
			border:1px solid #cccccc;
			font-family: arial, helvetica, sans-serif;
			font-size: 12px;
			color: #333333;
			}
#name:hover,
#email:hover,
#message:hover{border:none;
			background-color:#dddddd ;
			 
			border:1px solid #dddddd;
			}			
#name:focus,
#email:focus,
#message:focus{border:none;
			background-color:#f1f1f1 ;
 
			border:1px solid #666666;
			}			




h1, h2, h3, h4, h5 {}

p, blockquote, li {}


#content h3{margin-bottom:0px;
			font-size: 20px;
			font-weight: normal;}

#content p{margin-top:0px;
			margin-bottom:18px;
			}

#nav {width: 430px;
	float:right;
	margin-top: 60px;}

#homenav, 
#aboutnav, 
#pressnav,
#cablesnav,
#screensnav,
#articlesnav, 
#ampsnav, 
#storenav {display:block;
			float:left;
			height: 21px;}

#homenav a,
#aboutnav a,			
#pressnav a,
#articlesnav a,
#cablesnav a,
#ampsnav a, 
#screensnav a,
#storenav a{ display:block;
			height: 21px;
			text-indent:-1000em;}


#homenav a {background:url("../images/home.gif") no-repeat;
			width:52px;}
			
#ampsnav a {background:url("../images/amps.gif") no-repeat;
			width:52px;}			
			
			
#aboutnav a {background:url("../images/about.gif") no-repeat;
			width:56px;}
			
#pressnav a {background:url("../images/press.gif") no-repeat;
			width:48px;}
			
#articlesnav a{background:url("../images/articles.gif") no-repeat;
				width:71px;}
				
#storenav a{background:url("../images/store.gif") no-repeat; 
			width:62px;}
			
#cablesnav a{background:url("../images/cablesnav.gif") no-repeat; 
			width:62px;}			
			
#screensnav a{background:url("../images/screensnav.gif") no-repeat; 
			width:72px;}
			
#homenav a:hover, 
#aboutnav a:hover, 
#pressnav a:hover, 
#articlesnav a:hover,
#ampsnav a:hover,
#cablesnav a:hover,
#screensnav a:hover,
#storenav a:hover {background-position: 0px -21px;}


#flash {width: 498px;
		height: 333px;
		overflow:hidden;
		xbackground-color:#000000;
		}

.clearboth {clear:both;}

.hr {border-bottom: 1px solid #cccccc;
	height: 1px;
	margin:0px;
	}

hr {display:none;}


/*----*/

.charttable td{font-size: 12px;
				font-family:arial, verdana;
				color:#444;
				border-bottom: 1px solid #ccc;
				padding:3px;
				text-align:right;
				border-right:1px solid #e2e2e2;
				}
				
.featurestable th,.charttable th{font-size: 12px;
				font-family:arial, verdana;
				color:#444;
				border-bottom: 1px solid #ccc;
				padding:2px;
				text-align:left;
				font-weight: bold;
				}		

.featurestable th {background:#333;
					color:#fff;
 					}
				
.featurestable, .charttable {border-collapse: collapse;
			border-top: 2px solid #333;
			width:580px;
			margin-top:20px;
			margin-bottom:20px;
			font-size: 11px;
			}
			
.charttable tr:hover td{background-color:#9BB5CB;
						border-right:1px solid #9BB5CB;
						color:#fff;
						}
						
.altrow {background-color:#DFE7ED;}		
.altrow td{border-right:1px solid #DFE7ED;}		



.featurestable td{
			border-bottom: 1px solid #ccc;
			border-right:1px solid #ccc;
			padding: 4px;
			 }
.standard, .nil, .optional {text-align: center;
							font-weight: bold;
							font-size: 11px;
							}
							
.featureprice {text-align:right;
				font-weight: bold;
				}
.standard {color:#7DA01C;}

.optional {color:#E48428;}

.nil {font-weight: normal;}

td.style2 {border-right: 2px solid #333;
		border-bottom: 1px solid #234C6E;
		xfont-weight: bold;
		font-size: 12px;
		background: #9BB5CB;
		
		}

td.head2 {background-color:#333;
		color:#fff;
		font-size: 13px;
		text-align:left;
		font-weight: bold;
		}

#featuresoverview a{color:#ffffff;
					}
.newsection {border-top:2px solid #000000;
				}					
/*----*/

#buybutton {margin-top: -12px;
	margin-top: 10px;
	margin-left: 155px; 
 	height: 109px; 
 	width: 102px;
	position: absolute;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/button.png, sizingMethod='scale');
	}

#buybuttonb {margin-top: -12px;
	margin-top: 10px;
	margin-left: 155px; 
 	height: 109px; 
 	width: 102px;
	position: absolute;
	z-index: 20;
 	}
	
#buybuttonb a {display:block;
 			height: 109px;
 			text-indent: -1000em;
			width: 102px;
 			xborder: 1px solid #000000;}



html>body #buybuttonb a{border:none;
			display:block;
			text-indent: -1000em;
			height: 109px;
			width: 102px;
			background: url("../images/button.png") no-repeat;
		
			}


		
#features span{padding:15px;	
			padding-top:0px;
			display:block;
			}

#topfeatures {margin-top:10px;}

#footer a{margin-right: 5px;}


.pullquote {padding: 10px;
			border-bottom: 2px double #e2e2e2;
			border-top: 2px solid #e2e2e2;
			margin-bottom: 20px;
			margin-top: 10px;
			}
.quote {font-family: times, "times new roman", serif;
		font-size: 24px;
		line-height: 30px;
		font-style: italic;
		color:#666;
		display:block;
		letter-spacing: -1px;
		}
		
.quotee{margin-left: 20px;
		font-family: arial, verdana;
		font-size: 12px;
		color:#666;
		margin-top: 10px;
		display:block;
		}
		



