/* CSS Document */

body {margin:0; padding:0; background:#fff; font:normal 14px/1.6em Arial, Helvetica, sans-serif; color:#333;}
#headerContainer {display:block; background:#74ac2e url(header-bg.png) left bottom repeat-x;}
#header {width:980px; margin:0 auto; position:relative;}
#headerBase {height:75px; background:transparent url(header-bottom.png) 0 0 repeat-x;}
#doll-hospital {float:right; border:solid 3px #fff; margin:10px 0}
#frame {width:582px; height:185px; overflow:hidden; position:absolute; top:0; left:50%; margin-left:-291px; z-index:1; background:transparent url(header-frame.png) 0 0 no-repeat;}
#frame img {position:absolute; top:0; left:50px; z-index:10;}

#nav {display:block; clear:both; padding:15px 0; margin:0 auto; text-align:center;}
#nav ul {list-style:none; margin:0; padding:0;}
#nav li {display:inline-block; zoom:1; *display:inline; margin:0; border-left:solid 1px #030; border-right:solid 1px #363; padding:0;}
#nav li.first {border-left:none;}
#nav li.last {border-right:none;}
#nav li a, #nav li a:visited {text-decoration:none; font:normal 14px/32px Arial, Helvetica, sans-serif; letter-spacing:1px; color:#fff; text-transform:uppercase; padding:0 8px; display:inline-block; zoom:1; *display:inline;}
#nav li a:hover, body#home a.home, body#about a.about, body#care a.care, body#dolls a.dolls, 
body#gallery a.gallery, body#location a.location, body#services a.services, body#media a.media,
body#testimonials a.testimonials {color:#FC3;}
#nav hr, #content hr, .clear {border:none; size:0; height:0; clear:both;}

#nav li.highlight {
	padding:0 6px;
}
#nav li.highlight a,
#nav li.highlight a span {
	background:transparent url(bg-red.png) right -32px no-repeat;
	padding:0;
	height:32px;
}

#nav li.highlight a span {
	line-height:32px;
	display:inline-block; zoom:1; *display:inline;
	margin-right:10px;
	background-position:0 0;
}

#nav li.highlight a:hover {
	background-position:right -96px;
}

#nav li.highlight a:hover span {
	background-position:0 -64px;
}

#nav a.dolls strong {
	background:transparent url(bullet-med-cross.png) 6px center no-repeat;
	font-family:"Times New Roman", Times, serif;
	text-transform:capitalize;
	padding-left:2em;
	display:inline-block; zoom:1; *display:inline;
	color:#fff;
}

#content hr {border-top:solid 1px #ddd; margin:20px 0; clear:none;}

#container {display:block; width:980px; margin:0 auto;}
#leftcol {display:block; position:relative; top:0; left:0; width:170px; float:left; background:url(divider-col.png) top right no-repeat;}
#content {display:block; position:relative; top:0; left:0; margin-left:190px; margin-bottom:30px;}
#rightcol {display:block; width:180px; float:right; margin-left:10px;}
/* #rightcol img {padding:6px; background:#666; margin-bottom:10px;} */
#rightcol img, #rightcol object {display:block; border:solid 6px #666; background:#666; margin-bottom:10px;}
#footer {display:block; margin:20px 195px 0 0; padding-top:10px; border-top:solid 1px #033; clear:both;}
body#gallery #footer {margin-right:0;}

#leftcol ul {list-style:none; margin:0; padding:0 10px 0 0;}
#leftcol li {margin:5px 0; padding:0 0 30px 0; background:url(divider-ornate.png) bottom left no-repeat;}

h1, h2, h3, h4 {padding:0; margin:10px 0 2px 0;}
p, #content .right p {padding:0; margin:2px 0 10px 0;}
#content p {margin-right:200px;}
h1 {font-size:28px; color:#030; margin:5px 0 20px 0; text-transform:lowercase;}
h2 {font-size:16px; color:#360; font-weight:bold;}
h3 {font-size:12px; color:#030; font-weight:bold;}

label {font-size:9px; color:#033; font-weight:bold; text-transform:uppercase;}
span {color:#033; font-weight:bold;}
.fineprint {font-size:9px; line-height:1.2em;}
.intro {font-weight:bold; color:#222;}

#container a, #container a:visited {text-decoration:none; color:#030; font-weight:bold; border-bottom:solid 1px #999;}
#container a:hover {border-bottom:solid 1px #033; color:#360;}

a.red {color:#900;}

.right {float:right; margin-left:10px;}
.left {float:left; margin-right:10px;}

ul#gallery {list-style:none; margin:0; padding:20px 0;}
ul#gallery li {display:block; float:left; width:122px; height:160px; margin:2px 10px;}
ul#gallery img {padding:6px; background:#333;}
ul#gallery a, ul#gallery a.visited {display:block; text-decoration:none; color:#033; text-align:center;}
ul#gallery a:hover {background:#333; color:#FC3;}

#content .right {display:block; width:200px; float:right; margin-left:10px; border-left:dashed 1px #999;}
#content .right ul {list-style:square; padding:0; margin:0 0 0 15px;}
#content .right li {padding:2px 0;}
#content .right ul, #content .right h2, #content .right p {padding:5px 15px;}

#content ul {list-style:square; padding:0; margin:0 0 0 15px;}
#content li {padding:2px 0;}

ul#do-dont {list-style:none; margin:20px 0; padding:0;}
ul#do-dont li {list-style:none; padding:5px 2px 5px 20px;}
ul#do-dont li.dont {background:transparent url(cross.png) 0 4px no-repeat;}
ul#do-dont li.do {background:transparent url(tick.png) 0 4px no-repeat;}


li.address label{width:40px; display:block; float:left;}

ul#files {list-style:none; margin:10px 200px 10px 0; padding:0;}
ul#files li {border-bottom:dotted 1px #999;}
ul#files a, ul#files a:visited {text-decoration:none; border:none; display:block; font:bold 10pt/1.2em Arial, Helvetica, sans-serif; color:#033; padding:8px 5px 8px 36px; background:url(icon_doc.gif) 2px 2px no-repeat;}
ul#files a:hover {color:#069; border:none;}
ul#files a span {font:normal 10px/12px Arial, Helvetica, sans-serif; color:#666; padding:0 3px; border-left:solid 1px #aaa; margin:0 5px 0 0;}

#container a.reader, #container a.reader:visited, #container a.reader:hover {text-decoration:none; padding:0; border:none;}
a.reader img, a.reader:visited img {padding:0; border:solid 1px #bbb;}
a.reader:hover img {border:solid 1px #666;}

#container a.button {
	display:inline-block;
	zoom:1;
	*display:inline;
	padding:0.4em 0.8em 0.4em 2.8em;
	background:#006600 url(icon-map.png) 0.6em center no-repeat;
	color:#fff;
	text-decoration:none;
	margin:0.5em 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.5);
	box-shadow:0 2px 4px rgba(0,0,0,0.5);
	border:none;
}

#container a.button:hover {
	text-decoration:none;
	background-color:#669900;
}

#container a.button:active {
	background-color:#360;
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.7);
	box-shadow:0 1px 2px rgba(0,0,0,0.7);
}