/*** Editable Styles ----------------------------------------------------- ***/
.subtitles {
	/* JK Subtitles 18 */
	color: #23447b;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.subtitles-blue {
	/* JK Subtitles 15 */
	color: #23447b;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
.titles {
	/* JK Titles 22 */
	color: #23447b;
	font-size: 1.4em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.subtitles-pink {
	/* JH Subtitles 18 */
	color: #941856;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
.subtitles-pnk {
	/* JH Subtitles 15 */
	color: #941856;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
.titles-pnk {
	/* JH Titles 22 */
	color: #941856;
	font-size: 1.4em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
.text-general-big {
	/* Text 14 */
	color: #333333;
	font-size: 14px;
}
.text-general {
	/* Text 13 */
	color: #333333;
	font-size: 13px;
}
.tstyl tr td {
    border-bottom: 1px dotted #ede0d6;
    margin: 0;
    padding: 6px 10px 6px 19px;
	color: #202020;
}
.tstyl tr:hover td {
    background: #f7f7f7 none repeat scroll 0 0;
}


/*** End Editable Styles ***/	

/*** Reset --------------------------------------------------------------- ***/
html, body, p, td, th, ul, ol, li, form, h1, h2, h3, h4 { margin: 0; padding: 0; }
ul, li { list-style: none; }
a { text-decoration: none; }
img { border: none; }

body { cursor: default; }
a, button { cursor: pointer; }
input, textarea { cursor: auto; }

h1 { font-size: 2em; font-weight: bold; }
h2 { font-size: 1.5em; font-weight: bold; }
h3 { font-size: 1.17em; font-weight: bold; }
h4 { font-size: 1em; font-weight: bold; }
h5 { font-size: 1.67em; font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; vertical-align: bottom; }
td { vertical-align: top; }

button, input, select, textarea { margin: 0; padding: 0; }
button { margin-left: 3px; width: auto; overflow: visible; padding: 3px 10px; }
input, textarea, select { padding: 2px; }

.clear { clear: both; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

p, ul, ol { margin: 1em 0; }
p:first-child, ul:first-child, ol:first-child { margin-top: 0; }
ul li { list-style: disc outside none; }
ul ul li { list-style-type: circle; }
ul ul ul li { list-style-type: square; }
ol li { list-style-type: decimal; }
li { margin-left: 2em; margin-bottom: 0.25em; }

.reset, .reset p, .reset ul, .reset ol, .reset li, .listing li { margin: 0; padding: 0; }
.reset li, .reset ul li, .listing li, .listing ul li { list-style-type: none; }
/*** End Reset ***/

/*** Common -------------------------------------------------------------- ***/
body, input, textarea, select, button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
input[type="text"], textarea {
	color: #777;
	margin: 4px;
    padding: 4px;
    width: 220px;
	border: 1px solid #9fa0a0;
	color: #333;
}
a {
	color: #222;
}
a:hover {
	color: #666;
}
/*** End Common ***/

/*** Forms --------------------------------------------------------------- ***/
p.required {
	float: right;
	margin: 0 0 0.5em 0;
}
p.buttons {
	padding-left: 115px;
}
label.label {
	display: block;
	padding-right: 15px;
	width: 95px;
	position: relative;
}
label.auto {
	width: auto;
	padding-right: 0;
}
label.label em {
	position: absolute;
	right: 5px;
	top: 0;
}
form ul {
	margin: 0;
}
form li {
	margin: 0;
	padding: 5px 0 0 115px;
	list-style-type: none;
	list-style-image: none;
	position: relative;
}
form li label.label {
	position: absolute;
	left: 0;
}
/*** End Forms ***/

/*** Asset Listings ------------------------------------------------------ ***/
.listing {
	border-top: 1px dotted #999999;
}
.listing a {
	display: block;
	padding: 10px 10px 10px 120px;
	min-height: 100px;
	border-bottom: 1px dotted #999999;
}
.listing .title {
	font-size: 1.2em;
}
.listing .image {
	width: 96px;
	height: 96px;
	float: left;
	margin-left: -110px;
	background: #ffffff none no-repeat scroll center center; 
}
.listing .teaser, .listing .type {
	display: block;
	padding: 0.5em 0;
	color: #666666;
}
/*** End Asset Listings ***/

/*** General Layout -------------------------------------------------------------- ***/
.super-container {
	margin: 0 auto;
}
.rotator {
	min-height: 40px;
}
.super-container {
	margin: 0 auto;
}
.empty {
	height: 20px;
	display: block;
}
.empty2 {
	height: 40px;
	display: block;
}
/*** End General Layout  ***/

/*** Layout Intro-------------------------------------------------------------- ***/
body.intro-bg {
	background: #fff url(../images/intro_bg1.jpg) repeat-x scroll center -40px;	
}
.intro-container {
	width: 1140px;
	margin: 0 auto;
	padding-top:99px;
	/*** Needed to duplicate background as iPad was not correctly centering the body.intro-bg image ***/
	background: #fff url(../images/intro_bg1.jpg) repeat-x scroll center -40px;	
}
#dr-intro ul.buttons {
}
#dr-intro ul.buttons li.jk {
	float: left;
	width: 390px;
	height: 630px;
}
#dr-intro ul.buttons li.jk a {
	display: block;
	width: 390px;
	height:0;
	padding-top: 630px;
	overflow: hidden;
}
#dr-intro ul.buttons li.jk a:hover {
	background: transparent url(../images/jk_intro_hover.jpg) no-repeat scroll right top;
}
#dr-intro ul.buttons li.jh {
	width: 390px;
	height: 630px;
	float: right;
}
#dr-intro ul.buttons li.jh a {
	height: 0;
	display: block;
	width: 390px;
	padding-top: 630px;
	overflow: hidden;
}
#dr-intro ul.buttons li.jh a:hover {
	background: transparent url(../images/jh_intro_hover.jpg) no-repeat scroll left top;
}
#dr-intro ul.buttons li.logo {
	width: 360px;
	height: 630px;
	float: left;
}
.dr-intro-content {
	margin: 0 auto;
	padding: 40px 20px;
}
/*** END Layout Intro ***/

