/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
/*
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}


body {
line-height: 1;
}
*/


ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

body {
background-color: #f8f8f8;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}



#mainContainer {
text-align: center;
background-color: #f8f8f8;
margin-top: 49px;
}

#mainContainer-white {
text-align: center;
background-color: #f8f8f8;
}

#mainContainer-black {
background-color: #1a1a1a;
}

#mainContainer-black-bg {
background: url(../images/blackBg.png);
background-position: center;
background-repeat: repeat-y;
min-width: 960px;
text-align: center;
}

#pre-footer {
background-color: #f8f8f8;
height: 20px;
}
#footer {
background: url(../images/footerBg.png);
height: 100px;
text-align: center;
min-width: 960px;
}



.clear {
clear: both;
}

.zig-zag-w-g {
background: url(../images/zigzag_white_grey.png);
height: 15px;
background-position: top center;
min-width: 960px;
overflow: hidden;
}
.zig-zag-w-g-v2 {
background: url(../images/zigzag_white_grey_v2.png);
height: 15px;
background-position: top center;
min-width: 960px;
overflow: hidden;
}
.zig-zag-g-w {
background: url(../images/zigzag_grey_white.png);
height: 15px;
background-position: top center;
min-width: 960px;
overflow: hidden;
}
.zig-zag-b-w {
background: url(../images/zigzag_black_white.png);
height: 15px;
background-position: top center;
min-width: 960px;
overflow: hidden;
}

/*.AdmiratifTopBg {
text-align: center;
background: url(../images/top_bg_v2.png);
background-position: top;
background-repeat: repeat-x;
}*/
.TableTop {
background-image: url(../images/top_txt_Rivendell_Blood_Guts.jpg);
height: 700px;
min-width: 960px;
background-position: top center;
background-repeat: no-repeat;
}


#AA-phase4 {
background: url(../images/rivendell_blood_guts_3.jpg);
background-position: center;
background-repeat: no-repeat;
}

#AA-phase4 .content {
min-width: 960px;
text-align: left;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
background: url(../images/rivendell_blood_guts_3.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 734px;
}
.txtHTC {
background-position: center;
background-repeat: no-repeat;
height: 234px;
}

#topRight {
float: right;
background: url(../images/top_right_v2.png);
width: 249px;
height: 234px;
text-align: left;
}
#topRight a {
text-align: left;
position: relative;
top: 12px;
left: 120px;
display: block;
width: 120px;
height: 22px;
text-indent: -3300px;
overflow: hidden;
}



#topDesc {
text-align: center;
}
#topDesc .content {
width: 960px;
min-width: 960px;
max-width: 960px;
text-align: left;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
}
#topDesc .content .title {
font-size: 28px;
color: #333333;
font-family: 'Open Sans', sans-serif;
font-weight: 800;
width: 940px;
margin-left: 10px;
}
#topDesc .content .description {
font-size: 14px;
color: #666666;
font-family: 'Open Sans', sans-serif;
margin-top: 20px;
line-height: 24px;
display: block;
/*height: 140px;*/
overflow: hidden;
}
#topDesc .content .description .left-column {
width: 455px;
float: left;
margin-left: 20px;
text-align: left;
}
#topDesc .content .description .right-column {
width: 455px;
float: left;
margin-left: 20px;
text-align: left;
}
#topDesc .content .description .one-column {
width: 960px;
float: left;
margin-left: 20px;
text-align: left;
}

#topDesc .content .description .right-column .black {
color: #000000;
}



#topDesc .content .txt-long {
width: 940px;
height: 30px;
margin-top: 30px;
/*background: url(../images/content_long_journey.png);*/
background-position: center;
background-repeat: no-repeat;
}

#vuelac_brochure {
background: url(../images/vuelac_lutry_brochure.jpg);
background-position: center;
 
}

#vuelac_brochure .content {
min-width: 960px;
text-align: left;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
background: url(../images/vuelac_lutry_brochure.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 775px;
}

#elemdy_3Drenders {
background: url(../images/elemdy_3d-1.jpg);
background-position: center;
 
}

#elemdy_3Drenders .content {
min-width: 960px;
text-align: left;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
background: url(../images/elemdy_3d-1.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 775px;
}

#table_full {
background: url(../images/architect_satergroup.jpg);
background-position: center;
background-repeat: no-repeat;
 
}

