/* CSS Document */

/*##############################################################
  Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/ 

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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 1;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
    <!-- was vertical-align:baseline -->
}

table {
	margin:0;
	padding:0;
	border:1;
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:left;
    vertical-align:top;
}


a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
ol, ul {list-style: disc}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}
strong {font-weight:bold}

/*#######################
  Element Styles 
#######################*/

body {font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#383b47; background:#363945;}
a {outline:none; color:#383b47; text-decoration:none}
	a:hover {text-decoration:underline}
p {line-height:1.25em; margin:10px 0; font-size:12pt}
small {font-size:.8em; font-weight:normal}
em {font-style:italic}

h3 {margin:15px 0; font-size:1.25em; font-weight:bold}
h4 {margin:15px 0; font-size:1.25em; font-weight:bold}
h5 {margin-top:15px; font-size:2.5em; font-weight:bold}
h6 {margin-top:10px; font-size:24px; font-weight:bold}
ol {margin:15px 0 15px 25px; line-height:1.5em; list-style-type:decimal}
	ol li {margin:10px 0}

/*#######################
	General Classes
#######################*/

.no_space {margin:0}

/*#######################
  Layout Styles 
#######################*/
 
#wrapper {overflow:hidden; width:918px; margin:0 auto}

	#header {float:left; width:918px; margin:5px 0 10px 0}
		#header img {float:left; display:inline; margin:10px 10px 10px 0}
		#header h1 {float:left; margin-top:10px; font-size:2.75em; font-weight:bold; color:#ffffff; margin-bottom:0px}
          
	#navigation {clear:both; width:918px}
		#navigation li {float:left; display:inline; margin-right:1px; width:152px; font-weight:bold; font-size:1.25em; background: url(../images/nav_orange.png) left top no-repeat}
			#navigation li a {display:block; padding:8px 0; width:152px; text-align:center; color:#fff; text-decoration:none}
				#navigation li a:hover {background:url(../images/nav_blue.png) left top no-repeat}
			#navigation li .category_link {position:relative}		
				
				/* Drop-Down Category Menu */												
				#group_list {position:absolute; top:auto; left:-999em; width:153px; border-top:1px solid #dd692a; background-color:#75A5D8}
				#navigation li:hover #group_list, #navigation li.sfhover #group_list {left:auto}
				#group_list li {width:140px; margin:0; padding:5px; font-size:.85em; text-transform:none; background:#75A5D8}
					#group_list li a {display:block; padding:5px 3px 3px 5px; text-align:left; text-decoration:none}
						#group_list li a:hover {text-decoration:underline; background:none}
			
			#topblock {float:left; display:inline; width:908px; padding:5px; background-color:#FFFFFF}
				#topblock img {float:left; display:inline; }
				#topblock h2 {margin-top:0px; margin-bottom:12px;  font-size:2.5em; line-height:1.15em}
				#topblock p {margin:15px 0; font-size:1.25em; line-height:1.5em}
			
			#content {clear:both; float:left; display:inline; padding:15px; width:888px; background-color:#ffffff; }
				#content h2 {clear:both; margin-top:2px; padding:20px 10px; font-size:1.5em; color:#383b47; background:#fff url(../images/h2_bg.png) left bottom repeat-x}
					#content .business {padding:4px 0 4px 25px; background:url(../images/business.png) 0 100% no-repeat}
					#content .homecomp {padding:4px 0 4px 40px; background:url(../images/homecomputers.png) 0 50% no-repeat}
					#content .allusers {padding:4px 0 4px 37px; background:url(../images/allusers.png) 0 50% no-repeat}				
				
				#content .three_columns {float:left; display:inline; width:282px; margin-right:20px}
					#content .no_space {margin-right:0}
				#content .first_column {float:left; display:inline; width:200px; margin-right:10px; margin-top:20px}
				#content .second_column {float:right; display:inline; width:645px;  margin-right:10px; padding-top:0px; margin-top:0px;}
				#inside h2 {clear:both; margin-top:2px; padding:20px 10px; font-size:1.5em; color:#383b47; background:#fff url(../images/h2_bg.png) left bottom repeat-x}



					/* Form Styles */
					input, textarea {width:350px}	
					input#submit {width:auto; font-weight:bold}								
               
    #helpbanner{
       clear:both;
       color: #383b47; 
       font-family: Arial, Verdana, Helvetica, sans-serif;
       font-size: 14px; 
       font-weight: bolder;
       text-align:left;
       padding-left:0px; 
       padding-right:0px; 
       padding-top: 0px; 
       padding-bottom: 0px;
       }
       
       .optiontitle  {
       font-family: Arial, Verdana, Helvetica, sans-serif;
       font-size: 2em; 
       font-weight: 600;
       text-align:left;
       padding-left:0px; 
       padding-right:0px; 
       padding-top: 0px; 
       padding-bottom:0px;
       }

       .options  {
       font-family: Arial, Verdana, Helvetica, sans-serif;
       font-size: 1.3em; 
       font-weight: normal;
       text-align:left;
       line-height:1.25em;
       padding-left:0px; 
       padding-right:0px; 
       padding-top:0px; 
       padding-bottom:5px;
       }
 
 	ul.bulletlist, .bulletlist li{
		clear:both;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size:16px;
		list-style:disc;
		padding-left:0px;
		padding-right:5px;
		margin:0px;
		margin-top:4px;
		margin-left:10px;
		margin-bottom:5px;
	}

 	ul.bulletlist2, .bulletlist2 li{
		clear:both;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size:16px;
		list-style:disc;
		padding-left:25px;
		padding-right:5px;
		margin:0px;
		margin-top:4px;
		margin-left:10px;
		margin-bottom:5px;
	}    
    
     	ul.bulletpage, .bulletpage li{
		clear:both;
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size:16px;
		list-style:disc;
		padding-left:0px;
		padding-right:5px;
		margin:0px;
		margin-top:4px;
		margin-left:10px;
		margin-bottom:5px;
	}
    
    
    
	.leftmenu a:visited, .leftmenu a:active, .leftmenu a:hover, .leftmenu a:link{
    clear:both;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12pt;
	font-weight:bold;
    line-height:1.75em;
	color:#77A8DB;
	text-decoration:none;
	padding-left:0px;
	padding-right:0px;
	}
	.leftmenu a:hover{
	text-decoration:underline;			
	}
    
    #footdiv {
    clear:both;
    width:918px;
    background-color:#FFFFFF;
    padding-top:0px;
    margin-top:0px;
    }
    
    
    
    .footer {
    clear:both; 
    padding:5px; 
    font-size:.75em;
    text-align:center;
    color:#383b47; 
    background-color:#FFFFFF
    }
	
    .footer a {
    clear:both; 
    color:#383b47; 
    text-decoration:none;
    }
	.footer a:hover 
    {
    text-decoration:underline}
    
    sup {
    vertical-align: text-top;
    font-size: 80%;
    }    
    
    legal  {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:10pt;
    }