/*** Dr Katsaros Site Layout ------------------------------------------------------- ***/
body.drk-bg {
	background: #4072b9 url(../images/dk_main_bg.jpg) repeat-x scroll left top;	
}
.drk-container {
	width: 1000px;
	margin: 0 auto;
}
.drk-container h1 {
	 font-size: 2em; 
	 font-weight: bold;
	 color: #23447B; 
	 margin-bottom: 15px;
}
.drk-logo {
	display: block;
	float: left;
	width: 720px;
	height: 95px;
}
.drk-logo a {
	display: block;
	background: transparent url(../images/drk_logo.png) no-repeat scroll 0 20px;
	padding-top: 125px;
	height: 0;
	overflow: hidden;
}
.drk-container .links {
	float: right;
	width: 200px;
	height: 125px;
}
.drk-container .links .phone {
	width: 140px;
	padding: 20px 20px 0;
	font-size: 20px;
	color: #FFF;
	text-align: center;
	margin: 0 0 15px;
}
.drk-container .links .contact {
	width: 140px;
	height: 40px;
	padding: 0 20px;
	background: transparent url(../images/contact_bg.png) repeat-x scroll 0 0;
	border-radius: 20px;
	text-align: center;
	font-size: 14px;
	line-height: 35px;
}
.drk-container .links .contact a {
	color: #FFF;
}
.drk-container .links .contact a:hover {
	color: #42d5ff;
}
.drk-content {
	background: transparent url(../images/drk_transparent_bg.png) repeat scroll 0 0;
	padding: 30px 25px;
}
.drk-content .col-left {
	width: 260px;
	float: left;
	min-height: 200px;
}
.drk-content .col-right {
	width: 650px;
	min-height: 200px;
	float: right;
	border-radius: 20px;
	background-color: #FFF;
	padding: 20px;
	line-height: 1.6em;
}
#drk-footer {
	padding: 20px;
}
#drk-footer .copyright {
	float: left;
	font-size: 13px;
	color: #5cc4f1;
	display: block;
}
#drk-footer .address {
	float: right;
	font-size: 15px;
	color: #f6f6f6;
	display: block;
	letter-spacing: 0.1em;
}
#drk-footer .copyright a {
	color: #5cc4f1;
}
/*** Dr Katsaros menu styles ----------------- ***/

