@charset "UTF-8";
/* CSS Document */
body{
    margin:0;
    padding:5px 0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    background-image:url(../images/bg-wood.jpg);
}

img{
    border:none;
}

h1{
    font-size:25px;
    color:#5e4714;
    margin:0;
    padding:0;
}

h2{
    font-size:20px;
    font-weight:normal;
    color:#a5aa81;
    margin:10px 0px;
    padding:0;
}

p{
    margin:8px 0px 8px 0px;
    padding:0;
    line-height:16px;
}

a{
    color:#333333;
}

a:hover{
    color:#a2a288;
}

#container{
    width:940px;
    background-color: #FFFFFF;
    padding: 5px;
    margin-top: 30px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

#header{
    position:relative;
    background:url(../images/bg_top.gif) repeat-x top;
    height:70px;
}

#logo{
    position:absolute;
    top:0px;
    left:0px;
}

#top-slogan{
    height:42px;
    text-align:right;
    line-height:40px;
    color:#FFFFFF;
    padding-right:13px;
}

#middle{
    margin:5px 0px;
}

#footer{
    position:relative;
    background:url(../images/bg_footer.gif) repeat-x top;
    padding:3px 10px;
    line-height:30px;
    color:#FFFFFF;
}

#language{
    position:absolute;
    top:5px;
    right:13px;
}


/** Main menu using sucker fish style list menu **/
#mainMenu{
    width:630px;
    float:right;
    font-size:11px;
    margin-top: 0px;
    text-transform:uppercase;
}

#mainMenu ul{
    margin:0;
    padding:0;
    list-style:none;
}

#mainMenu li{
    float:left;
    position:relative;
    display:inline;
    margin:0;
    padding:0;
}

#mainMenu li ul{
    display:none;
    position:absolute;
    top:28px;
    left:0;
}

#mainMenu li ul li{
    width:auto;
    background-color:#CCCCCC;
    width:160px;
    border-bottom:1px solid #FFFFFF;
    clear:both;
}

#mainMenu li:hover ul, #mainMenu li.over ul { display: block; }

#mainMenu li {
    float:left;
    margin:0;
    text-decoration:none;
    display: block;
    color: #036C90;
    white-space:nowrap;
}

#mainMenu li:hover, #mainMenu li.over {
    color: #FFFFFF;
    background-repeat: repeat-x;
}


#mainMenu a{
    padding:8px 7px 8px 7px;
    color:#FFFFFF;
    text-decoration:none;
    display:block;
}

#mainMenu a:hover{
    color:#000000;
}

/* Internal styles */
.webpage-banner{
    margin-bottom:5px;
}

.webpage-detail{
    border:1px solid #a2a288;
    padding:15px;
    color:#333333;
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

#homeintro{
    margin-top:8px;
}

.spacer{
    clear:both;
}

.home-button{
    width:178px;
    height:280px;
    float:left;
    margin-right:10px;
    border:1px solid #E3E3E3;
}

.home-button-inner{
    padding:8px 13px;
    color:#6d6e71;
    font-size:10px;
}

.home-button-last{
    width:177px;
    height:280px;
    float:right;
    border:1px solid #E3E3E3;
}

.home-button :hover, .home-button-last :hover{
    background-color:#ecece7;
    cursor:pointer;
}

.home-button-over{
    background-color:#ecece7;
    cursor:pointer;
}

.home-title{
    font-size:11px;
    font-weight:bold;
    color:#a2a288;
    text-transform:uppercase;
    background:url(../images/btn-arrow.gif) no-repeat left;
    padding-left:10px;
    margin:10px 0px 12px 0px;
}

.fix-image{
    width:151px;
    height:96px;
    overflow:hidden;
}

.back-button{
    padding:3px 0px 10px 0px;
    text-transform:uppercase;
}

.back-button a{
    border:3px double #EAEAEA;
    background-color:#a2a288;
    color:#FFFFFF;
    text-decoration:none;
    padding:2px 10px;
    cursor:pointer;
}

.back-button a:hover{
    color:#FFFFFF;
    border-color:#FFFF00;
    background-color:#a2a288;
}

.topBanner{

}


#contact-button a{
    display:block;
    width:195px;
    height:287px;
    margin-top:8px;
    font-size:24px;
    line-height:40px;
    text-transform:uppercase;
    color:#a2a288;
    text-decoration:none;
    text-align:center;
    vertical-align:middle;
    border:1px solid #a2a288;
}

#contact-button a:hover{
    background-color:#ecece7;
}

#enlarge-image{
    max-width: 700px;
}

* html #enlarge-image{
    width:700px;
}

#overlay {
    display: none;
    z-index: 1;

    -moz-box-shadow: 0 0 90px 5px #000; /* FF3.5 - 3.6 */
    -webkit-box-shadow: 0 0 90px 5px #000; /* Saf3.0+, Chrome */
    box-shadow: 0 0 90px 5px #000; /* Opera 10.5, IE9, FF4+, Chrome 10+ */

}

div.contentWrap {
    height: 619px;
    width: 746px;
    overflow:auto;
    text-align: center;
    background-color: #99ccff; 
}
.overlay a{
    text-decoration:none; 
    font-weight: bold;
}
#brochureLink{
    text-decoration:none; 
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
#brochureLink:hover, .overlay a:hover {
    text-decoration: underline;
}

.overlay .close {
    background-image: url("../images/close.png");
    cursor: pointer;
    height: 35px;
    position: absolute;
    right: -20px;
    top: -20px;
    width: 35px;
}