#table_full .content {
min-width: 960px;
text-align: left;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
background: url(../images/architect_satergroup.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 973px;
}

#table_full1 {
background: url(../images/rivendell_blood_guts_5.jpg);
background-position: center;
background-repeat: no-repeat;
 
}

#table_full1 .content {
min-width: 960px;
text-align: left;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
background: url(../images/rivendell_blood_guts_5.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 816px;
}

#table_full2 {
background: url(../images/rivendell_blood_guts_2.jpg);
background-position: center;
background-repeat: no-repeat;
 
}

#table_full2 .content {
min-width: 960px;
text-align: left;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
background: url(../images/rivendell_blood_guts_2.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 816px;
}


#table_full3 {
background: url(../images/architect_satergroup-drawing.jpg);
background-position: center;
background-repeat: no-repeat;
 
}

#table_full3 .content {
min-width: 960px;
text-align: left;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
background: url(../images/architect_satergroup-drawing.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 380px;
}


#elemdy_variantes_logo {
background: url(../images/elemdy_iconography.jpg);
background-position: center;
 
}

#elemdy_variantes_logo .content {
min-width: 960px;
text-align: left;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
background: url(../images/elemdy_iconography.jpg);
background-position: top center;
background-repeat: no-repeat;
height: 775px;
}

.phase-title {
padding-top: 10px;
}
.phase-title .subtitle {
min-width: 960px;
text-align: left;
display: block;
margin-right: auto;
margin-left: auto;
}
.phase-title .subtitle h1 {
margin-left: auto;
width: 940px;
font-size: 20px;
color: #191919;
font-family: 'Open Sans', sans-serif;
font-weight: 100;
background: url(../images/phase_subtitle_bg.png);
line-height: 30px;
}


.phase-title .subtitle h2 {
margin-left: auto;
width: 940px;
font-size: 15px;
color: #191919;
font-family: 'Open Sans', sans-serif;
font-weight: 100;

}


#mainContainer-black .phase-title .subtitle h1 {
background: url(../images/phase_subtitle_bg_black.png);
color: #999999;
}


.page {
margin-top: 45px;
}
.page .content, .page .content2 {
width: 960px;
min-width: 960px;
max-width: 960px;
text-align: left;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
}

.lowHanging {
  margin-top: -20px;
  padding-top: -20px;
}
.page .content .description {
width: 206px;
display: block;
margin-left: 10px;
}

.page .content .description p {
font-size: 12px;
color: #333333;
font-family: 'Open Sans', sans-serif;
font-weight: 200;
margin-top: 10px;
line-height: 20px;
text-align: left !important;
}

.page .content .description .low {
margin-bottom: -10px;
}

#mainContainer-black .page .content .description p {
color: #999999;
}



.page .content2 .description {
margin-left: 10px;
font-size: 12px;
color: #333333;
font-family: 'Open Sans', sans-serif;
font-weight: 200;
margin-top: 10px;
line-height: 19px;
display: block;
overflow: hidden;
}

.page .content2 .description .low {
margin-bottom: -7px;
}

.page .content2 .description .left-column {
width: 460px;
float: left;
text-align: justify;
}
.page .content2 .description .right-column {
width: 460px;
float: left;
margin-left: 20px;
text-align: justify; /*position:relative;
top: -95px;*/
}

.page .content2 .description .fix-top {
top: 0px;
}
.description-phase_03_page_01 {
width: 940px;
padding-bottom: 20px;
background: url(../images/phase_03_page_01_desc_line.png);
background-position: bottom;
background-repeat: repeat-x;
}


.phase-title div {
width: 960px;
min-width: 960px;
max-width: 960px;
text-align: left;
display: block;
margin-right: auto;
margin-left: 90px;
margin-bottom: 0;
}
.phase-1 {
background: url(../images/01_admiratif_title.jpg);
height: 115px;
}
.phase-2 {
background: url(../images/phase_02_title.png);
height: 115px;
}
.phase-3 {
background: url(../images/phase_03_title.png);
height: 115px;
}
.phase-32 {
background: url(../images/phase_032_title.png);
height: 115px;
}
.phase-4 {
background: url(../images/phase_04_title.png);
height: 115px;
}

.phase-title-2 {
background: url(../images/phase_02_title_bg.png);
background-repeat: repeat-x;
min-width: 960px;
}




