/* BASE STYLESHEETS V3 */

/* MOBILES and upwards */

/* ////////////////////////// FONTS ///////////////////////// */

@font-face {
    font-family: 'Browser';
    src: url('../fonts/browsersans-webfont.eot');
    src: url('../fonts/browsersans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/browsersans-webfont.woff') format('woff'),
         url('../fonts/browsersans-webfont.ttf') format('truetype'),
         url('../fonts/browsersans-webfont.svg#browser_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Browser';
    src: url('../fonts/browsersans-italic-webfont.eot');
    src: url('../fonts/browsersans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/browsersans-italic-webfont.woff') format('woff'),
         url('../fonts/browsersans-italic-webfont.ttf') format('truetype'),
         url('../fonts/browsersans-italic-webfont.svg#browser_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Browser';
    src: url('../fonts/browsersans-bold-webfont.eot');
    src: url('../fonts/browsersans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/browsersans-bold-webfont.woff') format('woff'),
         url('../fonts/browsersans-bold-webfont.ttf') format('truetype'),
         url('../fonts/browsersans-bold-webfont.svg#browser_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Browser';
    src: url('../fonts/browsersans-bolditalic-webfont.eot');
    src: url('../fonts/browsersans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/browsersans-bolditalic-webfont.woff') format('woff'),
         url('../fonts/browsersans-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/browsersans-bolditalic-webfont.svg#browser_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}


/* ////////////////////////// GENERAL ///////////////////////// */

body { 
	margin: 0;
	font-family: 'Browser'; 
	color: #222222;
	background: #fff; 
}
#page{
	background: #40717D;
	width:100%;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Browser'; 
	font-weight: bold;
}
h1 {
/*	color: #225497; */
/*	color: #40717D; */
	color: #BBAA82;
}
p {
	clear: both;
	line-height: 1.8em; 
}
.caption{
	font-style:italic;
	color:#BBAA82;
	text-indent: 0;
	text-align: right;
}
.fullout{
	text-indent: 0;
}
a, a:link {
	color: #225497;
}
a:visited {
	color: #225497;
}
a:hover {
	color: #860011;
}
.wrap {
/*	background:#ff0000;*/
	width: 92%;
	margin: 0px auto;
}
.sectionbreak {
	background:#B3BABF;
	height: 1px;
	width: 100%;
	margin: 20px 0 4px 0;
	clear: both;
}
.clearboth {
	height: 0px;
	clear: both;
}
hr {
	width: 100%;
	height: 4px;
	background-color:#189DFF;
	color:#189DFF;
	border: 0 none;
	margin-top: 5px;
	margin-bottom:20px;
}
.small {
	font-size: 0.75em;
}

/* ////////////////////////// PRIMARY BLOCKS ///////////////////////// */

#header, #topbar, .content, #bottombar, #footer {
	width: 100%;
}

/* ////////////////////////// HEADER BAR ///////////////////////// */

#header {
	padding: 50px 0 0 0;
	margin: 0;
	background: #fff;
	background-image: url(../gfx/header_bg.png);
	background-repeat: repeat-x;
/*	background-position: bottom, center; */
}
#newheader {
	padding: 50px 0 0 0;
	margin: 0;
	background: #fff;
}
#logo-container {
/*	height: 120px; */
	padding: 0px;
	display: block;
	width: 100%;
	clear: both;
	margin: 0 0 60px 0;
}
#logo {
	width: 100%;
	text-align: center;
/*	margin-bottom: 20px;*/
}
#logo a{
	text-align: center;
}
#logo img {
/*	height: 52px; */
	width: 100%;
	vertical-align:top;
}

#newlogo {
	width:100%;
	border-bottom:4px solid #189dff;
	text-align: center;
}
#newlogo img {
	width:60%;
}

.content {
	padding: 0 0 36px 0;
	width: 100%;
/*	background: #fff;*/
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	-o-border-radius: 0.4em;
	-ms-border-radius: 0.4em;
	border-radius: 0.4em;
	
}
.content a, .content a:link, .content a:visited {
	text-decoration: none !important; 
}
.main {
	width: 94%;
	float: none;
	padding: 0.5em 3%;
	background: #fff;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	-o-border-radius: 0.4em;
	-ms-border-radius: 0.4em;
	border-radius: 0.4em;
}
.main img{
	width: 100%;
	max-height: 800px;
}
.mainlogo {
	display: none;
	width: 0;
	height: 0;
}
.smalllogo {
	display: block;
	text-align: center;
	width: 100%;
}
.smalllogo img {
	width: 90%;
}
.side {
	width: 100%;
	float: none;
/*	background:#ff00ff; */
}
.side p {
	font-size: 0.85em;
}

