/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
}

body {
color: black;
background: white;
}

ol, ul {
list-style: none;
}

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

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

html,body {
width: 100%;
height: 100%;
}


/* Clearfix */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

html.ie6 .clearfix {
height: 1%;
}

html.ie7 .clearfix {
display: inline-block;
}


/*************************************************************** Site Styles */

/* Layout & General */

body {
background-color:#858585;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:0.83em;
}

#inner {
width:960px;
margin-left:auto;
margin-right:auto;
}

/* Header */

#header {
position:relative;
}

#header .logo {
margin:20px 0 0 10px;
}

#header .logo h1 a {
display:block;
width:251px;
height:113px;
background-image:url(/images/ewenweatherspoon.png);
background-repeat:no-repeat;
text-indent:-99999em;
}

#header .nav {
position:absolute;
right:45px;
top:20px;
}

#header .nav ul li a:link,
#header .nav ul li a:visited,
#header .nav ul li a:hover,
#header .nav ul li a:active {
display:block;
padding:2px 10px;
color:#fff;
text-decoration:none;
font-weight:bold;
font-size:0.9em;
}

#header .nav ul li a:hover {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color:#737576;
}

#header .nav ul li.active a {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color:#004FA1;
}

#header .nav ul li {
float:left;
padding-left:20px;
}


/* Nav */

#nav {
float:left;
width:140px;
background-color:#969696;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}


#navlist {
padding:15px 15px 15px 15px;
}

#navlist li {
list-style: none;
}

#navlist li a {
color:#fff;
display:block;
padding:4px 10px;
text-decoration:none;
font-weight:bold;
position: relative;
text-transform:lowercase;
}

#navlist li a:hover {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color:#A0A0A0;
}

#navlist li.active a {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color:#004FA1;
}

#navlisthome {
position: relative;
height: 25px;
margin-top:20px;
padding-left:45px;
}

#navlisthome li {
float: left;
list-style: none;
margin-right:20px;
}

#navlisthome li a {
color:#fff;
padding:4px 10px;
text-decoration:none;
font-weight:bold;
z-index:10;
display: block;
float: left;
height: 25px;
position: relative;
}

#navlisthome li a:hover,
#navlisthome li a:active,
#navlisthome li a:visited {
border: none;
}



/* Main */

#main {
clear:both;
width:950px;
padding:30px 0 30px 10px;
}

#homephotos {
float:right;
width:780px;
height:518px;
overflow:hidden;
margin-right:10px;
margin-bottom:20px;
}

#homephotos div {
width:780px;
height:518px;
}

#copy {
float:right;
width:740px;
padding:20px;
margin:0 10px 15px 0;
background-color:#969696;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

#copy p {
line-height:140%;
font-size:14px;
}

#gallery {
float:right;
width:795px;
}

#main .galleryimg {
width:250px;
height:165px;
float:left;
padding:0 10px 15px 5px;
}

#page {
width:780px;
float:right;
}

#main .pagetop {
height:10px;
background-image:url(/images/pagetop.png);
background-repeat:no-repeat;
}

#main .page {
background-image:url(/images/pagebg.png);
background-repeat:repeat-y;
padding:20px 35px;
}

#main .pagebottom {
height:10px;
background-image:url(/images/pagebottom.png);
background-repeat:no-repeat;
}

#main .page .col1 {
width:430px;
float:left;
}

#main .page p {
font-size:14px;
line-height:150%;
margin-bottom:10px;
}

#main .page .col1 .txt {
width:350px;
border:none;
padding:3px;
}

#main .page .col2 {
width:250px;
float:right;
}

#main .page .col2 .pic {
width:250px;
}

#main .page .col2 .contact p {
font-size:1.3em;
line-height:120%;
}


/* Footer */

#footer {
width:960px;
}

#footer .banner {
width:960px;
background-image:url(/images/footer.png);
background-repeat:no-repeat;
height:43px;
}

#footer .nav {
width:255px;
float:left;
padding-left:45px;
padding-top:10px;
}

#footer .nav ul li {
float:left;
padding-right:20px;
}

#footer .nav ul li a:link,
#footer .nav ul li a:visited,
#footer .nav ul li a:hover,
#footer .nav ul li a:active {
color:#fff;
text-decoration:none;
font-weight:bold;
}

#footer .nav ul li a:hover {
color:#ccc;
}

#footer .credit {
text-align:right;
width:615px;
float:right;
padding-right:45px;
padding-top:10px;
}

#footer .credit p {
font-size:0.8em;
line-height:140%;
}

#footer .credit a:link,
#footer .credit a:visited,
#footer .credit a:hover,
#footer .credit a:active {
color:#fff;
text-decoration:none;
font-weight:bold;
}

#footer .credit a:hover {
color:#ccc;
}


/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}