.page-BrandLogo {
height: 1333px;
background: url(../images/rivendell_blood_guts_1.jpg);
margin-top: 60px;
}
.page-BrandLogo1 {
height: 1800px;
background: url(../images/rivendell_blood_guts_6.jpg);
margin-top: 60px;
}
.page-BrandLogo2 {
height: 1333px;
background: url(../images/rivendell_blood_guts_4.jpg);
margin-top: 60px;
}

.page-BrandLogo3 {
height: 1472px;
background: url(../images/Rivendell_rust_UV_3.jpg);
margin-top: 60px;
}
.page-UX_design {
height: 1807px;
background: url(../images/elemdy_UX_Design.jpg);
margin-top: 60px;
}
.page-PlansVentes {
height: 1000px;
background: url(../images/vuelac_lutry_plan_ventes.jpg);
margin-top: 60px;
}
.page-ResearchSummary p img {
position: relative;
left: -8px;
top: 20px;
}
.page-Stakeholder {
height: 292px;
background: url(../images/phase_02_page_02.png);
margin-top: 0px;
}
.page-Features {
height: 1212px;
background: url(../images/phase_02_page_03.jpg);
}
.page-Wireframes {
height: 1173px;
background: url(../images/phase_02_page_04.jpg);
margin-top: 0px;
background-repeat: no-repeat;
}
.page-Wireframes-vs-Design {
height: 1787px;
background: url(../images/phase_03_page_01.jpg);
margin-top: 20px;
}
.page-Product-page {
height: 1070px;
margin-top: 85px;
}
.page-Smartphones {
height: 1070px;
margin-top: 20px;
}
.page-Interactive {
height: 980px;
background: url(../images/phase_03_page_04.jpg);
margin-top: 20px;
background-repeat: no-repeat;
background-position: top center;
min-width: 960px;
}
.page-Everything {
height: 759px;
background: url(../images/phase_03_page_05.jpg);
margin-top: 0px;
background-repeat: no-repeat;
background-position: top center;
min-width: 960px;
}
.page-Everything-mt {
margin-top: 0px;
}
.page-Htc-desire {
height: 983px;
background: url(../images/phase_03_page_06.jpg);
margin-top: 20px;
background-repeat: no-repeat;
}



.page-Product-page .description,
.page-Smartphones  .description {
float: left;
}
.page-Product-page .description p a,
.page-Smartphones  .description	p a {
display: block;
width: 220px;
height: 54px;
font-size: 16px;
color: #333333;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
overflow: hidden;
text-decoration: none;
background: url(../images/phase_03_page_02_bg.jpg);
background-position: 0px 0px;
}
.page-Product-page .description p a.selected,
.page-Smartphones  .description	p a.selected {
background-position: 0px -54px;
color: #FFFFFF;
}
.page-Product-page .description p a:hover,
.page-Smartphones  .description p a:hover {
color: #FFFFFF;
background-position: 0px -54px;
}
.page-Product-page .description p a span,
.page-Smartphones  .description p a span {
display: block;
margin-left: 20px;
margin-top: 16px;
}
.page-Product-page .versions,
.page-Smartphones  .versions {
display: block;
width: 706px;
height: 1045px;
float: left;
margin-left: 17px;
overflow: hidden;
}
.page-Product-page .versions .items,
.page-Smartphones  .versions .items {
width: 7000px;
height: 1045px;
position: relative;
}
.page-Product-page .versions .items .item,
.page-Smartphones  .versions .items .item {
float: left;
display: none;
position: absolute;
top: 0px;
left: px;
}

#productVersions,
#smartVersions {
cursor: pointer;
}

.arrows {
width: 960px;
margin-right: auto;
margin-left: auto;
text-align: left;
}
.arrows .acontent {
display: block;
width: 706px;
margin-left: 247px;
text-align: center;
}




.buy-now {
display: block;
height: 229px;
background: url(../images/phase_03_buy_now.png);
background-position: center;
background-repeat: no-repeat;
min-width: 960px;
}
.dashed-line {
display: block;
margin-right: auto;
margin-left: auto;
width: 940px;
background: url(../images/phase_03_page_01_desc_line.png);
background-repeat: repeat-x;
background-position: top;
height: 23px;
}


