/******************** COLORS ********************
 * table-border,
 * footer-c             #999ea2     // light gray
 *                      #74777a     // grey
 * text-c               #585a5c     // dark grey
 *                      #434445     // darker grey
 * heading-c            #333334     // almost black
 * important            #a65353
 *
 * link-c               #47a1c4
 * link-visited-c       #4d8093
 * link-hover-c         #073e53
 *
 * logo-c               #0072ce     // do not meant to change, same as logo image
 */

@import url(http://fonts.googleapis.com/css?family=Cinzel:700|Rock+Salt);

*:not(input) { margin: 0; padding: 0; border: 0; outline: 0; }
article, aside, details, footer, header, menu, nav, section { display: block; }

body, html { height: 100%; }

body {
    font-size: 13px;
    line-height: 20px;
    font-family: arial, sans-serif;
    color: /*text-c*/#585a5c;
    background: #edf6ff url(images/body.png) repeat-x 0 0;
    min-width: 956px;
}

h1 {
    font-size: 19px;
    font-weight: bold;
    color: /*heading-c*/#333334;
    margin-top: 20px;
    margin-bottom: 4px;
}
h2 {
    font-size: 19px;
    font-weight: normal;
    color: /*heading-c*/#333334;
    margin-top: 20px;
    margin-bottom: 4px;
}
h3 {
    font-size: 15px;
    font-weight: normal;
    color: /*heading-c*/#333334;
    margin-top: 16px;
    margin-bottom: 4px;
}
h1 a:visited, h2 a:visited, h3 a:visited {
    color: /*link-c*/#47a1c4;
}
h1 a:hover, h2 a:hover, h3 a:hover {
    color: /*link-hover-c*/#073e53;
}
.top-heading {
    margin-top: 0px;
}








a { color: /*link-c*/#47a1c4; text-decoration: underline; cursor: pointer; }
a:visited { color: /*link-visited-c*/#4d8093; text-decoration: underline; cursor: pointer;}
a:hover { color: /*link-hover-c*/#073e53; text-decoration: underline; cursor: pointer;}

.cl { display: block; height: 0; font-size: 0; line-height: 0; clear: both; }
.alignleft { float: left; display: inline; }
.alignright { float: right; display: inline; }

#wrapper { padding-top: 20px; }

.shell { margin: 0 auto; width: 956px; }
.container {
    background: #fff;
    box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.3); -o-box-shadow: 0px 0px 7px rgba(0,0,0,0.3);
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;
}

.header { padding: 32px 32px 28px 32px; height: 135px;}

#logo {
    height: 98px;
    margin: 0;
    padding: 0;
}
#logo a {
    font-family: 'Cinzel', serif;
    color: #333334;
    font-size: 40px;
    line-height: 45px;
    text-decoration: none;
}
#logo-img {
    display: inline-block;
    position: absolute;
    background: url(images/logo.png) no-repeat;
    width: 113px;
    height: 135px;
}
#logo-text {
    display: inline-block;
    margin-left: 130px;
}
#logo-signature {
    font-family: 'Rock Salt', cursive;
    color: #0072ce;
    font-size: 20px;
    margin-left: 80px;
}
#dot {
    position: relative;
    left: 0.40em;
}

#navigation { height: 35px; line-height: 35px; float: right; position: relative; z-index: 20; }
#navigation ul { list-style: none; list-style-position: outside; font-size: 13px; text-shadow: rgba(255,255,255,0.5) 0px 1px 1px; }
#navigation ul li { float: left; position: relative; padding-right: 2px; background: url(images/navigation-border.png) no-repeat right 0; }
#navigation ul > li.last { background: transparent; width: auto; float: left; padding-right: 0; }
#navigation ul > li.last a { border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; -o-border-radius: 0px 5px 5px 0px; border-right: 1px solid #d7e1e8 !important; }
#navigation ul > li.first a { border-radius: 5px 0px 0px 5px ; -moz-border-radius: 5px 0px 0px 5px ; -webkit-border-radius: 5px 0px 0px 5px ; -o-border-radius: 5px 0px 0px 5px; border-left: 1px solid #d7e1e8 !important; }
#navigation ul li a { color: /*text-c*/#585a5c; font-weight: bold; text-decoration: none; float: left; padding: 0 18px; border: 1px solid #d7e1e8; border-left: 0; border-right: 0; background: url(images/navigation.png) repeat 0 0; }
#navigation > ul > li a:hover,
#navigation > ul > li.active a { color: /*link-c*/#47a1c4; text-decoration: none; background: url(images/navigation-a.png) repeat 0 0; }
#navigation ul li a span { background: url(images/navigation-arr.png) no-repeat right 0; width: 10px; height: 6px; float: right; padding-left: 3px; margin-top: 14px; }
#navigation ul li ul { display: none; float: none; line-height: 28px;  position: absolute; top: 35px; left: 0; width: 100%; background: #e1efff; border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; }
#navigation ul li:hover ul { display: block; }
#navigation ul li ul li { display: block; float: none; padding: 0; background: transparent; }
#navigation ul li ul li a { float: none; display: block !important; padding: 0 18px; }
#navigation ul li ul li a:hover { float: none; display: block; background: transparent; background-color: #bdd7f4; }
#navigation ul li.last ul li a { padding: 0 18px !important;  float: none; display: block;  border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;}
#navigation ul li ul li.last { float: none; display: block; }
#navigation ul li ul li.last a { border-radius: 0px 0px  5px 5px; -moz-border-radius: 0px 0px  5px 5px; -webkit-border-radius: 0px 0px  5px 5px; -o-border-radius: 0px 0px  5px 5px; }
#navigation ul li ul li.first a { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;}
#navigation ul li.first ul li a { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px;}

