/* CSS RESET */
html, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}



/* remember to define focus styles! */

/* HTML
--------------------- */
:focus {outline:none;}

html {height:101%;}
body {background:#ffffff; font:normal normal 12px Verdana, Arial, Helvetica, sans-serif;}

h1, h2, h3 {color:#0280E6; text-shadow:-1px 0 0 #aaa; font-weight:bold;}
h1 {font-size:1.6em;}
h2 {font-size:1.4em;}
h3 {font-size:1.2em; text-transform:uppercase;}

hr {width:90%; margin:10px auto; border:none; border-top:#333 1px solid; border-bottom:#5C9CE5 1px solid; opacity:.6; filter:alpha(opacity=60);}

ul li {margin-left:20px;}
p {padding:2px 0 10px;}
strong {font-weight:bold;}
	#index ul li {margin:0;}
	#index p {padding:0;}
em {font-style:italic;}

a {color:#005bbf;}
	a:hover {color:#3891f3;}

label {display:block; margin:5px 0 0;}
input.text {width:200px; padding:4px; background:#fff; border:#aaa 1px solid;}
.submit {background:none; border:none; padding:0; color:#fff; cursor:pointer; margin:10px 0 0;}
textarea {width:300px; height:150px; padding:4px; background:#fff; border:#aaa 1px solid;}



/* HELPFUL
--------------------- */
#ie6 {display:none;}
.hidden {display:none;}
.left {float:left;}
.right {float:right;}
.center {margin:0 auto; text-align:center;}
.half {width:48%;}
.clear {width:100%; display:block; clear:both;}
.upper {text-transform:uppercase;}
.alerts {padding:4px; margin:5px 0; border:#900 2px solid; background:#FFC;}
.faded {color:#888;}
	.faded:hover {color:#555;}

.small {font-size:.8em;}
.small-clear {font-size:.8em; clear:left;}
.smaller {font-size:.6em;}
.large {font-size:1.2em;}
.larger {font-size:1.4em;}

.goldink {float:left; padding-right:10px; padding-bottom:8px;}

.pad-left {padding-left:60px;}

.button {padding:6px 1px 6px 5px; color:#fff; font-weight:bold; text-decoration:none; background:url(../2010images/button.gif) top left no-repeat; position:relative;}	.button span {width:5px; height:26px; float:right; background:url(../2010images/button.gif) top right no-repeat; position:absolute; top:0; right:-4px;}
	.button:hover {background-position:bottom left; color:#fff;}
	.button:hover span {background-position:bottom right;}

/* LAYOUT
--------------------- */
#header {width:100%; height:auto; background:url(../2010images/header-bg.jpg) top left repeat-x; display:block; position:absolute; top:0; left:0; z-index:90; opacity:.9; filter:alpha(opacity=90);}
	#header-bg {width:960px; height:92px; display:block; position:relative; margin:0 auto; background:url(../2010images/header.jpg) top left no-repeat; padding-top:10px;}
	#logo {width:180px; height:90px; display:block; background:url(../2010images/logo.png) center center no-repeat; cursor:pointer; text-indent:-9999px; position:absolute; top:0; left:85px;}
	.chat {width:auto; padding:5px 20px 0 55px; height:33px; display:block; cursor:pointer; float:right; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold;}
	.lpPoweredBy, .lpEmtStarRating {display:none;}
	#bbb {width:107px; height:38px; display:block; background:url(../2010images/bbb.png) top left no-repeat; text-indent:-9999px; float:right; margin-right:100px;}
	
	#nav {position:absolute; top:61px; right:20px; padding:0; margin:0;}
		#nav li {float:left; list-style-type:none; padding:0; margin:0; background:url(../2010images/menu-divider.gif) center right no-repeat;}
		#nav li.last, #footer-nav li.last {background:none;}
			#nav li a {padding:7px 15px; display:block; text-align:center; text-transform:uppercase; text-decoration:none; color:#fff; font-weight:bold; font-size:1.2em; text-shadow:-1px -1px 0 #777;}
			#nav li a:hover {color:#fff; text-shadow:-1px -1px 0 #aaa;}
			#nav li a#hovered {color:#000; background:#fff; text-shadow:none;}
			
			#nav li.dd ul {position:absolute; display:none; z-index:50; background:#fff;}
				#nav li.dd ul li {float:none; border:none; display:block; width:220px; background:none;}
					#nav li.dd ul li a {padding:5px; display:block; color:#333; text-shadow:none; text-align:left; margin:1px;}
						#nav li.dd ul li a:hover {background-color:#667a9d; color:#fff; text-shadow:none;}
			
			#nav li.dd.contact ul {position:absolute; left:50%; margin-left:42px;}
			
			/* #nav li.dd:hover ul {display:block;} */

/* next 3 lines used for butterfly ad, not needed after bill of wrights ad runs */
#flash {
	display:block;
	width:958px;
	height:357px;
	position:absolute;
	top:92px;
	left:50%;
	margin:0 -478px;
	z-index:50;
	background:url(../flash/wrightapproach-lg.jpg) top left no-repeat;
	background-image: url(../flash/wrightapproach-lg.jpg);
}
#flash2 {
	display:block;
	width:958px;
	height:245px;
	position:absolute;
	top:92px;
	left:50%;
	margin:0 -478px;
	z-index:50;
	background:url(../flash/bill-of-wrights-small.jpg) top left no-repeat;
	background-image: url(../flash/bill-of-wrights-small.jpg);
}
#flash3 {
	display:block;
	width:958px;
	height:245px;
	position:absolute;
	top:92px;
	left:50%;
	margin:0 -478px;
	z-index:50;
	background:url(../flash/butterfly-small.jpg) top left no-repeat;
	background-image: url(../flash/butterfly-small.jpg);
}
#flash5 {
	display:block;
	width:956px;
	height:245px;
	position:absolute;
	top:92px;
	left:50%;
	margin:0 -478px;
	z-index:50;
	background:url(../flash/wrightapproach-small.jpg) top left no-repeat;
	background-image: url(../flash/wrightapproach-small.jpg);
}
#flash6 {
	display:block;
	width:958px;
	height:245px;
	position:absolute;
	top:92px;
	left:50%;
	margin:0 -478px;
	z-index:50;
	background:url(../flash/chess-small.jpg) top left no-repeat;
	background-image: url(../flash/chess-small.jpg);
}
#flash7 {
	display:block;
	width:958px;
	height:245px;
	position:absolute;
	top:92px;
	left:50%;
	margin:0 -478px;
	z-index:50;
	background:url(../flash/digital_assurance.jpg) top left no-repeat;
	background-image: url(../flash/digital_assurance.jpg);
}
#content {display:block; width:100%; height:auto; position:absolute; top:340px; left:0; background:#035CC0 url(../2010images/bottom-bg.jpg) top left repeat-x; z-index:20; padding-bottom:184px;}
#index #content {height:350px; top:450px;}
	#content-bg {display:block; width:903px; height:auto; position:relative; top:-3px; left:50%; margin:0 -471px; background:url(../2010images/content-bg.jpg) top left no-repeat; padding:20px 20px 50px; overflow:auto;}
	#index #content-bg {width:943px; height:311px; padding:0;}
	
	.small-box {position:relative; width:228px; height:228px; padding:15px; margin:30px 10px 0 37px; float:left; display:block; background:url(../2010images/small-box-bg.jpg) top left no-repeat;}
		.small-box.last {margin-right:0;}
		.small-box hr {width:80%; margin:7px auto 5px auto;}
		.small-box p {color:#555;}
		.small-box ul {padding:20px 10px;}
			.small-box ul li {list-style-type:none;}
			.small-box ul li a {font-size:.8em; padding:4px 0; display:block;}
		.small-box .button {position:absolute; bottom:20px; right:25px;}

.icon {float:left; padding:0 10px 5px 0;}
	.icon a {font-size:.8em; text-decoration:none;}
#products p {padding:4px 0 25px; clear:both; overflow:auto;}
ul.product-list li {list-style-type:none; margin:0; padding:0 0 30px 0; overflow:auto; position:relative;}

#subMenu {display:block; border:#ccc 1px solid; border-width:1px 0; padding:10px; margin:10px auto;}
	#subMenu a {text-transform:uppercase; color:#aaa; text-decoration:none;}
	#subMenu a:hover {color:#555;}

/*----------------- ELITE EPRINT STYLING --------------------*/
ul.specs {padding:10px 0 10px 10px; margin:0; list-style-type:none;}
ul.specs h6 {text-decoration:underline; padding:0 0 4px 0;}
	ul.specs li {padding-left:10px; clear:both; margin:0; list-style-type:none;}
	ul.specs li .right {font-size:10px; clear:both; float:right;}
		ul.specs ul li {margin:3px; list-style-image:url(../08images/arrow3.gif); list-style-position:inside;}

/* LOGIN
--------------------- */
.login-section ul {float:none; border:none; display:block; width:500px; background:none; padding:10px 10px 10px 20px;}
    .login-section label {display:block; padding:8px 0 2px;}
    .login-section input.text {padding:4px; width:150px;}
    .login-section .right {border-left:#888 1px solid; padding:0 50px 0 40px;}
    .login-section #new-account {padding:10px 0; font-size:.8em;}
	.login-section p {padding:12px 0 0; width:150px;}
	
#nav li ul a.normal {padding:4px; display:inline; text-align:right; text-transform:none; text-decoration:underline; color:#000; font-weight:bold; font-size:1em; text-shadow:none;}
	#nav li ul a.normal:hover {color:#3891f3; text-shadow:none;}
	#nav li ul a.normal:visited {color:#333;}
		

/* FOOTER
--------------------- */
#footer {display:block; width:100%; height:134px; display:block; position:absolute; bottom:0; left:0; background:url(../2010images/footer-bg.jpg) top left repeat-x; padding:20px 0 0; font-size:.8em;}
	#footer-nav {margin:0 auto; text-align:center; padding:10px 0 0;}
		#footer-nav li {border-color:#555; border-width:1px; display:inline;}
		#footer-nav li a {color:#888; font-weight:normal; text-shadow:-1px 0 0 #333; padding:4px 8px; font-size:1.2em;}
			#footer-nav li a:hover {color:#4896EC; text-shadow:-1px 0 0 #555;}