#navigation {
	padding: 0;
	font-size: 15px;
	position: relative;
}
#navigation li {
	list-style-type: none;
	margin-left: 0;
	border-bottom: 1px dotted #CCCCCC;
	width: 230px;
}
#navigation a {
	color: #fff;
	display: block;
	font-weight: normal;
	padding: 8px 15px 10px 0;
}
#navigation .on a, #navigation .active a {
	color: #5cc4f1;
}
#navigation a:hover {
	color: #fff;
}
/*** End Navigation ***/

.drk-contact h3 {
	color:#FFF;
	font-size: 18px;
	margin-bottom: 10px;
}
.drk-contact {
	color: #FFF;
	font-size: 16px;
}
.drk-contact .ph {
	display: block;
	color: #FFF;
	height: 65px;
	font-size: 20px;
	padding: 15px 0 5px 70px;
	background: transparent url(../images/drk_ph_icon.png) no-repeat scroll left top;	
}
.drk-contact .email {
	display: block;
	color: #FFF;
	width: 170px;
	overflow: hidden;	
}
.drk-contact .email a {
	display: block;
	height: 0;
	padding-top: 65px;
	background: transparent url(../images/drk_email_button.png) no-repeat scroll left top;	
}
/*** END Dr Katsaros Site Layout ***/

