body { font-family: Arial, Verdana, sans-serif; font-size: 85%; text-align: center; background: #5c92c5; }

#container { width: 778px; margin: 0 auto; text-align: left; background: transparent url('../images/bg-sunburst.jpg') no-repeat 0 0 ;}
#container img { border: 0; }
#header { width: 778px; height: 194px; overflow: hidden; }
#header h1 { width: 778px; height: 194px; background: transparent url('../images/header.jpg') 0 0 no-repeat; text-indent: -999em; }

/* NAV BAR */
#nav { background-color: transparent; width: 180px; float: left; }
#nav #navtop, #nav #navend { width: 180px; height: 15px; float: left; }
#nav #navtop { background: transparent url('../images/nav-top.gif') 0 0 no-repeat; }
#nav #navend { background: transparent url('../images/nav-end.gif') 0 0 no-repeat; }
#nav ul { padding-top: 0; background-color: #fff; margin: 0; width: 180px; float: left; }
#nav ul li { background-color: #fff; margin: 2px 0; float: left; }
#nav ul a {
	display: block; width: 170px;
	color: #444; background-color: #d9e7f3;
	line-height: 1;
	padding: 5px;
	font-size: 100%;
	text-decoration: none;
}
#nav ul a:hover { background-color: #40abe4; }
#video { clear: both; width: 180px; height: 260px; margin-top: 1em; }

#main { width: 743px; padding: 0 19px 0 16px; }

/* CONTENT AREA */
#content { padding: 0; line-height: 1.4; background-color: transparent; float: right; width: 533px; padding-bottom: 15px; position: relative; background: #fff url('../images/content-foot.gif') left bottom no-repeat; }
#content #inner { background: #fff; }
#content #inner h1 { background: #0090de url('../images/content-h1-bg.jpg') no-repeat; min-height: 43px; font: 180%/1.0 "Times New Roman",serif; color: #fff; padding-left: 10px; padding-top: 10px; }
#content #inner .text { padding: 5px; float: left; }
#content p { margin: 0; padding: 0 0 1em 0.25em; color: #444; }
#content h2 { font-size: 130%; float: left; width: 513px; padding: 0 10px; margin: 5px 0; background-color: #0067b7; color: #fff; font: 140%/1.5 "Times New Roman",serif; }

#content strong { font-weight: bold; }
#content em { font-style: italic; }

#content ol { list-style-type: decimal; padding-left: 2em;}
#content ul { list-style-type: disc; padding-left: 2em; color: #444; }
#content a:link { text-decoration: underline; color: #ea311f; background-color: transparent; text-decoration: none; }
#content a:visited { text-decoration: underline; color: #63160f; background-color: transparent; text-decoration: none; }
#content a:hover, #content .downloads a:active { text-decoration: none; color: #1b3f93; background-color: transparent; text-decoration: none; }

#content .prod-img { float: left; }
#content .prod-txt { float: left; width: 200px; }
#content .prod-txt ul { padding-left: 1em; }
#content .prod-txt p { padding-bottom: 0; }
#content .price { font-weight: bold; font-size: 140%; }
#content .partno { color: #777; font-size: 90%; }

#content #videowrapper { text-align: center; padding: 10px; }
#content #videolarge { width: 510px; height: 398px; }

/* HOMEPAGE ADJUSTMENTS */
.homepage #content { position: relative; width: 533px; min-height: 100px; }
.homepage #content #inner { width: 403px; min-height: 330px; background: #fff url('../images/hp-content-inner.jpg') no-repeat; padding-top: 74px; padding-left: 130px;}
.homepage #content #inner h1 { color: #fff; font: 200% "Times New Roman",serif normal; background: transparent none; }
.homepage #content #inner .text { margin-top: 3em; }
/*.homepage h2 { width: 533px; height: 174px; background: url('../images/hp-content-head.jpg'); color: #fff; text-indent: -999em; position: absolute; top: 0; left: 0; }*/
.homepage #content #hp-flash {
	width: 140px; height: 133px; background: url(../images/watch-flash.png) 0 0 no-repeat;
	position: absolute;
	top: -40px;
	right: -20px;
}

/* FOOTER */
#footer { float: left; width: 723px; padding: 10px; background-color: #99d3f2; margin-top: 6px; font-size: 90%; }
#footer p { color: #80b0d9; text-align: center; }
#footer strong { font-weight: normal; color: #264784; }
#footer p a#ddlink { text-decoration: none; color: #5c92c5; }
#footer p a:link, #footer p a:visited { text-decoration: none; color: #264784; }
#footer p a:hover, #footer p a:active { text-decoration: underline; color: #264784; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: block; }