/* Basic Page Layout */
#container {
	margin: 0 auto;
	width: 800px;
}

#header {
	width: 100%;
	margin: 0;
	padding: 5px 0 0 0;
}

#logo {
	float: left;
	margin: 0;
	padding: 10px 0 25px 0;
}

#contact {
	float: right;
	margin: 23px 16px 0 0;
	text-align: right;
	font: 12px Arial, Helvetica, sans-serif;
}

#promo {
	clear: both;
	width: 17ems;
	background: url(../images/nav_mid_r.gif) no-repeat right bottom;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center;
}

#fromDentist {
	clear: left;
	position: relative;
	width: 230px;
	float: left;
	background: url(../images/fromDentist_mid_r.gif) no-repeat right bottom;
}

#smileReview {
	float: right;
	width: 560px;
	background: url(../images/smileReview_mid_r.gif) no-repeat right bottom;
}

#footer {
	clear: both;
	margin: 0 20px 0 0;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: right;
}

body {
	background-image: url(../images/background.gif);
	margin: 0 0 20px 0;
}

#printLogo {
	display: none !important;
}


/* Top Navigation Promo Area Build */
/* Show only to IE PC \*/
* html .promoTop h2 {height: 1%;} /* For IE 5 PC */

.promoTop {
	background: url(../images/nav_top_r.gif) no-repeat right top;
	margin: 0;
	padding: 0 0 13px 0;
	text-align: center;
}
.promoTop h2 {
	background: url(../images/nav_top.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 5px 0;
}
.promoMiddle {
	background: url(../images/nav_mid.gif) no-repeat left bottom;
	margin: 0;
	padding: 0 0 18px;
}

/* Universal Navigation */
#nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 25px;
}

#nav li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 10px 35px 0 0;
}

#nav li a {
	width: 100%;
	text-decoration: none;
	font: 14px Georgia, "Times New Roman", Times, serif;
	color: #990000;
	text-transform: uppercase;
}

#nav li a:hover {
	color: #996633;
	text-decoration: underline;
}


/* From the Dentist Area Build */
/* Show only to IE PC \*/
* html .fromDentistTop h2 {height: 1%;} /* For IE 5 PC */

.fromDentistTop {
	background: url(../images/fromDentist_top_r.gif) no-repeat right top;
	margin: 0;
	padding: 0;
}
.fromDentistTop h2 {
	background: url(../images/fromDentist_top.gif) no-repeat left top;
	margin: 0;
	padding: 15px 30px 5px;
}
.fromDentistMiddle {
	background: url(../images/fromDentist_mid.gif) no-repeat left bottom;
	margin: 0;
	padding: 5px 30px 5px;
}

.fromDentistPic {
	float: right;
	position: relative;
}

.fromDentistMiddle p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	margin-top: -5px;
	line-height: 18px;
	clear: left;
	position: relative;
}

#openHouse {
	margin: 0px 0 15px -20px;
}

#openHouseInvis {
	margin: 15px 0 25px 40px;
}

p.rsvp {
	text-align: center;
}

#financing {
	position: relative;
	background-image: url(../images/financing.jpg);
	width: 190px;
	height: 173px;
	padding: 0;
	margin: 15px 0 15px -15px;
}

#financing h4 {
	text-indent: -9999em;
}

#financing p {
	position: absolute;
	top: 120px;
	width: 190px;
	text-align: center;
}

#financing a:link, #financing a:visited {
	color: #fff;
	text-decoration: none;
}

#financing a:hover, #financing a:active {
	color: #990000;
}

#invisalignPromo {
	padding: 10px 10px 10px 12px;
	margin: 0 0 35px -8px;
	background-color: #fff;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 3px 3px 5px #333;
	-webkit-box-shadow: 3px 3px 5px #333;
	box-shadow: 3px 3px 5px #333;
}

#invisalignPromo h3 {
	font-family: "trajan-pro-1","trajan-pro-2", serif;
}

