/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{ margin: 0; padding: 0; }

/*****Basic Elements*****/
body {
	background-color: #ffffff;
	color: #525252;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Verdana", sans-serif;
}

body#home {
	background-image: url('images/bg_homeBig.png');
	background-position: top center;
	background-repeat: repeat-x;
}

body#about, body#dentists, body#smileGallery, body#payments, body#forms, body#contact, body#treatments {
	background-image: url('images/bg_generic.png');
	background-position: top center;
	background-repeat: repeat-x;
}

h1#ndLogo {
    padding: 187px 0 0 0;
    overflow: hidden;
    background-image: url("images/ndLogo.png");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:187px;

	margin-left: 175px;
}

h1 {font-weight: normal; font-size: 28px; color: #ffffff; padding: 15px 0 15px 15px;}
h2 {font-weight: normal; font-size: 24px; color: #e50e07; padding: 10px 0 10px 0;}
h3 {font-weight: normal; font-size: 20px; color: #021972; padding: 10px 0 10px 0;}

p {line-height: 1.5; padding-bottom: 15px;}

p#cornerInfo {
	padding: 76px 0 0 0;
    overflow: hidden;
    background-image: url("images/cornerInfo.png");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:76px;
	
	position: absolute; top: 60px; right: 0px;
}

a{color: #ad1d21;}
a:hover{color: #02186f;}

img {border: none;}

/*****Generic Classes*****/
.lighter {font-weight: lighter; font-size: 14px;}

.sideItem {padding-bottom: 25px;}

.profiles {padding: 15px 0 15px 0;}
.profiles img {padding: 0; margin: 15px 0 0 -25px;}
.profilePics {float: left; width: 270px;}
.profileThumbs {margin: -25px 0 0px 15px;}
.profileThumbs img {margin-left: 5px;}
.profileInfo {padding: 55px 0 25px 0;}

.red {color: #e50e07;}

.boldBlue {color: #021972; font-weight: bold;}

.floatLeft {float: left; padding-right: 10px;}
.floatRight {float: right; padding-left: 10px;}

ul.niceList {
	list-style: square;
	list-style-image:url('images/bullet.png');
	margin-left: 50px;
	}
	
ul.niceList li {padding-left: 20px; padding-bottom: 10px;}

.leftCol {width: 310px; float: left;}

/*****Basic Layout*****/
#wrapper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 945px;
	}
	
#flashIntro {
	text-align: center;
	padding: 5px 5px 0 5px;
}

#topPics img{margin: 15px 0 0 -25px;}
#topPics2 img{margin: 15px 0 0 -25px; padding-left: 12px;}
#topFriends img {margin: -100px 0 0 -25px;}
#topStaff img {margin: -90px 0 0 100px;}
#topMultiPics img {margin: -70px 0 0 -25px;}
#topButtons img{margin: 15px 0 0 -16px;}
#topPatientSpecial img {margin: -60px 0 0 -20px;}
#topButtons {padding: 15px 0 25px 0;}

#content {
	padding: 15px 15px 15px 15px;
}

/*****Header*****/
#header {
	background-image: url('images/headerPeel.png');
	background-position: top center;
	background-repeat: no-repeat;
	height: 177px;
	margin-left: -110px;
}

p#language {position: absolute; top: 3px; left: 3px;}
p#language a {color: #021972;}
p#language a:hover {color: #ef4a37;}


/*****MENU*****/
#menu {
	/*width:800px;*/
/*	height:50px;*/
	z-index:100;
	float: left;
	position: absolute; top: 137px; left: 100px;
	}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {/*padding:0;margin:0*/;list-style-type:none;}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {float:left;position:relative; list-style: none;}

/* style the links for the top level */
#menu a {
	display:block;
	font-size:14px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	background-image: url('images/nav.png');
	height: 0px;
	padding: 50px 0 0 0;
	margin: 0px;
	overflow: hidden;
	}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;}


/* style the second level links */
#menu ul ul a{
	background-color:#223fae;
	border:1px solid #FFFFFF;
	background-image: none;
	color:#fff;
	display:block;
	height:15px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding: 5px;
	position:relative;
	text-decoration:none;
	font-size: 12px;
	top: 9px;
	width: 160px;
	}


/* style the 2nd level hover */
#menu ul ul a:hover {
	background-color:#ad1d21;
	background-image: url('images/bg_mainmenu_hover.png');
	background-position: 5% 0%;
	background-repeat: no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	height: 15px;
	width: 160px;
	}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{ visibility:visible;}