.from-w2b {
margin-top: 20px;
text-align: center;
background: url(../images/phase_03_page_07_bg.png);
background-color: #f8f8f8;
height: 12px;
overflow: hidden;
background-position: bottom;
}
.page-white-to-black {
height: 12px;
background: url(../images/phase_03_page_07.png);
background-repeat: no-repeat;
display: block;
margin-right: auto;
margin-left: auto;
width: 960px;
overflow: hidden;
}


.page-HomePage {
height: 566px;
background: url(../images/phase_032_page_01.png);
margin-top: 20px;
}
.page-Smartphones-product-black {
height: 1224px;
background: url(../images/phase_032_page_02.png);
margin-top: 0px;
background-repeat: no-repeat;
background-position: top center;
min-width: 960px;
}
.page-Smartphones-grid-black {
height: 1390px;
background: url(../images/phase_032_page_03.png);
margin-top: 0px;
background-repeat: no-repeat;
background-position: top center;
min-width: 960px;
}
.page-Smartphones-prod-over {
height: 2188px;
background: url(../images/phase_032_page_04.png);
margin-top: 20px;
}
.page-Smartphones-prod-over-a {
height: 360px;
background: url(../images/phase_032_page_04_a.png);
margin-top: 0px;
background-repeat: no-repeat;
background-position: top center;
min-width: 960px;
}
.page-Smartphones-prod-over-b {
height: 706px;
background: url(../images/phase_032_page_04_b.png);
margin-top: 0px;
}
.page-Smartphones-prod-spec {
height: 1935px;
background: url(../images/phase_032_page_05.png);
margin-top: 0px;
}
.page-Smartphones-prod-spec .icons {
margin-top: 140px;
margin-left: 50px;
display: block;
}

.page-Smartphones-prod-apps {
height: 1296px;
background: url(../images/phase_032_page_06.png);
margin-top: 20px;
}
.page-Smartphones-help-global {
height: 877px;
background: url(../images/phase_032_page_07.png);
margin-top: 20px;
}
.page-Smartphones-help-product {
height: 1683px;
background: url(../images/phase_032_page_08.png);
background-repeat: no-repeat;
background-position: top center;
min-width: 960px;
}
.page-help-faq {
height: 1218px;
background: url(../images/phase_032_page_09.png);
margin-top: 20px;
}
.page-help-product-tr {
height: 1268px;
background: url(../images/phase_032_page_10.png);
background-repeat: no-repeat;
background-position: top center;
min-width: 960px;
}
.page-Investors-Financials {
height: 1630px;
background: url(../images/phase_032_page_11.png);
margin-top: 20px;
}
.page-Investors-Financials-a {
height: 1050px;
background: url(../images/phase_032_page_11_a.png);
margin-top: 7px;
background-repeat: no-repeat;
background-position: top center;
min-width: 960px;
}
.page-contact {
height: 803px;
background: url(../images/phase_032_page_12.png);
margin-top: 0px;
}
.page-contactMT {
margin-top: 15px;
}
.page-contact .icons {
margin-top: 45px;
margin-left: 50px;
display: block;
}
.page-working {
height: 1250px;
background: url(../images/phase_032_page_13.png);
margin-top: 20px;
}
.page-search {
height: 1387px;
background: url(../images/phase_032_page_14.png);
margin-top: 20px;
background-repeat: no-repeat;
}

.page-phase4-01 {
height: 418px;
background: url(../images/phase_04_page_01.jpg);
margin-top: 20px;
}


.page-technicalMT {
margin-top: 20px;
}
.page-technical .description {
float: left;
width: 240px;
}
.page-technical .rest-description {
float: left;
width: 720px;
margin-top: -25px;
}

.page-technical .item-1 {
margin-left: 0px;
background: url(../images/phase_04_page_02-1.png);
}
.page-technical .item-2 {
margin-left: 20px;
background: url(../images/phase_04_page_02-2.png);
}
.page-technical .item-3 {
margin-left: 20px;
background: url(../images/phase_04_page_02-3.png);
}
.page-technical .item-4 {
margin-left: 0px;
background: url(../images/phase_04_page_02-4.png);
}
.page-technical .item-5 {
margin-left: 20px;
background: url(../images/phase_04_page_02-5.png);
}
.page-technical .item-6 {
margin-left: 20px;
background: url(../images/phase_04_page_02-6.png);
}