/* side list elements if required */
.side ul {
	list-style-type: none;
	margin: 0;
	padding: 0; 
	width: 100%;
}
.side ul li {
	margin: 0.5em 0;
	font-size: 1.5em;
	display: block;
	border: 0;
}
.side ul li a:link, .side ul li a:visited {
	text-align: center;
	padding: 0.75em 5% 0.75em 5%;
	margin-bottom: 10px;
	background-color: #377ACA;
	background-color: #BBAA82;
	width: 90%;
	display: block;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-o-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
	border-radius: 0.2em;
	color: #fff;
	border: 0;
/*	border: 1px solid transparent;
	border-color: #958150;
	border-color: #BBAA82;
	box-shadow: inset 0 1px 0 #d2c7ac; */
}
.side ul li a:hover {
	color: #fff;
/*	background-color: #225497; */
	background-color: #40717D; 
/*	border: 1px solid transparent;
	border-color: #40717D;
	box-shadow: inset 0 1px 0 #78adba; */
}
.side ul ul li {
	border-bottom: none; 
	padding-left: 1em;
	font-size: 1em;
	display: block;
}

.side img {
	width: 86%;
	margin: 1em 7% 0em 7%;
}
/* /side list elements */

/* side list elements if required */
.newslist{
	visibility: hidden;
	height: 0;
}

.act {
	border-bottom: 1px solid #fff;
	width: 100%;
	background: #ddeaee;
	background: #f4f3f0;
	font-size: 0.875em;
}
.act th {
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	background: #40717D;
	color: #fff;
	padding: 6px;
	font-size: 1.125em;
}

.act td {
	vertical-align: top;
	padding: 3px 2px 3px 5px;
	line-height:1.675em;
}
.act .weekday{
	border-top: 2px solid #fff;
}
.alignright{
	text-align: right;
	padding-right: 6px;
}

.ser_head {
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	background: #40717D;
	color: #fff;
	padding: 6px;
	font-size: 1em;
}

/* /side list elements */

#draw {
	width: 100%;
	float: none;
	text-align:center;
}
#draw img {
	width:60%;
}

.main p, .main ol, .main ul, .main li, .main dl, .main ul li {
	font-size: 1em;
	line-height: 1.8em; 
}
.main ul li {
	list-style-position: outside;
	list-style-type: disc;
}
/*.main img {
	width: 80%; 
	margin: 0 10% 0 10%;
	padding: 6px 0;
	clear: both;
}
*/
.leftcol {
	padding: 0px;
	width: 100%;
	float: none;
	margin: 0;
}
.centercol {
	margin-left: 48px;
	padding: 0px;
	width: 100%;
	float: none;
	margin: 0;
}
.rightcol {
	padding: 0px;
	width: 100%;
	float: none;
	margin: 0;
}
.rightcol img {
	width: 100%;
	margin-top: 20px;
}
.sidebar {
	padding-bottom: 20px;
}
.sidebar p {
	font-size: 0.75em;
	line-height: 1.5em;
	margin: 4px 0;
}
.sidebar a {
	font-weight: bold;
}
.current {
	color: #000;
	font-weight: bold;
}

.info {
	font-size: 0.85em !important;
	font-style: italic;
	display: block;
	line-height: 1.6em  !important;
	background-color: #F5F3DC;
	background-image: url(../gfx/info.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 10px 10px 10px 40px;
	border: 0px;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	-o-border-radius: 0.4em;
	-ms-border-radius: 0.4em;
	border-radius: 0.4em;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.boxed {
	font-size: 1em;
	line-height: 1.6em;
	background-color: #E0E9EF;
	background-color: #F6F8FA;
	background-color: #EBF0F4;
	padding: 10px 20px;
	margin: 10px 0;
	border: 1px solid #EBF0F4;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	-o-border-radius: 0.4em;
	-ms-border-radius: 0.4em;
	border-radius: 0.4em;
}
.boxed p {
	font-size: 0.85em;
	line-height: 1.6em;
	margin: 2px 0 4px 0;
}
.boxed h3, .boxed h4 {
	margin: 0 0 5px 0;
}
.boxed-left {
	float: left;
}
.boxed-right {
	float: right;
}


.faq {
	color: #00389F;
	font-weight: bold;
	font-size: 1em;
	display:block;
/*	text-decoration: underline; */
	margin-top: 1em;
	cursor: pointer;
}
.faq + input {
	display:none;
}
.faq + input + * {
	display:none;
}
.faq+ input:checked + * {
	display:block;
}

.servicesched{
	background: #f6f4ee;
	background: #f4f3f0;
	
	font-size: 0.875em;
	line-height:2em;
	margin-bottom: 18px;
}

.service{
	width:100%;
}
.servicedateline{
	height: 2px;
	background: #fff;
}
.serviceday{
	width:100%;
	margin-top: 3px;
}
.servicedate{
	width:29%;
	color:#000;
	float:left;
	padding: 0 0 0 1% !important;
}
.calendar{
	width:70%;
	font-weight:bold;
	color:#AD9A6F;
	float:left;
	padding: 0 !important;
}
.servicetime{
	width:70%;
	float:right;
	padding: 0 !important;
}
.servicenote{
	width:70%;
	float:right;
	font-style:italic;
	padding:0 !important;
}

/* ////////////////////////// FOOTER BAR ///////////////////////// */

#footer {
	font-family: 'Browser';
	font-size: 1.0em;
	color: #000;
	padding: 0 0 600px 0;
	margin: 24px 0 0 0;
/*	background: #189DFF;
	background-image: url(../gfx/footer_bg.png);
	background-repeat: no-repeat;
	background-position: top, center; */
}
#footer a, #footer a:link, #footer a:visited {
	text-decoration: underline;
/*	color: #D4C28B !important; */
	
}
.footleft {
	width: 100%;
	float: none;
	text-align: center;
}
.footright {
	width: 100%; 
	float: none;
	text-align: center;
}

