body { background-color:#004357; margin:0px; padding:0px; font-family:Georgia; color:#555555; font-size:14px; line-height:24px; letter-spacing:0.5px; }


/* TOP */

#topbg { height:200px; background-image:url(images/topbg.jpg); background-repeat:repeat-x; }

#top { height:200px; position:relative; }

#logo { height:539px; height:37px; position:absolute; left:0px; top:70px; }

#schedule { width:325px; height:46px; position:absolute; right:0px; top:70px; font-family: 'Droid Serif', arial, serif; }

#schedule a { letter-spacing:1px; color:#545f17; line-height:46px; text-align:center; font-size:15px; background-image:url(images/schedule.gif); background-repeat:no-repeat; background-position:top left; display:block; text-decoration:none; }

#schedule a:hover { background-position:bottom left; }


/* CONTAINERS */

#main { background-color:#ffffff; background-image:url(images/mainbg.jpg); background-repeat:repeat-x; line-height:24px; padding-top:30px; padding-bottom:50px; }

.container { width:920px; margin:auto; position:relative; }


/* NAVIGATION */

#navigation { width:920px; height:43px; position:absolute; right:0px; top:156px; font-family:Arial; }

#nav { list-style:none; margin:0px; padding:0px; }

#nav li { float:left; margin-left:3px; }

#navigation a { color:#a4c7d6; text-decoration:none; text-transform:uppercase; letter-spacing:1px; display:block; line-height:43px; background-image:url(images/navleft.gif); background-repeat:no-repeat; padding-left:18px; }

#navigation a span { display:block; line-height:43px; background-image:url(images/navright.gif); background-repeat:no-repeat; background-position:top right; padding-right:18px; }

#navigation a:hover { color:#d7e8f0; margin-top:1px; line-height:42px; }

#navigation a:hover span { line-height:42px; }

#navigation a.active { background-image:url(images/navleft_active.gif); color:#004357; }

#navigation a.active span { background-image:url(images/navright_active.gif); }

/* MODAL */
	
.modal { position: fixed; display:block; top: 0; right: 0; bottom: 0; left: 0; z-index: 6; height: 100%; padding: 0 20px; background-color: rgba(0, 0, 0, .85); opacity: 1; transition: opacity 300ms ease-in-out; visibility: hidden; }

.modal-active { visibility: visible; }

.modal-heading {  font-family: 'Droid Serif', arial, serif; font-size:30px; font-weight:normal; text-transform:uppercase; color:#07485c; display:block; }  

.modal-content { padding: 60px 64px; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 600px; }

.modal-exit-button { width: 40px; height: 40px; position: absolute; top: 18px; right: 18px; background-color: #fff; border-color: #202020; border-radius: 50%; transition: background-color 300ms ease-in-out; cursor: pointer; }

.modal svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.modal-content img { max-width: 100%; height: auto; }
  
/* CONTENT */

#leftcol { width:565px; float:left; }

#rightcol { margin-left:587px; }

.serviceblock { width:265px; float:left; margin-right:10px; margin-bottom:10px; }

.patientform { background-image:url(images/patientformbg.jpg); background-repeat:no-repeat; line-height:53px; padding:0px 20px; font-weight:bold; margin-top:30px; margin-bottom:30px; }


/* PROFILE */

#profile { height:514px; width:287px; background-image:url(images/profilebg.jpg); background-repeat:no-repeat; padding:20px; font-size:12px; line-height:18px; position:relative; font-family:Arial; }

#profile ul { margin:0px; padding:0px; padding-left:15px;}

#more { position:absolute; height:16px; width:16px; top:548px; left: 155px; }

#more a { height:16px; width:16px; display:block; background-image:url(images/more.jpg); background-repeat:no-repeat; }

#more a:hover { background-position:bottom; }


/* MIDDLE */

#middle { background-image:url(images/middlebg.jpg); background-repeat:repeat-x; background-color:#f9f9f9; position:relative; padding:30px 0px; height:240px; }

#middle .block { height:230px; width:240px; padding:0px 20px; background-color:#ffffff; float:left; margin-right:20px; text-align:center; }

#middle .block a { text-transform:uppercase; text-decoration:none; }


#facesright { text-align:center; }

#facesright a { text-transform:uppercase; text-decoration:none; font-size:13px; }

#facesright a img { border:1px solid #cccccc; }



/* FOOTER */

#bottom { background-image:url(images/footerbg.jpg); background-repeat:repeat-x; }

#footer { height:170px; position:relative; font-family:Arial; font-size:12px; padding-top:35px; color:#ffffff; }

#footer a { color:#a4c7d6; text-decoration:none; text-transform:uppercase; font-family:Arial; font-size:12px; }

#footer a:hover { color:#cee1ea; }

#footer img { vertical-align:middle; }

#footer span { color:#ffffff; margin-left:5px; margin-right:5px; }

#footer .note { font-size:10px; }

#gulls { width:128px; height:53px; position:absolute; right:0px; top:20px; }



/* GENERAL */

h1 { font-family: 'Droid Serif', arial, serif; font-size:30px; font-weight:normal; text-transform:uppercase; color:#07485c; }

h2 { font-family: 'Droid Serif', arial, serif; font-size:24px; font-weight:normal; text-transform:uppercase; color:#07485c; }

a { color:#879920; }

a:hover { color:#9db030; }

a img { border:none; }

.sep { height:3px; background-image:url(images/sep.jpg); background-repeat:repeat-x; margin-top:35px; margin-bottom:35px; }
 
.clear { clear:both; }

.nomarg { margin:0px; }

ul.services { list-style:none; margin:0px; padding:0px; }

ul.services li { background-image:url(images/check.jpg); background-repeat:no-repeat; padding-left:40px; padding-top:2px; padding-bottom:3px; margin-bottom:5px;  }

/* Apointment Checkbox Styles */
.internal_booking_form input[type="checkbox"]{
	display:inline-block;
	width:30px;
}