body {

	background-image: url(images/backgrounds/background.jpg);

	background-repeat: repeat-x;

	background-color: #D1D1D1;

}

body,td,th {
	font-family: Tahoma, Verdana;
	color: #000000;
	font-size: 12px;
	line-height: 18px;

}
p, ul.justify {
	text-align: justify;
}




#content {padding-left:30px; padding-right:30px;}

#content-interior {padding:30px;}

#address {background-image:url(images/backgrounds/address-background.jpg); background-repeat:no-repeat; width:170px; height:121px; background-position:center; padding:12px; color:#013366;}

#left-column {background-image:url(images/backgrounds/nav-background.jpg); background-repeat:no-repeat; width:184px; height: 329px;padding-top: 25px;}





/*



|		  Typography					|



|Everything set to 18px baseline		|



|grid. use increments of 18px for 		|



|images, logos etc to maintain this grid|



*/



a {

	text-decoration: underline;

	color: #013366;

}

#main-column a {color: #000000;}

a:link {

}

a:visited {

}

a:active {

}

a:hover {

	text-decoration: none;

}

#footer a:link, #footer a:visited {color: #013366; text-decoration:underline; font-size:10px; line-height: 12px;}

#footer a:hover, #footer a:active {color: #013366; text-decoration: none; font-size:10px}



#footer a.sesame:link {color: #ffffff; text-decoration:none; font-size:10px}

#footer a.sesame:visited {color: #A3A3A3; text-decoration:none; font-size:10px}

#footer a.sesame.a:hover {color: #A3A3A3; text-decoration:none; font-size:10px}



h1 {

	font-size: 24px;

	line-height: 36px;

	font-weight: normal;

	margin: 18px 0 18px 0;

}



h2 {

	font-size: 22px;

	font-weight: normal;

	line-height: 18px;

	height: 44px;

	margin: 9px 0 9px;

	color: #013366;

}

h2.replace {
	width: 488px;
	height:44px;
	overflow:hidden;
}



h3 {

	font-size: 16px;

	color: #013366;

	line-height: 18px;

	margin-bottom: 18px;

	font-weight: bold;

}

h4 {

	font-size: 14px;

	line-height: 18px;

	margin-bottom: 0px;

	font-weight: bold;

}

#footer h4 {

	font-size: 10px;

	font-weight: bold;

	line-height: 12px;

	padding: 9px 0 0;

	color: #013366;
}
#footer * {text-align: center;}

h5 {

	font-size: 12px;

	line-height: 18px;

	font-weight: bold;

}

h6 {

	font-size: 10px;

	line-heght: 18px;

	margin-bottom: 18px;

	font-weight: normal;

}

img {

	border: 0;

}









strong, b {

	font-weight: bold;

}

em {color: #013366}

sup, sub {

	font-size: 75%;

}





/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/

.replace {

	letter-spacing : -1000em;

	line-height: 0;

	over-flow: hidden;

	text-indent: -999em;

}



hr {color:#013366; height:1px;}



/* 

|	Layout	|

*/



.float-left {/* Left Floated Images */

	float: left;

	margin: 0 9px 18px 0;

	border: 0px; text-align: left;

}

.float-right {/* Right Floated Images */

	float: right;

	margin: 0 0 18px 9px;

	clear: right;

	border: 0px;

}



#footer {

	background:#ABAAA8 url(images/backgrounds/footer-background.gif) no-repeat 50% 50%;

	width:730px;

	height:103px;

	margin: 0 auto;

	text-align: center;

}



.main-background {

	background-image: url(images/backgrounds/main-background.jpg);

	background-repeat:no-repeat;

	width:750px;

	height:400px;

	background-color: #ACABA9;

}

.content-background {

	background-image:url(images/backgrounds/content-background.gif);

	background-repeat:repeat-y;

	width:560px;

	height:300px;

}

.content-background-interior {

	background-image:url(images/backgrounds/content-background-interior.gif);

	background-repeat:no-repeat;

	width:560px;

	height:300px;

}





/* ---------------Top Navigation ------------------ */

ul#top-nav {

	height: 65px;

	list-style: none;

	margin: 0;

	padding: 0;

}



/*  Makes the list items sit next to each other */

#top-nav li {float: left;}



/*  Sets styles for all links that are inside the ul id="top-nav" */

#top-nav a {

display: block;

height: 65px; 

overflow: hidden; 

text-indent: -1999em; /* Indents the rich-text so it does not show */

}



/* Set the image for each nav item */

#home {background: url(images/nav-home.jpg); width:149px}

#contact-us {background: url(images/nav-contact-us.jpg); width:94px}

#site-map {background: url(images/nav-site-map.jpg); width:67px}







/* Shift the image position up to show the active state */

