@charset "UTF-8";
/* CSS Document */

*{
	margin: 0px;
	padding: 0px;	
}

html 
{
	height:100%;
}

body 
{
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color:#274F7E;
}

.whitetext 
{
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color:#FFFFFF;
}

.bold 
{
	font-weight:bold
}

.boldorange 
{
	font-weight:bold;
	color:#E8B200;
}

a 
{
	color: #0099CC;
}

a:visited 
{
	color:#0099CC;
}

a:hover 
{
	color: #26407F;
}

a:active 
{ 
	color:#006699;
}

p 
{
	color: #666666;
	margin-left: 15px;
	margin-right: 10px;
	font-size:12px;
}

ul 
{
	color: #666666;
	margin-left: 55px;
	margin-right: 10px;
	font-size:12px;
}

h1 
{
	font-size: 12px;
	padding:10px 10px;
	margin-left: 5px;
	color: #464749;
}

#container 
{
	width: 100%;
	height: 100%;
	background-color:#FFFFFF;
}

#wrapper
{
	/*width: 825px;*/
	margin: 0px auto;
	height:auto;
}

/* ---------------main content--------------- */

#content
{
	/*width: 825px;*/
	top: 100px;
	display: inline;
	height:auto;
}

#content img.line
{
	margin-top: 11px;
	margin-bottom: 32px;
}

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



/* ----------header and top nav-------------- */

#header
{
	/*width: 818px;*/
	height: 85px;
	text-align:left;
	margin-left: 75px;
}

#logo
{
	width:241px;
	height:85px;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
}

a.logo 
{
   display: block;
   width: 241px;
   height: 85px;
   text-decoration: none;
   background: url("docs/images/logo.gif");
}
  
a.logo:hover 
{
   background-position: -150px 0;
}

#topnav
{
	width: 324px;
	height: 85px;
	float:left;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
}

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


/* ---------------------top nav-------------------- */

ul#nav 
{ 
   white-space:nowrap; 
   position:absolute; 
   top:0px; 
   left:225px;  
}

ul#nav 
{ 
   background:url(images/subtopnav.gif) 
}

ul#nav li 
{ 
   float:left; 
   list-style-type:none 
}

ul#nav li a 
{ 
   height:85px; 
   display:block; 
   top:0; 
   position:absolute; 
   text-indent:-9999px; 
   outline:none 
}

li#navHome a, li#navPractice a, li#navServices a, li#navContact a 
{ 
   background:url(images/subtopnav.gif) 
}

li#navHome a 						
{ 
   background-position:0 0; 
   width:57px; 
   left:0 
}

li#navHome a:hover				
{
   background-position:0 -85px 
}

body#pageHome li#navHome a 		
{ 
   background-position:0 -85px 
}

li#navPractice a 					
{  
   background-position:-57px 0; 
   width:86px; 
   left:57px 
}

li#navPractice a:hover				
{ 
   background-position:-57px -85px 
}

body#pagePractice li#navPractice a 	
{ 
   background-position:-57px -85px 
}

li#navServices a 					
{ 
   background-position:-143px 0; 
   width:108px; 
   left:143px 
}

li#navServices a:hover				
{ 
   background-position:-143px -85px 
}

body#pageServices li#navServices a 	
{  
   background-position:-143px -85px 
}

li#navContact a 					
{
   background-position:-251px 0;
   width:73px; 
   left:251px 
}

li#navContact a:hover				
{
   background-position:-251px -85px 
}

body#pageContact li#navContact a 	
{ 
   background-position:-251px -85px 
}



/* ----------left nav-------------- */

#left
{
	width: 167px;
	position:absolute;
	top: 163px;
	margin-left: 75px;
	/*left: 50px;*/
	left: 0px;
	display: inline;
}

ul.sidenav 
{
	font-size:12px;
	font-weight: bold;
/*	padding: 5px 30px; */
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.7;
	color: #999999;
	text-align: left;
	list-style: none;
/*	border:1px solid #000; */
}

ul.sidenav li a
{
	color: #999999;
	text-decoration: none;
	width: 155px;
}

ul.sidenav li a:hover 
{
	color: #E8B200;
	font-weight:bold;
}

ul.sidenav li span
{
   display: none; 
}

ul.sidenav li a:hover span 
{
	display: block;
	font-size: 10px;
}

#social-icons {margin:12px 0;}
#social-icons img, #social-icons a {height:36px; width:auto;}

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

#body
{
	width: 818px;
	height: 1%;
	overflow: hidden;
}

/* ---------------------TEXT AREA-------------------- */

#textarea
{
	width: 630px;
	height: inherit;
	margin-left: 240px;
	margin-top: 10px;
	background-color:#FFFFFF;
}

#welcome
{
	/*margin-top: 100px;
	height: 200px;*/
}

#footer
{
	width: 818px;
	color:#666666;
	position: relative;
	bottom: 0px;
	margin-left: 240px;
}


#footer p
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color:#666666;
	line-height: 20px;
	float:left;
	margin-left: 6px;
	margin-top: 20px;
}