/* CSS Document */

/* Basic Stuff */

html, body {
height: 100%;
}


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hides from IE-mac \*/
/** html .clearfix {
height: 1%;
}
*/
/* End hide from IE-mac */


body {
font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
color: #000;
line-height: 17px;
text-align: center;
min-width: 1000px;
margin: 0;
padding: 0;
background-image: url(images/layout/background.gif);
background-repeat: repeat-x;
background-color: #b9deeb;
}
	
body A:link {
color: #009bc9;
font-weight: normal;
text-decoration: none;
}
body A:active {
color: #009bc9;
font-weight: normal;
text-decoration: none;
}
body A:visited {
color: #009bc9;
font-weight: normal;
text-decoration: none;
}
body A:hover {
color: #009bc9;
font-weight: normal;
text-decoration: underline;
}
	
h1 {
font: 14px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
color: #000;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
font-weight: bold;
}

h2 {
font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
color: #009fb2;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 5px;
font-weight: bold;
}

	
#wrapper {
margin: 0 auto;
background: #fff;
width: 1030px;
min-height: 100%;
padding-left: 80px;
text-align: left;
}
	
#main {
width: 950px;
padding-top: 15px;
position: left;
}

#logo {
float: left;
}

#gpa {
float: right;
}
	
/* Navigation */

#navbar {
width: 950px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
}

#nav {
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
background: #fff;
float: left;
width: 950px;
position: relative;
height: 39px;
background: url("images/layout/nav-background.gif") no-repeat right top;
}
	
	  
#nav ul {
margin: 0 0 0 0px;
padding: 0px 0px 0 12px;
list-style: none;
}
	  
#nav li {
float: left;
margin: 0 0 0 0px;
padding: 0px 0px 0 0px;
}
	
#nav a {
font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
float: left;
display: block;
left: -14px;
margin-top: 0px;
margin-right: 4px;
padding: 12px 5px 12px 6px;
text-decoration: none;
font-weight: bold;
color: #FFF;
}
	  
#nav > ul a {
width: auto;
margin-top: 0px;
}
    
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {
float: none;
}
/* End IE5-Mac hack */

#nav a:hover {
color: #f5a768;
}


	  
#home #nav-home, 
#about #nav-about,
#practice-info #nav-practice-info,  
#services #nav-services, 
#practice-billing #nav-practice-billing,
#appointment #nav-appointment,
#careers #nav-careers,
#links #nav-links,
#contact #nav-contact,
#staff #nav-staff {
background-position: 100% -150px;
}

#home #nav-home a, 
#about #nav-about a,
#practice-info #nav-practice-info a,  
#services #nav-services a, 
#practice-billing #nav-practice-billing a,
#appointment #nav-appointment a,
#careers #nav-careers a,
#links #nav-links a,
#contact #nav-contact a,
#staff #nav-staff a {
background-position: 0 -150px;
padding-bottom: 7px;
color: #f5a768;
border-bottom: 0;
}
	  
/* not for IE5.x or IE6 */

#nav li:hover, 
#nav li:hover a {
background-position: 100% -150px;
color: #f5a768;
}

#nav li:hover a {
background-position: 0 -150px;
}

#header {
width: 950px;
}

#left {
width: 460px;
float: left;
position: relative;
padding-top: 20px;
}
	
#centre {
width: 223px;
padding-left: 22px;
padding-top: 20px;
float: left;
position: relative;
}


#featurebox {
font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
color: #0066a4;
background-color: #d5f4fe;
width: 223px;
margin-bottom: 20px;
margin-top: 20px;
float: left;
line-height: 18px;
position: relative;
}

#featurebox h2 {
background: #d5f4fe url("images/layout/box-top.gif") no-repeat left top;
color: #0066a4;
padding: 10px 10px 0px 10px;
}

#featurebox p {
background: #d5f4fe url("images/layout/box-bottom.gif") no-repeat left bottom;
margin: 0px;
padding: 0px 10px 10px 10px;
text-align: left;
}

#featurebox2 {
font: 11px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
color: #0066a4;
background-color: #d5f4fe;
width: 223px;
margin-bottom: 20px;
float: left;
line-height: 15px;
position: relative;
}

#featurebox2 h2 {
background: #d5f4fe;
color: #0066a4;
padding: 10px 10px 0px 10px;
}

#featurebox2 p {
background: #d5f4fe url("images/layout/box-bottom.gif") no-repeat left bottom;
margin: 0px;
padding: 0px 10px 10px 10px;
text-align: left;
}
	
#right {
width: 223px;
padding-left: 22px;
padding-top: 20px;
float: left;
position: relative;
}

#how {
width: 223px;
float: left;
position: relative;
}

#how-bot {
width: 223px;
float: left;
position: relative;
}

#break {
height: 20px;
}

#footer {
font: 10px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
line-height: 15px;
width: 950px;
margin-top: 20px;
margin-bottom: 50px;
border-top: 1px;
border-top-color: #e1f3f5;
border-top-style: solid;
padding-top: 20px;
float: left;
position: relative;
}

	
ul {
list-style: none;
margin: 0 0 0 0px;
padding-left: 0px;
}
	
#menu9 {
width: 223px;
float: left;
}
	
#menu9 li a {
font: 12px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif;
height: 30px;
margin-bottom: 1px;
text-decoration: none;
padding-left: 8px;
}
	
#menu9 li a:link, #menu9 li a:visited {
color: #0066a4;
display: block;
background-color: #d5f4fe;
padding: 0px 0px 0px 10px;
line-height: 30px;
}
	
#menu9 li a:hover {
color: #ffffff;
text-decoration: none;
background-color: #009bc9;
padding: 0px 0px 0px 10px;
line-height: 30px;
}
	
.sidenavhigh {
width: 213px;
color: #000;
display: block;
text-decoration: none;
background-color: #b8dcdf;
margin-left: -10px;
padding: 0px 0px 0px 10px;
line-height: 26px;
}