/* Reset Styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	outline:none;
	list-style-type:none;
	color:#0085a8;
	text-transform: none;
}

/* Custom Styles */

body {font-family:Arial; font-size:12px; text-align:center; background:#d7eef6; color:#666666; margin:0;}

h2 {color:#0085a8; font-family:Georgia, Times New Roman, Times, serif; font-size:18px;}
p {font-family:Georiga, Times New Roman, Times, serif; font-size:14px; color:#666666;}
a {color:#006699;}

#container {position:relative; margin:0 auto; width:900px; text-align:left; background:#666666; }

#masthead {width:900px; height:126px; background:#666666 url(../images/masthead-bg.jpg) top left no-repeat;}
#masthead .toplinks {height:23px; width:900px; padding:10px 0 0 0;}
#masthead .toplinks li {
	float:left;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background:url(../images/top-arrow.gif) 0 0 no-repeat;
	padding:0 0 0 15px;
}
#masthead .toplinks .title {width:700px; padding:0; margin:0; background:none;}
#masthead .toplinks li a {
	margin:0 20px 0 0;
	color:#000000;
	text-transform:uppercase;
	font-size:10px;
	font-family:Arial;
	text-decoration:none;
	padding:0 0 8px 0;
	line-height:12px;
}
#masthead .toplinks li a:hover {background:url(../images/link-underline.gif) 0 7px repeat-x;}

#masthead .logo {height:93px; width:900px;}
#masthead .logo a {display:block; width:300px; height:93px; text-indent:-9999px;}


/*Drop Down Code */

 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; text-indent:-9999px;}
  #nav a {}
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 12px; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul {width: 150px;}
#nav ul ul {left: 131px;}

/* Everything else is theming */
 
#nav {width:900px; height:60px; clear:both;}

#nav li .studyfindings {display:block; width:150px; height:60px; background:url(../images/nav-studyfindings.gif) top left no-repeat;}
#nav li .studyfindings:hover {background:url(../images/nav-studyfindings-on.gif) top left no-repeat;}
#nav li .studyfindings-hover {background:url(../images/nav-studyfindings-on.gif) top left no-repeat;}

#nav li .education-training {display:block; width:150px; height:60px; background:url(../images/nav-education.gif) top left no-repeat;}
#nav li .education-training:hover {background:url(../images/nav-education-on.gif) top left no-repeat;}

#nav li .consulting {display:block; width:150px; height:60px; background:url(../images/nav-consulting.gif) top left no-repeat;}
#nav li .consulting:hover {background:url(../images/nav-consulting-on.gif) top left no-repeat;}

#nav li .products {display:block; width:150px; height:60px; background:url(../images/nav-products.gif) top left no-repeat;}
#nav li .products:hover {background:url(../images/nav-products-on.gif) top left no-repeat;}
#nav li .products-hover {background:url(../images/nav-products-on.gif) top left no-repeat;}


#nav li .software {display:block; width:150px; height:60px; background:url(../images/nav-software.gif) top left no-repeat;}
#nav li .software:hover {background:url(../images/nav-software-on.gif) top left no-repeat;}
#nav li .soft-hover {background:url(../images/nav-software-on.gif) top left no-repeat;}


#nav li .videos {display:block; width:150px; height:60px; background:url(../images/nav-videos.gif) top left no-repeat;}
#nav li .videos:hover {background:url(../images/nav-videos-on.gif) top left no-repeat;}



#nav ul { top: 60px; background:url(../images/dropdown-bg.gif) bottom left no-repeat; color:#ffffff; border-right:1px solid #666666; padding:0 0 15px 0;}
#nav ul li {padding:0; color:#333333; text-indent:0; line-height:18px; display:block; font-family:Georgia; font-size:11px; }
#nav ul li a {display:block; background:#ffffff url(../images/dropdown-bullet.gif) 25px 12px no-repeat; color:#666666; padding:5px 10px 5px 35px; text-decoration:none; margin-left:1px;}
#nav ul li a:hover {background:#dbf3fc url(../images/dropdown-bullet.gif) 25px 12px no-repeat;}
      
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/*End Drop down Code */



/* Footer Code */

#footer {
	clear:both;
	text-align:center;
	background:#575656;
	height:89px;
	color:#ffffff;
	margin:0 0 50px 0;
}
#footer ul {clear:both;}
#footer ul li {float:left; font-size:11px; color:#ffffff; padding:0 15px 0 0;}
#footer ul .pike {
	color:#FFFFFF;
}
#footer ul li a {color:#ffffff; text-transform:uppercase; background:none; text-decoration:none; padding:0 0 6px 0;}
#footer ul li a:hover {background:url(../images/link-underline.gif) 0 8px repeat-x;}

#footer .links {padding:20px 0 25px 185px;}
#footer .copyright {padding: 0 0 0 77px;}





/* Universal Elements */

.clear {clear:both;}
#preload {position:absolute; top:0; left:-10000px; }
#preload li {position:absolute; top:0; }