/*** Joanne Heggie Site Layout ------------------------------------------------------- ***/
body.jh-bg {
	background: #fff url(../images/jh_main_bg.jpg) no-repeat scroll center top;	
}
.jh-container {
	width: 1000px;
	margin: 0 auto;
}
.jh-container h1 { 
	font-size: 1.8em; 
	font-weight: normal;
	color: #941856;
	margin-bottom: 15px;
}
.jh-container .header {
	width: 1000px;
}
.jh-logo {
	display: block;
	float: left;
	width: 240px;
	height: 230px;
}
.jh-logo a {
	display: block;
	padding-top: 230px;
	height: 0;
	overflow: hidden;
}
.jh-title {
	display: block;
	float: left;
	width: 470px;
	padding-top: 160px;
	color: #941856;
	font-size: 25px;
}
.jh-container .links {
	float: right;
	width: 200px;
	height: 125px;
}
.jh-container .links .contact {
	width: 140px;
	height: 40px;
	padding: 0 20px;
	background: transparent url(../images/contact_jh.png) repeat-x scroll 0 0;
	border-radius: 20px;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	margin-top: 100px;
}
.jh-container .links .contact a {
	color: #FFF;
}
.jh-container .links .contact a:hover {
	color: #feabd5;
}
.jh-container .links .phone {
	width: 160px;
	padding: 20px 10px 0;
	font-size: 25px;
	color: #941856;
	text-align: center;
	margin: 0;
}
.jh-content {
	background: #941856 url(../images/jh_initial.png) no-repeat scroll 0 30px;
	padding: 20px 20px;
	border-radius: 20px;
}
.jh-content .col-left {
	width: 260px;
	float: left;
	min-height: 200px;
}
.jh-content .col-right {
	width: 650px;
	min-height: 200px;
	float: right;
	border-radius: 20px;
	background-color: #FFF;
	padding: 20px;
}
#jh-footer {
	width: 960px;
	padding: 20px;
}
#jh-footer .copyright {
	float: left;
	font-size: 13px;
	color: #cd6d9d;
	display: block;
}
#jh-footer .address {
	float: right;
	font-size: 15px;
	color: #941856;
	display: block;
	letter-spacing: 0.1em;
}
#jh-footer .copyright a {
	color: #5cc4f1;
}
/*** Joanne Heggie menu styles ----------------- ***/
#navigationjh {
	padding: 0;
	font-size: 15px;
	position: relative;
}
#navigationjh li {
	list-style-type: none;
	margin-left: 0;
	border-bottom: 1px dotted #d37ea8;
	width: 230px;
}
#navigationjh a {
	color: #fff;
	display: block;
	font-weight: normal;
	padding: 8px 15px 10px 0;
}
#navigationjh .on a, #navigationjh .active a {
	color: #dc9abb;
}
#navigationjh a:hover {
	color: #fff;
}
/*** End Joanne Heggie Navigation ***/
.jh-contact h3 {
	color:#FFF;
	font-size: 18px;
	margin-bottom: 10px;
}
.jh-contact {
	color: #FFF;
	font-size: 16px;
}
.jh-contact .ph {
	display: block;
	color: #FFF;
	height: 65px;
	font-size: 20px;
	padding: 15px 0 5px 70px;
	background: transparent url(../images/jh_ph_icon.png) no-repeat scroll left top;	
}
.jh-contact .email {
	float: left;
	display: block;
	color: #FFF;
	width: 125px;
	overflow: hidden;	
}
.jh-contact .email a {
	display: block;
	height: 0;
	padding-top: 50px;
	background: transparent url(../images/jh_email_button.png) no-repeat scroll left top;	
}
.jh-contact .face {
	float: right;
	display: block;
	color: #FFF;
	width: 125px;
	overflow: hidden;	
}
.jh-contact .face a {
	display: block;
	height: 0;
	padding-top: 50px;
	background: transparent url(../images/facebook_button.png) no-repeat scroll left top;	
}
/*** END Joanne Heggie Site Layout ***/

/*** Light box styles -------------------------------------------- ***/
.lightbox-content {
	padding: 25px;
}
/*** End Layout ***/

/*** Locations ------------------------------------------------------ ***/
#location-list .map {
	background: #ffffff;
	border: 12px solid #d3d4d4;
}
#location-list ul.listing li {
	float: left;
	width: 305px;
	padding: 15px 0 15px 40px;
	border-top: 0;
	position: relative;
	background-color: #e6e6e6;
	border-radius: 8px;
	color: #666;
}
.col-1 #location-list ul.listing li {
	float: left;
	width: 250px !important;
	padding: 10px 0 20px 40px;
	border-top: 0;
	position: relative;
}
#location-list ul.listing {
	border-top: 0;
}
.listing .legend {
	position: absolute;
	top: 15px;
	left: 10px;
}
.vcard .col1 {
	float: left;
	width: 330px;
}
.vcard .col2 {
	float: left;
	width: 270px;
}
.drk-content .vcard a {
	color: #23447B;
}
.drk-content .vcard a.fn .fn, .jh-content .vcard a.fn .fn {
	font-size: 16px;
}
.jh-content .vcard a {
	color: #941856;
}
.infoWindow {
	width: 180px;
	height: 100px;
}
/*** End Locations ***/

/*** Gallery styles ----------------------------------------- ***/
#gallery-list ul li {
	width: 570px;
	height: 220px;
	list-style-image: none;
	list-style: none;
	padding: 25px 25px 30px 25px;
	margin: 0;
	float: left;
	border: 1px solid #CCC;	
	position: relative;
	margin-right: 20px;	
}
#gallery-list ul li span.name {
	display: block;
	margin-top: 22px;
	text-align: center;
	position: absolute;
	bottom: 5px;
	left: 25px;
}
/*** End Gallery ***/
.c1-form {
	clear: both;
}