/* link underlines tend to make hypertext less readable, 
 * because underlines obscure the shapes of the lower halves of words
  *********************************************************************/
:link,:visited { text-decoration:none }

/* no list-markers by default (optional)                              */
ul { list-style:none }

/* Avoid browser default inconsistent font-sizes                      */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1.2em; }

/* Remove inconsistent (among browsers) default ul,ol padding or margin
 * the default spacing on headings does not match nor align with normal
 * interline spacing at all, so let's get rid of it.
 * Zero out the spacing around pre, form, body, html, p, blockquote as well
 * form elements are oddly inconsistent, and not quite CSS emulatable.
 * Nonetheless, strip their margin and padding as well.
 **********************************************************************/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p, blockquote, fieldset, input
{ margin:0; padding:0 }
em {clear:none; font-weight: bold;}
/* remove default borders around linked images                        */
a img,:link img,:visited img { border:none }
hr { border : none; border-top : dashed 1px #CCCCCC; color : #FFFFFF; background-color : #FFFFFF;height : 1px;}
p { padding-bottom: 14px; font-size:1.1em; line-height: 1.4em}


/* global elements
 * ------------------------------------------------------------------------------------- */

body {
	font-family: Tahoma, "Myriad Pro", Verdana;
	font-size:0.7em;
	color:#4e3720;
	overflow:visible;	
	text-align:center;
	margin:10px 0 0 0;
	background: #e9cb99 url(../images2/bg.jpg) repeat-x bottom;
}

h1 {
	font-size:1.5em;
	font-weight:500!important;
	color:#6c4627;
}

h2 {
	font-size:1.25em;	
	font-weight:600!important;
	color:#6c4627;
	padding-bottom: 20px;
}

h3 {
	font-size:1.15em;
	font-weight:600!important;
	color:#6c4627;
	padding: 25px 0 15px 0;
}

h4 {
	font-size:1.05em;
	font-weight:600!important;
	color:#6c4627;
	padding: 15px 0 10px 0;
}

a:link, a:visited {
	color: #c27802;	
}
a:hover, a:active {
	color: #7496bf;
	text-decoration: underline;
}

/* home page style 
* ------------------------------------------------------------------------------------- */
#cover {
	width: 100%;
	height: 100%;	
	position: absolute;
	display: block;
    margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	z-index: 999;
    filter: progid:DXImageTransfom.Microsoft.Alpha(opacity=100);  /* Internet Explorer       */
    -moz-opacity:1.0;           /* Mozilla 1.6 and below   */
    opacity: 1.0;               /* newer Mozilla and CSS-3 */	
}

#container {
	width: 100%;		
	/*background: #2a3d08 url("../images/meadow.jpg") repeat-x 0 0;	*/
    filter: progid:DXImageTransfom.Microsoft.Alpha(opacity=50);  /* Internet Explorer       */
    -moz-opacity:1.0;           /* Mozilla 1.6 and below   */
    opacity: 1.0;               /* newer Mozilla and CSS-3 */	
}

#wrapper {
	margin:0 auto;
	background-color: #fff;
	padding: 5px;
	text-align:left;
	width:760px;
}
/*
#wrapper {
	width:760px;
	text-align:left;
	margin:0 auto;
	background-color: #fff;
	padding:5px;
}
*/
#main {
	background:url(../images2/reza-hekmat.jpg) no-repeat 100% 100% #f9f0e8;
	width:760px;
}



#header {height:76px;width: 100%;background-color:#fcf8ef;}

	h1#hdrback {
		background-image:url(../images2/header.jpg);
		background-repeat:no-repeat;
		height:0px !important;
		overflow:hidden;
		padding:75px 0pt 0pt;
	}

#navigation { height: 33px; width: 100%;}

