/**************************************/
/*** Start: Reset styles                   ***/
/**************************************/
body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul {
	list-style: none;
}


a {
    outline: none;
    text-decoration:none;
}

/**************************************/
/*** End: Reset styles                   ***/
/**************************************/
#body { background-color:#fff;height:100%;width:980px; position: relative; margin: 0 auto; padding: 0 0 0 0;  voice-family: "\"}\""; voice-family: inherit;}

/* position_center */
*				{ margin:0; padding:0; }
html, body		{ height:100%; }
body			{ text-align:center; /* horizontal centering for IE Win quirks */ }
#distance	{ width:1px; height:0%; margin-bottom:-350px; /* half of container's height */ float:left; }
#outer		{ margin:0 auto; position:relative; /* puts container in front of distance */ text-align:left; width:980px;clear:left;background-color:#fff;}
p {margin-bottom:15px;}
/* /position_center */


body{font-size:0.9em;background-color:#fff;font-family:verdana;color:#231f20}

strong {font-weight:bold;color:#fab322;}

.homeCopy {font-size:1.1em;}

#nav {width:980px}
#nav ul {float:left;margin:7px 10px 0 20px}
#nav ul li {float:left;margin:0 10px 0 0;color:#303b3e;font-weight:bold;font-size:1.1em;}
#nav ul li.last {margin:0 0 0 50px}
#nav ul li.last span {color:#f8b322}
#nav ul li a {color:#000;font-weight:bold;}



/*For When CSS is turned Off*/

h1 {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}
.nocss {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}
a {color:#000;}
a:hover {color:#000;text-decoration:underline;}
.clear {clear:both;}

h3 {font-size:2.4em;margin:0 0 10px 0;color:#fcb521;}
h2 {font-size:1.3em;font-weight:bold;color:#303b3e;text-transform:uppercase;}
h4 {font-size:1.2em;font-weight:bold;color:#fcb521;margin:0 0 15px 0}
h5 {font-size:1.2em;font-weight:bold;color:#fcb521;}
#topSection {width:980px;height:156px;background: url(../images/bg-sun.gif) bottom left no-repeat;margin:5px 0 0 0;float:left;}
#topSection-fhsun {width:980px;height:156px;background: url(../images/bg-sun-fh.gif) bottom left no-repeat;margin:5px 0 0 0;float:left;}
#topSection-mfsun {width:980px;height:156px;background: url(../images/bg-sun-mf.gif) bottom left no-repeat;margin:5px 0 0 0;float:left;}
#topSection-ss {width:980px;height:156px;background: url(../images/bg-sun-ss.gif) bottom left no-repeat;margin:5px 0 0 0;float:left;}
#topSection-os {width:980px;height:156px;background: url(../images/bg-sun-os.gif) bottom left no-repeat;margin:5px 0 0 0;float:left;}



#logo {width:250px;height:156px;background: url(../images/apollo-logo.gif) top left no-repeat;float:right;}
#logo a {width:250px;height:156px;display:block;float:right;}



#PageHeading {float:left;/*padding:60px 0 0 320px;*/position:relative;top:58px;left:315px}
#PageHeading h2 {text-transform:uppercase;font-size:1.7em;font-weight:bold;float:left;}
#PageHeading h2.yellow {color:#f8b322}
#PageHeading h2.orange {color:#f49e00}
#PageHeading h2.darkorange {color:#ee7f00}
#PageHeading h2.red {color:#e2001a}

#mainContent {width:980px;background-color:#303b3e;min-height:580px;height:100%;color:#fff}

/*Form Home Page*/
#homeLeftContent {width:700px;float:left;background-color:#303b3e;}
#homeLeftContentHolding {margin:15px 0 0 44px;width:600px}
#homeRightContent {width:270px;float:left;background-color:#303b3e;}


#leftContent {width:336px;float:left;background-color:#303b3e;}
#leftContentHolding {margin:30px 0 0 44px;width:265px;float:left;}
#rightContent {width:600px;float:left;background-color:#303b3e;margin:30px 0 0 0}


#keyMessage {position:absolute;top:316px;right:47px;z-index:200}
#pageKeyMessage {position:absolute;top:190px;right:47px;z-index:200}
#productSpec {width:580px;border-top:1px solid #fff}
#productSpec tr.yellow {background-color:#f8b322;}
#productSpec tr {border-top:1px solid #fff;border-bottom:1px solid #fff}
#productSpec tr td {border-right:1px solid #fff;width:70px;text-align:center;}




#homeSubNav {padding:202px 0 0 0;width:234px;float:left;}
#homeSubNav ul {float:left;}
#homeSubNav ul li {margin:0 0 5px 0;padding-top:6px;text-transform:uppercase}
#homeSubNav ul li.one {background-color:#f8b322;width:234px;height:41px;}
#homeSubNav ul li.two {background-color:#f49e00;width:234px;height:41px;}
#homeSubNav ul li.three {background-color:#ee7f00;width:234px;height:41px;}
#homeSubNav ul li.four {background-color:#e2001a;width:234px;height:41px;}
#homeSubNav ul li a {text-align:center;font-size:0.90em;width:234px;height:41px;display:block;color:#26353f;font-weight:bold;}

.bullets {margin:0 0 15px 0}
.bullets ul {margin:0 0 0 15px}
.bullets ul li {list-style-type:disc;color:#ffb921}
.bullets ul li span {color:#fff}

#pageHolding {width:600px;float:left}


#QualityApproved {width:265;height:100%;min-height:300px;background-color:#f8b322;padding:15px 0 20px 10px}
#QualityApproved h4 {font-size:1.2em;font-weight:bold;color:#ffffff;}
#QualityApproved ul {color:#fff;margin:20px 0 0 0}
#QualityApproved ul li a {color:#fff;font-weight:bold;font-size:1.2em;}

span {color:#f8b322;font-weight:bold;}

ul li a {color:#fff;}
ul li a:hover  {color:#fff;text-decoration:underline;}

.hardware {margin:20px 0 0 0;color:#f8b322;width:580px;}