/**** Begin Basic Framework

 - Be careful making changes to this section *****/



/*Only Change Marked Elements*/

body {

	margin: 20px 0 20px 0;

	padding: 0;

	

	background-color: #163055; /*Enter Background Color*/

	color: #000000; /*Enter Text Color*/

	

	font-family: "Century Gothic", Arial, Helvetica, sans-serif; /*Enter Text Font*/

	font-size: 13px; /*Enter Text Font Size*/

}





/*** Elements ***/



h1 {

	margin: 0;

	

	font-family: "Palatino Linotype", "Times New Roman", Times, serif;

	font-weight: normal;

	font-size: 36px;

}



h2 {

	margin: 0px 0px 10px 0px;

	

	font-family: "Century Gothic", Arial, Helvetica, sans-serif; /*Enter Text Font*/

	font-size: 18px;

	font-weight: bold;

	

	color: #000000;

}



p {

	margin: 0 0 10px 0;

	

	font-family: "Century Gothic", Arial, Helvetica, sans-serif; /*Enter Text Font*/

	font-size: 13px; /*Enter Text Font Size*/

	font-weight: normal;

	

	text-align: left;

	color: #000000; /*Enter Text Color*/

}



a {

	text-decoration: none;

	color: #163055; /*Enter Link Color*/

	font-weight: bold;

}



a:hover, a:active {

	color: #65cbcd; /*Enter Link Hover Color*/

}





/*** Contain ***/



#contain {

	margin: 0 auto;

	width: 900px;

	

	background-color: #ffffff;

	

	border-left: 15px solid #65cbcd;

	border-right: 15px solid #65cbcd;

}





/*** Header ***/



#header {

	padding: 10px 30px 10px 30px;

}



#header img {

	margin: 0px;

}



#header h1 {

	width: 300px;

	

	line-height: 36px;

	

	text-align: center;

}



#address {

	float: right;

	display: inline;

	width: 300px;

	

	position: relative;

	bottom: -5px;

}



#address p {

	margin: 0;

	

	font-size: 14px;

	font-weight: normal;

	color: #000000; /*Enter Highlight Color*/

	

	text-align: center;

	

	line-height: 21px;

}



#address p.subhead {

	margin-top: 5px;

	

	font-size: 17px;

	font-weight: bold;

	color: #163055;

	

	line-height: 28px;

}





/*** Navigation Block ***/



#navigation {

	padding: 5px 0 5px 0;

	border-top: 3px solid #163055; /*Enter Highlight Color*/

	/*border-bottom: 1px solid #4169E1;*/ /*Enter Highlight Color*/

	clear: both;

}



#flashHeader {

	/*background-color: Gray;*/ /*Temporary for Positioning*/

	height: 192px;

	

	float: right;

	display: inline;

	width: 715px;

}



/** If Using Dynamic Menu - Wrap this DIV around it**/

#menu {

	float: left;

	display: inline;

	width: 185px;

}



/** If Using Non-Dynamic Menu - Only use UL**/

#plainMenu {

	margin: 0;

	padding: 10px 10px 2px 10px;

}



#plainMenu li {

	display: inline;

	font-size: 11px;

}



#plainMenu li a {

	margin: 0 5px 0 0px;

}





/*** Page Titles ***/



#pageTitle {

	height: 80px;

}





/*** Content ***/



/* Use without contact form

#content {

	padding: 10px 30px 30px 30px;

}

*/



#content {

	padding: 10px 30px 30px 30px;

	

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

	background-repeat: repeat-y;

}



#contentLeft {

	float: left;

	display: inline;

	width: 640px;

}



#contentRight {

	float: right;

	display: inline;

	width: 200px;

	

	position: relative;

	top: -75px;

}





/** Contact Form **/



#contactForm {

	margin: 0px 0px 0px 20px;

	padding: 20px 0px 20px 0px;

	

	width: 180px;

	

	background-color: #163055;

	

	/*border: 1px solid #26376b;*/

}



#contactForm p {

	margin: 0 0 10px 6px;

	

	font-size: 11px;

	font-weight: bold;

	

	color: #65cbcd;

}



#contactForm form {

	margin: 0;

}



#contactForm input, #contactForm textarea {

	color: #000000;

	/*background: #ffffa0;*/

	border: 1px solid #65cbcd;

}



#contactForm textarea {

	margin-top: 3px;

}



#contactForm .submit input {

	margin: 3px 6px 0 0;

	font-size: 11px;

	font-weight: bold;

	

	color: #000000;

	background-color: #65cbcd;

	border: 1px outset #ffffff;

}



#contactForm .alignRight {

	padding-right: 1px;

	text-align: right;

}



#promo {

	margin: 0px 0px 0px 20px;

	

	width: 180px;

}



