/* 
----------------------------------------------------------------------------
Copyright Einstein Industries 2005. Used with Permission.                             
May not be duplicated or reproduced.

Please check for cross-browser compatibility prior to making changes
MINIMUM BROWSER CHECK :: Mozilla/IE6/Safari

CSS Document - layout.css
---------------------------------------------------------------------------- */


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* remove default link styles */
:link,:visited { text-decoration:none; }

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

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

/* Remove inconsistent (among browsers) default padding or margin */
html,body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,pre,form,fieldset,input { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img { border:none; }


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

/* root selectors */ 
body { background:url("/young/images/layout/bg-body.jpg") repeat-x top left #000; text-align:left; font:12px/16px Arial, Helvetica, sans-serif; }
p,a:link,a:visited,ul,ol,li,dl,dt,dd,h1,h2,h3 { font-family:Arial, Helvetica, sans-serif;  color:#000; text-decoration:none; }
p,dl,dt,dd,ul,ol,li { line-height:18px; }
p,pre,blockquote { margin-bottom:8px; }
a:link,a:visited { color:#B62D17; text-decoration:underline; }
a:hover,a:active { text-decoration:none; }
h1 span,h2 span,h3 span { display:none; }

form { width:160px; padding:10px 0 15px 25px; }
input, textarea { background-color:#fff; border:1px solid #000; width:150px; height:16px; margin-bottom:4px; padding-top:2px; padding-left:4px;
                  font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; }
textarea { height:70px; overflow:auto;  }

/* main contact - dental.medical */
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

#contact-main label select { width:175px; } /* fixes display issue - 5px larger than input field */

#contact-main label textarea { height:100px; overflow:auto; }

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:95px 0 0 243px; } /* defines placement of contact-main submit button */

input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */
	background:url("/young/images/layout/submit.gif");
	width:52px;
	height:18px;
	border:none;
	cursor:pointer;
	}

/* classes */
.right { text-align:right; }
.center { text-align:center; }
.clear { clear:both; height:1em; overflow:hidden }
.submit { cursor:pointer; background:url("/young/images/layout/submit.gif") no-repeat; width:52px; height:18px; border:0px; }


/* framework
 * ------------------------------------------------------------------------- */
#wrap { background:url("/young/images/layout/bg.gif") repeat-y; width:850px; margin:0 auto; }
	#top {background:url("/young/images/layout/top.gif") no-repeat; height:68px;} 
	#header {background:url("/young/images/layout/header.jpg") no-repeat; height:258px;} 
	#column-left { width:549px; float:left; }
				#column-left p, #column-left h3 {padding : 0 20px 0 58px ;}
				#column-left h1 {margin : 0 20px 0 58px; color:#8450B5; font-size:1.2em; }
				#column-left h2 {margin : 0 20px 0 58px; color:#B62D17; font-size:1.1em; }
				#column-left ul {margin : 0 20px 0 58px ; margin-bottom:8px; list-style-type:square;}
				#column-left li {margin : 0 20px 0 0px;}
				#column-left ul.links {margin : 0 20px 0 120px ; margin-bottom:8px; list-style-type:square;}
				#column-left ul.links-2 {margin : 0 20px 0 58px ; margin-bottom:8px; list-style-type:none;}
				#column-left ul.links-3 {margin : 0 0px 0 10px ; margin-bottom:8px; list-style-type:none;}
				#column-left ul.links-4 {margin : 0 20px 0 58px ; margin-bottom:8px; list-style-type:none;}
				#column-left ul.links-5 {margin : 0 20px 0 72px ; margin-bottom:8px; list-style-type:square;}
				#column-left li.links-6 {margin : 0 20px 0 30px ; margin-bottom:8px; list-style-type:square;}
		#title-welcome {background:url("/young/images/layout/title-welcome.jpg") no-repeat; padding:140px 0 30px 0 ;}
		#title-expertise {background:url("/young/images/layout/title-expertise.gif") no-repeat; padding:115px 0 30px 0 ;}
		#title-skincare {background:url("/young/images/layout/title-skincare.gif") no-repeat; padding:75px 0 10px 0 ;}
	#column-right { width:301px; float:left; }
				#column-right p, #column-right h1, #column-right h2, #column-right h3 {padding: 0 122px 0 25px ;}
				#column-right ul {padding: 0 122px 0 40px; list-style-type:square;}
				#column-right ul li {font-size:11px;}
		#title-contact {background:url("/young/images/layout/title-contact.jpg") no-repeat; padding:145px 0 30px 0 ;}
		#title-procedures {background:url("/young/images/layout/title-procedures.gif") no-repeat; padding:60px 0 30px 0 ;}
 
 #bottom { background:url("/young/images/layout/bottom.gif") no-repeat; width:850px; height:124px; clear:both; overflow:hidden; }
 
 /* sub pages----------------------------------------------------------------------------- */
  #title-contact-sub {background:url("/young/images/sub/title-contact.jpg") no-repeat; padding:140px 0 30px 0 ;}
  #title-thankyou-sub {background:url("/young/images/sub/title-thankyou.jpg") no-repeat; padding:140px 0 30px 0 ;}
  #title-meetdryoung-sub {background:url("/young/images/sub/title-meetdryoung.jpg") no-repeat; padding:140px 0 30px 0 ;}
  #title-procedures-sub {background:url("/young/images/sub/title-procedures.jpg") no-repeat; padding:140px 0 30px 0 ;}
  #title-sitemap-sub {background:url("/young/images/sub/title-sitemap.jpg") no-repeat; padding:140px 0 30px 0 ;}
  #title-thepractice-sub {background:url("/young/images/sub/title-thepractice.jpg") no-repeat; padding:140px 0 30px 0 ;}
  #title-treatments-sub {background:url("/young/images/sub/title-treatments.jpg") no-repeat; padding:140px 0 30px 0 ;}
  #title-locate {background:url("/young/images/sub/title-locate.jpg") no-repeat; padding:145px 0 30px 0 ;}
  
  #sub-header01 {background:url("/young/images/sub/sub_header1.jpg") no-repeat; height:258px;} 
  #sub-header02 {background:url("/young/images/sub/sub_header2.jpg") no-repeat; height:258px;} 
  #sub-header03 {background:url("/young/images/sub/sub_header3.jpg") no-repeat; height:258px;} 
  #sub-header04 {background:url("/young/images/sub/sub_header4.jpg") no-repeat; height:258px;} 
  #sub-header05 {background:url("/young/images/sub/sub_header5.jpg") no-repeat; height:258px;}
  #sub-header06 {background:url("/young/images/sub/sub_header6.jpg") no-repeat; height:258px;}
  

/* NAVIGATION ----------------------------------------------------------------------------- */

#nav { background:url("/young/images/layout/nav.jpg") no-repeat; width:850px; height:23px; position:relative; padding:0px; margin:0px; }
#nav li { position:absolute; top: 0; }
#nav li, #nav a { height: 23px; display:block; }
#nav span { display:none; }

#nav-01 { width:61px; left:22px; }
#nav-02 { width:129px; left:83px; }
#nav-03 { width:110px; left:212px; }
#nav-04 { width:103px; left:322px; }
#nav-05 { width:101px; left:425px; }
#nav-06 { width:74px; left:526px; }

#nav-01 a:hover { background: transparent url(/young/images/layout/nav.jpg) -22px -23px no-repeat; }
#nav-02 a:hover { background: transparent url(/young/images/layout/nav.jpg) -83px -23px no-repeat; }
#nav-03 a:hover { background: transparent url(/young/images/layout/nav.jpg) -212px -23px no-repeat; }
#nav-04 a:hover { background: transparent url(/young/images/layout/nav.jpg) -322px -23px no-repeat; }
#nav-05 a:hover { background: transparent url(/young/images/layout/nav.jpg) -425px -23px no-repeat; }
#nav-06 a:hover { background: transparent url(/young/images/layout/nav.jpg) -526px -23px no-repeat; }

/* footer
 * ------------------------------------------------------------------------- */
#footer { width:760px; text-align:center; margin: 0 auto 0 auto; }
#footer a:link, #footer a:visited, #footer p { text-decoration:none; color:#fff; }
#footer a:hover, #footer a:active { text-decoration:underline; }

#footer ul { margin-bottom:5px; }
#footer li { padding: 0 5px 0 7px; display:inline; border-left: 1px solid #fff; line-height: 8px; }
#footer li.first { border: none; }

.success {
	font: 13px Arial, Helvetica, sans-serif;
	color:#00f;
}

.error {
	font: 13px Arial, Helvetica, sans-serif;
	color:#f00;
}

.error_big {
	font: 17px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#f00;
}

a#form_link {
	color: #00f;
	font: 16px Arial, Helvetica, sans-serif;
}