.page-technical .item {
display: block;
float: left;
width: 220px;
background-repeat: no-repeat;
background-position: center top;
font-size: 12px;
line-height: 18px;
color: #333333;
font-family: 'Open Sans', sans-serif;
}
.page-technical .item strong {
display: block;
margin-top: 170px;
width: 219px;
font-size: 14px;
line-height: 24px;
}
.page-technical .dashed-line {
width: 720px;
margin-top: 30px;
}


/*************************************************/
/* Case Studies
/*************************************************/

#case-studies {
height: 700px;

   /* border-top: 1px dashed #ccc;*/
   /* /background: #ececec url(../img/bg-white.png) no-repeat center 0;*/
}

#case-studies .dashed-line {
width: 940px;
margin-top: 5px;
margin-bottom: 55px;
}

#case-studies .csTitle {
margin-left: 5px;
margin-bottom: 30px;
}

#case-studies > section {
    padding-bottom: 0;
    padding-top: 70px;
}

#case-studies #case-studies-showcase section {
    padding: 5px 0;
}
#case-studies #case-studies-showcase .case {
    width: 280px;
    float: left;
    margin-right: 50px;
}
#case-studies #case-studies-showcase .case:nth-of-type(3) {
    margin: 0;
}
#case-studies #case-studies-showcase .case.last {
    margin: 0;
}
#case-studies #case-studies-showcase .case figure, #case-studies #case-studies-showcase .case figcaption {
    margin: 0px;
}
#case-studies #case-studies-showcase .case a {
    margin: 10px 0 0 0;
    display: block;
    font-family: 'Open Sans', sans-serif;
    color: #1a1a1a;
    font-weight: 800;
    font-size: 20px;
    letter-spacing: -1px;
    cursor: pointer;
    text-decoration: none;
}
#case-studies #case-studies-showcase .case a:hover {
    color: #7db622;
    text-decoration: none;
}
#case-studies #case-studies-showcase .case span {
    color: #999;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-style: italic;
    display: block;
    margin: 4px 0 12px 0;
    line-height: 12px;
}
#case-studies #case-studies-showcase .case p {
    color: #666;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    line-height: 20px;
}

/*************************************************/
/* Footer
/*************************************************/

#footer .content {
display: block;
margin-right: auto;
margin-left: auto;
width: 960px;
text-align: left;
font-size: 12px;
color: #191c1d;
font-family: 'Open Sans', sans-serif;
color: #FFFFFF;
}
#footer .content a {
color: #FFFFFF;
}
/*#footer .content a:hover {
text-decoration: none;
}
*/
#footer .content .img {
display: block;
float: left;
margin-left: 10px;
margin-top: 30px;
}
#footer .content .copy {
display: block;
width: 200px;
float: left;
margin-left: 20px;
margin-top: 47px;
}
#footer .content .share {
display: block;
width: 450px;
float: right;
margin-right: 10px;
margin-top: 47px;
text-align: right;
}
#footer .content .share a {
margin-left: 20px;
text-decoration: none;
}
#footer .content .share a:hover {
text-decoration: underline;
}




a {
color: #333333;
}



.share-component {
position: fixed;
top: 10px;
left: 10px;
width: 144px;
z-index: 10;
text-align: center;
padding: 0px 0;
display: block;
}

.share-component .bg {
position: absolute;
background-color: #000000;
height: 339px;
width: 100%;
top: 0;
left: 0;
z-index: -2;
-moz-opacity: .80;
opacity: .80;
filter: alpha(opacity=80);
  *height: 338px;
}

.share-component .logoLink {
width: 144px;
height: 80px;
display: block;
position: absolute;
top: 20px;
left: 0;
}

.share-component .logoLink-htc {
width: 144px;
height: 45px;
display: block;
position: absolute;
top: 115px;
left: 0;
}

.share-component .logos {
width: 144px;
height: 180px;
background: url(../images/sprites.png) no-repeat;
margin: 0 auto 0px;
}

.share-component .fbshare {
height: 25px;
}

.share-component .fb {
border: none;
overflow: hidden;
width: 144px;
height: 25px;
}



.share-component .visitLiveSite {
margin: 0 auto;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
position: relative;
height: 38px;
}

.share-component .visit-bg {
-moz-opacity: .80;
opacity: .80;
filter: alpha(opacity=80);
background: url(../images/sprites_visit.png);
height: 38px;
width: 100%;
position: absolute;
z-index: -1;
top: 0;
left: 0;
}

