@import"grid.css";
@import"buttons.css";




/* FONTS
--------------------------------------------- */

@font-face {
    font-family: 'OrbitronLight';
    src: url('orbitron-light-webfont.eot');
    src: url('orbitron-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('orbitron-light-webfont.woff') format('woff'),
         url('orbitron-light-webfont.ttf') format('truetype'),
         url('orbitron-light-webfont.svg#OrbitronLight') format('svg');
    font-weight: normal;
    font-style: normal;

}



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

body { font-family:Arial, Helvetica, sans-serif; background-color:#fff; -webkit-text-size-adjust: 100%; font-size:12px; position: absolute; width: 100%; height: 100%; overflow: auto;}

footer, header, section, figure { display:block; position:relative }

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

html, body, div, h1, h1.fontface, h2, h3, h4,  p, img, header, footer, section,  ul { margin:0; padding:0; border:0; outline:0;}

h1.fontface, h2.fontface, h3.fontface { border:0; outline:0; font-weight:normal;}

#wrapper { width: 100%; height: 100%; overflow: hidden; }
.wrapper{ width:100%; overflow:hidden; position:relative;}

.extra-wrap{overflow:hidden; display:block;}

h1.fontface { font-family: 'OrbitronLight'; font-size: 30px; }
h2.fontface { font-family: 'OrbitronLight'; font-size: 25px; }
h3.fontface { font-family: 'OrbitronLight'; font-size: 15px; }


h1 {font-size: 30px}
h2 {font-size: 24px}
h3 { font-size: 20px;}
h4{ font-size: 16px; }

p {font-size:12px; line-height:16px;}
.bold {font-weight:bold}
.small {font-size:10px; line-height:13px;}

.sup { font-size: 70%; position: relative; bottom: 0.5em; line-height:12px}

ul { font-size:12px; line-height:15px; list-style:none}

.clear{ clear:both}
.inner { width:990px; margin:0 auto 0 auto; position:relative; height:100%; }



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

a, a:hover { cursor: pointer; z-index:1040}
a {text-decoration:none}


/* COLOURS
--------------------------------------------- */

.white{ color:#fff; }
.black{ color:#000; }

.b1 { background:#c4efff}	
.b2 { background:#96e2ff}


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

.extraHeader { width: 100%; height: 19px; background:#272e68 }
.extraHeader .languages { float:right; padding:5px 3px 5px 30px; width:100px; background:#00b9ff }

header { height:189px; z-index:4 }
header .logo { float:left; width:380px; }
header .strap { color:#272e68; float:left; padding-top:15px}
header .warthogs { background: url(../images/warthogs-header.png) no-repeat 0 0; height: 102px; width: 326px; position: absolute; top: 15px; right:15px; }

.englishflag, .frenchflag { position: relative; float:left;  width:30px; height:18px; text-align:left; display: inline; margin: 0; padding: 0; }
.englishflag { background:url(../images/e-flag-hover.png) no-repeat center left;}
.frenchflag { background:url(../images/fr-flag-hover.png) no-repeat center left;}

.englishflag a, .frenchflag a { color: #fff; font-weight:bold;display: block;text-decoration: none; }
.englishflag img, .frenchflag img  { width: 30px; height: 18px; border: 0;}
.englishflag a:hover, .frenchflag a:hover { visibility:visible;}
.englishflag a:hover img, .frenchflag a:hover img { visibility:hidden }



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

/* Global content styles */
section { z-index:1030}
section h1 { color:#272e68; margin-bottom:25px !important}
section li {padding-bottom:10px}
.link { border-left:#272e68 solid 1px; color:#00b9ff; float: right; margin-top: 25px; padding-left: 34px; font-size:12px; font-weight:bold }
#headimg {height:221px}
.main { font-weight:bold; color:#00b9ff;}
.intro {font-size:15px; font-weight:bold; line-height:18px;  margin-bottom:30px; color:#272e68; width:452px; }
.intro-wrapper, .divider  { border-bottom:#272e68 solid 1px; margin-bottom:30px; }
.divider { margin-top:30px; }
.stroke { border:2px solid #fff; background:url(../images/bg-img.png) 0 0 repeat; position:absolute; top:0; left:0; right:0; bottom:0; z-index:3; cursor:pointer;}
.contact ul {font-size:14px; line-height:18px}

/* Home page */
#slide { height:347px; font-weight:bold}
#slide .text { font-size:26px; top:70px; width:288px; position:absolute; left:25px; color:#FFF; z-index:1030}
#home .box { height:75px}

/* Gallery*/
.gallery  { width:100%; clear:both; margin-top:20px; overflow:auto}
.gallery .pics { margin-right:11px; float:left; width:98px; height:70px; position:relative; margin-bottom:11px; margin-left:0 !important}
.gallery .last {  margin-right:0 !important}

/* News */
#news { height:450px;}
#news p { margin-bottom:10px}
#news li { padding:10px 0 0 5px}
#news .title h3 { float:left; margin-right:0; margin-bottom:10px; padding-right:0; color:#272e68;}
#news h4 { float:right; border-left:#272e68 solid 1px; margin-left: 27px; padding-left: 34px; }
#news a { font-weight:bold; color:#00b9ff;}
#news .gallery  { margin-top:0; }
.descrip { overflow:auto}
.title { overflow: hidden; margin-bottom:15px}


/* Table */
.table { float:left; overflow:auto; margin:15px 0; width:100%}
.table2 { float:left; overflow:auto; margin:0 0 15px; width:100%}
.price-tbl_heading { background:#272e68; color:#FFF; }
.price-tbl_heading, .price-tbl_content { overflow:auto; padding:8px 10px; margin-bottom:2px}
.price-tbcol1, .price-tbcol2, .price-tbcol3, .price-tbcol4, .price-tbcol5, .price-tbcol6 {float:left; display:inline; }
.price-tbcol1 {width:60%; text-align:left;}
.price-tbcol2 {width:40%; text-align:right;}
.price-tbcol3 {width:50%; text-align:left;}
.price-tbcol4 {width:50%; text-align:right;}
.price-tbcol5 {width:70%; text-align:left;}
.price-tbcol6 {width:30%; text-align:right;}



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

footer { position: absolute; width: 100%; z-index: 0; overflow:hidden; display: inline-block; bottom: 0; color:#FFF }
footer .top { background:url(../images/body-img.jpg) no-repeat top center; width: 100%; height:510px}
footer .bottom { background-color:#272e68; overflow:auto}

footer h4{ font-size: 14px; }
footer p { font-size:10px; line-height:12px}

footer .column1, footer .column2 {float:left; height:150px; border-right:#FFF solid 1px; margin:0 40px 30px 0; }
footer .column1 { width:120px; padding-right:40px; }
footer .column2 { width:248px;}
footer .last { border:none; margin:0; padding:0}

footer .googleplus { float:left; width:44px; display: block; }
footer .social-media { float:left; width:30px;}

footer .footer-menu { padding:0; list-style:none; }
footer .footer-menu li{ position: relative; padding:0; margin:0 0 4px 0; line-height:16px;}
footer .footer-menu li a { color: #fff; font-weight:bold}
footer .copy { width: 100%; list-style:none; text-align:left; clear:both;}
footer .copy li { display: inline; position: relative; padding:0 12px 0 0; margin:0 11px 4px 0; border-right:#fff solid 1px; line-height:16px; }
footer .copy li a { color:#FFF; font-weight:bold }
footer .copy li.last  { border:none; padding:0; margin:0 ;}