/* ////////////////////////// BUTTONS ///////////////////////// */

.btn {
	display: inline-block;
/*	padding: 4px 20px; */
	padding: 0.75em 20px 0.75em 20px;
	margin: 0;
	font-size: 1.2em;
	color: #fff !important;
	font-family: 'Browser';
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
/*	background-color: #377ACA;*/
	background-color: #BBAA82;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	-o-border-radius: 0.2em;
	-ms-border-radius: 0.2em;
	border-radius: 0.2em;
	border: 0;
	cursor: pointer;
}
.btn a, .btn a:link, .btn a:visited {
	color: #fff !important;
	text-decoration: none !important;
}
.btn-small {
	display: inline-block;
	padding: 0px 6px;
	margin: 2px;
	font-size: 0.75em;
	color: #fff !important;
	font-family: 'artesia';
	text-align: center;
	text-decoration: none !important;
	vertical-align: middle;
	background-color: #6C8EA7;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	-o-border-radius: 0.4em;
	-ms-border-radius: 0.4em;
	border-radius: 0.4em;
	cursor: pointer;
	border: 0;
}
.btn-small a, .btn-small a:link, .btn-small a:visited {
	color: #fff !important;
	text-decoration: none !important;
}


/* ////////////////////////// GENERAL FORMS ///////////////////////// */
.selectable {
	margin-right: 2em;
	float: left;
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
legend {
	width: 98%;
	font-weight: bold;
	font-size: 1.25em;
	color: #fff;
	background:#ADB5BB; 
	padding: 0.25em;
	text-align: center;
	margin-top: 0.5em;
}
.form-area {
	padding: 0;
	font-size: 1.0em;
}
.fieldbox {
	padding: 10px 0 0 0;
/*	border-bottom: 1px solid #C9D1D7; */
	width: auto;
	overflow: auto;
}
.fieldbox ul {
	list-style: none;
	padding-left:0;
	font-size: 1em;
}
.fieldbox li {
	font-size: 1em;
}
.fieldbox label.styled {
	font-weight: normal;
	display: block;
	float: none;
	width: 100%;
	margin-right: auto; 
	margin-bottom: 6px; 
}
.fieldbox .userfield {
	width: 100%;
	float: none;
	margin-bottom: 10px;
}
.fieldbox .userdisplay {
	width: 100%;
	float: none;
	margin-bottom: 10px !important;
}
.fieldbox .userfield ul {
	margin: 0;
}
.fieldbox .userfield input[type="text"],.fieldbox .userfield input[type="email"] ,.fieldbox .userfield input[type="password"] { 
	background-color:#eaeaea;
	border: none;
	width: 99%;
}
.fieldbox .userfield input[type="date"] { 
	border: none;
}
.fieldbox .userfield textarea {
	width: 99%;
	border: none;
	background-color:#eaeaea;
}
.fieldbox .userfield ::-webkit-input-placeholder {
   color: #666;
}
.fieldbox .userfield :-moz-placeholder {
   color: #666; 
}
.fieldbox .userfield ::-moz-placeholder {
   color: #666;  
}
.fieldbox .userfield :-ms-input-placeholder {
   color: #666;
}

.buttonsdiv { 
	margin: 20px 0 20px 0;
	width: 100%;
	padding-left: 0;
}
.buttonsdiv input {
	margin-right: 10px;
}
input[type="checkbox"] {
	margin-right: 0.5em;	
}
select { 
	width: 100%;
}

/* ---------------------------------- TABLETS and upwards ----------------------------------*/

@media screen and (min-width: 28.75em) {

	body {
		margin: 0;
	}


/* ////////////////////////// SITE LINKS ///////////////////////// */

	#sitelinks {
		font-size: 0.85em;
	}


}