li#navHome a{background-position: 0px 0px; width: 85px;}
li#navAbout a{background-position: -95px 0px; width: 75px;}
li#navDentists a{background-position: -170px 0px; width: 102px;}
li#navTreatments a{background-position: -275px 0px; width: 130px;}
li#navSmileGallery a{background-position: -410px 0px; width: 145px;}
li#navPayments a{background-position: -555px 0px; width: 115px;}
li#navForms a{background-position: -670px 0px; width: 80px;}
li#navContact a{background-position: -750px 0px; width: 100px;}

li#navHome a:hover{background-position: 0px -50px; width: 85px;}
li#navAbout a:hover{background-position: -95px -50px; width: 75px;}
li#navDentists a:hover{background-position: -170px -50px; width: 102px;}
li#navTreatments a:hover{background-position: -275px -50px; width: 130px;}
li#navSmileGallery a:hover{background-position: -410px -50px; width: 145px;}
li#navPayments a:hover{background-position: -555px -50px; width: 115px;}
li#navForms a:hover{background-position: -670px -50px; width: 80px;}
li#navContact a:hover{background-position: -750px -50px; width: 100px;}

body#home li#navHome a{background-position: 0px 50px; width: 85px;}
body#about li#navAbout a{background-position: -95px 50px; width: 75px;}
body#dentists li#navDentists a{background-position: -170px 50px; width: 102px;}
body#treatments li#navTreatments a{background-position: -275px 50px; }
body#smileGallery li#navSmileGallery a{background-position: -410px 50px; width: 145px;}
body#payments li#navPayments a{background-position: -555px 50px; width: 115px;}
body#forms li#navForms a{background-position: -670px 50px; width: 80px;}
body#contact li#navContact a{background-position: -750px 50px; width: 100px;}

/*****Content*****/
#main {width: 535px; float: left;}
#mainAlt {width: 625px; float: right;}
#mainAlt2 {width: 625px; float: right;}

#sidebar {width: 325px; float: right;}
#sidebarAlt {width: 250px; float: left;}
#sidebarAlt li {list-style:none;}
#sidebarTreatments {width: 250px; float: left;margin-left:-20px;margin-top:15px;}
#sidebarTreatments li {list-style:none;}

#lower {
	clear: both;
	background-color: #eef3fe;
	background-image: url('images/bg_hours.png');
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: -15px;
	position: relative;
	min-height: 315px;
	}

p#newPatientSpecial img{margin-left: -54px;}
p#zoomHome img {margin-left: -35px;}
p#invisalignHome img {margin-left: -35px;}
p#newPatientFormsSection img {float: left; padding: 15px 10px 20px 0;}
p#hoursLogo img {position: absolute; top: 125px; left: 105px;}
p#hoursMap img {position: absolute; top: 35px; left: 290px;}
p#hoursAC img {position: absolute; top: 35px; right: 0px;}
p#aboutAC img {position: absolute; top: 1410px; left: 0px;}

p#hours {float:left;padding-right: 25px;}

ul#newPatientForms li{list-style: none;}

#insuranceLogos a {text-decoration: none; color: #ffffff;}
#insuranceLogos img {margin-left: -5px;}

#lumineersBeforeAfterSection {
	margin-left: 75px;
}

#viewMapMain {margin-left: 100px; margin-top: 100px;}
/*****Treatments Menu*****/
#treatmentsMenu {
	padding-bottom: 15px;
	width: 280px;
}

.categorySection {
	background-color: #1942ac;
	background-image:url('images/whiteglow.png');
	background-repeat: no-repeat;
}

h5.treatmentCategory {
	color: #fff;
	padding: 5px 10px 5px 10px;
	background-color: #021b78;
	font-size: 20px;
	font-weight: normal;
	}
	
h5#cosmeticDentistry {
	padding: 34px 0 0 0;
    overflow: hidden;
    background-image: url("images/estheticDentistry.png");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:34px;
}

h5#generalDentistry {
	padding: 34px 0 0 0;
    overflow: hidden;
    background-image: url("images/generalDentistry.png");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:34px;
}

h5#restorativeDentistry {
	padding: 34px 0 0 0;
    overflow: hidden;
    background-image: url("images/restorativeDentistry.png");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:34px;
}

#treatmentsMenu li {padding-bottom: 5px; padding: 5px 0 5px 15px;}
#treatmentsMenu li:hover{
	background-color: #bf291a;
	background-image: url('images/bg_treatMenu_hover.png');
	background-repeat:no-repeat;
	padding: 5px 15px 5px 15px;
}
#treatmentsMenu li a{color: #fff; text-decoration: none; display: block;}

