/*---------------------------
core.css

Artemis Branding
1.250.595.0136
admin@artemisbranding.com
----------------------------*/
/***** Reset *****/
html, body, div, span, applet, object, iframe,
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}
fieldset, img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
address, caption, cite, code, dfn, th, var {
	font-weight: normal;
	font-style: normal;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
:focus {
	outline: 0;
}
a {
	text-decoration: none;
}
/***** General *****/
html {
	height: 100%;
	}
body {
	background: #ffffff;
	color: #686f74;
	font: 62.5%/1.4 Arial, Helvetica, sans-serif;
	height: 101%;
}
/***** Global *****/
.underline {
	text-decoration: underline;
}
/***** Main *****/
#wrapper {
	background: transparent url('/images/cap.png') repeat-y;
	height: auto;
	min-height: 100%;
	margin: 0 auto 0 auto;
	overflow: hidden;
	width: 1000px;
}
#container {
	background: transparent url('/images/container.png') repeat-y;
	float: left;
}
/***** #header *****/
#header {
	background: transparent url('/images/cap.png') repeat-y;
	float: left;
	width: 1000px;
}
/*---- #menu ----*/
#menu  {
	float: left;
}
#menu ul {
	background: url('/images/menu.png') top right no-repeat;
	height: 55px;
	margin: 0 0 0 45px;
	width: 910px;
}
#menu li {
	float: left;
}
#menu a {
	background: #3cc3d6;
	color: #ffffff;
	display: table-cell;
	float: left;
	font-size: 1.2em;
	height: 50px;
	position: relative;
	text-align: center;
	vertical-align: bottom-top;
}
#menu li a:hover {
	background: #29b5cc;
	color: #ffffff;
}
#menu .sub a {
	background: #96b3b7;
}
#menu span {
	bottom: 10px;
	cursor: pointer;
	left: 0;
	position: absolute;
}
#menu .item-home a,
#menu .item-home a span{
	width: 55px;
}
#menu .item-why-we-exist a, 
#menu .item-why-we-exist a span {
	width: 98px;
}
#menu .item-a-look-inside a, 
#menu .item-a-look-inside a span {
	width: 99px;
}
#menu .item-surgical-procedures a, 
#menu .item-surgical-procedures a span {
	width: 136px;
}
#menu .item-surgeons a, 
#menu .item-surgeons a span {
	width: 75px;
}
#menu .item-dentists a, 
#menu .item-dentists a span {
	width: 67px;
}	
#menu .item-your-surgery a, 
#menu .item-your-surgery a span {
	width: 95px;
}
#menu .item-out-of-towners a, 
#menu .item-out-of-towners a span {
	width: 107px;	
}
#menu .item-news a, 
#menu .item-news a span {
	margin: 0 0 0 1px;
	width: 51px;
}
#menu .item-faqs a, 
#menu .item-faqs a span {
	width: 42px;
}
#menu .item-contact-us a, 
#menu .item-contact-us a span {
	width: 84px;
}

#item-Download{
	float: right;
	width: 1000px;
}
#item-Download a{
	position: absolute;
	margin-left: 772px;
	width: 178px;
}

