* {margin:0; padding:0;}

body {
	width:980px;
	margin:0 auto;
	
	background:#e6e6e6 url(images/bg.gif) repeat-x;
	
	font-family:Arial, sans-serif;
	position:relative;
}
img {
	border: 0;
}
a {
	color:#ff5a01;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;	
}

/*  Site header*/
#head {
	padding: 20px;
	padding-bottom: 10px;
	vertical-align: middle;

}
span.tagline {
	margin-left: 10px;
	font-weight: bold;
}

#head #contact {float:right; text-align:right; position:absolute; right:0; bottom:10px;}
#head #contact #phone {font-size:1.2em; font-weight:bold; font-family:Verdana;}
#head #contact #hours {font-size:.75em; color:#808080;}


/* Navigation menu */
#nav {
	background:url(images/menuLeft.jpg) no-repeat left top; 
	margin-top:.5em; 
	margin-bottom:.5em;
}

#menu {
	overflow: hidden;
	height:35px;
	background:url(images/menuMiddle.jpg) repeat-x 0 0px;
	background-color: #333;
	margin: 0px;
	margin-left:30px;
	list-style: none;
}
ul#menu li {
	list-style-type:none; 
	height:100%;
	float: right;
	padding: 6px;
}

ul#menu li a {
	height:100%;
	text-decoration: none;
	color: #E1E1E1;
	font-weight: bold;
	font-size:13px;
}
ul#menu li a:hover {
	color: white;
}
li#menuRightCap {
	float:right;
	background:url(images/menuRight.jpg) no-repeat right top; 
	
	height: 35px;
	padding: 0px;
}

#seeInAction {
	float:left; margin:0 13px;
}

/* Main content */
#content {
	background:#f9f9f9 url(images/mainbg.gif) repeat-x left bottom; 
	border:#d9d9db solid 1px; 
	border-bottom:#bcbdbf solid 2px; 
	padding-bottom:2em; 
	padding-top:7px; 
	width:100%;}

.h-orange {background:#ff5a01 url(images/bg_orange.gif) repeat-x left top; height:240px;}
.h-blue {background:#083690 url(images/bg_blue.jpg) repeat-x left top; height:240px;}
.h-maroon {background:#4f0619 url(images/bg_maroon.gif) repeat-x left top; height:240px;}
.h-purple {background:#241641 url(images/bg_purple.jpg) repeat-x left top; height:240px;}
.h-example {background-color:black; margin:0 7px 7px 7px; }

#content #main {margin:20px 40px 30px; font-size:.8em; color:#333;}
#content #main h2 {font-weight:normal; margin-bottom: .5em;}
#content #main h3 {font-weight:normal; margin-top: 1.5em; margin-bottom: 1em; font-size:1.4em;}
#content #main hr {border: 0; width: 90%; background-color: #eaeaea; height: 1px; }
#content #main p {margin-bottom:1.5em;}

#content #extra {color:#222; font-size:.74em; font-family:Helvetica; margin:0 25px; margin-top: 50px; overflow:hidden;}
.column {width:45%; float:left; margin:0 13px;}
#content #extra .header {font-size:1.2em; margin-bottom:1em;}
#content #extra p {line-height:1.35em;}
#content #extra .graybox {border:solid 1px #DEDEDE; background:#EFEFEF; color:#222222; padding:4px; text-align:center; margin-top: 35px;}
#content #extra .graybox a {color:#222222;}
#content #extra li {padding-top: 5px;}

/* Footer */
#footer {text-align:center; font-size:.75em; margin:.5em 0 1em;}
#footer #footmenu li {list-style:none; display:inline; padding:0 10px;}
#footer #footmenu li a {text-decoration:none; color:#333;}
#footer p {margin-top:1em;}


/* Rounded corner CSS */
.ul, .ur, .bl, .br {display:block; width:10px; height:10px; position:absolute; font-size:1px;}

#content {position:relative;}
#content .ul {top:-1px; left:-1px; background:url(images/main_ul.gif) no-repeat;}
#content .ur {top:-1px; right:-1px; background:url(images/main_ur.gif) no-repeat;}
* html #content .ur {right:-2px;}
#content .bl {bottom:-2px; left:-1px; background:url(images/main_bl.gif) no-repeat;}
#content .br {bottom:-2px; right:-1px; background:url(images/main_br.gif) no-repeat;}

#flashHeader {
	position:relative;
	margin:0 7px 7px 7px;
}
#flashHeader .ul {top:0; left:0; background:url(images/flash_ul.gif) no-repeat;}
#flashHeader .ur {top:0; right:0; background:url(images/flash_ur.gif) no-repeat;}
#flashHeader .bl {bottom:0; left:0; background:url(images/flash_bl.gif) no-repeat;}
#flashHeader .br {bottom:0; right:0; background:url(images/flash_br.gif) no-repeat;}

#flashContent {}
#flashReplacementContent {
	padding: 10px;
	color: white;
}
ul {
	/* Temporary until lists are fixed. */
	margin-left: 15px;
}

/* Price Comparison table */
#pricecomparison {
	width:75%;
	margin-right:15px;
	border-bottom:#999 solid 1px;
	border-top:#999 solid 1px;
}
#pricecomparison td, #pricecomparison th {
	padding:10px 10px;
	margin:0;
	border-top:#999 dashed 1px;
	border-right:#999 solid 1px;
	text-align:center;
}
#pricecomparison tr:hover td, #pricecomparison tr:hover th {background-color:#DDD;}
#pricecomparison tfoot td {border-left:#999 solid 1px; background:#DDD; font-size:.8em; font-weight:bold; font-style:italic; text-align:left;}
#pricecomparison thead th {border:0; background:url(images/pcbggrad.png) repeat-x left bottom;}
#pricecomparison tbody th {border-left:#999 solid 1px; width:250px;}
#pricecomparison .left {border-left:#999 solid 1px;}
#pricecomparison .right {border-right:#999 solid 1px;}
#pricecomparison tbody th, #pricecomparison .left {text-align:left;}
.even th, .even td {background-color:#EEE;}
.odd th, .odd td {background-color:#FFF;}

.included {color:#666; background-image:url(images/yes.png);}
.notincluded {color:#999; background-image:url(images/no.png);}
.included, .notincluded {background-repeat:no-repeat; background-position:center center; text-indent:-9999px}
#pricecomparison td s {color:#999;}

.clear {
	clear: both;
}
.attribution {
	color: #999;
	font-size: 9px;
}
.attribution a, .attribution a:hover, .attribution a:visited {
	color: #999;
}
.specialDiscount {
	font-size: 130%;
	font-weight: bold;
}