.share-component .visitLiveSite p {
width: 100%;
font-size: 12px;
line-height: 38px;
margin: 0px;
padding: 0px;
color: #fff;
text-transform: uppercase;
z-index: 10;
background: url(../images/sprites_visit.png);
}

.share-component .live-site {
text-decoration: none;
}

.share-component a.live-site:hover {
text-decoration: underline;
}

.share-component .share {
margin-top: 20px;
text-align: left;
}


.share-component .plus {
padding-bottom: 12px;
padding-left: 30px;
width: 144px;
}




.share-component .fbshare {
margin-left: 24px;
}

.share-component .twittershare {
margin: 8px 0 0 15px;
}


/**************************************************/
/*  KP Navigation Component
/**************************************************/

   .nav-component ul li.home a,
   .nav-component ul li.launch a,
   .nav-component ul li.twitter a,
   .nav-component ul li.facebook a {
background-image: url(../images/nav-component-sprite.png);
background-repeat: no-repeat;
}

   .nav-component {
height: 50px;
width: 100%;
min-width: 960px;
z-index: 999;
font-size: 14px;
line-height: 14px;
color: #fff;
font-family: 'Open Sans', sans-serif;
text-shadow: 0 1px 0 rgba(0,0,0,1);
display: block;
position: fixed;
left: 0;
top: 0;
background: #202020;
background: -webkit-linear-gradient(bottom, #101010 0%, #202020 100%);
background: -moz-linear-gradient(bottom, #101010 0%, #202020 100%);
background: -o-linear-gradient(bottom, #101010 0%, #202020 100%);
background: -ms-linear-gradient(bottom, #101010 0%, #202020 100%);
background: linear-gradient(bottom, #101010 0%, #202020 100%);
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
-ms-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
-o-box-shadow: 0 2px 0 rgba(0,0,0,0.1);
box-shadow: 0 2px 0 rgba(0,0,0,0.1);
}

   .nav-component ul {
width: 100%;
display: block;
margin: 0 auto;
padding: 0; m
}

   .nav-component ul li {
display: block;
float: right;
border-left: 1px solid #000;
-webkit-box-shadow: inset 1px 0 0 #262626, -1px 0 0 #262626;
-moz-box-shadow: inset 1px 0 0 #262626, -1px 0 0 #262626;
box-shadow: inset 1px 0 0 #262626, -1px 0 0 #262626;
}

       .nav-component ul li:hover {
background-image: -webkit-linear-gradient(bottom, #1c1c1c 0%, #292929 100%);
background-image: -moz-linear-gradient(bottom, #1c1c1c 0%, #292929 100%);
background-image: -o-linear-gradient(bottom, #1c1c1c 0%, #292929 100%);
background-image: -ms-linear-gradient(bottom, #1c1c1c 0%, #292929 100%);
background-image: linear-gradient(bottom, #1c1c1c 0%, #292929 100%);
}

       .nav-component ul li.home {
float: left;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

       .nav-component ul li.title {
float: left;
padding: 19px 0 17px 15px;
margin-top: 0px;
}

           .nav-component ul li.title:hover {
background: none;
}

       .nav-component ul li a {
display: block;
height: 50px;
padding: 0 15px;
color: #fff;
text-decoration: none;
}

           .nav-component ul li.launch a {
font-size: 12px;
line-height: 13px;
font-style: none;
text-decoration: underline;
padding: 18px 20px 17px 57px;
height: 15px;
color: #ccc;
background-position: 8px -476px;
}

               .nav-component ul li.launch a:hover {
background-position: 8px -529px;
}

           .nav-component ul li.home a,
           .nav-component ul li.twitter a,
           .nav-component ul li.facebook a {
padding: 49px 0 0 49px;
overflow: hidden;
height: 1px;
width: 1px;
}

           .nav-component ul li.home a {
background-position: -1px -5px;
}

               .nav-component ul li.home a:hover {
background-position: -1px -57px;
}

               .nav-component ul li.home a:active {
background-position: 0 -110px;
}

           .nav-component ul li.twitter a {
background-position: 0 -321px;
}

               .nav-component ul li.twitter a:hover {
background-position: 0 -371px;
}

               .nav-component ul li.twitter a:active {
background-position: 0 -424px;
}

           .nav-component ul li.facebook a {
background-position: 0 -165px;
}

               .nav-component ul li.facebook a:hover {
background-position: 0 -216px;
}

               .nav-component ul li.facebook a:active {
background-position: 0 -269px;
}