/* reset browser styles */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body {width:100%; display: table }


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

ol { padding-left: 1.4em; list-style: decimal;}
ul {padding-left: 1.4em; list-style:square;}

table {border-collapse: collapse; border-spacing: 0;} 

/* end reset browser styles */


body { font: 11pt/22px Arial, Helvetica, sans-serif; color: #2f2e2e; background: #e5e5e5; }


/*-----------------------------------------------------------Template-Elements-------------------------------------------------------------------------------------------------------------------------------*/


header {margin: 0 auto; width:1024px; height:150px;}
header section.one {
	float: left;
	width: 1020px;
	padding-top: 20px
}
header section.two {float:right; text-align:right; padding-top:23px}
header section.two img {display:inline}

#white {margin: 0 auto; width:100%; height:5px; background:#fff;}
#grey  {margin: 0 auto; width:100%; height:3px; background:#707070;}

nav {margin:0 auto; width:100%; background:#4d5663; height:55px; text-align:center}

article {
	width: 1040px;
	overflow: auto;
	min-height: 300px;
	padding-bottom: 70px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#member {margin: 0 auto; width:100%; height:220px; background:#fff; text-align:center; padding-top:20px;}

footer {margin:0 auto; width:100%; background:#707070; height:260px;}
footer .content {margin:0 auto; width:1024px; color: #e5e5e5; font: 10.5pt/23px "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; padding-top:40px;}
footer a {color: #e5e5e5}
footer a:visited {color:#e5e5e5}
footer a:hover {color:#e5e5e5}


/*-----------------------------------------------------------Flash-Index-Elements-------------------------------------------------------------------------------------------------------------------------------*/
#bg_containers {width:100%; margin:auto;}
#bg_containers div {width:100%; height:550px; margin:auto;}
#bg_containers .bg1 {
	background-image: url(../slides/1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#bg_containers .bg2 {background:url(../slides/2.jpg) no-repeat center top; }
#bg_containers .bg3 {background:url(../slides/3.jpg) no-repeat center top; }
#bg_containers .bg4 {background:url(../slides/4.jpg) no-repeat center top; }

#bg_containers_nav {position:relative;width:1050px; margin:auto; z-index:999; padding:0; padding-top: 205px; text-align:center}

.index {min-height:200px; padding-bottom:20px}

.index section.one {float:left; width:260px; text-align:center}
.index section.two {float:left; width:260px; text-align:center}
.index section.three {float:left; width:260px; text-align:center}
.index section.four {
	float: left;
	width: 260px;
	text-align: center;
}

.index a {font-size:11pt; background: #7a818a; padding:10px; text-transform:uppercase; color: #fff; text-decoration:none}
.index a:active { background: yellow; color: #fff;}
.index a:visited { background: #7a818a; color: #fff;}
.index a:hover { background: #0e479a; color: #fff; text-decoration:none}

#appointment {margin:0 auto; width:100%; position:absolute;  z-index:9999; margin-top:142px}
#appointment p {position:relative; width:315px; margin:0 auto}

.brands {width: 1060px; height: 150px; margin:-25px auto 0 auto;}



/*-----------------------------------------------------------Elements-------------------------------------------------------------------------------------------------------------------------------*/

a {	color: #073a84; text-decoration:none}
a:active {color: #073a84; text-decoration:none}   
a:visited {color: #073a84; text-decoration:none}
a:hover {color: #0178b2; text-decoration:underline}

ul {margin-top:20px;}
ul, li {line-height:25px}
img {border-width: 0px; }


h1 { font: normal 21pt "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; color: #0b4599; margin: 30px 0 30px 0}
h2 { font: normal 15pt "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;; color: #0b4599;  margin: 20px 0 10px 0}
h3 { font: bold 12pt "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;; color: #0b4599;  margin: 10px 0 10px 0}

p {margin: 20px 0}

input, textarea { padding: 5px;background: #fff;  color: #333; font: 9pt Arial, Helvetica, sans-serif; border: 1px solid #ccc; 
                  margin-bottom:5px; height:21px; width:320px; resize: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
                  box-shadow: inset 0 1px 8px rgba(0,0,0,0.1); 
                }

.submit { background: #7a818a;	-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
   	 cursor:pointer; width: 85px; height: 30px; border: none; color: #fff; text-transform:uppercase}

.submit:hover {background:#0e479a}


/*-----------------------------------------------------------Classes-------------------------------------------------------------------------------------------------------------------------------*/

.image_border { -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
                background-color: #fff;
                border: 1px solid #ccc;
                padding: 3px;  
                margin: 5px 0 5px 40px;
              }
 
.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }
 
.fade:hover {opacity: 0.6;}

.center {text-align:center}
.right {text-align:right}
.hover img:hover { opacity:0.7 }
.contact {float:left; width:550px; margin-top:0}
.appt {float:right}

.heading {font-size:12pt; font-weight:bold; color:#fff}