/***** #home *****/
#home {
	float: left;
	width: 100%;
}
#home p {
	font-size: 1.2em;
}
/*---- #side-left ----*/
#side-left {
	background: url('/images/spotlight-bg.png') 0 0 repeat-y;
	display: inline;
	float: left;
	width: 366px;
}
/*---- #logo-large ----*/
#logo-large {
	display: inline;
	float: left;
	height: 221px;
	margin: 0 0 0 45px;
	width: 321px;
}
#logo-large h1 {
	float: left;
}
#logo-large a {
	color: #0087a4;
	display: inline;
	float: left;
	font-size: 3.0em;
	height: 221px;
	width: 321px;
}
@media screen {  
	.images-on #logo-large a {
		background: url('/images/logo-large.png') no-repeat;
		overflow: hidden;  
		text-indent: -10000px;
	}
}
/*---- #quick-view ----*/
#quick-view {
	float: left;
}
#quick-view h3 {
	color: #ffffff;
	font-size: 1.6em;
	padding: 15px 0 0 10px;
}
#quick-view h4 {
	color: #494e53;
	font-size: 1.2em;
	padding: 15px 10px 5px 40px;
}
#quick-view p {
	height: 68px;
	padding: 0 10px 0 40px;
}
#quick-view #at-a-glance, #quick-view #whats-new {
	float: right;
	height: 45px;
	width: 321px;
}
#quick-view #at-a-glance {
	background: #3dc4d5;
}
#quick-view #whats-new {
	background: #a5b1b5;
}
#quick-view a  {
	color: #686F74;
	display: inline;
	float: right;
	height: 105px;
	padding: 0 0 15px 0;
	width: 348px;
}
#quick-view .hr {
	background: #a5b1b5;
	display: inline;
	float: left;
	height: 1px;
	line-height: 1px;
	margin: 1px 0 0 55px;
	width: 300px;
}
#quick-view #intro , #quick-view #news-item-1 {
	background: transparent url('/images/tabs.png') 0 -1px no-repeat;
}
#quick-view #intro:hover, #quick-view #news-item-1:hover {
	background: transparent url('/images/tabs.png') 0px -322px no-repeat;
}
#quick-view  #info, #quick-view #news-item-2  {
	background: transparent url('/images/tabs.png') 0 -161px no-repeat;
}
#quick-view  #info:hover, #quick-view #news-item-2:hover {
	background: transparent url('/images/tabs.png') 0 -481px no-repeat;
}
/*---- #side-right ----*/
#side-right {
	display: inline; 
	float: right;
	margin: 0 45px 0 0;
	width: 585px;
}
#side-right .inner h4 a{
	color: #ffffff;
	height: 20px;
	padding: 0 0 2px 0;
}
#side-right .inner h4 a:hover {
	border-bottom: 1px solid #ffffff;
}
/*---- #approach ----*/
#side-right #approach {
	background: #ffffff url('/images/photos/approach.jpg') 5px 5px no-repeat;
	float: right;
	margin: 0 0 5px 0;
	height: 503px;
	padding: 0 0 5px 0;
	width: 583px;
}
#side-right #approach .inner {
	background: #ffffff url('/images/approach-bg.png') 0 -89px repeat-x;
	display: inline;
	float: right;
	height: 160px;
	margin: 343px 5px 0 0;
	width: 573px
}
#side-right #approach .inner p{
	color: #ffffff;
	padding: 15px 15px 25px 15px;
	height: 70px;
}
#side-right #approach .inner h4 {
	background: transparent url('/images/pointer-light.png') -1px 12px no-repeat;
	border-top: 1px solid #d1d3d4;
	font-size: 1.5em;
	height: 25px;
	padding: 8px 0 0 25px;
	margin: 10px 0 0 15px;
	width: 518px;
}
/*---- #tour ----*/
#side-right #tour {
	background: #ffffff url('/images/photos/tour.jpg') 5px 5px no-repeat;
	display: inline;
	float: left;
	height: 282px;
	margin: 0 0 0 2px;
	width: 289px;
}
#side-right #tour .inner {
	margin: 118px 0 0 0;
}
#side-right #tour .inner p {
	height: 79px;
	padding: 15px;
}
#side-right #tour h4 {
	background: #3cc4d5 url('/images/pointer-light.png') 10px 9px no-repeat;
	font-size: 1.5em;
	height: 45px;
	padding: 5px 0 0 35px;
	margin: 0 0 0 5px;
	width: 244px;
}
/*---- #procedures ----*/
#side-right #procedures {
	background: #ffffff url('/images/photos/procedures.jpg') 5px 5px no-repeat;
	display: inline;
	float: left;
	height: 282px;
	margin: 0 0 0 5px;
	width: 289px;
}
#side-right #procedures .inner {
	margin: 118px 0 0 0;
}
#side-right #procedures .inner p {
	height: 79px;
	padding: 15px;
}
#side-right #procedures h4 {
	background: #95a9ae url('/images/pointer-light.png') 10px 9px no-repeat;
	font-size: 1.5em;
	height: 45px;
	padding: 5px 0 0 35px;
	margin: 0 0 0 5px;
	width: 244px;
}
/***** #sidebar *****/
#sidebar {
	float: left;
	width: 323px;
}
/*---- #logo-small ----*/
#logo-small {
	display: inline;
	float: left;
	height: 191px;
	margin: 0 0 0 45px;
	width: 278px;
}
#logo-small h1 {
	float: left;
}
#logo-small a {
	color: #0087a4;
	display: inline;
	float: left;
	font-size: 3.0em;
	height: 191px;
	width: 278px;
}
@media screen {  
	.images-on #logo-small a {
		background: url('/images/logo-small.png') no-repeat;
		overflow: hidden;  
		text-indent: -10000px;
	}
}
/*---- #side-nav ----*/
#side-nav {
	background: transparent url('/images/side-nav-bg.png') 0 0 repeat-y;
	float: right;
	height: 700px;
	list-style: none;
	margin: 0;
	padding: 0 0 40px 0;
	width: 310px;
}
#side-nav li {
	margin: 0;
	padding: 0;
	width: 300px;
}
#side-nav li a {
	background: transparent url('/images/side-nav-white.png') bottom right no-repeat;
	color: #a7a9ac;
	display: block;
	font-size: 1.2em;
	margin: 0;
	height: 30px;
	position: relative;
	text-decoration: none;
	width: 310px;
}
#side-nav li .break {
	height: 47px;
}
#side-nav li a:hover {
	background: transparent url('/images/side-nav-blue.png') bottom right no-repeat;
	color: #ffffff;
}
#side-nav span { 
	top: 11px;
	left: 55px;
	position: relative;
}
#side-nav #categories span { 
	left: 75px;
}
#side-nav li ul{
	display: none;
	list-style: none;
	width: 310px;
}
#side-nav li ul li a {
	background: transparent url('/images/side-nav-dark-grey.png') bottom right no-repeat;
	color: #ffffff;
}
#side-nav li ul li a:hover {
	background: transparent url('/images/side-nav-light-grey.png') bottom right no-repeat;
}
/***** #footer *****/
#footer {
	background: #dbf0f3 url('/images/cap.png') -50px 0 repeat-y;
	color: #aabcc0;
	display: inline;
	float: left;
	font-size: 0.9em;
	margin: 0 45px 0 45px;
	overflow: auto;
	padding: 15px 0 25px 0;
	width: 910px;
}
/*---- #nav ----*/
#bottom-nav {
	display: inline;
	float: left;
}
#bottom-nav li {
	float: left;
}
#bottom-nav .divider {
	cursor: pointer;
	float: left;
	padding: 0 3px 0 3px;
}
#bottom-nav li a {
	color: #aabcc0;
}
#bottom-nav li a:hover {
	color: #3dc4d5;
}
/*---- #credit ----*/
#credit {
	float: right;
}
#credit a {
	color: #aabcc0;
}
#credit a:hover {
	color: #3dc4d5;
}
/***** .content *****/
.content {
	background: #ffffff;
	display: inline;
	float: right;
	height: 100%;
	margin: 0 45px 0 0;
	overflow: auto;
	padding: 0 0 40px 0;
	width: 627px;
}
.content img {
	margin: 5px 0 0 5px;
}
.content #page-heading {
	background: transparent url('/images/pointer-dark.png') 132px 6px no-repeat;
	float: left;
	padding: 0 25px 0 0;
	margin: 45px 0 0 0;
	width: 125px;
}
.content h2 {
	font-size: 1.7em;
	margin: 0 0 0 30px;
}
.content h3 {
	clear: both;
	color: #7ac142;
	font-size: 1.6em;
	padding: 20px 0 10px 20px;
}
.content h4 {
	clear: both;
	color: #3dc4d5;
	font-size: 1.4em;
	padding: 0 25px 10px 20px;
}
.content h5 {
	clear: both;
	color: #686f74;
	font-size: 1.2em;
	padding: 0 25px 10px 20px;
}
.content .h7 {
	font-size: 1.2em;
	margin: 10px 0 0 10px;
	color:#3CC4D5;
	width: 80px;
}
.content p {
	clear: both;
	font-size: 1.2em;
	padding: 0 30px 10px 20px;
}
.content #page-body li {
	font-size: 1.2em;
	margin: 0 35px 8px 35px;
}
.content #page-body a {
	color: #686f74;
	text-decoration: underline;
}
.content .citation {
	font-size: 1.0em;
	font-style: italic;
	padding: 20px 0 0 20px;
}
.content #page-body {
	float: left;
	margin: 49px 0 0 5px;
	width: 465px;
}
.content  #page-body ul {
	float: left;
	list-style-type: disc;
}
.content #page-body a:hover {
	color: #a7a9ac;
}
.content #page-body .back {
	color: #7ac142;
	float: left;
	font-size: 1.5em;
	padding: 40px 0 0 20px;
	text-decoration: none;
}
.content #page-body .next {
	color: #7ac142;
	float: right;
	font-size: 1.5em;
	padding: 40px 20px 0 0;
	text-decoration: none;
}