#top-nav a:hover, #top-nav .active {background-position: 0 -65px;}



/* Set the cursor to default arrow so link does not appear clickable */

#top-nav .active {cursor: default}



/* ---------------Main Navigation ------------------ */

ul#nav {
padding-top: 25px;
}


/*  Sets styles for all links that are inside the ul id="nav" */

#nav a {

display: block;

height: 25px; 

overflow: hidden; 

text-indent: -999em; /* Indents the rich-text so it does not show */

}



/*  Makes the list items sit next to each other */

#nav li {float: left;}



/* Set the image for each nav item */


#about-us, #about-orthodontics, #braces-101, #refer-a-friend, #the-game-room, #faq {
display: block;

height: 25px;
width: 184px; 
overflow: hidden; 
text-indent: -1999em; /* Indents the rich-text so it does not show */
}
#about-us {background: url(images/nav-about-us.jpg);}

#about-orthodontics {background: url(images/nav-about-orthodontics.jpg);}

#braces-101 {background: url(images/nav-braces-101.jpg);}

#refer-a-friend {background: url(images/nav-refer-a-friend.jpg);}

#the-game-room {background: url(images/nav-the-game-room.jpg);}

#faq {background: url(images/nav-faqs.jpg);}



/* Shift the image position up to show the active state */

#nav a:hover, #nav .active {background-position: 0 -25px;}



/* Set the cursor to default arrow so link does not appear clickable */

#nav .active {cursor: default}



#nav a:hover, #nav a.active, 

#nav li:hover #our-office, #nav li.sfhover #our-office, 

#nav li:hover #meet-dr-hayosh, #nav li.sfhover #meet-dr-hayosh, 

#nav li:hover #office-tour, #nav li.sfhover #office-tour, 

#nav li:hover #patient-info, #nav li.sfhover #patient-info, 

#nav li:hover #orthodontic-treatments, #nav li.sfhover #orthodontic-treatments, 

#nav li:hover #ortho-dictionary, #nav li.sfhover #ortho-dictionary, 

#nav li:hover #resources, #nav li.sfhover #resources, 

#nav li:hover #types-of-appliances, #nav li.sfhover #types-of-appliances, 

#nav li:hover #damon-system, #nav li.sfhover #damon-system,

#nav li:hover #brace-painter, #nav li.sfhover #brace-painter, 

#nav li:hover #oral-care-video, #nav li.sfhover #oral-care-video, 

#nav li:hover #retainers, #nav li.sfhover #retainers, 

#nav li:hover #emergency-care, #nav li.sfhover #emergency-care,  

{background-position: 0 -25px}



ul#nav {list-style: none; margin: 0; padding: 0;}



#nav ul {list-style: none; margin: 0; padding: 0; display: none;}

#nav li {display: inline}

#nav ul li a {height: 12px; line-height: 11px; margin: 0; padding: 4px; margin-left: 15px; text-indent: 0; text-decoration: none; width: 164px}

#nav ul li a:hover, #nav ul li a.active {background: #013366; color:#FFFFFF}


/*

|	Image Replacement	|

*/



/* Headings */



#h-brace-painter {

	background: url(images/headings/brace-painter.jpg) no-repeat;

}

#h-damon-system {

	background: url(images/headings/damon-system.jpg) no-repeat;

}

#h-emergency-care {

	background: url(images/headings/emergency-care.jpg) no-repeat;

}

#h-meet-dr-hayosh{

	background: url(images/headings/meet-dr-hayosh.jpg) no-repeat;

}

#h-office-tour {

	background: url(images/headings/office-tour.jpg) no-repeat;

}

#h-ortho-dictionary {

	background: url(images/headings/ortho-dictionary.jpg) no-repeat;

}

#h-orthodontic-treatments {

	background: url(images/headings/orthodontic-treatments.jpg) no-repeat;

}

#h-our-office {

	background: url(images/headings/our-office.jpg) no-repeat;

}

#h-patient-info {

	background: url(images/headings/patient-info.jpg) no-repeat;

}

#h-resources {

	background: url(images/headings/resources.jpg) no-repeat;

}

#h-retainers {

	background: url(images/headings/retainers.jpg) no-repeat;

}

#h-site-map {

	background: url(images/headings/site-map.jpg) no-repeat;

}

#h-types-of-appliances {

	background: url(images/headings/types-of-appliances.jpg) no-repeat;

}

#h-contact-us {

	background: url(images/headings/contact-us.jpg) no-repeat;

}
#h-refer-a-friend{

	background: url(images/headings/refer-a-friend.jpg) no-repeat;

}
#h-the-game-room {

	background: url(images/headings/the-game-room.jpg) no-repeat;

}
#h-faq {

	background: url(images/headings/faq.jpg) no-repeat;

}