/*------------------------------------------------------------------
	
	[Stylesheet]

	Project:	Westnet Hosting Website
	Version:	2.0
	Last change:	22.07.08 [Created]
	Assigned to:	Garth Haseldine (GH)

-------------------------------------------------------------------*/

/*------------------------------------------------------------------

	[Table of Contents]
	
	1. Body
	2. Header
	3. Content
	4. Forms
	
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	
	[Color codes]
	
	Background:		#ffffff (white)
	Content:		#2e2e2e (light black)
	
	a (standard):	#0000ee (Standard blue)
	a (visited):	#0000ee (Standard blue)
	

	[Typography]

	Body copy:				11px Verdana, Arial, SunSans-Regular, Sans-Serif; 
	Input, textarea:		11px Verdana, Arial, Helvetica, sans-serif; 

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	1. Body
-------------------------------------------------------------------*/


body { font-size:11px; font-family:Verdana, Arial, SunSans-Regular, Sans-Serif; color:#2e2e2e; margin:0; padding:0; text-align:center; background:#FFFFFF url(/images/bgs/body_bg_02.gif) repeat-y 50% 0; }
td { font-size:11px; }
.box { width:730px; margin:0 auto; padding:0; text-align:left; }


/*------------------------------------------------------------------
	2. Header
-------------------------------------------------------------------*/

.header { background:#FFFFFF url(/images/bgs/title_lineman.png) no-repeat; height:90px; text-align:right; width:730px; }
.header img { margin-top:10px; }


/* Global Navigation */
.navbox { background:url(/images/bgs/navbox.gif) no-repeat center; height:24px; color:#FFFFFF; padding-left:15px; font-size:11px; }
#topnav { color:#0b2777; font-size:10px; font-family:Arial, Verdana, SunSans-Regular, Sans-Serif; width:730px; height:22px; margin:0 auto; padding-top:5px; text-align:center; background:url(/images/bgs/top_nav_bg.gif) no-repeat #FFFFFF; }
#topnav ul { margin-left:0; padding-top:0; display:inline; }
#topnav ul li { margin-left:0; padding:3px 15px; border-left:1px solid #e6f1f7; list-style:none; display:inline; }
#topnav ul li.first { margin-left:0; border-left:none; list-style:none; display:inline; }
#topnav a { text-decoration:none; color:#1a80d7; }


/* all lists */
#nav, #nav ul { padding:0px;  margin:0px;  list-style:none;  line-height:1;  }
#nav a { display: block;  }

/* all list items */
#nav li { float: left;  }
#nav li a { padding:5px 17px;  }
#nav li a:hover { background: #97c9e5;  }
#nav li:hover { background: #97c9e5;  }

/* second-level lists */ 
#nav li ul { position: absolute;  border-left:3px solid #97c9e5;  background: #56a2cc;  width:200px;  left: -999em;  /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
#nav li ul li { text-align:left; width:200px; border-bottom:solid 1px #97c9e5; }
#nav li ul li a { padding:10px 0px 10px 10px; }
#nav li ul li a:hover { background-color:#97c9e5; }
#nav li ul li:hover { background-color:#97c9e5; border-left:solid 1px #97c9e5; }

#nav li:hover ul,#nav ul { left:auto; }

.box .menu { height:30px; clear:both; background:url(/images/bgs/main-menu-01.gif) repeat-x; }
.box .menu ul#nav { padding:5px 0 0 15px; }
.box .menu a { color:#FFFFFF; text-decoration:none; font-weight:bold; }
.box .menu ul li { display:inline; list-style:none; border-left:solid 1px #97c9e5; }
.box .menu ul li:hover { border-left:solid 1px #2d8dc3; }


/*------------------------------------------------------------------
	3. Content
-------------------------------------------------------------------*/

.blue11 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#163D9C; }
.black10 { font-size:10px; }
.redTitle { padding:17px 25px 14px; background:#FFFFFF; text-align:left; }
.hr1 { background:#DBDBDB; font-size:0; height:1px; padding:0; width:460px; margin:0 0 0 18px; }
.hr2 { background:url(/images/bgs/line_03.gif) top no-repeat; width:154px; height:1px; font-size:0; margin:20px 0; }


/*------------------------------------------------------------------
	4. Forms
-------------------------------------------------------------------*/

form { margin:0; padding:0; }
input, select, checkbox, submit, button { font-size:11px; margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; }
input[type="text"]:focus { background-color:#fffbdd; }