#left { width: 248px; float:left;}

	#flash { width:248px; height: 381px; background-color: #FFFFFF; border-bottom: solid 5px #FFFFFF;}
	
	#practice-flash { width:248px; height: 381px; background: url(../gallery/flash/large/img1.jpg) top left no-repeat #FFFFFF; border-bottom: solid 5px #FFFFFF;}
	#procedures-flash { width:248px; height: 381px; background: url(../gallery/flash/large/img2.jpg) top left no-repeat #FFFFFF; border-bottom: solid 5px #FFFFFF;}
	#implants-flash { width:248px; height: 381px; background: url(../gallery/flash/large/img3.jpg) top left no-repeat #FFFFFF; border-bottom: solid 5px #FFFFFF;}
	
	#gallery { width:218px; padding: 15px 10px 20px 20px;}
	#gallery h3 { color: #84414a; font-weight: bold; font-size: 14px; line-height: 14px; padding: 0 0 3px 0;}
	#tagline { font-size: 11px; color: #666; margin: 0 0 20px 0}
	#code { font-size: 11px; color: #666; margin: 5px 0 2px 0}
	#callus { font-weight: bold; padding-bottom: 10px; font-size: 14px; color: #84414a; }
	#callus em { font-size: 14px; font-style: normal; font-weight: bold;}
	#address { color: #84414a; }


		#gallery p{ margin-top:10px;}

#right { width: 512px; float:left;}

	#content { border-left: solid 5px #FFFFFF; width:507px;}			
	
	#welcome-header {width:270px; float:left; padding: 20px 10px 30px 20px;}
		
		h2#welcome {
			background-image:url(../images2/welcome_header.jpg);
			background-repeat:no-repeat;
			height:0px !important;
			overflow:hidden;
			padding:35px 0pt 0pt;
		}
		
		h2#practice {
			background-image:url(../images2/practice-main-header.jpg);
			background-repeat:no-repeat;
			height:0px !important;
			overflow:hidden;
			padding:35px 0pt 0pt;
		}
		
		h2#procedures {
			background-image:url(../images2/procedures-main-header.jpg);
			background-repeat:no-repeat;
			height:0px !important;
			overflow:hidden;
			padding:35px 0pt 0pt;
		}
		
		h2#implants {
			background-image:url(../images2/implants-main-header.jpg);
			background-repeat:no-repeat;
			height:0px !important;
			overflow:hidden;
			padding:35px 0pt 0pt;
		}
		
		h2#gallery2 {
			background-image:url(../images2/gallery-main-header.jpg);
			background-repeat:no-repeat;
			height:0px !important;
			overflow:hidden;
			padding:35px 0pt 0pt;
		}
		
		h2#contact {
			background-image:url(../images2/contact-main-header.jpg);
			background-repeat:no-repeat;
			height:0px !important;
			overflow:hidden;
			padding:35px 0pt 0pt;
		}
		
		h2#procedures-list { padding:10px 0 0 0;}
		
	
	/*#phone { width:170px; float:left; padding: 80px 10px 10px 20px; background:url(../images2/phone.jpg) 45px 42px no-repeat;}*/
	#phone { width:170px; float:left; padding: 10px 10px 10px 20px;}
	
	#general-header {width:140px; float:left; padding: 20px 10px 10px 20px; background:url(../images2/general_header.jpg) 20px 0 no-repeat;}
	
	#cosmetic-header {width:220px; float:left; padding: 20px 10px 10px 20px; background:url(../images2/cosmetic_header.jpg) 0 0 no-repeat;}	
	
	#general-header ul, #cosmetic-header ul, #practice-header ul, #content2 ul{
		list-style-type: none;		
		font-size: 1.2em;
		line-height: 1.6em;
		padding: 15px 0 30px 20px;
		margin: 0;
	}
	
	#general-header ul li, #cosmetic-header ul li, #practice-header ul li, #content2 ul li{
		background-image:url(../images2/swoosh.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		padding-left: 1.2em;
	}
	
	#general-header ol li, #cosmetic-header ol li, #practice-header ol li, #content2 ol li{
		margin-left: 20px;
		padding-left: 10px;
		line-height: 1.6em;
		font-size: 1.1em;
	}
	
	#office-tour {
		padding-top: 15px;
	}
	
	#office-tour li
	{
		display: inline;
		list-style-type: none;
		padding-right: 15px;
	}
	
	
	#meetdr { width:360px; clear:both; padding: 0 10px 10px 20px;}
		
		h2#meetdr {
			background-image:url(../images2/meetthedoctor_header.jpg);
			background-repeat:no-repeat;
			height:0px !important;
			overflow:hidden;
			padding:15px 0pt 0pt;
		}
	
	
	#sitemap {
		width: 390px;
		margin: 0px auto;
		font-family: Tahoma, "Myriad Pro", Verdana;	
		padding: 0px;
		text-align: center;
		padding-top: 30px;	
		padding-bottom: 20px;
		margin-left: 0px;	
	}	
	
		#sitemap li { 
			margin: 0px;
			padding: 0px;
			display: inline;
			color: #696969;
		}
		
		#sitemap a:link, #sitemap a:visited {
			font-size:1em;
			color: #c27802;
			text-decoration: none;
		}
		#sitemap a:hover, #sitemap a:active {
			font-size:1em;
			color: #7496bf;
			text-decoration: underline;
		}	
		
		
	#footer { background-color: #CCCCCC; clear:both;}
	
	#bottom { background:#b3802d url(../images2/main_btm.jpg) no-repeat bottom center; margin: -5px 0 0 0; height:136px; clear:both;}
	

