@charset "utf-8";
/* CSS Document */

/* 
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:none;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:none;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}

/*
--------------------------------------------------------------*/
body {
	font-size:18px;
	font-family:"bookmania",sans-serif;
	/*font-family:"poetica-std",sans-serif;*/
	font-style:italic;
	font-weight:300;
	line-height:1.65em;
	color:#888888;
	background:url(../images/bg-body.jpg) repeat-x top #FFF;
}


/*
-------------------------------------------------------------*/
.clear {clear:both;}



/*Header
--------------------------------------------------------------*/
header {width:1280px; height:68px; margin:auto; display: none;}

.tab-header {width:310px; right:0px; position:fixed; text-align:right;  margin-top:265px; z-index:5555;}
.tab-header div {padding-bottom:15px; }



.block-logo {width:155px; height:68px; float:left;}
.main-block-1 .block-logo, .breton-stripe-1 .block-logo, .maritime-signalling-flags-1 .block-logo {float:right; padding:25px 25px 0 0; width:155px; height:154px;}

/*Socail*/
.block-socail-top {float:left; width:140px; padding-top:25px; margin-left:30px;}
.block-socail-top ul {display:block; list-style:none;}
.block-socail-top li {float:left; padding:0 10px; height:21px;}

/*Meun*/
.block-menu-top {width:570px; height:68px; margin-left:100px; /*padding-left:80px;*/ padding-left:70px; float:left; background:url(../images/bg-menu-top.png) no-repeat;}
.block-menu-top ul { list-style:none; font-family:"acumin-pro",sans-serif; font-style:normal; font-weight:bolder; font-size:16px;}
.block-menu-top li {}
.block-menu-top li a {display:block; float:left; color:#a2a2a2; text-decoration:none; padding:20px;}
.block-menu-top li a:hover {color:#f05435; text-decoration:none; /*font-style:italic;*/}
.block-menu-top li a.active {color:#f05435; text-decoration:none; font-style:italic;}

/*Language*/
.block-language {width:235px; float:left; padding:20px 0;}
.block-language ul {list-style:none; text-align:right;}
.block-language li {display:inline; padding:0 5px;}
.block-language li a:hover {opacity:0.5;}


/*Footer 
--------------------------------------------------------------*/
footer { display: none; width:100%; min-width:1280px; height:200px; background:url(../images/bg-footer.png) no-repeat bottom #000; font-family:"acumin-pro",sans-serif; font-size:16px; font-style:normal;}

.main-footer {width:1280px; margin:auto;}

.block-logo-footer {width:232px; padding-top:60px; float:left;}

.block-socail-footer {width:180px; float:left; padding-top:10px;}
.block-socail-footer ul {list-style:none;}
.block-socail-footer li {display:block; padding-top:10px;}
.block-socail-footer li img:hover {opacity:0.8;}
.block-menu-footer {width:670px; float:left; padding-top:15px;}

.group-menu-footer {width:222px; float:left; font-size:13px; font-weight:600; list-style:none;}
.group-menu-footer ul {list-style:none;}
.group-menu-footer li {}
.group-menu-footer li a {display:block; padding-bottom:4px; color:#646464; text-decoration:none;}
.group-menu-footer li a:hover {color:#f05435; text-decoration:none;}

.block-language-footer {width:178px; float:left; padding-left:20px; padding-top:10px; font-size:14px;}
.block-language-footer ul {list-style:none;}
.block-language-footer li {}
.block-language-footer  li a {display:block; padding:3px 0 3px 40px;color:#646464; text-decoration:none;}
.block-language-footer  li a:hover {color:#f05435; text-decoration:none;}

.icon-uk {background:url(../images/en.jpg) no-repeat left ;}
.icon-fr {background:url(../images/fr.jpg) no-repeat left ;}	

/*Container
--------------------------------------------------------------*/
.wapper {width:100%; overflow:hidden;}
.container {width:100%; min-width:1280px; min-height:600px;} 

/*Block 1*/
.main-block-1 { width:100%; min-width:1280px; background:url(../images/top-block-1.jpg) no-repeat center top; height:947px;}


/*Block 2*/
.main-block-2 { padding:110px 0 0 0; width:100%; min-width:1170px; background:url(../images/top-block-2.jpg) no-repeat center top; height:837px; }
.main-block-2 img {opacity:0.8;}
.tiele-our-story { padding:0 30px 0 135px; width:351px; float:left;}
.block-text-our-story { width:1260px; border:2px solid #CCCCCC; padding:20px; float:left; }
.block-text-our-story h2 {color:#000000; font-weight:bold;}
.block-text-our-story p {padding-top:20px; color:#FFFFFF;}

/*Block 3*/
.main-block-3 { padding:195px 0 0 0; width:100%; min-width:1280px; background:url(../images/top-block-3.jpg) no-repeat center top; height:749px;}
.tiele-varsatile {width:444px; float:right; padding-right:150px;}
.block-text-varsatile {background:url(../images/bg-block-3-test.png) repeat-x; height:370px; padding:20px; margin-right:50px; width:560px; float:right; margin-top:20px; color:#000; text-align:center; line-height:2.3em}


/*Title List
--------------------------------------------------------------*/
.title-s-1 {font-size:33px; font-style:normal; font-weight:normal; padding-bottom:20px;}
.title-b-1 {font-size:50px; font-style:normal; font-weight:normal; padding-bottom:30px;}
.title-d-1 {font-size:50px; font-style:normal; font-weight:normal; padding-bottom:10px; color:#000;}
.title-d-2 {font-size:50px; font-style:normal; font-weight:normal; padding-bottom:10px; color:#002d5b;}
.title-d-3 {font-size:50px; font-style:normal; font-weight:normal; padding-bottom:10px; color:#e41e11;}

.list-detail {}
.list-detail ul {list-style:none;}
.list-detail li {display:block; float:left; margin:0 30px 15px 0; width:217px;}
.list-detail li img { width:217px; height:217px;}
.list-detail li p { font-size:20px; text-align:center; height:50px;}
.list-detail li a:hover {opacity:0.5; color:#000;}


/*Breton Dtripe 
--------------------------------------------------------------*/
.breton-stripe-img {padding-left:50px; width:830px; height:940px; float:left;}
.breton-stripe-detail {width:850px; float:left; padding:70px 0 0 0;}
.breton-stripe-detail p {color:#FFF;}


.breton-stripe-1 { width:100%; min-width:1280px; background: url(../images/breton-stripe/breton-stripe-1/breton-stripe-1.jpg) no-repeat center top; height:944px;}
.breton-stripe-1-block-text {width:600px; padding:100px 0 0 50px; color:#000000; line-height:1.5em;}

.breton-stripe-2 { width:100%; min-width:1280px; background: url(../images/breton-stripe/breton-stripe-2/breton-stripe-2.jpg) no-repeat center top; height:947px;}

.breton-stripe-3 { width:100%; min-width:1280px; background: url(../images/breton-stripe/breton-stripe-3/breton-stripe-3.jpg) no-repeat center top; height:947px;}

.breton-stripe-4 { width:100%; min-width:1280px; background: url(../images/breton-stripe/breton-stripe-4/breton-stripe-4.jpg) no-repeat center top; height:947px;}

.breton-stripe-5 { width:100%; min-width:1280px; background: url(../images/breton-stripe/breton-stripe-5/breton-stripe-5.jpg) no-repeat center top; height:947px;}

.breton-stripe-6 { width:100%; min-width:1280px; background: url(../images/breton-stripe/breton-stripe-6/breton-stripe-6.jpg) no-repeat center top; height:948px;}

.breton-stripe-7 { width:100%; min-width:1280px; background: url(../images/breton-stripe/breton-stripe-7/breton-stripe-7.jpg) no-repeat center top; height:947px;}

/*TimeLine 1*/
.tab-side-1 {padding-right:20px; float:right;}
.tab-side-1 ul { list-style:none; text-align:center; }
.tab-side-1 li {width:43px; display: block;}

.tab-1  {width:43px;height:40px; display:block; text-indent:-9999px; }
.tab-side-1 li a.tab-1 {background: rgba(0, 0, 0, 0) url("../images/timeline/b-1.png") repeat scroll 0px 0px;}
.tab-side-1 li a.tab-1:hover {background: rgba(0, 0, 0, 0) url("../images/timeline/b-1.png") repeat scroll -43px 0px;}
.tab-side-1 li a.tab-1.active {background: rgba(0, 0, 0, 0) url("../images/timeline/b-1.png") repeat scroll -43px 0px;}

.tab-2  {width:43px;height:60px; display:block; text-indent:-9999px;}
.tab-side-1 li a.tab-2 {background: rgba(0, 0, 0, 0) url("../images/timeline/b-2.png") repeat scroll 0px 0px;}
.tab-side-1 li a.tab-2:hover {background: rgba(0, 0, 0, 0) url("../images/timeline/b-2.png") repeat scroll -43px 0px;}
.tab-side-1 li a.tab-2.active {background: rgba(0, 0, 0, 0) url("../images/timeline/b-2.png") repeat scroll -43px 0px;}

.tab-3  {width:43px;height:59px; display:block; text-indent:-9999px;}
.tab-side-1 li a.tab-3 {background: rgba(0, 0, 0, 0) url("../images/timeline/b-3.png") repeat scroll 0px 0px;}
.tab-side-1 li a.tab-3:hover {background: rgba(0, 0, 0, 0) url("../images/timeline/b-3.png") repeat scroll -43px 0px;}
.tab-side-1 li a.tab-3.active {background: rgba(0, 0, 0, 0) url("../images/timeline/b-3.png") repeat scroll -43px 0px;}

.tab-4  {width:43px;height:70px; display:block; text-indent:-9999px;}
.tab-side-1 li a.tab-4 {background: rgba(0, 0, 0, 0) url("../images/timeline/b-4.png") repeat scroll 0px 0px;}
.tab-side-1 li a.tab-4:hover {background: rgba(0, 0, 0, 0) url("../images/timeline/b-4.png") repeat scroll -43px 0px;}
.tab-side-1 li a.tab-4.active {background: rgba(0, 0, 0, 0) url("../images/timeline/b-4.png") repeat scroll -43px 0px;}

.tab-5  {width:43px;height:65px; display:block; text-indent:-9999px;}
.tab-side-1 li a.tab-5 {background: rgba(0, 0, 0, 0) url("../images/timeline/b-5.png") repeat scroll 0px 0px;}
.tab-side-1 li a.tab-5:hover {background: rgba(0, 0, 0, 0) url("../images/timeline/b-5.png") repeat scroll -43px 0px;}
.tab-side-1 li a.tab-5.active {background: rgba(0, 0, 0, 0) url("../images/timeline/b-5.png") repeat scroll -43px 0px;}

.tab-6  {width:43px;height:65px; display:block; text-indent:-9999px;}
.tab-side-1 li a.tab-6 {background: rgba(0, 0, 0, 0) url("../images/timeline/b-6.png") repeat scroll 0px 0px;}
.tab-side-1 li a.tab-6:hover {background: rgba(0, 0, 0, 0) url("../images/timeline/b-6.png") repeat scroll -43px 0px;}
.tab-side-1 li a.tab-6.active {background: rgba(0, 0, 0, 0) url("../images/timeline/b-6.png") repeat scroll -43px 0px;}

.tab-7  {width:43px;height:55px; display:block; text-indent:-9999px;}
.tab-side-1 li a.tab-7 {background: rgba(0, 0, 0, 0) url("../images/timeline/b-7.png") repeat scroll 0px 0px;}
.tab-side-1 li a.tab-7:hover {background: rgba(0, 0, 0, 0) url("../images/timeline/b-7.png") repeat scroll -43px 0px;}
.tab-side-1 li a.tab-7.active {background: rgba(0, 0, 0, 0) url("../images/timeline/b-7.png") repeat scroll -43px 0px;}


/*Martitme
--------------------------------------------------------------*/
.maritime-signalling-flags-img {padding-left:50px; width:850px; height:935px; float:left;}
.maritime-signalling-flags-detail {width:850px; float:left; padding:50px 0 0 0;}


.maritime-signalling-flags-1 {width:100%; min-width:1280px; background: url(../images/maritime-signalling-flags/maritime-signalling-flags-1/maritime-signalling-flags-1.jpg) no-repeat left top; height:944px;}
.maritime-signalling-flags-1-block-text  {width:600px; padding:120px 0 0 50px; color:#000000; line-height:1.5em;}


.maritime-signalling-flags-2 {width:100%; min-width:1280px; background: url(../images/maritime-signalling-flags/maritime-signalling-flags-2/maritime-signalling-flags-2.jpg) no-repeat center top; height:940px;}
.icon-six { padding:0 0 0 186px; color:#000; background:url(../images/maritime-signalling-flags/maritime-signalling-flags-2/Voyager_Maritime_signalling_Flags_06.png) no-repeat left; height:67px;}
.icon-six h2 { font-size:50px; font-style:normal; font-weight:normal; padding:0 0 10px 0; margin:0;}
.icon-six p { font-size:30px; font-weight:bold; font-style:normal; padding:0; margin:0;}


.maritime-signalling-flags-3 {width:100%; min-width:1280px; background: url(../images/maritime-signalling-flags/maritime-signalling-flags-3/maritime-signalling-flags-3.jpg) no-repeat center top; height:947px;}
.icon-eight { padding:10px 0 10px 189px; color:#df2029; background: url(../images/maritime-signalling-flags/maritime-signalling-flags-3/Voyager_Maritime_signalling_Flags_26.png) no-repeat left;}
.icon-eight h2 { font-size:50px; font-style:normal; font-weight:normal; padding:0 0 10px 0; margin:0;}
.icon-eight p { font-size:30px; font-weight:bold; font-style:normal; padding:0; margin:0;}

.maritime-signalling-flags-4 {width:100%; min-width:1280px; background: url(../images/maritime-signalling-flags/maritime-signalling-flags-5/maritime-signalling-flags-5.jpg) no-repeat center top; height:940px;}
.icon-bravo { padding:10px 0 10px 110px; color:#df2029; background: url(../images/maritime-signalling-flags/maritime-signalling-flags-4/Voyager_Maritime_signalling_Flags_43.png) no-repeat left;}
.icon-bravo h2 { font-size:50px; font-style:normal; font-weight:normal; padding:0 0 10px 0; margin:0;}
.icon-bravo p { font-size:30px; font-weight:bold; font-style:normal; padding:0; margin:0;}

.maritime-signalling-flags-5 {width:100%; min-width:1280px; background: url(../images/maritime-signalling-flags/maritime-signalling-flags-5/maritime-signalling-flags-5.jpg) no-repeat center top; height:947px;}
.icon-alfa { padding:10px 0 10px 110px; color:#142267; background:url(../images/maritime-signalling-flags/maritime-signalling-flags-5/Voyager_Maritime_signalling_Flags_60.png) no-repeat left;}
.icon-alfa h2 { font-size:50px; font-style:normal; font-weight:normal; padding:0 0 10px 0; margin:0;}
.icon-alfa p { font-size:30px; font-weight:bold; font-style:normal; padding:0; margin:0;}

.maritime-signalling-flags-6 {width:100%; min-width:1280px; background: url(../images/maritime-signalling-flags/maritime-signalling-flags-6/maritime-signalling-flags-6.jpg) no-repeat center top; height:940px;}
.icon-substitute { padding:10px 0 10px 124px; color:#0e1b5a; background: url(../images/maritime-signalling-flags/maritime-signalling-flags-6/Voyager_Maritime_signalling_Flags_78.png) no-repeat left;}
.icon-substitute h2 { font-size:50px; font-style:normal; font-weight:normal; padding:0 0 10px 0; margin:0;}
.icon-substitute p { font-size:30px; font-weight:bold; font-style:normal; padding:0; margin:0;}

.maritime-signalling-flags-7 {width:100%; min-width:1280px; background: url(../images/maritime-signalling-flags/maritime-signalling-flags-7/maritime-signalling-flags-7.jpg) no-repeat center top; height:947px;}
.icon-oscar { padding:10px 0 10px 111px; color:#f0df32; background: url(../images/maritime-signalling-flags/maritime-signalling-flags-7/Voyager_Maritime_signalling_Flags_93.png) no-repeat left;}
.icon-oscar h2 { font-size:50px; font-style:normal; font-weight:normal; padding:0 0 10px 0; margin:0;}
.icon-oscar p { font-size:30px; font-weight:bold; font-style:normal; padding:0; margin:0;}

/*TimeLine2*/
.tab-side-2 {padding-right:20px; float:right;}
.tab-side-2 ul { list-style:none; text-align:center; }
.tab-side-2 li {width:65px; display: block;}

.tab-2-1  {width:65px;height:45px; display:block; text-indent:-9999px; }
.tab-side-2 li a.tab-2-1 {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-1.png") repeat scroll 0px 0px;}
.tab-side-2 li a.tab-2-1:hover {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-1.png") repeat scroll -65px 0px;}
.tab-side-2 li a.tab-2-1.active {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-1.png") repeat scroll -65px 0px;}

.tab-2-2  {width:65px;height:60px; display:block; text-indent:-9999px;}
.tab-side-2 li a.tab-2-2 {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-2.png") repeat scroll 0px 0px;}
.tab-side-2 li a.tab-2-2:hover {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-2.png") repeat scroll -65px 0px;}
.tab-side-2 li a.tab-2-2.active {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-2.png") repeat scroll -65px 0px;}

.tab-2-3  {width:65px;height:60px; display:block; text-indent:-9999px;}
.tab-side-2 li a.tab-2-3 {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-3.png") repeat scroll 0px 0px;}
.tab-side-2 li a.tab-2-3:hover {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-3.png") repeat scroll -65px 0px;}
.tab-side-2 li a.tab-2-3.active {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-3.png") repeat scroll -65px 0px;}

.tab-2-4  {width:65px;height:70px; display:block; text-indent:-9999px;}
.tab-side-2 li a.tab-2-4 {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-4.png") repeat scroll 0px 0px;}
.tab-side-2 li a.tab-2-4:hover {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-4.png") repeat scroll -65px 0px;}
.tab-side-2 li a.tab-2-4.active {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-4.png") repeat scroll -65px 0px;}

.tab-2-5  {width:65px;height:65px; display:block; text-indent:-9999px;}
.tab-side-2 li a.tab-2-5 {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-5.png") repeat scroll 0px 0px;}
.tab-side-2 li a.tab-2-5:hover {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-5.png") repeat scroll -65px 0px;}
.tab-side-2 li a.tab-2-5.active {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-5.png") repeat scroll -65px 0px;}

.tab-2-6  {width:65px;height:64px; display:block; text-indent:-9999px;}
.tab-side-2 li a.tab-2-6 {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-6.png") repeat scroll 0px 0px;}
.tab-side-2 li a.tab-2-6:hover {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-6.png") repeat scroll -65px 0px;}
.tab-side-2 li a.tab-2-6.active {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-6.png") repeat scroll -65px 0px;}

.tab-2-7  {width:65px;height:58px; display:block; text-indent:-9999px;}
.tab-side-2 li a.tab-2-7 {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-7.png") repeat scroll 0px 0px;}
.tab-side-2 li a.tab-2-7:hover {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-7.png") repeat scroll -65px 0px;}
.tab-side-2 li a.tab-2-7.active {background: rgba(0, 0, 0, 0) url("../images/timeline/t2-7.png") repeat scroll -65px 0px;}

/* =MAIN_NAV
-------------------------------------------------------------- */
.main_nav_outside{position:absolute; top:159px; z-index:9999;}
#main_nav{ width:100%; text-align:right; }

.block-mobile-tablet {display:none;}
.block-desktop {display:block;}

/*Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  width: 90%;
  max-width: 768px;
  margin: 2em auto;
  z-index:9999;
}
.cd-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

/* -------------------------------- 

Main components 

-------------------------------- */

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#CCCCCC url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
	border-radius: 10px;
	z-index:9999;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #CCCCCC;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
	z-index:9999;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
	z-index:9999;
  }
}


/*Mobile Menu*/

.menu-moblile {
	display:none;
	z-index:9999;
	
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
	
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

nav {
	height: 40px;
	width: 100%;
	background:none;
	position: absolute;
	border-bottom: 2px solid #363636;
	top:15px;
	font-family:"acumin-pro",sans-serif; 
	font-size:16px;
	font-style:normal;
}
nav ul {
	padding: 0;
	margin: 0 auto;
	width:100%;
	height: 40px;
	padding-top:14px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color:#fff;
	display: inline-block;
	width:100%;
	text-decoration: none;
	line-height: 40px;
	/*text-shadow: 1px 1px 0px #363636;*/
}
nav li a {
	border-right: 1px solid #363636;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {
	background-color:#f3eee9;
	color:#f05435;
}
nav a#pull {
	display: none;
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 800px) {
	nav { 
  		height: auto;
  	}
  	nav ul {
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 100%;
  		float:none;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #363636;
		border-right:none;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 768px) {
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
		
	}
	nav li a {
		border-bottom: 1px solid #363636;
		background:#000;
	}

	nav a#pull {
		display: block;
		background-color:#000;
		width:40px;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url(../images/nav-icon.png) no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		/*right: 15px;*/
		left:10px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #363636;
		background:#000;
	}
}