#promo p {

	font-weight: bold;

	text-align: center;

	color: #ffffff;

}



#promo a {

	color: #65CBCD;

	font-size: 16px;

}



#promo a:hover {

	color: #ffffff;

}





/*** Footer ***/



#footer {

	margin-top: 0px;

	padding-top: 15px;

	border-top: 1px solid #163055; /*Enter Highlight Color*/

	text-align: center;

	clear: both;

}



#footer ul {

	margin: 0;

	padding: 0px 0px 5px 0px;

	

	list-style: none;

	

	font-size: 11px;

}



#footer ul li {

	display: inline;

	margin: 0;

	padding: 0;

}



#footer ul li a {

	padding: 0px 6px 0px 4px;

}



#footer p {

	margin: 0px 0px 0px 0px;

	font-size: 9px;

	text-align: center;

	color: #65CBCD; /*Enter Tag Color*/

}



#footer .info {

	margin: 7px 0px 0px 10px;

	

	font-size: 11px;

	font-weight: bold;

	

	text-align: center;

	

	color: #163055; /*Enter Copyright Color*/

}



#footer p.info img {

	vertical-align: middle;

}



/***** End Basic Frame Work *****/







/***** Start General Elements *****/



.clear {

	clear: both;

}





/***** End General Elements *****/







/*** Page with list of subpages ***/



#listPage ul {

	list-style: square;

}





/***** End Page Layouts *****/







/***** Start Code for Specific Pages *****/





/*** Home ***/



#home .signature {

	font-family: Academy,Times New Roman,Times,serif;

	font-size: 18px;

	text-align: right;

}





/*** About Our Practice ***/



#about img {

	float: right;

	display: inline;

	margin: 0px 0px 0px 10px;

	border: 1px solid #163055;

}



#about .flashImage {

	float: right;

	display: inline;

	margin: 0px 0px 0px 10px;

	border: 1px solid #163055;

}





/*** Meet Dr. Esrawi and Staff ***/



#staff img {

	float: left;

	display: inline;

	margin: 0px 10px 0px 0px;

	border: 1px solid #163055;

}





/*** Cosmetic Services ***/



#services .procImages {

	float: left;

	display: inline;

}



#services .procImages img {

	margin-right: 10px;

	border: 1px solid #163055;

}





/*** Teeth Whitening ***/



#whitening img {

	float: right;

	display: inline;

	margin: 0px 0px 0px 10px;

	border: 1px solid #163055;

}



#whitening .flashImage {

	float: right;

	display: inline;

	margin: 0px 0px 0px 10px;

	border: 1px solid #163055;

}





/*** Invisalign ***/



#invisalign img {

	float: right;

	display: inline;

	margin: 0px 0px 0px 10px;

	border: 1px solid #163055;

}





/*** Periodontal Health ***/



#perio img {

	float: right;

	display: inline;

	margin: 0px 0px 0px 10px;

	border: 1px solid #163055;

}



#perio .flashImage {

	float: right;

	display: inline;

	margin: 0px 0px 0px 10px;

	border: 1px solid #163055;

}





/*** Special Services ***/



#special .procImages {

	float: left;

	display: inline;

}



#special .procImages img {

	margin-right: 10px;

	border: 1px solid #163055;

}



#special ul {

	list-style: square inside;

}



#special ul li p {

	margin: 0;

	padding: 0;

	display: inline;

}





/*** Smile Gallery ***/



#gallery {

	text-align: center;

}



#gallery table {

	margin: 0 auto;

}



#gallery td {

	width: 275px;

	text-align: center;

}



#gallery td p {

	font-weight: bold;

	text-align: center;

}



#gallery img {

	margin: 10px 0px 10px 0px;

	border: 1px solid #163055;

}





/*** Oral Sedation ***/



#sedation img {

	float: right;

	display: inline;

	margin: 0px 0px 0px 10px;

	border: 1px solid #163055;

}





/*** Patient Forms ****/



#formTable {

	width: 500px;

}



#formTable th {

	text-align: left;

}



#formTable td {

	width: 250px;

	padding-left: 8px;

}



#forms img {

	margin-left: 250px;

}





/*** Contact Us ***/



#contact img {

	float: right;

	display: inline;

	margin: 0px 0px 0px 10px;

	border: 1px solid #163055;

}



#contact p {

	margin-bottom: 20px;

}





/*** Site Map ***/



#sitemapLeft {

	float: left;

	display: inline;

	/*width: 350px;*/

	width: 320px;

}



#sitemap ul {

	list-style: none;

}



#sitemapRight {

	float: right;

	display: inline;

	/*width: 490px;*/

	width: 320px;

}





/***** End Code for Specific Pages *****/