/*---- #accordion ----*/ 
#accordion {
	float: left;
	margin: 38px 0 0 15px;
	width: 440px;
}
#accordion div {
	padding: 0 0 10px 0;
}
#accordion h3 {
	font-size: 1.5em;
	padding: 10px 0 0 0;
}
#accordion h4 {
	clear: both;
	color: #3dc4d5;
	font-size: 1.4em;
	padding: 10px 25px 0 0;
}
#accordion  p {
	padding: 10px 0 0 16px;
}
#accordion ul {
	float: left;
	padding: 10px 0 0 10px;
}
/* list style for faq numbers 9- */
#accordion li {
	font-size: 1.2em;
	list-style: decimal;
	margin: 0 35px 8px 25px;
}
/* list style for faq numbers 10+ */
#accordion .li2 {
margin: 0 0 0 8px;
}
#accordion div a {
	color: #686f74;
	text-decoration: underline;	
}
#accordion div a:hover {
	color: #a7a9ac;
}
#accordion .ui-accordion-header {
	border-bottom: 1px solid #a7a9ac;
}
#accordion .ui-accordion-header a {
	color: #686f74;
}
#accordion .ui-accordion-header a:hover {
	color: #a7a9ac;
}
#accordion .ui-state-active a {
	color: #7ac142;
}
/*---- .profile ----*/
.profile {
	float: left;
	padding: 20px 0 5px 0;
	width: 440px;
}
.profile  h6 {
	clear: both;
	color: #3cc3d6;
	font-size: 1.2em;
	padding: 10px 0 0 0;
}
.profile  img {
	float: left;
	padding: 0 20px 0 0;
}
.profile  p {
	clear: none;
	float: none;
	padding: 20px 0 0 0;
}
.profile ul {
	float: left;
	padding: 10px 0 0 0;
}
.profile li {
	font-size: 1.2em;
	list-style: none;
	margin: 0 0 0 0;
}
.profile table {
	margin: 10px 0 0 0;
	width: 440px;
}
.profile  td {
	font-size: 1.2em;
	padding: 0 20px 0 0;
}
/*---- #page-body ----*/
#breast-surgery #page-body,
#facial-surgery #page-body {
	margin:27px 0 0 5px;
}
/***** #facility-tour *****/
#facility-tour #description {
	background: #dbf0f3;
	display: inline;
	float: left;
	height: 50px;
	margin: 0 0 0 5px;
	padding: 30px 0 30px 0;
	width: 613px;
}
#facility-tour #page-heading {
	background-image: url('/images/pointer-blue.png');
	margin: 0 15px 0 0;
}
#facility-tour h5 {
	clear: none;
	font-size: 1.1em;
	height: 40px;
	overflow: hidden;
	padding: 0 5px 5px 5px;
	margin: 4px 0 5px 0;
}
#facility-tour  #thumbnails {
	clear: both;
	float: left;
	width: 100%;
}
#facility-tour #thumbnails li {
	float: left;
	padding: 5px 4px 0 5px;
}
#facility-tour #thumbnails .buff {
	padding: 5px 6px 0 5px;
}
#facility-tour #thumbnails img {
	cursor: pointer;
	height: 95px;
	margin: 0;
	width: 95px;
}
/****** #cosmetic-and-reconstuctive-plastic-surgery *****/
#cosmetic-and-reconstuctive-plastic-surgery {
	height: 796px;
}
#cosmetic-and-reconstuctive-plastic-surgery #accordion div a {
	color: #3cc4d5;
	font-size: 1.2em;
}
#cosmetic-and-reconstuctive-plastic-surgery #accordion div a:hover {
	color: #a7a9ac; 
}
/***** #your-surgery *****/
#your-surgery #page-body ul {
	padding: 0 0 10px 0;
}
#your-surgery #page-body h4 a {
	color: #3cc4d5;
	text-decoration: none;
}
#your-surgery #page-body h4 a:hover {
	color: #a7a9ac;
}
/***** #out-of-towners *****/
#out-of-towners #page-body ul  {
	padding: 10px 0 10px 0;
	width: 225px;
}
#out-of-towners #page-body ul  li {
	list-style: none;
	margin: 0 35px 0 20px;
}
#out-of-towners #page-body ul li a {
	color: #3cc4d5;
	font-size: 1.3em;
}
#out-of-towners #page-body ul li a:hover {
	color: #a7a9ac;
}
/***** #news *****/
#news #controls {
	float: left;
	width: 150px;
}
#news #up, #news #down {
	cursor: pointer;
	display: inline;
	float: left;
	height: 25px;
	width: 38px;
}
#news #up {
	background: url('/images/news-arrows.png') -6px 0 no-repeat;
	margin: 62px 0 0 37px;
}
#news #up:hover {
	background: url('/images/news-arrows-on.png') -6px 0 no-repeat;
}
#news #down {
	background: url('/images/news-arrows.png') -6px -49px no-repeat;
	clear: both;
	margin: 85px 0 0 37px;
}
#news #down:hover {
	background: url('/images/news-arrows-on.png') -6px -49px no-repeat;
}
#news #page-body {
	height: 379px;
	margin: 48px 0 0 0;
	overflow: hidden;
	position: relative;
}
#news #holder {
	position: absolute;
}
#news .entry div {
	float: left;
	margin: 0 0 20px 0;
}

