﻿/*** General Styles ***/
html, body{font-family:Myriad Pro, Arial, Helvetica, sans-serif; font-size:14px; color:#343434; background:url(/wp-content/images/bg.jpg) repeat-x #86170E;}
h1, .ContentTitle{font-size:24px; color:#961910}
h2{font-size:20px}
h3{font-size:18px}
h1, h2, h3, p{margin:10px 0;}
h1, h2, h3{font-family:"Times New Roman", Times, serif;}
strong{font-weight:700}
a{color:#fff; text-decoration:none}
a:hover{text-decoration:underline}
ul{margin:15px 0 15px 20px;}
ul li{list-style:inside; line-height:18px}
p{line-height:17px}
p.italic{font-style:italic}
.last{border:none !important}
#Content a{color:#c1262c}

/*** Header ***/
#HeaderContainer{width:100%; background:#a61d12; padding:7px 0 1px 0}
#Header{width:930px; margin:0 auto; color:#fff}
#Header img{margin-top:15px; float:left; }
#TopLinks{float:right;}
#AdjustSize{float:right; clear:both; color:#323232; *margin-top:0;}
#AdjustSize span{color:#323232; float:left; margin-top:5px}
#AdjustSize .Size{padding:5px 9px; margin:0 5px; vertical-align:middle; background:#626262; height:15px; color:#fff}
#AdjustSize .Size:hover{background:#323232; cursor:pointer;}
#AdjustSize .SizeMed{font-size:17px; padding:4px 9px; height:17px}
#AdjustSize .SizeLg{font-size:20px; padding:2px 9px; height:21px}

.NavWrapper { width: 100%; text-align: center; margin: auto; background:#626262; margin-bottom: 5px; }
/*** Nav ***/
#NavContainer{z-index: 200; width:910px; margin:10px auto 0;}
#NavContainer table { background:#626262; margin:0; width:100%; margin:0 auto; clear: both;-webkit-border-radius:15px 15px 0px 0px; -moz-border-radius:15px 15px 0px 0px; border-radius: 15px 15px 0px 0px; behavior:url(/include/css/PIE.htc) }
#NavContainer table a {color:#FFF; padding:12px 5px; display:block; font-size:16px; text-decoration:none; text-align: center;}
#NavContainer table tr td {list-style:none; text-align: center; border-left:1px groove #323232; position: relative;}
#NavContainer table tr td:first-child {border-left:0px none #626262;}
#NavContainer table tr td table { display:none; position:absolute; width:inherit; margin:0; z-index:100; width:auto;}
#NavContainer table tr td table tr td{ background:#323232;  margin: 0px;}
#NavContainer table tr td:hover table tr td a,
#NavContainer table tr td table tr td a{width:205px; border:none; color:#FFF; font-size:14px; padding:15px 15px; text-align: left; display:block;border-bottom:1px solid #646464;}
#NavContainer table tr td:hover { background:#323232; color:#c2272d; }
#NavContainer table tr td:hover table {display:block;}
#NavContainer table tr td:hover a {text-decoration:ec746b;  color:#FFF;}
#NavContainer table tr td table tr td a:hover{color:#EC746B;}
/*#NavContainer table tr td  a.first,*/
/*#NavContainer table tr td  a:hover.first{-moz-border-radius-topleft: 15px; -webkit-border-radius: 15px 0px 0px 0px;}*/
/*#NavContainer table tr td  a.last,*/
/*#NavContainer table tr td  a:hover.last{-moz-border-radius-topright: 15px; -webkit-border-radius: 0px 15px 0px 0px;}*/

/*** New Nav using UL ***/
#NavContainer {text-align:left;}
#NavContainer ul {margin:0 auto; width:inherit; clear:both; display:table-cell;}
#NavContainer ul li { display:table-cell; position:relative; font-size:16px; padding: 12px 18px; text-align:center; border-left:1px groove #323232;}
#NavContainer ul li:first-child { border-left:0px none;}
#NavContainer ul li a {color:#FFF;}
#NavContainer ul li:hover {background:#323232; }
#NavContainer ul li:hover a {text-decoration:none; color:#fff;}
#NavContainer ul li:hover ul li a {color: #fff; font-size:14px;}
#NavContainer ul li ul {display:none; position:absolute; left:0px; width:255px; margin:0; z-index:100; margin:0px; margin-top:11px; background: #323232;}
#NavContainer ul li ul li {display:block; text-align:left; border:none; border-bottom:1px solid #646464; padding: 6px 26px;}
#NavContainer ul li ul li a:hover {color: #EC746B;}
#NavContainer ul li:hover ul {display:block;}

#HamburgerMenu {text-align:left;}
#HamburgerMenu ul {list-style-type:none; width:100%;}

/*** Content ***/
#Content{width:910px; margin:0 auto; background:url(../images/content-bg.png) repeat-y transparent; padding:0 40px}
#Content #Info{float:left; width:330px; margin-left:10px}
#Content #Info div{border-bottom:1px dotted}
#Content #Info p{width:300px; float:left; margin-top:0}
#Slideshow{float:left; -webkit-box-shadow: 0px 0px 8px 1px #333333; -moz-box-shadow:0px 0px 8px 1px #333333; box-shadow:0px 0px 8px 1px #333333; margin:15px 0 0 15px; width:547px; height:271px;}
#Slideshow .image{width:537px; height:263px; border:4px solid #fff; position:absolute;}
.raquo{border:none !important; float:right; font-size:40px; margin-top:10px}
.raquo.selected{color:#86170E}

.Section{margin-bottom:10px}
#Form, #News, #Testimonial{float:left;}
#Form{padding:0 5px; width:280px;}
#FormInner{padding:5px 20px 5px 10px}
#Form input, #Form select {margin:5px 0}
#Form input[type=submit]{color:#fff; background:#af1e13; font-size:19px; font-family:Myriad Pro, Arial, Helvetica, sans-serif; border:1px solid #75140c; float:right}
#News{width:340px; margin:0 10px}
#News .story{margin:10px 0}
#News p{margin:5px 0}
#News a{color:#af1e13; text-decoration:underline}
#Testimonial{width:255px}
#Testimonial .border, #Form .border {padding:6px; border:1px solid #DDD}
#Testimonial .TestimonialInner{padding:5px;font-family: verdana; font-style: italic;}

#contactTable tr td{padding:5px 0 0 20px; vertical-align:top}
#contactTable tr td input{width:340px}
#contactTable tr td select{width:344px}

#contactTable {padding:10px 20px; width:100%;}
#contactTable span {display:block;margin-bottom: 10px;}
#contactTable span input[type=text], #contactTable span select, #contactTable span textarea  {width: 70%; }

/*** LeftColumn ***/
#LeftColumn{float:left; width:550px; margin:20px 0; padding:0 10px}
.PageContent{padding:10px 20px}
#InnerImgWrapper{ padding:6px; margin-bottom: 6px; border:1px solid #DDD; overflow: hidden;}
#InnerImgWrapper img { height: 320px; width: 536px; }

/*** RightColumn ***/
#RightColumn{float:right; padding:10px 0; width:300px}
#RightColumn form input{width:300px}
#RightColumn #Testimonial{padding:0 20px}

/*** PhotoTour ***/
#Lightbox a img{ border: 1px solid #DDD; padding: 6px; margin: 8px; }

/*** Footer ***/
#FooterContainer{width:100%; background:#323232; padding-bottom:10px}
#Footer{color:#FFF; width:930px; margin:0 auto}
#Footer .FooterLinks{float:left}
#Footer .FooterLinks li{list-style:none}
#Footer .FooterLinks li a{color:#fff; text-decoration:none}
#Footer .FooterLinks li a:hover{text-decoration:underline}
#Footer p{float:right; text-align:right; margin-right:10px; line-height:18px}
#Footer p.copyright{font-size:12px; clear:both}

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


.formCaptcha {}
.formCaptcha input { display: inline-block; }
.formCaptcha span { margin: 5px 0px 0px 0px; float: right; }

/***Responsive***/
@media screen and (max-width: 989px)
{
    #Content #Info {width:95%;}
    #Content #Info p {width: 80%;}
    
    #LeftColumn {width:385px;}
    #LeftColumn #InnerImgWrapper img {width:370px; height:auto;}
    #RightColumn {width: 250px;}
    #RightColumn #Testimonial h1 {font-size:20px;}
    
    #Form #FormInner input,  #Form #FormInner select {width: 100% !important;} 
    
    #Footer p 
    {
        width:200px;
        margin-right:20px;
    }
    
    #Footer p.copyright 
    {
        width:90%;
    }
}

@media screen and (max-width: 767px)
{

    
    /*** Menu ***/
    #HamburgerMenu {background:#626262; text-align:left;}
    #HamburgerMenu ul {display:none; background:#626262; position:relative;}
    #HamburgerMenu ul li {display:block; border:none; border-top:1px solid #6666666; }
    #HamburgerMenu ul li a {display: block; color: #fff; font-size:16px; padding: 12px 10px; border-top:1px groove #323232;}
    #HamburgerMenu ul li:hover { }
    #HamburgerMenu ul li a:hover {text-decoration:none; background-color:#323232;}
    #HamburgerMenu ul li ul {position:relative; width:100%; margin:0;}
    #HamburgerMenu ul li ul li {display:block; border:none; }
    #HamburgerMenu ul li ul li a {padding-left:26px; border-top:1px groove #323232;}
    
    /*** Content ***/
    
    /**** Mobi Content ***/
    .Section #Info {display:none;}
    
    #LeftColumn, #RightColumn {width: 580px; margin:0px; padding:10px; float:none;}
    #InnerImgWrapper {width: 536px;}
    #LeftColumn #InnerImgWrapper img {width:auto; height:auto;}
    #RightColumn #Testimonial { padding: 0; margin:0;}
    
    #Footer p {width:90%;}
}

@media screen and (max-width: 639px)
{
     /*** Content ***/
    #LeftColumn, #RightColumn {width: 435px;}
    #InnerImgWrapper {width: 400px}
    #LeftColumn #InnerImgWrapper img {width:400px; height:auto;}
}

@media screen and (max-width: 479px)
{
    /*** Menu ***/
    #HamburgerMenu {width:360px;}
    
    #LeftColumn, #RightColumn {width: 320px; padding:0px;}
    #InnerImgWrapper {width: 95%;}
    #LeftColumn #InnerImgWrapper img {width:300px; height:auto;}
}

@media screen and (max-width: 359px)
{
    #Content {background:none;}
    
    /*** Menu ***/
    #HamburgerMenu {width:320px;}
    
    /*** Content ***/
    .PageContent {padding: 10px 10px;}
    #LeftColumn, #RightColumn {width: 300px; margin:0px;}
    #RightColumn #Testimonial {padding: 0px;}
    #InnerImgWrapper {padding: 0; width: 100%;}
    #InnerImgWrapper img {width: 300px; height: auto;}
}