/*****Slider*****/
#slider {
    width: 932px; /* important to be same as image width */
    height: 474px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin-left: -15px;
}
#sliderContent {
    width: 932px; /* important to be same as image width or wider */
	float: right;
	padding: 0px 0px 0 0;
}

#sliderContent ul{
	list-style-type: none;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 358px;
    background-color: #000;
    /*filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;*/
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
/*ul { list-style-type: none;}*/
/*****Footer*****/
#footer {
	background-color: #0a5ed9;
	background-image: url('images/bg_footer.png');
	background-position: top center;
	background-repeat: repeat-x;
	padding: 15px 0 0 15px;
	margin: 0 auto;
	clear: both;
}

#footer h3 {padding-left: 40px; padding-right: 40px;}

#footerWrapper {
	margin-left: auto;
	margin-right: auto;
	width: 945px;
}

#foot1 {
	width: 310px;
	float: left;
	background-image: url('images/bg_foot.png');
	background-repeat: no-repeat;
	min-height: 290px;
	margin: 15px 0 0 -30px;
	padding-right: 30px;
}

#foot1 p{margin-left: 40px; width: 266px; color: #042eb3;}
	
#foot2 {
	width: 335px;
	float: left;
	background-image: url('images/bg_foot.png');
	background-repeat: no-repeat;
	min-height: 290px;
	margin: 15px 0 0 -20px;
}

#foot2 p{padding-left: 40px; padding-right: 40px; color: #042eb3;}
#foot2 a {color: #042eb3;}
#foot2 a:hover {color: #e50e07;}

#foot3 {
	width: 330px;
	float: left;
	background-image: url('images/bg_foot.png');
	background-repeat: no-repeat;
	min-height: 290px;
	margin: 15px 0 0 -20px;
}

#foot3 p{padding-left: 40px; padding-right: 40px; color: #042eb3;}

#foot4 {
	clear: both;
	float: left;
	font-size: 12px;
	width: 400px;
}

#foot4 p {color: #ffffff;}

#foot5 {text-align: right; padding-right: 10px; font-size: 12px;}
#foot5 p {color: #ffffff;}
#foot5 a {color: #ffffff;}

.footContact {padding-bottom: 5px;}

.submitButton {
	margin-left: 75px;
	cursor: pointer;
	color: #042eb3;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 20px 5px 20px;
	background-color: #ffffff;
	border:outset 1px #042eb3;
}

#contactForm {
	margin-left: 30px;
}

/*****Etc*****/
#whiteblock {
	position: absolute;
	top: 2075px;
	left: 310px;
}

ul#introButtonLinks li {list-style: none;}
ul#introButtonLinks li a{
	background-image: url('images/mainButton_both.png');
	display:block;
	height: 0px;
	padding: 118px 0 0 0;
	margin: 0px;
	overflow: hidden;
}
li#introButton a{background-position: 0px 0px; width: 936px;}
li#introButton a:hover{background-position: -1000px 0px; width: 936px;}

ul#zoomButtonLinks li {list-style: none; margin-left: -15px;}
ul#zoomButtonLinks li a{
	background-image: url('images/zoomButton_both.png');
	display:block;
	height: 0px;
	padding: 155px 0 0 0;
	margin: 0px;
	overflow: hidden;
	width: 317px;
}

li#zoomButton a{background-position: 0px 0px; width: 317px;}
li#zoomButton a:hover{background-position: -354px 0px; width: 317px;}

ul#invisalignButtonLinks li {list-style: none; position: absolute; top: 271px; left: 310px;}
ul#invisalignButtonLinks li a{
	background-image: url('images/invisalignButton_both.png');
	display:block;
	height: 0px;
	padding: 155px 0 0 0;
	margin: 0px;
	overflow: hidden;
	width: 317px;
}

li#invisalignButton a{background-position: 0px 0px; width: 317px;}
li#invisalignButton a:hover{background-position: -354px 0px; width: 317px;}

ul#specialButtonLinks li {list-style: none; position: absolute; top: 271px; left: 620px;}
ul#specialButtonLinks li a{
	background-image: url('images/specialButton_both.png');
	display:block;
	height: 0px;
	padding: 155px 0 0 0;
	margin: 0px;
	overflow: hidden;
	width: 317px;
}

li#specialButton a{background-position: 0px 0px; width: 317px;}
li#specialButton a:hover{background-position: -354px 0px; width: 317px;}
label {
width: 65px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}