/*  General Styles ------------------------------*/
html, body {
height: 100%; /* for firefox */
}

body{
margin:0px 5% 0px 4%;
padding:0;/*allows for side column space*/
background-color:#000;
}

/* TEXT -----------------------------------*/
.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.extra_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
}
.title_bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}
.normal_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.normal_bullet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	text-align:left;
}
.contacttitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	color:#FFFFFF;
}
.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
}
a:link { 
	font-weight: normal; 
	text-decoration: none; 
	color: navy;
}
a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: navy;
}
a:hover, a:active { 
	text-decoration: none; 
	color: #F58735;
}

/* Desktop Services Text -------------------------------- */
#desktopservices {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	background-color:#3F76BB;
	color:#FFFFFF;
	width:405px;
	height:15px;
	list-style:none;
	padding:5px 75px 5px 0;
	margin:20px 50px 50px 50px;
}
#desktoprepair {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	font-weight:bold;
	text-decoration: none;
	background-color:#3F76BB;
	color:#FFFFFF;
	width:405px;
	height:15px;
	list-style:none;
	padding:5px 75px 5px 0;
	margin:0 0 0 50px;
}
#desktopservices2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	background-color:#fff;
	color:#000;
	width:402px;
	height:14px;
	list-style:none;
	padding:3px;
	margin:-50px 0 0 50px;
}
#desktopservices3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	background-color:#fff;
	color:#000;
	width:402px;
	height:14px;
	list-style:none;
	padding:3px;
	margin:0 0 0 50px;
}
#desktopservices4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	background-color:#fff;
	color:#000;
	width:474px;
	height:14px;
	list-style:none;
	padding:3px;
	margin:0 0 0 50px;
}
#desktopservices5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	background-color:#fff;
	color:#000;
	width:409px;
	height:14px;
	list-style:none;
	padding:3px;
	margin:0 0 0 50px;
}
#desktopservices6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	background-color:#fff;
	color:#000;
	width:418px;
	height:14px;
	list-style:none;
	padding:3px;
	margin:0 0 0 50px;
}
#reg {
float: left;
margin: 0;
padding:0;
}
#desktopcolor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	background-color:#CCE2F8;
	color:#000;
	width:474px;
	height:14px;
	list-style:none;
	padding:3px;
	margin:0 0 0 50px;
}
#desktopcolor2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	background-color:#CCE2F8;
	color:#000;
	width:474px;
	height:14px;
	list-style:none;
	padding:3px;
	margin:0 0 0 50px;
}
#desktopprice {
	float:right;
	margin:0;
	padding:0;
}

/* Wrapper ------------------------------ */
.table{
margin:0px;
padding:0px;
width:100%;
border:0;
}
.left{
margin:0px;
padding:0px;
background:#fff;
width:0px;
height:100%;
border-right:3px solid #fff;;
}
.middle{
margin:0px;
padding:0px;
background:#fff;
width:70%;
}
.right{
margin:0px;
padding:0px;
background-color:#fff;
width:0px;
height:100%;
border-left:0;
}

/*  Top Area ------------------------------*/
#top {
margin:0;/*to stretch to full width of layout*/
padding:0;
height:130px;
}
#top h2{
margin:0px;
padding:0px;
height:80px;
background:#FFF;
}

/*  Banner ------------------------------*/
#banner {
margin:0;/*to stretch to full width of layout*/
padding:0;
height:100%;
}
#banner h2{
margin:0px;
padding:0px;

}

/*  Main Content Area ------------------------------*/
#container{
background-color:#fff;
float:left;
width:auto;	
border-left:200px solid #fff; /* The width and color of the left rail */
margin-right:0;
display:inline; /* So IE plays nice */
}

/*  Left Column ------------------------------*/
#leftColumn{
margin:5px 0 0 -240px;
padding:0;
float:left;
width:200px;
position:relative;
}
#leftColumn dl, #centerColumn dl{
margin:0;
padding:0;
}
#leftColumn dt{
margin:0;
padding:0px;
background:#fff;
position:relative;
}

/*  Center Column ------------------------------*/
#centerColumn{
margin:0;
padding:0;
float:left;
width:755px;
position:relative;
}
#centerColumn dt{
margin:0px;
padding:5px 40px 0 150px;
background:#CCFF00;
position:relative;
text-align:left;
background:url(images/borderline.gif) top right no-repeat;
}

/*  Footer ------------------------------*/
#footer {
margin:0;/*to stretch to full width of layout*/
padding:0;
clear: both;
background:#FFFFFF;
text-align:center;
height:15px;
}
*html #footer{
height:1em;/*eliminates gap*/
}

/* ----------------- DROP DOWN NENU ------------------- */
#navigation {
margin:0;/*to stretch to full width of layout*/
padding:0;
}
/* MAIN LEVEL STYLING --------------------------- */
#nav{
margin: 0;
padding: 0;
float:left;
width:100%;
list-style:none;
background:#fff;
line-height: 1.5em;
position:relative;
z-index:2;
}
*html #nav{
height:1.8em;
}

#nav li{
margin: 0px;
padding: 0px;
float: left;
position:relative;
border-right:0;
}

#nav a, #nav a:visited{
margin:3px;
padding:3px;
float: left;
display: block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
color:#000;
}

/* SUB LEVEL STYLING --------------------------- */
#nav ul {
margin:0px;
padding:0px;
top:100%;
left:0px;
list-style:none;
background:#396D9E;
line-height: 1.5em;
visibility:hidden;
position:absolute;
}
*html #nav ul{
line-height:1.8em;
top:2.1em;
}

#nav ul li{
margin:0px;
padding:0px;
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
position:relative;
}

#nav ul a, #nav ul a:visited{
margin:0 0 0 3px;
padding:0 0 0 3px;
float: left;
display: block;
width:100px;
color:#fff;
}

#nav ul a.drop, #nav ul a.drop:visited { /* Shades Cell with More menu items */
background:#d4d8bd /*url(../../graphics/drop.gif) bottom right no-repeat*/;
}

/* THIRD LEVEL STYLING --------------------------- */
#nav ul ul {
margin:0;
padding:0;
top:0px;
left:100%;
list-style:none;
background:#CC0;
line-height: 1.5em;
visibility:hidden;
position:absolute;
}
*html #nav ul ul{
left:206px;
}
#nav ul ul li{
margin:0px;
padding:0px;
}

#nav ul ul a, #nav ul ul a:visited{
float: left;
display: block;
margin:0;
padding:0;
width:150px;
color:#000;
}

#nav table {position:absolute; top:0; left:0;}

/* SUBMENU SHOW-HIDE COMMANDS -------------------- */
#nav li:hover ul,
#nav a:hover ul{
visibility:visible; 
}
#nav :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
#nav :hover ul :hover ul{ 
visibility:visible;
}

/* ALL HOVERS -------------------- */

/* style the top level hover */
#nav a:hover{
color:#000;
background:#949e7c;
}

#nav ul a:hover{
color:#fff; 
background:#000;
}

#nav :hover > a, #nav ul :hover > a { /* Mozilla Only - Hilite while on a submenu*/
color:#fff;
background:#000;
}

/* style the second level hover */
#nav ul a.drop:hover{ 
background:#c9ba65;
}
#nav ul :hover > a.drop {
/* Cell decoration */
background:#c9ba65 /*url(../../graphics/drop.gif) bottom right no-repeat*/;
}

/* style the third level hover */
#nav ul ul a:hover {
/* Cell decoration */
background:#b2ab9b;
}