/* navigation: #nav
 * ------------------------------------------------------------------------- */
#nav-container {
	background:url("../images2/nav2.jpg") no-repeat;
	float:left;	
	margin:0;	
	padding: 0 0 0 10px;	
	overflow: visible;	
	width:760px;
	height:33px;	
	position:relative;		
	overflow: visible;
} 
 
#nav { background:url("../images2/nav.jpg") no-repeat; width:760px; height:33px; position:relative; }
	#nav li { position:absolute; top: 0; }
	#nav li, #nav a { height:33px; display:block; }
	#nav span { display:none; }
	
	#nav-01 { width: 67px; left: 0px; }
	#nav-02 { width: 82px; left: 67px; }
	#nav-03 { width: 81px; left: 149px; }
	#nav-04 { width: 64px; left: 230px; }
	#nav-05 { width: 97px; left: 294px; }
	#nav-06 { width: 77px; left: 391px; }		
	
	
	#nav-01 a:hover { background: transparent url("../images2/nav.jpg") -0px -33px no-repeat; }
	#nav-02 a:hover { background: transparent url("../images2/nav.jpg") -67px -33px no-repeat; }
	#nav-03 a:hover { background: transparent url("../images2/nav.jpg") -149px -33px no-repeat; }
	#nav-04 a:hover { background: transparent url("../images2/nav.jpg") -230px -33px no-repeat; }
	#nav-05 a:hover { background: transparent url("../images2/nav.jpg") -294px -33px no-repeat; }
	#nav-06 a:hover { background: transparent url("../images2/nav.jpg") -391px -33px no-repeat; }	


#content2 { clear:both; padding: 20px 10px 30px 20px; width: 330px;}
#content3 { clear:both; padding: 20px 10px 30px 20px; width: 470px;}

#practice-header, #sitemap-header {width:270px; float:left; padding: 20px 10px 0 20px;}

#content p, #gallery p { line-height: 1.7em;}

/* classes
 * ------------------------------------------------------------------------- */

.more {padding-left: 1.6em;}
.date { font-size: 0.9em}

.first {padding-top: 15px;}

.indent { padding-left:20px;}

.clear { clear:both;}

.top-padd { padding-top: 5px;}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #61410c;
	margin: 2px 0 0 0;
	border: 1px solid #996b20;
	background-color: #ebce9d;
	width: 149px;
	padding: 3px 2px;
	line-height: 1.5em;
}

.SubmitButtonHover { width: 155px; background-color: #ebce9d;	color: #61410c;	cursor: hand; font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid 996b20;}
.SubmitButton { width: 155px; background-color: #61410c; color: #ebce9d; cursor: hand; font-size: 10px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid 996b20;}