/* HTML, BODY ---------- */

body {background-color:#a6d279; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; margin:0; color:#000;}
p {padding-top:10px;}

/* LAYOUT ---------- */
#wrap {width:836px; margin:0 auto;   background-image:url(images/wrap-background.gif); background-repeat:no-repeat; overflow:auto;}
#wrapsub {width:836px; margin:0 auto; /*overflow:auto; */}
#column1 {width:606px; float:left;}
#column2 {width:230px; float:left; background-color:#FFF;}
#content {width:427px; float:left; padding:28px 10px 50px 10px;}
#contentsub {width:657px; float:left; padding:28px 10px 50px 10px;border-bottom:solid 10px #ccb774; background-image:url(images/tile-contentsub.gif);}
#contentsub ul {margin-left:28px;}
#contentsub p {padding-top:15px;}
#contentsub a {color:#a6d279;}
#footer {width:713px; margin:0 auto; text-align:center; }
#footer h2, a, .links {color:#FFF; padding:0; font-size:12px;}
#footer h2, p {margin:0; padding:0}
#logo {width:100%;}

/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 56px; text-indent: -999em; }
h3 {font-size:18px; padding:0;}
#contentsub h4 {color:#a6d279; font-size:16px; padding:15px 0 0 0; margin:0;}

/* CLASSES ---------- */
#footer .sesame {color:#6cad39;}
#contentsub .flash {text-align: center; margin: 0 auto;}
#contentsub .flash p {color: #000;}

/* NAVIGATION ---------- */
ul#nav {background: url(images/nav-top.gif) no-repeat; list-style: none; padding: 10px 0 0 0; margin:0 0 0 0; float:left; clear:both;}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block; height: 24px; width:159px; overflow: hidden; text-indent:-999em;}
ul#nav li {padding:0; margin:0;}
/* Set the image for each nav item */
#home {background: url(images/nav-home.gif);}
#meettheorthodontist {background: url(images/nav-meet-the-orthodontist.gif);}
#meettheteam {background: url(images/nav-meet-the-team.gif);}
#officetour {background: url(images/nav-office-tour.gif);}
#officepolicies {background: url(images/nav-office-policies.gif);}
#asktheorthodontist {background: url(images/nav-ask-the-orthodontist.gif);}
#aboutorthodontics {background: url(images/nav-about-orthodontics.gif);}
#invisalign{background: url(images/nav-invisalign.gif);}

#braces101 {background: url(images/nav-braces-101.gif);}
#emergencycare {background: url(images/nav-emergency-care.gif);}
#thegameroom {background: url(images/nav-the-game-room.gif);}
#contactus {background: url(images/nav-contact-us.gif);}

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active {background-position: -159px 0;}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}


/* ORTHO NAVIGATION ---------- */
div#sub {
	float: right; 
	clear: right; 
	width: 341px; 
	margin-right: 40px;
}
* html div#sub {margin-right: 0px;}/* for IE6*/
div#sub ul {list-style: none; width:341px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#sub a { color:#000; }
#sub li {display: inline; white-space: nowrap; }


/* Shift the image position up to show the active state */
#sub a:hover, #sub .active {color:#a6d279;}

/* Set the cursor to default arrow so link does not appear clickable */
#sub .active {cursor: default}