@import "reset.css";

/* /images/ */
/*
 * global styles 
*/

html {

}
#mainbar a {
    color:#23466f;
}
 
.transition, #booking a, #motorFriendly a, #map a, .arrow, #widebar  , #next1, #prev1, #next2, #prev2, .imagesPage img{
                   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   -o-transition: all .25s ease-in-out;
}

.imagesPage:hover img {
    opacity: .7;
}

.imagesPage img:hover {
    opacity:1;
    box-shadow:0px 0px 8px #787878;
}
body {
   
 font-family:georgia;  
    font-size: 13px;
    background:url(/public/images/default/bg.png);
    color: #444949;  
    line-height:1.5

}

#headerWrapperSlider, #footerWrapper {
width: 100%;
min-width: 1020px;
height: 500px;

position: relative;
overflow: hidden; 
top: 0;
}
#header, #footer { 
position: absolute;
top: 0;
left: 50%;
margin-left: -600px;
top: 0;
width: 1200px;
z-index: 100;
}
#footerWrapper, #footer {
    height:84px;
}
#sliderContainer {
width: 1200px;
height: 500px;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}

#menuBar {
background: url(/public/images/default/bgTop.png) repeat-x;
height: 179px;
width: 1200px;
left: 0px;
top: 0px;
position: absolute;
z-index: 7;
}

.wrap { 
    width:1020px;
    margin:0 auto;
}

#logo {
    margin-top:30px;
    height:74px; 
    padding-top:1px;
    cursor:pointer;
    float:left;
    position:relative;
    width:370px;
    background:url(/public/images/default/logo.png) no-repeat top left; 
}

#logo .mainl {
    display:block;
    margin-left:190px;
    padding-top:7px;
    padding-left:20px;
    border-left:1px solid #eae0b1;
    height:53px;
    margin-top:11px;
    color:#fff
}

#logo span {
    padding-bottom:6px;
    font-size:16px;
    display:block
}

.menu {
    float:right;
    margin-top:54px;
    font-size:14px; 
}

    .menu li {
        float:left;
        list-style:none; 
        cursor:pointer;
        position:relative;
padding:10px;
        
        
    }
.menu li a {
    color:#fff; 
}
.menu li:hover {
background: url(/public/images/default/subBar.png) no-repeat top center;
}
.subNav {
    
    position:absolute;
    top:35px;
    left:0px;
    width:190px;
    padding-left:0;
}

.subNav li {
    padding-bottom:5px;
    font-size:12px;
}

.subNav li:hover {
    background:none;
    border:1px solid bottom #fff;
}
.menu li:hover .subNav {
    display:block !important;
}
#wrapper{
    width:1020px;
    margin:0 auto;
    background:#fff;
    box-shadow:0px 0px 3px #c8c8c8;
}

#chooseBar {
    background:url(/public/images/default/subBar.png) no-repeat top center;
    height: 68px;
}

 .left {
    float:left; 
    padding:15px 0 0 20px;
}
.right {
    float:right; width:476px;    padding:15px  20px 0 0 ;
}

.left h2, .right h2 {
    font-size:16px;
    padding-bottom:0;
}
.span2 {
    float:left;
    width:160px;
}

.span2 p {
    font-size:14px;
}
#chooseBar a {
    color:#ebc252;
    text-decoration:none;
}

.vline { 
    border-left:1px solid #a49b6e;
    padding-left:22px;}
    
.mainLeft, .mainRight {
        float:left;
        width:490px;
        margin-left:10px;
        padding-right:10px;
        border-right:1px solid #c8c8c8;
        position:relative;
    }

    #prev1, #prev2 {
        height:26px;
        position:absolute;
        cursor:pointer;
        top:110px;
        left:10px;
        opacity:0;
        width:26px;
        z-index:100;
        background:url(/public/images/default/sliderArr.png) no-repeat top left;
    }
    
        #next1, #next2 {
        height:26px;
        cursor:pointer;
        width:26px;
        position:absolute;        z-index:100;
        top:110px;
        opacity:0;
        right:20px;
        background:url(/public/images/default/sliderArr.png) no-repeat top right;
    }
    
      
    .mainRight {
        float:right;
        border:none;
       margin-left:0;
    }
    .sliderLeft, .sliderRight {
        height:260px;
        margin-bottom:20px;
        width:490px;
        overflow:hidden;
    }
    .goApart {
        position:absolute;top:235px;
        left:148px;
        width:178px;
        height:42px;
        background:url(/public/images/default/bttnGo.png) no-repeat;
        display:block;
        z-index:100;
        color:#fff;
        padding-left:15px;
        text-decoration:none;
        line-height:38px;
    }
    
        

    .content {
        padding-top:15px;
        margin-bottom:30px;
    }
    .contentPage {
        padding:25px 15px; 
    }
    .content p {
        margin-bottom:15px;
    }
    
    .content table , #mainbar table{ 
        background:url(/public/images/default/fillBgR.png) repeat-y;
        margin-bottom:20px;
     }
       
           .content table td, #mainbar table td {
               padding:7px;
               border-bottom:1px dashed #c4c6c8;
           }
#sidebar {
    float:left;
    width:190px;
    padding-top:7px;
}

#sidebar h2 {
    padding-bottom:15px;
    padding-top:0;
}

#chooseBar h2 {
    padding:0;
}
#chooseBar p {
    padding-bottom:3px;
}
.menu1 a {
    color:#23466f;
    text-decoration:none;
}

.menu1 {
    padding:5px 0 5px 10px;
    border-bottom:1px dashed #c4c6c8;
    cursor:pointer;
}

.menu1:hover a {
    color:#2685da;
}

.menuOver1 a {
    color:#2685da !important
}
#mainContent {
    float:right;
    width:780px;
}

#mainbar h1{
    font-size:26px;
    padding-bottom:5px;
    border-bottom:1px solid #c6c6c6;
    margin-bottom:15px;
}


.bottomPic {
    background:url(/public/images/default/bottomPic.png) #355372 no-repeat top left;
    padding-left:770px;
    padding-top:20px;
    padding-right:20px;
    height:130px;
    color:#fff;
}

h2 {
    font-size:16px;
 padding:15px 0 0 0;

}

.mainLeft h2, .mainRight h2 {
}

#quote {
    height:36px;
    font-size:21px;
    margin-bottom:14px; 
    text-align:center;
    background:url(/public/images/default/lineQuote.png) repeat-x center center;
}

#footer {
    height:84px;

     background:url(/public/images/default/footerBg.png) repeat-x center center;


    
}