#news .newshr  {
	border-bottom:1px solid #A7A9AC;
	margin: 0 0 20px 20px;
	width: 420px;

}
#news h5 {
	font-size: 1.3em;
	padding: 0 0 3px 20px;
}
/***** #faqs *****/
#faqs  #accordion ul {
	float: left;
}
#faqs #accordion li {
	font-size: 1.2em;
	margin: 0 35px 8px 30px;
}
/***** #finding-us *****/
#finding-us {
	position: relative;
}
#finding-us #map-canvas {
	height: 332px;
	margin: 5px 0 0 5px;
	width: 617px;
}
#finding-us .control {
	border: 1px dotted #c0c0c0;
	color: #6688cc;
	cursor: pointer;
	float: right;
	font-size: 1.3em;
	height: 25px;
	line-height: 1.8em;
	margin: 5px;
	text-align: center;
	width: 75px;
}
#finding-us #page-body {
	margin: 48px 0 0 0;
}
#finding-us #directions {
	padding: 0 0 0 5px;
}
#finding-us #directions span {
	color: #ff0000;
}
#finding-us h3 {
	color: #3cc4d5;
	font-size: 1.4em;
	padding: 0 20px 10px 20px;
}
#finding-us #address {
	padding: 0 20px 10px 20px;
}
#finding-us #telephone {
	padding: 0 20px 20px 20px;
}
#finding-us #telephone li,
#finding-us #address li {
	font-size: 1.3em;
	list-style: none;
	margin: 0;
}
#finding-us #hours {
	font-size: 1.3em;
	padding: 0 0 20px 20px;
}
/***** #admin *****/
#admin {
	background: url('/images/fade.png') -35px 0 repeat;
	float: left;
	margin: 0 0 0 35px;
	width: 930px;
}
#admin h2 {
	color: #0087a4;
	display: inline;
	float: left;
	font-size: 2.6em;
	padding: 20px 0 0 35px;
	width: 800px;
}
#admin h3 {
	color: #605f5f;
	font-size: 1.6em;
	padding: 20px 0 10px 20px;
}
/*---- #login ----*/
#login {
	background: url('/images/fade.png') -35px 0 repeat;
	display: inline;
	float: left;
	height: 735px;
	margin: 0 0 0 35px;
	width: 930px;
}
#login form {
	clear: both;
	color: #605f5f;
	display: inline;
	float: right;
	margin:50px 50px 20px 0;
	width: 160px;
}
#login label {
	clear: both;
	float: left;
	margin: 5px 0 0 0;
}
#login .login-field {
	border: 1px solid #c0c0c0;
	clear: both;
	color: #605f5f;
	float: left;
	padding: 0 0 0 3px;
	width: 150px;
}
#login #send {
	background: none;
	border: none;
	clear: both;
	color: #605f5f;
	cursor: pointer;
	float: right;
	margin: 10px 0 0 0;
}
#login #send:hover {
	color: #4bcde0;
}
/*---- #database ----*/
#admin #database {
	clear: both;
	display: inline;
	float: left;
	margin: 20px 0 40px 35px;
	width: 400px;
}
#admin #database #index {
	display: inline;
	float: left;
	font-size: 1.3em;
	margin: 15px 0 20px 0;
}
#admin #database #index li {
	float: left;
}
#admin #database #index .separator {
	color: #007090;
	cursor: pointer;
	float: left;
	padding: 0 10px 0 10px;
}
#admin #database #index li a {
	color: #007090;
}
#admin #database #index li a:hover {
	color: #4bcde0;
}
#admin #database #index li .selected {
	color: #35bcd0;
}
#admin #database .scroll {
	background: #ffffff;
	clear: both;
	height: 529px;
	overflow: auto;
}
#admin #database a {
	color: #605f5f;
}
#admin #database a:hover {
	color: #007f21; 
}
#admin #database .db-date {
	font-size: 1.2em;
	padding: 10px 0 0 20px;
}
#admin #database .db-body {
	font-size: 1.1em;
	padding: 10px 10px 10px 20px;
}
#admin #database .jScrollPaneContainer {
	background: #ffffff;
}
#admin #database .jScrollPaneTrack,
#admin #database .jScrollArrowUp,
#admin #database .jScrollArrowDown {
	right: 2px;
}
/*---- #editor ----*/
#admin #editor {
	display: inline;
	float: right;
	margin: 75px 40px 0 0;
	width: 380px;
}
#admin #editor .error {
	color: #ff0000;
}
#admin #editor form li {
	clear: both;
	float: left;
	margin: 10px 0 0 0;
}
#admin #editor #selection li {
	color: #ffffff;
	list-style: circle inside;
	padding: 0 0 0 10px;
}
#admin #editor ul .field input {
	border: 1px solid #bbbbbb;
	color: #000000;
	font-size: 1.1em;
	padding: 2px 0 2px 5px;
	width: 150px;
}
#admin #editor ul .field textarea {
	color: #000000;
	height: 400px;
	padding: 0 0 0 5px;
	width: 380px;
}
#admin #actions {
	width: 300px;
}
#admin #actions input {
	border: 1px solid #bbbbbb;
	cursor: pointer;
	display: inline;
	margin: 0 5px 0 0;
}
#admin #submit:hover {
	border: 1px solid #008000;
	color: #008000;
}
#admin #replace:hover {
	border: 1px solid #0000ff;
	color: #0000ff;
}
#admin #clear:hover {
	border: 1px solid #ffa500;
	color: #ffa500;
}
#admin #delete:hover {
	border: 1px solid #ff0000;
	color: #ff0000;
}
/***** #error *****/
#error #page-body {
	width: 550px;
}
.content #page-body .target a{
	clear: both;
	color: #7ac142;
	font-size: 1.2em;
	padding: 0 0 0 20px;
	text-decoration: none;
}
.more {
float: right;
margin: -30px 0 0 0;
padding: 0 10px 0 0;
}
.more_less {
float: right;
margin: -16px 0 0 0;
padding: 0 10px 0 0;
}
.courtesy {
margin: 0 60px 0 0;
float: right;
}
.courtesy  a{
color: #686F74;
}
#section-image {
/*position: relative;*/
}
#previousimg {
position: absolute;
top:135px;
z-index: 100;
}
#nextimg {
position: absolute;
top:135px;
z-index: 100;
left: 576px;
}
#galleryControls {
position: relative;
}