.flexslider { width: 892px; height: 331px; margin: 0 auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; overflow: hidden; }
.flexslider ul { list-style: none; list-style-position: outside; }
.flexslider ul li { width: 892px; height: 331px; float: left; }
.flexslider ul li img { width: 892px; height: 331px; }
.flexslider ul li .slide-cnt { width: 412px; position: absolute; top: 38px; right: 74px; }
.flexslider ul li .slide-cnt h2 { font-size: 42px; font-weight: bold; color: #fff; line-height: 53px;  text-shadow: rgba(0,0,0,0.5) 1px 1px 1px;  padding-bottom: 17px; }
.flexslider ul li .slide-cnt p { color: #1f3e50; line-height: 26px; }
.flexslider ul li  a.slider-btn { position: absolute; bottom: 0; left: 50%; min-width: 176px; height: 34px; margin-left: -88px; background: #fff; border-radius: 4px 4px 0 0;
                                  -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; color: #1e3d51; font-size: 19px; font-weight: bold; text-align: center; line-height: 36px;
}

.flexslider ul li  a.slider-btn:hover { text-decoration: none; color: #3995d6;  }
.flexslider ul li  a.slider-btn span { background: url(images/slider-btn-arr.png) no-repeat 0 9px; padding-left: 15px; }

section { padding: 0 32px 27px; }
.last-section { border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; }
.cols { background: url(images/services.png) repeat-x 0 top; position: relative;}
.cols .col+.col { padding-left: 14px; }
.cols .col a.col-btn { background: url(images/col-btn.png) repeat 0 0; float: left; border: 1px solid #afd1f6; height: 21px; line-height: 21px; text-align: center; padding: 0 15px; color: #324957;
                       border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px;
                       text-shadow: rgba(255,255,255,0.9) 1px 1px 1px;
}
.cols .col a.col-btn:hover { background-position: 0 bottom; text-decoration: none; }

/* english paragraphs
.col p { text-align: justify; margin-bottom: 6px; }
.col ul { margin-bottom: 6px; }
*/
.col p { text-align: justify; text-indent: 2em; }
.col h1 + p, .col h2 + p, .col h3 + p { text-indent: 0px;}
.col ul,
.col ol { padding-left: 2em; }
.col address { font-style: normal; }


.box { background: url(images/box.png) repeat 0 0; position: relative; height: 100%;  }

.cols span.shadow-t, .box span.shadow-t { width: 956px; height: 11px; background: url(images/box-shadow-t.png) no-repeat 0 0; position: absolute; top: 0; left: 0; display: block;}
.cols span.shadow-b, .box span.shadow-b { width: 956px; height: 11px; background: url(images/box-shadow-b.png) no-repeat 0 0; position: absolute; bottom: -4px; left: 0; display: block;}



.entries { padding-top: 24px; }
.entries .entry { background: #fff;  padding: 1px; border: 1px solid #d6dae1; width: 206px; height: 115px; float: left; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
.entries .entry a img { width: 206px; height: 115px; display: block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
.entries .entry + .entry { margin-left: 17px; }
.entries .entry span.shadow { background: url(images/entry-shadow.png) no-repeat 0 0; width: 197px; height: 6px; position: absolute; bottom: -6px; left: 5px; display: block; }

.footer { padding: 8px 0 28px 0;  }
.footer p { font-size: 11px; color: /*footer-c*/#999ea2; }
.footer p a { color: /*footer-c*/#999ea2;; text-decoration: underline; }
.footer p a:hover { color: /*link-hover-c*/#073e53; text-decoration: underline; }






/******************** My style ********************/
div.section,
section { padding: 20px 32px 20px 32px !important;}

/* .cols { background: none; } */
.first-section { background: url(images/first-section-background.png) repeat-x 0 top; }
.last-section { background: url(images/last-section-background.png) repeat-x 0 bottom; }
.last-section.first-section { background: url(images/first-section-background.png) repeat-x 0 top, url(images/last-section-background.png) repeat-x 0 bottom; }
.box { background: url(images/box.png) repeat 0 0; }

.cols .col,
.cols .col.quarter { width: 212px; float: left; }
.cols .col.double { width: 438px; }
.cols .col.triple { width: 664px; }
.cols .col.full { width: 892px; }

#map { width: 664px; height: 332px; }
#map .label, #map .card-body {
    font-family: arial, sans-serif;
    color: black;
    font-size: 13px;
    line-height: 15px;
}

table.timetable, .timetable th, .timetable td { border: 1px solid /*table-border*/#999ea2; }
table.timetable { border-collapse:collapse; margin-left:auto;  margin-right:auto; }
table.timetable th { text-align: left; padding: 0px 7px;}
table.timetable td { text-align: center; min-width: 150px; }
table.timetable caption { color: /*heading-c*/#333334; }

ul.no-bullets { padding-left: 0px !important; }
ul.no-bullets li { list-style-type: none !important; }

.entries .entry a img { height: 115px; width: auto; margin-left:auto;  margin-right:auto; display: block; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }




ul.price-list {
    list-style-type: none;
    padding-left: 1.5em;
}
ul.price-list li {
    padding: 0em 0.5em;
}

ul.price-list li:hover {
    background-color: #F0F0F0;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px;
}

ul.price-list span.term {
    display: block;
    float: left;
    font-weight: bold;
}
ul.price-list span.price {
    display: block;
    float: right;
    font-weight: bold;
}
ul.price-list span.description {
    display: block;
    clear: both;
    padding-left: 20px;
    width: 618px; /* same as .col.triple 664px -2em(26px) -20px */
}

.important-heading,
.important-list li,
.important-table td+td {
    color: /*important*/#a65353
}

.important-table, .important-table input[type=text] {
    width: 100%;
}
.pre-wrap {
    white-space: pre-wrap;
}