/*
Theme Name: Starter
Author: Brad Langdon
*/

/* -------------- GLOBAL -------------- */

*{ outline:0; margin: 0; padding: 0; } 

html, body{background: url('images/layout/BG.png') top center no-repeat #fff;
	min-height:100%;
	height:100%;
	width:100%;
	font-family: Veranda, Arial, Helvetica,
	sans-serif;
	font-style: normal; 
	font-size: 89%;
	color: #7E7E7E;
	line-height: 150%;
	font-weight: normal;
	text-decoration: none;
	text-transform:none;
	text-align: center;
}


img { 	border: none; text-align:left; float:left; outline: none; }
a, a:hover, a:visited, a:active { text-decoration: none; outline: none; border: none; }
a{ color: #D8AE96; }
a:hover{  color: #C7895A; }
a:visited{  }
a:active{  }
ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }
li { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }
h1, h2, h3, h4, h5, p{ margin:0 0 .35em 0; padding:0; text-align:left; color: #888888; }
h1{ text-transform: uppercase; color: #444; max-width: 495px; margin:0 0 .7em 0; font-weight: bold; font-size: 1.65em; line-height: 1.35em; }
h2{ color: #444; max-width: 495px; font-weight: bold; font-size: 1.1em; line-height: 1.2em; clear: both; }
h3{ color: #595959; max-width: 495px; font-weight: normal; font-size: 1.1em; line-height: 1.2em; }

p{ font-size: 1em; margin:0 0 1.65em 0; text-align: justify;  }
.small      { font-size: .9em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.red{ color: #AE0011; }
.black{ color: #000; }
.white{ color: #fff; }
.grey{ color: #7f7d7d; }
.firstH      { margin-left:0; padding-left:0; }
.lastH      { margin-right:0; padding-right:0; }
.firstV        { margin-top:0; padding-top:0; }
.lastV     { margin-bottom:0; padding-bottom:0; }
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
strong{ color: #4D4D4D; }
.hidden{ display: none; visibility: hidden; }

.BG05{ background: url(images/layout/BG05.png) top center no-repeat; }
.BG07{ background: url(images/layout/BG07.png) top center no-repeat; }
.BG06{ background: url(images/layout/BG06.png) top center no-repeat; }
.BG04{ background: url(images/layout/BG04.png) top center no-repeat; }
.BG08{ background: url(images/layout/BG08.png) top center no-repeat; }


/* -------------- BASE LEVEL STRUCTURE -------------- */

#wrap{
	background: none; 
	min-height:100%;
	height:auto;
	width:940px;
	margin: 0 auto;
    text-align: center;
	position: relative;
	overflow: hidden;
}

#content{
	/* border-top: 1px solid #e6e6e6; */
	background: none;
    margin: 15px 0 233px 0;
	padding-top: 7px;
	overflow: hidden;
	height:auto;
	width: 940px;
	float: left;
	text-align: left;
}


#finisher{  /*    A div conatining -- <br style="clear:both" /> &nbsp; -- to force #wrap to stretch over inner divs... div #content is floating left */
	    /*    so the div #wrap wont stretch over it completely in ie7, adding a non floating div forceds it to stretch down and contain it. */
	width:940px;
	height:1px;
}

#footer {
	background: none;
    float:left;
	width:100%;
	height: 207px;
	margin:-190px 0 0 0;
	vertical-align: bottom;
	bottom: 0;
	position: relative;
	text-align: center;
}

.leftwide{ width: 576px; float: left; margin-right: 20px; }
.rightwide{ width: 576px; float: right;  margin-left: 20px; }
.leftnarrow{ display: block; width: 320px; float: left; }
.rightnarrow{ display: block; width: 290px; float: right; height: 500px; margin-top: 44px; }
.leftwider{ width: 676px; float: left; margin-right: 20px; }
.rightnarrower{ display: block; width: 214px; float: right; }

.rightnarrow img{ background: #fff; display: block; width: 140px; height: 100px; float: left; margin: 5px 0 0 5px; }

.imgcaption{ padding: 10px; color: #fff; font-weight: bold; font-size: 1em; float: right; text-align: center; width: 265px; background-color: #979797; }
.imgcaptionlight{ color: #848181; font-weight: normal; font-size: .9em; float: right; text-align: left; width: 285px; font-style: italic; margin-top: 10px; }
a.image{ text-indent: -3000px; overflow: hidden; display: block; width: 285px; height: 39px; }
a.image:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }

/* -------------- NAV -------------- */


a.logo{ text-indent: -1000px; overflow: hidden; width:164px; height:110px; display: block; float: left; background: url('images/layout/Logo.png') top left no-repeat; margin: 18px 0 30px 0; }

#nav{
	background: none;
	width:600px;
	display:inline;
	height:50px;
	list-style-image: none;
	list-style-position:inside;
	list-style-type:none;
	margin-top: 88px;
	text-align: right;
	float: right;
	right: 0;
}


#nav li{
	display: inline;
	float: right;
	height:50px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align: right;
	font-weight: normal;
	
}
#nav li:hover{ background: url('images/layout/ArrowNav.png') no-repeat bottom center;  }
#nav li.page-item-18:hover{ background: url('images/layout/ArrowNav.png') no-repeat 43px 45px; } /* As there is nor padding on right BG image cant be centered so needs to be repositioned */

#nav li.page-item-18:hover, #nav li.page-item-16:hover, #nav li.page-item-9:hover, #nav li.page-item-3:hover{ background: none; }


#nav li a, #nav li a:hover {
	display: block;
	text-transform: uppercase;
	height: 50px;
	padding: 0 25px 0 25px;
	text-align: right;
	font-size: .85em;
	color: #7A7F7A;
	line-height: 50px;
	cursor: pointer;
	float: left;
}

#nav li a:hover { color: #D8DAD7; text-decoration: none; }
#nav li.page-item-18 a, #nav li.page-item-18 a:hover{ padding-right: 0; } /* No RH margin for the "Home" link */

#nav li.current_page_item a, #nav li.current_page_ancestor a, #nav li.current_page_cat, #nav li.current_page_parent{ font-weight: bold; color: #2f2f2f; }
/*  fix bug where single blog article page does not activate ancestor tag to bold the nav text */
.blogpage #nav li.page-item-14 a{ font-weight: bold; color: #1a1a1a; }


/* -------------- DROP DOWNS -------------- */


#nav li ul { display: none; width: 940px; height: 33px; z-index: 998; position: absolute; margin-top: 50px; left: 0; text-align: center; }
#nav li:hover ul { background:#c8c8c8;  display:block; text-align: center; cursor: pointer;
filter:alpha(opacity=47);
	-moz-opacity:0.47;
	-khtml-opacity: 0.47;
	opacity: 0.47; }
#nav li:hover ul li { text-align: center; font-weight: bold; height: 33px; background: none; cursor: pointer; }
#nav li:hover ul li:hover{ font-weight: bold; background:#aeaeae; cursor: pointer; }

#nav li:hover ul li:hover{ background: none\9; cursor: pointer; }
#nav li:hover ul li:hover{ *background:#222; cursor: pointer; }


#nav li:hover ul li a{ display: block; line-height: 35px; color: #111; text-align: center; height: auto; padding: 0 40px 0 40px; cursor: pointer; }
#nav li:hover ul li a:hover{ display: block; height: auto; color: #FFF; cursor: pointer; }



/* -------------- FOOTER CONTENT-------------- */

.footerbar{ width: 940px; height: 35px; background: #121212; margin: 20px auto 0 auto; }
.footerbar p{ font-size: .8em; text-transform: uppercase; font-weight: bold; text-align: left; color: #fff; line-height: 35px; margin-left: 16px; margin-bottom: 0;}
.footercontent{ width: 940px; height: 131px; margin: 20px auto 0 auto; text-align: left; }

.footercontent ul.footer{
	text-transform: uppercase;
	font-size: .8em;
	border-left: 1px solid #ebebeb;
	width:160px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align: left;
	float: left;
}


.footercontent ul.footer li{
	color: #808080;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-weight: normal;
	margin-left: 22px;
}


.footerbar a{ color: #fff; }
.footerbar a:hover{ color: #D8AE96; text-decoration: none; }
.footercontent ul.footer li a{ color: #808080; }
.footercontent ul.footer li a:hover{ font-weight: bold; color: #717171; }
ul.footer li.current_page_item a, ul.footer li.current_page_ancestor a, ul.footer li.current_page_cat, ul.footer li.current_page_parent{ font-weight: bold; color: #313131; }




/* -------------- CONTENT PAGES -------------- */

.content ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }
.content ul li { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 0 14px 32px; padding:0; text-align: justify; }
.content h2{ margin: 3em 0 1em 0; padding-bottom: .5em; max-width: 100%; font-size: 1.3em; }
.content h4{ background: #e0eaee; margin: 0 0 .1em 0; padding: .8em; max-width: 100%; font-size: 1em; display: block; font-weight: normal; color: #325663; }
.content h5{ background: url(images/layout/Plus.png) 13px center no-repeat #d8f0f8; margin: 0 0 1.1em 0; padding: .8em .8em .8em 2.5em; max-width: 100%; font-size: 1.1em; display: block; font-weight: bold; color: #325663; }

a.seemap{ display: block; background: url(images/layout/SeeMap.png) top left no-repeat; width: 170px; height: 24px; float: left; margin: 1.6em 0 1em 0; clear: both; }
a.seemap:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }



/* -------------- HOME PAGE -------------- */

#gallery{ width: 646px; height: 416px; float: left; background: #f7f7f7; margin-right: 20px; }
a.feature{ display: block; width: 274px; height: 198px; float: left; margin: 0 0 20px 0; cursor: : pointer; }
a.feature:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
div.wideheader{ width: 940px; height: auto; border-bottom: 1px solid #ebebeb; float: left; padding: 25px 0 0 0; margin-bottom: 20px; }

.leftcol{ width: 646px; float: left; }
.leftcol p{ max-width: 620px; }
#testimonial{ background: url('images/layout/Quote.png') center no-repeat; border-left: 1px solid #DDDDDD; padding: 45px 45px 10px 45px; width: 180px;  float: right; right: 0; color:#989E9C; text-align: center; font-family: serif; font-style: italic; font-size: 1.35em; line-height: 1.4em; font-weight: bold\9; }


/* -------------- SINGLE LOCATION PAGE -------------- */

ul.location-info{ text-align: left; border-top: 1px dashed #e6e6e6; border-bottom: 1px dashed #e6e6e6; margin: 20px 0 20px 0; padding: 16px 0 16px 0; overflow: hidden;}
ul.location-info li{ display: inline; float: left; line-height:20px; list-style-image:none; list-style-position:outside; list-style-type:none; text-align: left; font-weight: normal; }
ul.location-info li.left{ width: 250px; clear: both; color: #888888;  }
ul.location-info li.right{ width: 69px; float: right; color: #4D4D4D; font-weight: bold; clear: right; }


a.prev, a.next, a.list{ text-indent: -500px; font-size: 0.05em; overflow: hidden; }
a.prev{ background: url('images/layout/Prev.png') top left no-repeat; width: 125px; height: 31px; float: left; display: block; cursor: pointer; }
a.next{ background: url('images/layout/Next.png') top left no-repeat; width: 125px; height: 31px; float: left; display: block; cursor: pointer; }
a.list{ background: url('images/layout/List.png') top left no-repeat; width: 285px; height: 31px; float: left; display: block; cursor: pointer; }

a.prev:hover{ background: url('images/layout/PrevOver.png') }
a.next:hover{ background: url('images/layout/NextOver.png') }
a.list:hover{ background: url('images/layout/ListOver.png') }

/* -------------- LOCATION LIST PAGE -------------- */

ul.location-list, ul.location-list:hover{ text-align: left; margin:0; padding: 16px; overflow: hidden; text-decoration: none; }
ul.location-list li{ color: #888888; display: inline; float: left; line-height:18px; list-style-image:none; list-style-position:outside; list-style-type:none; text-align: left; font-weight: normal; margin: 0 25px 0 0; padding: 0; cursor: pointer; }
ul.location-list a, ul.location-list a:hover{ text-decoration: none; }
ul.location-list li.wide{ width: 153px; }
ul.location-list li.narrow{ width: 107px; margin: 0 50px 0 0; }
ul.location-list li.supernarrow{ width: 40px; text-align: center; }
ul.location-list.orig{ background: #F5F4F7; }
ul.location-list.alt{ background: #FFF; }
ul.location-list:hover{ background: #A9AAAE; }
ul.location-list:hover li{ color: #fff; text-decoration: none; }
ul.location-list.header li{ text-transform: uppercase; margin-bottom: 8px; }
ul.location-list.header:hover{ background: none; }


/* -------------- SIDEBAR IMAGES -------------- */

.sidebarimage{ width: 128px; height: 128px; float: right; margin:0 0 32px 12px; }



div.galleria-image img{ filter:alpha(opacity=40)\9; }
div.galleria-image img:hover{ filter:alpha(opacity=100)\9; }

div.galleria-image img{ *filter:alpha(opacity=100)\9; }






/* -------------- BLOG PAGE -------------- */
.blog{ float: left; width: 926px; padding: 14px 0 14px 14px; }
.blog.alt{ background:#dfdfdf; }
.blog h1{ margin-bottom: .2em; }
.blog h1 a{ color: #3C3D3E; }
.blog h1 a:hover{ color: #E8CA94; text-decoration: none; }
.blog p{ text-align: left; float: left; width: 400px; margin:0 0 1em; }
.blog p.date{ margin-bottom: 0; font-style: italic; width: auto; clear: both;  }
.image-preview{ width: 188px; height: 188px; padding: 0 25px 0 0; overflow: hidden; float: left; }
.image-preview a{ width: 188px; height: 188px; display: block; overflow: hidden; }
.image-preview img{ height: 100%; top:0; left: 0; }
.image-preview img:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
a.readmore{ display: block; background: url(images/layout/ReadMore.png) top left no-repeat; width: 170px; height: 24px; float: left; margin-top: .5em; clear: both; }
a.readmore:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }


/* -------------- BLOG ARTICLE PAGE -------------- */

.single h1{ margin-bottom: .8em; }
.single p.date{ margin-bottom: 0; font-style: italic; clear: both; }
.single p{ width: 100%; clear: right; }
a.backtoblog{ display: block; background: url(images/layout/BackToBlog.png) top left no-repeat; width: 170px; height: 24px; float: left; margin-top: .5em; }
a.backtoblog:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }
.single img{ margin: 0 20px 10px 0; padding:4px; border:1px solid #dedede; text-align: left; }





/* --------------  FORMS  -------------- */

#si_contact_message1, #si_contact_name1, #si_contact_subject1, #si_contact_email1, #si_contact_ex_field1_3, #si_contact_ex_field1_1, #si_contact_ex_field1_4, #si_contact_ex_field1_5, #si_contact_ex_field1_2, #si_contact_ex_field1_6{ width: 248px; height:200px; border: 1px solid #CFCFCF; font-family: Veranda, Arial, sans-serif; font-size: .9em; }

#si_contact_message1:focus, #si_contact_name1:focus, #si_contact_subject1:focus, #si_contact_email1:focus, #si_contact_ex_field1_2:focus{ background: #F2EEEB; }

#si_contact_name1, #si_contact_subject1, #si_contact_email1, #si_contact_ex_field1_3, #si_contact_ex_field1_1, #si_contact_ex_field1_4, #si_contact_ex_field1_5, #si_contact_ex_field1_2{ height: 25px; line-height: 28px; }

#si_contact_ex_field1_2{ width: 248px; }


input[type=submit]{ color: #f5ac79; }
input[type=submit]:hover{ filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }




/* --------------  LINKS PAGE  -------------- */

.links p{ margin-bottom: 1em; }
.links h2{ margin: 3.1em 0 1em 0; }









/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}










.galleria{ list-style:none; width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block; width:750px; height:60px; background: #000; z-index:999; padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
                                            
                                            .caption{ background: none; color:#fff; display:block; width:860px; height:26px;  z-index:999;
                                            position: absolute; margin:288px 0 0 0; opacity:.40; filter: alpha(opacity=4); -moz-opacity: .40;
                                            padding:12px 8px 4px 8px; text-align:center; display: none; }
	.gallery{position:relative;margin:0 auto;}
	.gallery_demo{width:750px;margin:0 auto;}
	.gallery_demo li{width:38.8px;height:38.8px; margin: 0 8px 8px 0; display: block; overflow: hidden; border: 1px solid #a4a098; float: left;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
        .gallery ul.gallery_demo_unstyled{ display: block; margin:0; padding:0 0 0 11px; float:left; width: 880px;}
	#main_image{margin:10px auto 9px auto; height:330px; width:876px; background:black; border: 1px solid #000; overflow: hidden;}
	#main_image img{margin-bottom:10px;}
	
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}