/* 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;
}

html, 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:disc;}

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

/* end reset browser styles */


body { font: 11pt/22px Lato, sans-serif; color: #e5e5e5; background: #fff; }


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

#blue-bar {width:100%; height:10px; background: #102f46}

header {margin: 0 auto; width:1050px; height:135px}
header section.one {float:left; width:400px; padding-top:35px}
header section.two {float:right; text-align:right; color: #5c9fc5; font-size:15pt; line-height:24px; padding-top:28px;}
header section.two img {margin-bottom:10px;}
header section.two span {font-size: 11pt; color: #706b67}


nav {margin:0 auto; width:100%; background: url('images/design/nav.png') repeat-x; height:57px;}
nav .content {width:1080px; margin:0 auto; padding-top:10px}

article {margin: 0 auto; width:100%; overflow:auto; min-height:500px; background:#112f46 url('images/design/article-x.png') repeat-x; padding-bottom:30px;}
article #bg {margin:0 auto; width:100%; background:  url('images/design/article.png') no-repeat center 0px; min-height:500px;}
article #bg .content {margin:0 auto; width:1050px;}

article #bg .content section.one {float:left; width: 600px; padding-top:120px; }
article #bg .content section.two {float:right; padding-top:51px;}

#question-form {background:url('images/design/form-bg.png') no-repeat; width: 348px; height:400px; text-align:center}
#question-form h2 {color:#766d64; padding:45px 0 50px 0}

#contact-info {width:1050px; margin:0 auto; color: #49433e; height:425px; font-size:10.5pt;}
#contact-info section.one {float: left; width:330px; padding-top:15px}
#contact-info section.two {float: left; width:330px; padding-top:15px; margin-left:70px;}
#contact-info section.three {float: right; padding-top:15px; width:260px;}

#contact-info h2 {color:#49433e; padding:10px 0 0 70px; font-size:13pt;}
#contact-info a {color:#49433e;}

footer {margin:0 auto; width:100%; background:#13334a; text-align:center; height:50px; color: #e5e5e5; font-size:10.5pt; padding-top:35px;}
footer a {color: #e5e5e5}
footer a:visited {color:#e5e5e5}
footer a:hover {color:#e5e5e5}


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

article.index {background: #133149 url('images/design/article-index-x.jpg') repeat-x; padding-bottom:0; min-height:827px;}
article #bg.bg-index {background:url('images/design/article-index.jpg') no-repeat center top; min-height:827px;}

#flash {margin:0 auto; width:1050px;}
#flash .appointment {position:absolute; z-index:10000; width:378px; text-align:center; font-size:26pt; color: #fff; line-height:42px; margin-top:100px}

article #bg .content section.two.index {padding-top:0; margin-top:-108px;position:relative}


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

a {	color: #c6e7fa; text-decoration:none}
a:active {color: #c6e7fa; text-decoration:none}   
a:visited {color: #c6e7fa; text-decoration:none}
a:hover {color: #d7ecf8; text-decoration:underline}

.services a {color: #fff}

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

h1 { font: normal 20pt Lato, sans-serif; color: #fff; margin: 0px 0 30px 0; padding-top:30px; border-bottom: 1px groove #fff; padding-bottom:15px;}
h2 { font: normal 15pt Lato, sans-serif; color: #d7ecf8;  padding: 30px 0 10px 0}
h3 { font: 13pt "Trebuchet MS"; color: #fff;  margin: 10px 0 10px 0}

p {margin: 20px 0}

input, textarea { padding: 5px; background: #fff;  color: #766d64; font: 9pt Lato, sans-serif; border: 1px solid #ccc; 
                  margin-bottom:5px; height:22px; width:260px; resize: none; }

.submit { background: #80807f;	-webkit-border-radius: 14px; -moz-border-radius: 14px; -o-border-radius: 14px; border-radius: 14px;
   	 cursor:pointer; width: 90px; height: 30px; border: none; color: #fff; font-size:12pt; margin-top:10px;}

.submit:hover {background:#61615e}

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

.image_border { -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
                border-radius: 2px;
                -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: 2px;  
                margin: 8px 20px 8px 0;
              }
 
.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:200px}
.map {float:left; margin: 20px 0 30px 15px;; border-left:1px solid #999; padding-left:25px; line-height:25px;}

.pdf {font-size:9pt; line-height:18px;}
.pdf img {float: left; margin:5px 20px 0 0}

.direction {margin-top:10px;}