html {padding:0; margin:0;} 
body {font-family: Tahoma, Arial, sans-serif; font-size:100%; text-align:center; padding:0; margin:0;}
span.number {font-size:15px; line-height:50px; text-align:right; display:block; clear:none; color:#fff; width:749px; margin:0 auto 0; padding-right:22px; background:#fff url('../Images/toptab.gif') center 5px no-repeat; } 
/*-------------------------------------------------------------------------*/
#main {width:785px; color:#777; margin:0 auto 0; font-size:.85em; overflow:hidden; position:relative; background:url('../Images/bg.gif') center center repeat-y;}
#header {height:60px; color:#e36b32; text-align:left;  } 
	#header a.home { display:block; float:left; width:160px; height:55px; color:#f3f3f5; font-size:9px; background:url('../Images/logo.gif') bottom right no-repeat; text-align:center; }
	#header h1 {float:left; width:300px; color:black; font-size:18px; margin:0 0 3px 20px; padding:0; font-weight:normal; line-height:1.2em; }
	#header h1 a, #header h1 a:hover {color:#000;}
	#header span {float:left; width:300px; font-size:20px; margin:0 0 5px 20px; padding:0; font-weight:normal; }
	#header a.button {float:right; clear:none; border:none; background:url('../Images/button.png') 0 0 no-repeat; display:block; width:126px; line-height:19px; color:white; text-decoration:none; font-size:11px; display:block; text-align:center; margin:18px 0 3px 0; overflow:hidden;}
	#chat {float:right; background:url('../Images/chat.jpg') 0 0 no-repeat; display:block; width:112px; overflow:hidden; text-indent:150px; height:63px; display:inline; margin:-25px 20px 3px 23px;}
/*-------------------------------------------------------------------------*/
form input.button {background:url('../Images/button.png') center center no-repeat; display:block; width:126px; color:white; font-size:12px; text-align:center; border:none; padding:2px;}
a, .products#col2 p a, .jobs#col2 h2 {text-decoration:none; color:#cb5c27;} a:hover {color:#000;}
.breadcrumbs {line-height:175%;} .breadcrumbs a {color:#555;} .breadcrumbs a:hover {text-decoration:underline;}
#wrapper { margin:10px 0 5px 12px; background:#eee url('../Images/navbg.gif'); clear:both; }
	#nav li a { padding:5px 16px; font-size:12px; background:#eee url('../Images/navbg.gif'); width:auto; font-weight:bold; text-decoration:none; border-right:2px solid #e8e9ea; white-space:nowrap;}
	#nav li a:hover, #nav a.here { color:black; }
	#nav li a.last {padding:5px 18px;}
	#nav li a.first {border-left:2px solid #e8e9ea; padding:5px 21px;}
	#nav li ul {width:150px;}
	#nav li li a { text-align:left; width:11em; padding:5px 0 5px 15px; border:none; color:white; background:#333;}
	#nav li li a:hover, #nav li li a.here {color:#FAAE40;}
	#nav a:hover.info b {top:25px; left:0; width:235px; line-height:120%; text-align:left; padding:15px; font-size:12px;}
#nav { padding:0; margin:0; text-align:center; float:left; clear:both; position:relative; z-index:50000;}
	#nav ul { padding:0; margin:0 auto; list-style:none; line-height:1; }
	#nav li { position:relative; float:left; list-style:none; }#nav li ul { position:absolute; left:-999em; }	
	#nav li ul ul { left:-999em; } #nav li a { display:block; }#nav li ul { position:absolute; width:13em; left:-999em;} 
	#nav li:hover ul ul,  #nav li.sfhover ul ul {left:-999em;}	
	#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left:0; z-index:50000}	
	#nav li:hover li, #nav li.sfhover li {left:0; position:static; border:1px solid black;}
	
#content2 { line-height:normal; text-align:left; float:left; width:785px; clear:both; color:#000; margin:10px auto; display:inline; }
#col1 {width:200px; float:left; margin:0 10px 0 15px; display:inline; }
#snav h3 {font-size:18px; line-height:12px; padding:0; margin:0; } 
#snav h3 a, #snav a.here, #snav a:hover {color:#e92f3c; }
	.yellow2 {width:190px; height:220px; padding:10px 5px; background:url(http://cleanwebdesign.com/dev/DPI/images/yellowbox.gif) top center no-repeat;}
	.yellow2 li a {display:block; color:white; font-weight:bold; padding:5px 0 5px 10px; margin:0; background:url(../Images/arrow.gif) center left no-repeat;}
	.yellow2 li, .yellow2 ul {list-style:none; display:inline; padding:0 0 0 0; margin:0 0 0 1px; font-size:12px; }
#col2 {width:535px; float:left; display:inline; padding:0 5px 10px 0; color:#777; line-height:1.5em; font-size:.85em;}	
#col2 p {padding:0 0 10px; margin:0;} #col2 h2, #col2 h3 {padding:5px 0 0; margin:0;} #col2 h2 a, #col2 p a  {color:#777;}
	#col2 a:hover {color:#e62f32;}
	.products h2 img {float:left; clear:left; border:none; padding:0 15px 15px 0;}
	.products h2 { padding:0; margin:15px 0 0; clear:both;}
	#content2 .products p {padding:0 10px 0 0; margin:0 0 10px;  }
	.col3 {width:200px; float:right; margin-left:10px; clear:right; text-align:center; line-height:1.3em; font-size:.95em;}	.col3 h3 {margin:0; padding:0; color:#e36b32;}
.signup {line-height:150%; font-size:1.3em;} .signup b, .col3 h3 {font-size:1.1em;} 
.signup a {color:#e92f3c; font-weight:bold;} .signup a:hover {text-decoration:underline; }
	.top, .bottom { background: url('../Images/col3bgtopw.gif') bottom center no-repeat; display:block; height:9px; }
	.bottom { background:url('../Images/col3bgbottomw.gif') top center no-repeat; margin-bottom:15px;}
	.bg {background: url('../Images/col3bgw.gif') center center repeat-y;}
	dl {padding-left:25px; padding-right:10px; text-align:left; margin-bottom:0;}
	dd, dt {padding:0; margin:0; text-indent:-15px; color:#777;}
	dd {color:#e36b32;} dt {margin-top:15px;}
.tall {margin-bottom:350px;}
/*-------------------------------------------------------------------------*/
#footer {clear:both; font-size:small; color:#999; width:785px; text-align:center; margin:0 auto; background:#fff url('../Images/bg-bottom.gif') center top no-repeat; padding-top:25px}
#footer a {color:#999; } #footer a:hover {color:black;}
/*-------------------------------------------------------------------------*/
h1, h2, h3, h4, #packages th.h, #col1, #nav, .signup, span.number { font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif; }
h1 {font-size:1.5em; color:#e36b32;} h2 {font-size:1.2em;} h3 {font-size:1.1em;} h4 {font-size:1em;}
.clear {float:none; clear:both; padding:10px 0; }
a.info {position:relative; z-index:100; }
a.info b,
a:hover.info b {display:block; position:absolute; width:120px; top:95%; right:-15px; padding:10px; z-index:50000; text-align:center; color:#fff; white-space:normal; line-height:150%; background:#000; font-size:12px; border:3px solid #777; font-weight:normal; text-transform:none; text-decoration:none;} 
a:hover.info b img {border:none; float:left;}  
a.info b, #nav a.info b {top:-5000px; }
.leftside, .rightside {width:40%; float:left; display:block;} .leftside {clear:left; width:60%;  }
.contact form {float:left; width:100%; display:inline;}
.contact label, #login label {display:block; float:left; width:9em; text-align:right; padding-right:5px; clear:left; margin:5px 0;} 
.contact .leftside label {width:9em;}
#login input, #login select, .contact input, .contact textarea {width:13em; text-align:left; padding-left:3px; margin:5px 0; float:none;} 
.contact input.radio {clear:none; width:auto;} .contact input.button {text-align:center;}
.rightside {text-align:center;} .contact .rightside select { display:block; width:auto; float:none; margin:0 auto; }

#hpform form {background:url(../Images/miniphone.gif) left center no-repeat; text-align:right; line-height:1em;}
#hpform .input, #hpform select {font-size:11px; width:135px; margin:2px 5px 5px 50px; padding:0;  }
#hpform h2, #hpform i {color:#fff; text-align:center; text-transform:uppercase; font-size:16px; margin:0 0 5px; display:block; clear:both; line-height:1.3em;}
#hpform i {text-transform:none; font-style:normal; font-weight:bold; font-size:16px; clear:both; }
#hpform em {text-transform:none; font-style:normal; }
#hpform input.button {float:right; margin:10px 5px 0;}
table#packages { color:#fff; background:#f1f1f1; border:1px solid #777; border-width:1px 0 0 1px; padding:0; margin:0 0 10px; overflow:hidden; clear:none;}
#packages td, #packages th {border:1px solid #777; border-width:0 1px 1px 0; padding:2px 0; font-weight:normal;}
td.dot {background: url(../Images/dot.gif) center center no-repeat; color:#f1f1f1; }
td, th {padding:2px 5px; font-weight:normal;}
#packages th.h {background:#cc5a28; }
#packages th {background:#a4a2a3; text-align:center; padding:0 3px;}
table.prices {margin:0 0 15px;}
table.prices td, table.prices th {text-align:right; border:1px solid #ccc; border-width:0 1px 1px 0;}
div.products#col2 {font-size:.8em; line-height:125%;}
.rel {position:relative; z-index:100; } a.info {position:static;}
a.info b, a:hover.info b {display:block; position:absolute; width:150px; top:280px; left:40px; padding:10px; z-index:50000; text-align:center; color:#fff; white-space:normal; line-height:150%; background:#000; font-size:14px; border:5px solid #faae40; text-transform:none; text-decoration:none;} 
#header a:hover.info b {top:0; left:180px; width:450px;}
#content2 a:hover.info b {top:150px; left:0px; width:150px;}
a:hover.info b img {border:none; float:left; padding-right:10px;}  
a.info b, #nav a.info b {top:-5000px; } #nav a.info b {border:none; background:#333;}
embed, object {width:300px; padding:0; margin:0;}