@charset "utf-8";



/* CSS Document */



* {

	margin: 0;

	padding: 0;

}



body {

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

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	background-repeat: repeat;

	background-color: #FFFFFF;

}



p {margin-bottom:18px;}



ol {

	margin-bottom: 18px;

	margin-left: 40px;

}



* .bullets {list-style:square; line-height:18px; margin-left:30px; margin-bottom:18px;}



* .content-background {

	background:#FFFFFF url(../balas/images/blue-banner-right.jpg) repeat-x;

}



* .intro {font-size: 18px; color:#085AA4; font-weight:bold;}



* #container {

	width: 888px;

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -444px;/*half the width*/

}





/* Just for Opera, but hide from MacIE */



/*\*/html>body .replace {

	letter-spacing : normal;

	text-indent : -999em;

	overflow : hidden;

}

/* End of hack */







/* 

| Links |

*/



a {

	text-decoration: none;

	color: #085AA4;

}

a:link {

}

a:visited {

}

a:active {

}

a:hover {

	text-decoration: underline;

}



#footer a:link, #footer a:visited {

	color: #FFFFFF;

	text-decoration: none;

	font-size:10px;



}



#footer a:hover, #footer a:active {

	color: #FFFFFF;

	text-decoration: underline;

	font-size:10px

}



#sesame a:link, #sesame a:visited {

	color: #CCCCCC;

	text-decoration: none;

	font-size:10px;



}



#sesame a:hover, #sesame a:active {

	color: #CCCCCC;

	text-decoration: underline;

	font-size:10px

}





* .header {

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

	background-repeat:no-repeat;

	width:529px;

	height:113px;

	font-size: 10px;

	line-height: 12px;

	padding-right: 20px;

}





* .footer {

	padding:10px;

	font-size: 10px;



	font-weight: normal;

	color: #FFFFFF;

}



* .content {padding: padding-top: 10px;

	padding-right: 20px;

	padding-bottom: 30px;

	padding-left: 34px;

}



hr {

	height: 1px;

	margin-bottom: 18px;

	color: #085AA4;

}





* .border-left {background-image:url(images/border-left.jpg); background-repeat:repeat-y; width:13px;

}



* .border-right {background-image:url(images/border-right.jpg); background-repeat:repeat-y; width:13px;}







/*

|		  Typography					|

|Everything set to 18px baseline		|

|grid. use increments of 18px for 		|

|images, logos etc to maintain this grid|

*/



BODY, TD, TH, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; }



.Header		{font-size: 18px; font-weight: bold; color: #085AA4; line-height: 18px;}

.Subheader	{font-size: 14px; font-weight: bold; color: #000000; font-style: italic;}



.Blue		{ color: #085AA4; }

.Black		{ color: #000000; }



.SmallText	{ font-size: 10px; }

.MediumText	{ font-size: 16px; line-height: 16px; }

.LargeText	{ font-size: 24px; line-height: 24px; }





h1 {

	font-size: 24px;

	font-weight: normal;

	margin: 0;

	height: 113px;

	width: 332px;

	line-height: 0;

	overflow: hidden;

}

h1#h-logo {font-size: 0;

	margin: 0;}





h2 {

	font-size: 18px;

	font-weight: normal;

	line-height: 18px;

	height: 70px;

	margin:0

}



h3 {

	font-size: 18px;

	line-height: 18px;

	margin-bottom: 18px;

	font-weight: bold;

	color: #085AA4;

}







h4 {

	font-size: 14px;

	font-weight: bold;

	padding: 9px 0 0;

	color: #000000;

	margin-bottom: 18px;

	font-style: italic;

}





h5 {

	font-size: 10px;

	font-weight: bold;

	line-height: 12px;

	padding: 9px 0 0;

	color: #FFFFFF;

}



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;

}

* #h-logo a {

	display: block;

	width: 332px;

	height: 113px;

}





/* Headings */

* #h-about-our-office{

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

}



* #h-regular-checkups {

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

}



* #h-your-smile {

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

}



* #h-smile-gallery{

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

}



* #h-contact-us {

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

}



* #h-site-map {

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

}

* #h-logo {

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

}





/* 

| Images |

*/

img {

	border: 0;

}





* .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;

}







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

ul#nav {

	height: 48px;

	list-style: none;

	margin: 0;

	padding: 0;

}





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

#nav li {float: left;}





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

#nav a {

display: block;

height: 48px; 

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/nav-home.jpg); width:72px;}

* #about-our-office {background: url(images/nav/nav-about-our-office.jpg); width:103px;}

* #regular-checkups {background: url(images/nav/nav-regular-checkups.jpg); width:103px;}

* #your-smile {background: url(images/nav/nav-your-smile.jpg); width:103px;}

* #smile-gallery {background: url(images/nav/nav-smile-gallery.jpg); width:103px;}

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



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

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



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

#nav .active {cursor: default}