/* Artizhan.com */

/* IE stuff */
* html .wrapper { margin: 0px auto 0px auto; }
* html #navigation li a { height: 1%; }
* html #navigation li { float: left; }
html { overflow-x:hidden; }

a { text-decoration: none; color: #27847a; }
a:hover { color: #07453e; text-decoration: underline; }
body { margin:0px; margin-top:10px; padding:0px; background-color: #ccebd7; color: #27847a; font: 11px "Myriad Pro", "Trebuchet MS", Verdana; min-width:870px; }
#break { clear: both; padding: 0px; margin: 0px; }

.wrapper#home { background: #ccebd7 url(../images/background-home.jpg) no-repeat; width: 868px; height: 597px; border: 0px solid; margin: 0px auto;}
.wrapper#services { background: #ccebd7 url(../images/background-services.jpg) no-repeat;  width: 868px; height: 736px; margin: 0px auto; }
.wrapper#history { background: #ccebd7 url(../images/background-history.jpg) no-repeat; width: 868px; height: 597px; margin: 0px auto; }
.wrapper#employment { background: #ccebd7 url(../images/background-employment.jpg) no-repeat; width: 868px; height: 596px; margin: 0px auto; }
.wrapper#links { background: #ccebd7 url(../images/background-links.jpg) no-repeat; width: 868px; height: 597px; margin: 0px auto; }
.wrapper#videoconferencing { background: #ccebd7 url(../images/background-videoconferencing.jpg) no-repeat; width: 868px; height: 597px; margin: 0px auto; }
.wrapper#mission { background: #ccebd7 url(../images/background-mission.jpg) no-repeat; width: 868px; height: 597px; margin: 0px auto; }
.wrapper#contact { background: #ccebd7 url(../images/background-contact.jpg) no-repeat; width: 867px; height: 746px; margin: 0px auto; position: relative;}
.wrapper#people { background: #ccebd7 url(../images/background-mission.jpg) no-repeat; width: 868px; height: 597px; margin: 0px auto; }
.wrapper#map { background: #ccebd7 url(../images/background-map.jpg) no-repeat; width: 868px; height: 710px; margin: 0px auto; position: relative; }
.wrapper#landing {
	width: 868px;
	height: 717px;
	background-color: #ccebd7;
	background-image: url(../images/Implants-Chairtime-Landing-page.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#upper { height: 117px; width: 866px; position: relative; border: 0px solid black;}
#top-nav { border: 0px solid black; height: 24px; width: 100%; }
#top-nav:hover #map-link { z-index: -1; }
#top-nav #map-link:hover, #top-nav { z-index: 1; }
	#navigation { margin: 0px 0px 0px 269px; padding: 0px; list-style: none; width: 100%; border: 0px solid black;}
	#navigation li { float: left; position: relative; margin-right: 13px; width: 81px; height: 25px; text-align: center; vertical-align: middle; border: 0px solid white; }
	#navigation li a { display: block; color: white; text-decoration: none; height: 14px; padding: 5px; border: 0px solid black; cursor:pointer; }
	#navigation li:hover a { color: black; }
	#navigation li:hover ul li a { color: white; }
	#navigation li ul li:hover a { color: #ccebd7; }
	#navigation li:hover ul, li.over ul { display: block; }
	#navigation li#end { margin: 0px; }
	#navigation li ul { position: absolute; display: none; list-style: none; border: 0px ridge #00858a; padding: 0px; padding-top: 10px; margin: 0px; left: 1px; top: 25px; z-index: 10000;}
	#navigation li ul#sub1 { width: 140px; }
	#navigation li ul#sub2 { width: 168px; }
	#navigation li ul#sub3 { width: 142px; }
	#navigation li ul#sub4 { width: 141px; }
	#navigation li ul li.body { border-top: 1px solid #83be9f; }
	#navigation li ul li.bottom { border-top: 1px solid #83be9f; }
	#navigation li ul#sub1 li { padding: 0px; margin: 0px; width: 140px; height: 100%;}
	#navigation li ul#sub1 li.top { background: url(../images/navmenu-top2.png) no-repeat; }
	#navigation li ul#sub1 li.top a { background: url(../images/navmenu-top2.png) no-repeat; }
	#navigation li ul#sub1 li.body { background: url(../images/navmenu-body2.png) repeat-y; }
	#navigation li ul#sub1 li.bottom { background: url(../images/navmenu-bottom2.png) no-repeat; }
	#navigation li ul#sub2 li { padding: 0px; margin: 0px; width: 168px; }
	#navigation li ul#sub2 li.top { background: url(../images/navmenu-top.png) no-repeat; }
	#navigation li ul#sub2 li.body {background: url(../images/navmenu-body.png) repeat-y; }
	#navigation li ul#sub2 li.bottom { background: url(../images/navmenu-bottom.png) no-repeat; }
	#navigation li ul#sub3 li { padding: 0px; margin: 0px; width: 142px; }
	#navigation li ul#sub3 li.top { background: url(../images/navmenu-top3.png) no-repeat; }
	#navigation li ul#sub3 li.body { background: url(../images/navmenu-body3.png) repeat-y; }
	#navigation li ul#sub3 li.bottom { background: url(../images/navmenu-bottom3.png) no-repeat; }
	#navigation li ul#sub4 li { padding: 0px; margin: 0px; width: 141px; }
	#navigation li ul#sub4 li.top { background: url(../images/navmenu-top4.png) no-repeat; }
	#navigation li ul#sub4 li.body { background: url(../images/navmenu-body4.png) repeat-y; }
	#navigation li ul#sub4 li.bottom { background: url(../images/navmenu-bottom4.png) no-repeat; }
	
	
#seperator { height: 125px; border: 0px solid black; clear: both; }

#content-area { border-bottom: 0px solid black; height: 315px; padding: 5px 0px 0px 60px; }
	#content-1 { border: 0px solid black; width: 445px; height: 35px; }
	#content-1 #intro { color: white; margin: 0px; padding: 0px; font-size: 22px; }
	#content-2 { width: 300px; border: 0px solid black; padding-right: 38px;}
	#services #content-2 { width: 400px; height: 411px; overflow-y: scroll; }
	#services #content-2 ul { list-style: none; }
	#services #content-2 ul li { line-height: 18px; }
	#services #content-2 a { cursor:pointer; }
	#services #content-2 ul li ul { padding: 0px; margin-left: 15px; }
	#services #content-2 #service-ul-end { font-size: 10px; }
	#people #content-2 { overflow-y: scroll; height: 272px; width: 400px; }
	#map #content-1 { margin: 0px; padding: 0px;}
	#map #content-1 #intro { padding-top: 7px; }
	#map #map-link { position: absolute; border: 0px solid; width: 478px; height: 310px; left: 185px; top: 250px; z-index: 0; }
	#map #map-link a { width: 100%; height: 100%; display: block; }
	#map #location { text-align: center; margin-left: -70px;}
	#history #content-2 { width: 350px; height: 272px; border: 0px solid black; overflow-y: scroll; padding-right: 90px; }
	#links #content-2 ul { list-style: none; }
	#contact #content-2 { width: 530px; position: relative; }
	#content-2 p { padding: 0px; margin: 15px 0px; line-height: 15px; }
#footer { margin: 20px auto 0px auto; padding: 5px 0px 0px; width: 868px; height: 100px; border-top: 1px solid #308379; }
#footer div#left { float: left; width: 70%; }
#footer div#right { float: right; }
.wrapper #content-2 { scrollbar-face-color: #308379; scrollbar-shadow-color: #959492;scrollbar-highlight-color: #959492; scrollbar-3dlight-color: #5fa29a; scrollbar-darkshadow-color: black; scrollbar-track-color: #f7efe2; scrollbar-arrow-color: #5c0403; }
	
/* Form styling */
#content-2 div.row { padding: 5px 0px 0px; width: 100%; margin: 3px 0px; }
span.asterisk { color: black; }
#content-2 div.row div.label { border: 0px solid; float: left; width: 50px; text-align: right; padding: 0px 5px; }
#content-2 div.row div.label-1 { display: inline; padding: 0px 5px; vertical-align: top; border: 0px solid;  }
#content-2 input
#content-2 #submit { }

/* Modal windows styling 
	- Applies to both the services page and services popup navigation menu */
.modal-div { width: 510px; height: 262px; 
visibility: hidden; border: 0px solid black; padding: 140px 10px 5px 55px; z-index: 1000; 
position: absolute;
left:20%;
top:20%;
}
.modal-para {
	border: 0px solid black;
	position: relative;
	max-width: 220px;
	font-size: 10px;
	line-height: 1.25em !important;
	margin: 0px;
} 
.modal-para strong { font-size: 16px; font-weight: bold; color: white; }
#astratec { background: url(../images/astratechpopup.png) no-repeat; padding-left: 35px; }
#astratec-para { max-width: 275px; }
#atlantis { background: url(../images/atlantispopup.png) no-repeat; }
#biohorizons { background: url(../images/biohorizons.png) no-repeat; }
#branemark { background: url(../images/nobelbiocarebranemarkpopup.png) no-repeat; }
#ipsemax { background: url(../images/ipsemaxpopup.png) no-repeat; }
#ipser { background: url(../images/ipsempresspopup.png) no-repeat; }
#lifecore { background: url(../images/lifecorepopup.png) no-repeat; }
#pfm { background: url(../images/pfmpopup-alt.png) no-repeat; }
#procera { background: url(../images/procerapopup2.png) no-repeat; }
#straumann { background: url(../images/straumannpopup.png) no-repeat; }
#threeiencode { background: url(../images/3iencodepopup.png) no-repeat; }
#threemespe { background: url(../images/threemespepopup.png) no-repeat; }
#zimmer { background: url(../images/zimmerpopup.png) no-repeat; }
#fullcast { background: url(../images/fcrpopup-alt.png) no-repeat; }