#invisalignPromo p {
	color: #000;
}

#invisalignPromo strong {
	font-size: 1.2em;
}

#invisalignPromo .button {
	margin-top: 3px;
}





/* Smile Review Area Build */
/* Show only to IE PC \*/
* html .smileReviewTop h2 {height: 1%;} /* For IE 5 PC */

.smileReviewTop {
	background: url(../images/smileReview_top_r.gif) no-repeat right top;
	margin: 0;
	padding: 0;
}
.smileReviewTop h2 {
	background: url(../images/smileReview_top.gif) no-repeat left top;
	margin: 0;
	padding: 15px 30px 5px;
}
.smileReviewMiddle {
	background: url(../images/smileReview_mid.gif) no-repeat left bottom;
	margin: 0;
	padding: 5px 30px 31px;
}

.smileReviewMiddle p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	margin-top: -15px;
	line-height: 24px;
}

#feature {
	margin-bottom: 25px;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

#feature h3 {
	font-size: 28px;
	font-weight: lighter;
	margin: 0 0 0 0;
	padding: 0;
	color: #990000;
}

#feature h3 a {
	text-decoration: none;
}

#feature p {
	font-family: arial, helvetica;
	margin-top: 15px;
	line-height: 18px;
}

#feature img  {
	float: right;
	margin: 0 10px;
}

#featureText {
	padding-top: 35px;
}

#ads, #trivia {
	float:right;
	clear: both;
	width:155px;
	padding:10px 5px;
	padding-top: 0;
	margin: 0 0 25px 25px;
}

#trivia {
	background-image: url(../images/bg_trivia.jpg);
	background-repeat: no-repeat;
	background-position: 25px 107px;
}

#ads h5, #trivia h5 {
	text-indent:-5000em;
	background-repeat:no-repeat;
	height:20px;
	width:112px;
	margin:0;
	padding:0;
}

#ads h5 {
	background-image: url(../images/title_associated.gif)
}

#trivia h5 {
	background-image: url(../images/title_trivia.gif);
}

#trivia p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin: 0 5px 10px 0;
	padding-bottom: 10px;
	color: #4D565F;
}


#aboutSurya {
	border-top: 1px solid #ccc;
}

#aboutSurya h2 {
	width: 250px;
	padding-top: 20px;
}





/* General Text Treatments */
h2 {
	font-family: "trajan-pro-1","trajan-pro-2",sans-serif;
	font-size: .8em;
	padding: 0 0 10px 0;
}

h3 {
	margin-top: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: lighter;
}

h3 a:link {
	color: #990000;
}

h3 a:hover, a:visited {
	color: #003366;
}

h4 {
	font: bold 15px helvetica, sans serif;
	color: #41505F;
	margin: 0 0 15px 0;
}

a:link, a:visited {
	color: #990000;
}

a:hover {
	color: #003366;
}


blockquote {
	padding-left: 8px;
	font: italic 20px Georgia, "Times New Roman", Times, serif;
	color: #003366;
	margin-left: 0;
}

ul {
	margin-right: 45px;
}

.button {
	background-image: url(../images/bg_button.png);
	background-repeat: no-repeat;
}

.button a {
	display: block;
	height: 21px;
	padding-top: 1px;
	color: #fff;
	text-decoration: none;
}


/*Headers for Invisalign page (possibly for all Services pages in the future)*/
h3.invisalign, h4.invisalign {
	font-family: "myriad-pro-1","myriad-pro-2",sans-serif;
}

h3.invisalign em {
	color: #858a22;
	font-style: normal;
}

h3.invisalign {
	margin: 5px 0 15px 0;
	font-size: 1.2em;
	color: #bf6a1f
}

h4.invisalign {
	font-weight: 500;
	font-size: 2em;
	color: #858a22;
}

.phone {
	display: block;
	text-align: center;
}