svn commit: r1787742 [12/49] - in /ofbiz/branches/ofbiz-new-website: ./ bootstrap/ bootstrap/css/ bootstrap/img/ bootstrap/js/ bootstrap/js/with carousel/ css/ documentation/ documentation/assets/ documentation/assets/css/ documentation/assets/css/img/...

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

svn commit: r1787742 [12/49] - in /ofbiz/branches/ofbiz-new-website: ./ bootstrap/ bootstrap/css/ bootstrap/img/ bootstrap/js/ bootstrap/js/with carousel/ css/ documentation/ documentation/assets/ documentation/assets/css/ documentation/assets/css/img/...

Sharan Foga
Added: ofbiz/branches/ofbiz-new-website/css/layout.css
URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/css/layout.css?rev=1787742&view=auto
==============================================================================
--- ofbiz/branches/ofbiz-new-website/css/layout.css (added)
+++ ofbiz/branches/ofbiz-new-website/css/layout.css Mon Mar 20 12:28:40 2017
@@ -0,0 +1,2751 @@
+/*
+    Document   : layout
+    Created on : 3 sept. 2012, 17:56:23
+    Author     : shaylash
+    Description: layout styles
+    
+    */
+
+/* Table of Content
+==================================================
+        
+        #Custom Reset
+        #Typography
+        #Boostrap customization
+        #Site Styles
+        #HomePage Styles
+        #Page Styles
+        #Shortcodes classes
+        #Forms
+        #Sliders Styles
+        #Media Queries
+        */
+
+
+
+
+/* #Custom Reset (on top of normalize in bootstrap)
+================================================== */
+nav ol, ul {list-style: none;  margin:0;}
+
+/* #Typography
+================================================== */
+h1, h2, h3, h4, h5, h6 {
+    margin:0;
+}
+h1 {
+    font-size: 2.5em;
+    line-height: 1.8076923077em;
+    margin-bottom: 0.9615384615384616em;
+    font-weight: 800;
+}
+h2 {
+    font-size: 1.75em;
+    line-height: 1.1em;
+    margin-bottom: 0;
+    font-weight: 300;
+}
+h3 {
+    font-size: 1.25em;
+    line-height: 1.5em;
+    margin-bottom: 0.56em;
+    font-weight:400;
+}
+h4 {
+    font-size: 1.15em;
+    line-height: 1.3677083731em;
+    margin-bottom:1.25;
+    font-weight: 300;
+}
+h5 {
+    font-size: 1em;
+    font-weight: bold;
+    font-size: 1em;
+    line-height: 0.9294872284em;
+}
+h6 {
+    font-size: 1em;
+    font-weight: bold;
+}
+p, ul {
+    margin-top: 0em;
+    margin-bottom: 1.5em;
+}
+strong {
+    font-weight:bold
+}
+small, aside {
+}
+li p {
+    /*line-height: 1.50000em;*/
+}
+a:link, a:visited {
+    text-decoration:none;
+}
+a:hover, a:active {
+    text-decoration:underline;
+}
+body {
+    font-family: 'Open Sans', sans-serif;
+}
+blockquote {
+   /* display:inline-block;*/
+   font-size: 1.75em;
+   line-height: 1.5em;
+   font-weight: 300;
+   margin:0 0 0.25em 0;
+   padding:1em;
+   border:1px solid #ccc;
+   background-color:#EBEBEB;
+   color:#454545;
+   text-align:center;
+
+}
+hr {height:0; padding:0; margin:3em 0 3em 0;}
+/* #Boostrap customization
+================================================== */
+
+.pagination ul {
+ moz-border-radius: 0 !important;
+    -webkit-border-radius: 0 !important;
+    border-radius:0 !important;
+    box-shadow: none !important;
+}
+.pagination ul > li > a {
+    border:none;
+    border-radius:0 !important;
+    border-top: 2px solid transparent;
+}
+.accordion-group {
+    border:none;
+    border-bottom:1px solid #EAEAEA;
+    moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    border-radius: 0;
+}
+
+/* #Site Styles
+================================================== */
+/*smoothing */
+html, html a {
+    -webkit-font-smoothing: antialiased;
+    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
+}
+
+
+body {
+    font-size:0.8em;
+    line-height:1.8;
+    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
+    -webkit-text-size-adjust: 100%;
+    padding-top:66px;
+    position:relative;
+}
+
+.awards{
+    position:fixed;
+    top:0;
+    left:0;
+    z-index:9000;
+}
+
+img {
+    max-width:100%;
+}
+
+
+
+
+/*Slices */
+.slice {
+    padding-top:2em;
+    padding-bottom:2em
+}
+
+#content .slice {margin-top:1em;}
+.sliceTop {
+    padding-top:0;
+    padding-bottom:1.75em
+}
+.topBox {
+    padding:1.5em;
+    moz-border-radius: 0 0 10px 10px;
+    -webkit-border-radius: 0 0 10px 10px;
+    border-radius: 0 0 10px 10px;
+    /*font-size:0.85em;*/
+}
+.topBox blockquote, .blockBox blockquote {
+    background:none; border:none;
+    font-size: 2.625em;
+    letter-spacing: -0.02em;
+    font-weight: 300;
+    line-height: 1.25em;
+    text-align:center;
+    padding:0;
+    width:100%;
+}
+.topBox blockquote p{
+    font-size: 0.75em;
+    margin: 0.25em 0 0 0.3em;
+    font-weight:400;
+}
+
+.blockBox {
+    padding:3em;
+    moz-border-radius:10px;
+    -webkit-border-radius:10px;
+    border-radius:10px;
+
+}
+#sliderWrapper, #videoSliceWrapper {
+    padding-top:2em;
+    padding-bottom:2.4em;
+}
+.home, .project {
+    padding-bottom: 0!important;
+}
+/*FOOTER*/
+
+#footer {
+    padding:3em 0;
+}
+.footer1 {
+    margin-top:3em;
+}
+.noMargin{margin-top:0;}
+
+#footer h2 {
+    font-size: 1.5em;
+    margin-bottom: 0.1em;
+    font-weight:400;
+    text-transform:none;
+}
+#footer .divider {
+    margin-bottom:2em
+}
+#footer {
+    font-size: 0.9em;
+    line-height:1.88em;
+}
+#footerRights {
+}
+/*twitter widget*/
+ul.tweet_list {
+    padding:0;
+    margin:0;
+}
+.tweet_avatar {
+    margin-right:10px;
+}
+.nav-pills > .active > a, .nav-pills > .active > a:hover {
+    background: none;
+    color:#099 !important
+}
+.carousel {
+    margin-bottom:0;
+}
+.carousel-control {
+    top: -48px;
+    /*font-size: 20px;
+border-radius: 10px;
+
+height: 15px;*/
+background:none;
+border:0;
+width: 20px;
+}
+.carousel-control:link {
+    outline:none;
+}
+.carousel-control.left {
+    left: auto;
+    right:20px;
+}
+.carousel-control.right {
+    left: auto;
+    right:0px;
+}
+.carousel-control i {
+    font-size:20px;
+}
+/*CAROUSEL*/
+.projectInfo {
+    padding:16px;
+    text-align:center;
+}
+.projectInfo p {
+    font-size:0.85em;
+    line-height:1.5em;
+}
+/* Header */
+
+
+#mainHeader .navbar-inner {
+    filter:none;
+    min-height:66px;
+    border:none !important;
+}
+#mainHeader .navbar .nav {
+    margin-top:16px;
+}
+#mainHeader .brand {
+    margin-top:0.3em;
+}
+#mainHeader .navbar .nav > li > a {
+    text-shadow: none;
+    color:#EDEDED;
+}
+#mainHeader .navbar .nav li {
+    margin-bottom:0;
+}
+#mainHeader .open a.firstLevel {
+    margin-bottom:5px;
+}
+#mainHeader .open a.firstLevel {
+    background-color: #111 !important;
+    moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+}
+#mainHeader .dropdown-menu {
+    background-color: #111;
+}
+#mainHeader .dropdown-menu a {
+    color:#EDEDED;
+}
+.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
+    background-color: #099;
+    background-image:none;
+}
+.navbar .nav > li > .dropdown-menu::after {
+    border-bottom: 6px solid #111;
+}
+#mainHeader #mainMenu {
+    margin:0;
+    float:right;
+}
+#headerBorder {
+    height:1.3em;
+}
+#mainLogo {
+    display:block;
+    float:left;
+    width:170px;
+    margin-right:20px;
+    line-height:0;
+}
+#baseline {
+    font-size: 1.4em;
+    display:block;
+    margin:2.8em 0 0 1.5em;
+    float:left;
+}
+
+
+
+/* Main menu */
+.socialHeader {
+    text-align: right;
+}
+#mainMenu .responsive-nav {
+    display:none;
+    padding:0.18em;
+    margin: 2px auto 0 auto;
+}
+#mainMenu {
+    margin:0 0 0 0;/* float:right;*/
+
+}
+#mainMenu ul {
+    margin:0;
+}
+#mainMenu ul li {
+    float: left;
+    position: relative;
+    margin:0;
+}
+#mainMenu ul li a {
+    display:block;
+    text-decoration: none;
+    margin: 0 5px 0 0;
+    font-size:1.1em;
+    padding:1em 1em 0 1em;
+    /* height:27px;*/
+    line-height:2.5em;
+    -moz-border-radius:0 0 5px 5px;
+    -webkit-border-radius:0 0 5px 5px;
+    border-radius:0 0 5px 5px;
+}
+#mainMenu ul li a.last {
+    margin-right:0;
+}
+/* ssmenu */
+#mainMenu ul li ul:before {
+    width:150px;
+    height:15px;
+    /*background: url(../images/sub-arrow.png) no-repeat left top;*/
+    content: "\25b4";
+    font-size:30px;
+    color:#454545;
+    display:block;
+    padding-top:5px;
+    position:absolute;
+    top:-20px;
+    left:10px;
+    cursor:pointer;
+}
+
+#mainMenu ul li ul li ul:before{
+    content: "";
+
+
+}
+
+#mainMenu ul li ul li ul{
+    -moz-border-radius:0 5px 5px 5px;
+    -webkit-border-radius:0 5px 5px 5px;
+    border-radius:0 5px 5px 5px;
+}
+
+#mainMenu ul ul {
+    display: none;
+    left: 0px;
+    padding:0.46em 0;
+    position: absolute;
+    top:66px;
+    left:0;
+    width: 150px;
+    z-index: 1024;
+    color:white;
+    float:left;
+    margin:0;
+    -moz-border-radius:9px;
+    -webkit-border-radius:9px;
+    border-radius:9px;
+}
+#mainMenu ul ul li {
+    float: none;
+    clear:both;
+}
+#mainMenu ul ul a {
+    border: 0;
+    margin:0;
+    display: block;
+    text-align: left;
+    text-transform: none;
+    -moz-border-radius:0px;
+    -webkit-border-radius:0px;
+    border-radius:0px;
+    font-size:0.9em;
+    line-height:1.5em;
+    padding-bottom:1em;
+}
+#mainMenu ul li ul li a.last {
+    margin-bottom:3px;
+}
+#mainMenu ul ul ul {
+    left: 130px;
+    top: -7px !important;
+    opacity:0;
+}
+#mainMenu ul ul ul:before {
+    background:none;
+}
+
+
+/* =============== HEADER STYLES =================*/
+#mainHeader .brand {
+    margin-top: 0px;
+    padding: 0 20px;
+}
+
+.brand img {
+    max-height: 75px;
+}
+
+
+.logoCenter{ padding-top:126px; }
+.logoBig{ padding-top:142px; }
+.doubleBar{ padding-top:0; }
+
+.logoCenter .span12 {text-align:center;}
+.logoCenter .brand, .logoCenter #mainHeader #mainMenu, .logoBig #mainHeader #mainMenu{float:none;}
+.logoCenter #mainHeader nav#mainMenu{display:inline-block; margin:0.5em 0 1em 0;}
+.logoCenter #mainMenu>ul>li>a{
+   -moz-border-radius: 5px;
+   -webkit-border-radius: 5px;
+   border-radius: 5px;
+   padding-top:0;
+}
+.logoCenter #mainMenu ul ul li a{    padding-top:1em;}
+.logoCenter #mainMenu ul ul {top:45px;}
+.logoBig #mainMenu ul ul {top:45px;}
+.logoCenter #mainMenu ul{ text-align: left; }
+/*** 2 LOGO BIG***/
+.logoBig #mainHeader nav#mainMenu{display:inline-block; margin-bottom:1em;}
+.logoBig #mainMenu>ul>li>a{
+   -moz-border-radius: 5px;
+   -webkit-border-radius: 5px;
+   border-radius: 5px;
+   padding-top:0;
+}
+
+.logoBig ul.socialNetwork {float:right; margin-top:1.5em;}
+.headerPhone{ margin:0; }
+.headerPhone li{ display:inline-block; }
+.headerPhone li:first-child{ margin-right:10px;}
+.headerPhone li a{ color:#999 }
+.headerPhone li a:hover{ color:#ff6600; text-decoration:none;}
+/***3 TOP BAR ***/
+.topBar {padding:0.7em 0.5em 0.2em 0.5em;}
+.topBar ul.socialNetwork {float:right;}
+.topBar tel {margin-right:15px;}
+
+/*  Page  */
+.mb15 {margin-bottom:4.5em;}
+
+.headerPage {
+    width:100%;
+    padding: 2.75em 0 0 0;
+}
+
+
+
+
+
+/* Contact */
+
+#contact {
+    padding-top:3em;
+    /*padding-bottom: 2.5em;*/
+    display:none;
+    overflow:hidden;
+    position:relative;
+    height:480px;
+}
+#contact h2, #contactPage h2 {
+    margin-top:0;
+}
+#contact address {
+    margin:0 0 1.5em 0;
+    font-size:0.8em;
+}
+.slideContactpage {
+    padding-top:6em;
+    padding-bottom:1.5em;
+}
+#contactinfoWrapper {
+    display:none;
+    position:relative;
+}
+#contactinfoWrapperPage {
+    position:relative;
+    float: left;
+}
+#mapTrigger {
+    display:block;
+}
+#contactPage #mapWrapper {
+    margin-top:1.5em;
+}
+#mapWrapperFullwidth {
+    width:100%;
+    height:350px;
+}
+#mapWrapper img, #mapWrapperFullwidth img {
+    max-width: none;
+}
+.contentMap {
+}
+#contactWrapperHome .error_message {
+    font-size:0.6em;
+    line-height:1em;
+}
+
+#contactWrapper .mapCanvas
+{
+    padding: 9px;
+    margin-bottom: 1.5em;
+    display: block;
+    overflow: hidden;
+    border-bottom:none;
+    border: 1px solid #ddd;
+    background-color: #FEFEFE;
+
+}
+#contactWrapper  #mapWrapper{
+    margin-bottom:0;
+}
+
+#contactWrapper .error_message{
+    font-size:0.8em;
+    line-height:0.8em;
+}
+/* Contact Form */
+input, textarea {
+    background: #f8f8f8;
+    border:none;
+    width: 97%;
+}
+textarea {
+    height:13.4em;
+}
+.securityCheck {
+    margin-top:1.5em;
+}
+#verify {
+    border-radius: 0 4px 4px 0;
+    display: inline;
+    float: left;
+    margin-left: -1px;
+}
+.securityCheck .moreLink {
+    font-size:0.8em;
+    margin-left:5px;
+}
+.termsCheck {
+    margin:29px 0 0 10px
+}
+#mapSlideWrapper {
+    display:none;
+    margin-left:3000px;
+    padding-bottom:0.8333em;
+    float:left;
+    /* text-align: right;*/
+}
+#mapWrapper {
+    height:358px;
+    border:1px solid #E6EAEC;
+    margin-bottom: 0.7em;
+}
+
+#mapReturn:before{
+    content:"\2190";
+}
+
+#mapReturn {
+    float:right;
+}
+
+
+#contactPage #mapWrapper {
+    margin-bottom:1.5em;
+}
+/* End contact */
+
+
+/* End Header */
+
+/* Footer */
+
+.contactWidget h2 {
+    background-position: 0 -23px
+}
+.tweetWidget h2 {
+    background-position: 0 -52px
+}
+.testimonialWidget h2 {
+    background-position: 0 6px;
+}
+.mailingListlWidget h2 {
+    background-position: 0 -83px
+}
+#footer article {
+    margin-bottom: 1.7em
+}
+#footer article a {
+    text-decoration: none;
+}
+#footer article a:hover {
+    text-decoration: underline;
+}
+#footerRights {
+    padding:2.1em 0 1.9em 0;
+    font-size:0.75em;
+}
+#footerRights p {
+    margin:0;
+}
+/* End Footer */
+
+
+
+
+
+/* #HomePage Styles
+================================================== */
+.topQuote {
+    padding:3em;
+    font-size:0.85em;
+    text-align:center;
+}
+.topQuote h1 {
+    font-size: 2.625em;
+    letter-spacing:-0.02em;
+    font-weight: 300;
+    line-height: 1.25em;
+    margin-bottom:0;
+}
+.topQuote span {
+}
+.bigIconsColumnsWrapper h2 {
+    /*font-size:1.25em;*/
+    margin:1em 0 0.75em 0;
+}
+.bigIconsColumnsWrapper p {
+    padding:0 20px 1.5em 20px;
+    margin-bottom:0;
+}
+.divider {
+    height:1px;
+    margin:0.5em 0 1.5em 0;
+}
+.divider span {
+    display:block;
+    width:50px;
+    height:1px;
+}
+.boxWrapper {
+    margin-bottom:10px;
+    display:block;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+}
+.carousel .boxWrapper:first-child {
+    margin-left:2px;
+}
+.boxWrapper h2, .boxWrapper h3 {
+    font-size: 1em;
+    font-weight: bold;
+    line-height: 1.1em;
+    margin: 0;
+    padding: 1.5em 0 2.5em 0;
+    text-align: center;
+}
+.boxTextWrapper {
+    padding:1.5em;
+}
+.boxWrapper .imgWrapper {
+    margin-bottom:0!important;
+    margin-top:0!important;
+}
+.da-thumbs section{ overflow: hidden; }
+.da-thumbs img {
+    -webkit-transition: all 0.2s ease;
+    -moz-transition: all 0.2s ease;
+    -ms-transition: all 0.2s ease;
+    -o-transition: all 0.2s ease;
+    transition: all 0.2s ease;
+
+    -webkit-backface-visibility: hidden;
+    -moz-backface-visibility: hidden;
+    -ms-backface-visibility: hidden;
+    -o-backface-visibility: hidden;
+    backface-visibility:  hidden;
+}
+.da-thumbs article {margin-bottom:1.5em;}
+.da-thumbs .imgWrapper{margin-bottom:0;}
+.hiddenInfo{padding:1.5em;}
+.hiddenInfo h3, .hiddenInfo p{padding:0;}
+#otherProjects .da-thumbs .imgWrapper{margin-bottom:1.5em;}
+
+
+.ch-item {
+    position: relative;
+    cursor: normal;
+    -webkit-transition: all 0.4s ease-in-out;
+    -moz-transition: all 0.4s ease-in-out;
+    -o-transition: all 0.4s ease-in-out;
+    -ms-transition: all 0.4s ease-in-out;
+    transition: all 0.4s ease-in-out;
+}
+.ch-info h3 {
+    text-transform: uppercase;
+    position: relative;
+    letter-spacing: 2px;
+    font-size: 22px;
+    margin: 0 auto;
+    padding: 56px 0 0 0;
+    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.ch-info span {
+    display:block;
+    text-transform: uppercase;
+    color:white;
+    padding: 40% 0 0 0;
+}
+.ch-info p {
+    padding: 10px 5px;
+    font-style: italic;
+    margin: 0 auto;
+    font-size: 12px;
+}
+.ch-info p a {
+    display: block;
+    font-style: normal;
+    text-transform: uppercase;
+    font-size: 9px;
+    letter-spacing: 1px;
+    padding-top: 4px;
+}
+.ch-item:hover {
+    box-shadow: inset 0 0 0 110px rgba(251, 106, 57, 1);
+}
+.ch-item i {
+    z-index:1;
+    opacity:1;
+    -webkit-transition:opacity 0.3s ease-in-out 0.2s;
+    -moz-transition:opacity 0.3s ease-in-out 0.2s;
+    -ms-transition:opacity 0.3s ease-in-out 0.2s;
+    -o-transition:opacity 0.3s ease-in-out 0.2s;
+    transition:opacity 0.3s ease-in-out 0.2s;
+}
+.ch-item:hover i {
+    opacity:0;
+    -webkit-transition:opacity 0.3s ease-in-out;
+    -moz-transition:opacity 0.3s ease-in-out;
+    -ms-transition:opacity 0.3s ease-in-out;
+    -o-transition:opacity 0.3s ease-in-out;
+    transition:opacity 0.3s ease-in-out;
+}
+.ch-info {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    border-radius: 50%;
+    opacity: 0;
+    z-index:10;
+    -webkit-transition: all 0.4s ease-in-out 0.2s;
+    -moz-transition: all 0.4s ease-in-out 0.2s;
+    -o-transition: all 0.4s ease-in-out 0.2s;
+    -ms-transition: all 0.4s ease-in-out 0.2s;
+    transition: all 0.4s ease-in-out 0.2s;
+    -webkit-transform: scale(0);
+    -moz-transform: scale(0);
+    -o-transform: scale(0);
+    -ms-transform: scale(0);
+    transform: scale(0);
+    -webkit-backface-visibility: hidden; /*for a smooth font */
+}
+.ie .ch-info {
+    display:none;
+}
+.ie .ch-item:hover i {
+    display:none;
+}
+.ie .ch-item:hover .ch-info {
+    display:block;
+}
+.ch-item:hover .ch-info {
+    opacity: 1;
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -o-transform: scale(1);
+    -ms-transform: scale(1);
+    transform: scale(1);
+}
+.bloc article h3 {
+    margin-bottom: 0.8em;
+}
+.mainQuote {
+    text-align:center;
+}
+.mainQuote p {
+    font-size:2em;
+    margin-bottom: 0.3em;
+}
+.downloadButton {
+    float:right;
+}
+.bigIconsColumnsWrapper {
+    text-align:center;
+    padding-top:3.5em;
+}
+
+.newsletter h2 {
+    border:none;
+    padding:0;
+    line-height:1em;
+}
+
+.newsletter h2 small {
+    display:inline-block;
+    letter-spacing : normal;
+    margin-top:0.5em;
+}
+.newsletter label {
+    line-height: 1em;
+    margin-bottom:1em;
+}
+.newsletter .btn {
+    margin-top:2em;
+}
+
+#btn-newsletter{
+    margin-top:5px;
+}
+
+.newsletter .result{ text-align:center; margin-bottom:0; }
+
+/**************** TESTIMONIAL *************/
+.testimonial blockquote {
+    text-transform: none;
+    font-size:1em;
+    line-height: 1.5em;
+    text-shadow:none;
+    padding:1em;
+    display: block;
+    -moz-border-radius:3px;
+    -webkit-border-radius:3px;
+    border-radius:3px;
+    font-weight: normal;
+    border:none;
+    text-align:left;
+}
+.testimonial blockquote span {
+    margin-top:1.5em;
+    display:block;
+    font-style:italic;
+    font-size:0.75em;
+}
+.arrowTestimonial {
+    display:block;
+    border-bottom: 6px outset transparent;
+    border-top: 6px outset transparent;
+    border-right: 8px solid red;
+    top: 25px;
+    left:-8px;
+    height: 0;
+    position: absolute;
+    width: 0;
+    z-index: 100;
+}
+/**************** END TESTIMONIAL *************/
+
+.videoIframe {
+    width:100%;
+    height:525px;
+}
+/* responsive sliders */
+#sliderWrapper {
+    /*min-height:432px; background-image:url('../images/icons/ajax-loader.gif') no-repeat center center;*/
+}
+#sliderShadow {
+    height:3em;
+}
+.bgNoSlider {
+    padding-top:3em;
+    position:relative;
+}
+.bgNoSlider img {
+    vertical-align: bottom;
+}
+.logoBig {/*margin-bottom:1.5em;*/
+}
+#videoWrapper {
+    background:transparent url('../images/icons/ajax-loader.gif') no-repeat center center;
+}
+
+/* #Page Styles
+================================================== */
+#content {
+}
+/* nav trail */
+#navTrail {
+    margin-top:2.35em;
+    margin-bottom:1.5em;
+    text-align:right;
+    text-transform:uppercase;
+    font-size:0.75em;
+}
+#navTrail span {
+    margin:0 10px;
+}
+#navTrail .current {
+    margin:0;
+    border-right: 2px solid #F2F2F2;
+    padding: 0 1.25em 0 0;
+}
+aside#sidebar {
+    padding-top: 0;
+    font-size:1em;
+}
+#sidebar #subnav, #sidebar #subnav .widgetArea {
+    margin-right:20px;
+}
+#sidebar #subnav {
+    margin-bottom:0;
+}
+#sidebar #subnav li:first-child {
+}
+#sidebar #subnav li {
+    margin:0;
+}
+#sidebar #subnav li a {
+    display:block;
+    padding: 0.5833em 0 0.8333em 0.5em;
+    text-decoration:none;
+    color:#666;
+}
+#widgetArea {
+    margin-top: 1.5em;
+    margin-right: 20px;
+}
+#widgetArea .widget {
+    -moz-border-radius:3px;
+    -webkit-border-radius:3px;
+    border-radius:3px;
+    padding:1.5em 1.5em 1.5em 1.5em;
+}
+#widgetArea .widget h3 {
+    margin:0 0 1.0588em 0;
+    line-height:1em;
+}
+#widgetArea .widget p {
+    margin:0;
+}
+/* fullWidth */
+#fullWidth {
+}
+/* Team page */
+.team1, .team2, .team3 {
+    margin-top:3em;
+}
+
+.team2 header {
+    padding:0;
+    margin:1.2em 0 0 0;
+    line-height: 0;
+}
+.team1 h2, .team2 h2, .team3 h2 {
+    line-height:1.1em;
+    margin:0;
+    padding:1.6em 0;
+    text-align:center;
+    font-size: 1em;
+    font-weight: bold;
+}
+
+.team3 article{margin-bottom:1.5em;}
+
+.team3 h2 {
+    text-align:left;
+    padding:3em 0 0em 0;
+    margin-bottom:0.5em;
+}
+.team3 a {
+    display:block;
+    margin-bottom:1.5em;
+}
+.team1 h2 span, .team2 h2 span, .team3 h2 span {
+    display:block;
+    margin:0.4em 0 0 0;
+    font-size:1em;
+    font-weight:normal;
+}
+.team2 footer {
+    padding:1.5em;
+}
+.team1 footer {
+    text-align:center;
+}
+.team2 p {
+    font-size:0.9em;
+    margin-bottom:0!important;
+}
+.team2 a {
+    font-size:0.85em;
+}
+.team2 .socialNetwork {
+    width:100%;
+    margin:1.6em 0 0 0;
+}
+/*
+.team3 article{ margin-bottom:1.5em; }
+.team3 header, .team3 .memberInfo{ float:left; }
+.team3 .memberInfo{ margin-left:1em; } */
+
+/* features */
+.features .sidenav {
+    width: 120px;
+}
+.features .threeColumnWrapper h2, .features .twoColumnWrapper h2 {
+    margin-top:0;
+}
+.features .btn, .features .btn-3d {
+    margin-bottom: 1.25em;
+}
+.features .alert, .features table {
+    margin-bottom:1.5em;
+}
+.features .imgRounded, .features .iconBig {
+    margin:0 20px 20px 0;
+}
+.features .normalIconW {
+    margin:33px 20px 0 0;
+}
+.features .smallIconW {
+    margin:50px 15px 0 0;
+}
+.features .miniIconW {
+    margin:57px 20px 0 0;
+}
+/*project*/
+
+nav#projectsNav ul {
+    margin-left:0;
+}
+nav#projectsNav ul li {
+    display:inline-block;
+    margin-right:5px;
+}
+nav#projectsNav ul li a {
+    float:left;
+    margin-bottom:0;
+}
+#projectDescription img {
+    max-width:100%;
+}
+
+/* single project v2 */
+
+#projectsNavAlt  ul li{
+ display:inline-block;
+    margin-right:5px;
+    line-height:1.5em;
+}
+#projectsNavAlt  ul li a:hover{text-decoration:none;}
+/* single project v2 */
+
+
+
+section#projectImages {
+    line-height:0;
+}
+section#projectImages img {
+    margin-bottom:4.5em;
+    max-width:100%;
+}
+section#projectDescription div {
+    padding:1.5em 20px 0 20px;
+}
+
+/**** sharrre buttons ****/
+.sharrre .button{
+    float:left;
+    width:60px;
+}
+/* BLOG */
+#blogHeader {
+    padding:3em 0;
+    margin-bottom:3em;
+}
+.postDate {
+    width:145px;
+    height:145px;
+    -moz-border-radius:50%;
+    -webkit-border-radius:50%;
+    border-radius:50%;
+    text-align:center;
+    font-size:4.5em;
+    padding-top:45px;
+    line-height:0.6em;
+    font-weight:800;
+
+}
+.postDate span {
+    font-size:0.25em;
+    display:block;
+    width:100%;
+    text-align:center;
+}
+header#blogHeader h2 {
+    font-size:6em;
+    line-height:1em;
+    margin-bottom: 0.25em;
+}
+.blogHomeContent header {
+    background:none;
+    margin-bottom:0;
+}
+.blogHomeContent section {
+    margin-bottom:0;
+    padding:0;
+}
+.blog article h2 {
+    margin-bottom:0.5em;
+}
+.blog article {
+    margin-bottom:1.5em;
+}
+.blog .widget {
+    margin-bottom:3em;
+    padding-bottom:0;
+    margin-left: 20px;
+    font-size:1.2em;
+}
+.blog .widget ul {
+    padding:0;
+    margin:0;
+}
+.blog .widget p {
+    font-size:11px;
+}
+.blog .widget h3 {
+    margin-top:0.1em;
+    margin-bottom:0.5em;
+    font-size:1.1em;
+}
+.blog .widget ul li a {
+    font-size:0.8em;
+}
+.blog .widget ul li a:hover {
+    text-decoration:none;
+}
+.blogUpdates .tab-content {
+    padding:1.5em 0 0 10px;
+    font-size:0.8em;
+}
+
+
+.blogUpdates .tab-pane li {
+    line-height:1.25em;
+}
+.blogUpdates .tab-pane li h2 {
+    font-size:1em;
+    text-transform:none;
+    margin-bottom:0.5em;
+    font-weight: 400;
+}
+.blogUpdates .tab-pane li p, .blogUpdates .tab-pane li p strong {
+    font-size:0.9em;
+    margin-bottom:0;
+}
+.blogUpdates .tab-pane li a {
+    font-size:1em;
+    margin-bottom:1.5em;
+}
+.catPost {
+    position:relative;
+}
+#postComment {
+    margin:0 auto;
+}
+.blogPostContent .comments {
+    padding:1px 20px 20px 20px;
+    margin-top:1.5em;
+}
+.comments input, .comments textarea {
+    width: 97.7%;
+}
+.blogPostContent .comments .commentNumbers {
+    margin:1em 0 1.5em 0;
+}
+.blogPostContent .comments ul, .blogPostContent .comments ul li {
+    margin-bottom:0;
+    margin-top:0;
+}
+.blogPostContent .comments>ul>li:first-child {
+    border:none;
+}
+.blogPostContent .comments ul ul {
+    margin-left:50px;
+}
+.blogPostContent .comments li {
+    border-top:1px solid #D8D8D8;
+    padding:1.5em 0 0 0;
+}
+.comments h4 {
+}
+.blogPostContent .commentInfo {
+    font-size:0.9em;
+    margin-bottom:1em;
+    color: #777;
+}
+.blogPostContent .commentInfo h3 {
+    margin-top:0;
+}
+.blogPostContent .commentInfo a {
+    font-size:0.8em;
+}
+.blogPostContent .commentWrapper {
+    float:left;
+    max-width:81%;
+}
+.mobileBlogTitle {
+    display:none;
+}
+ul.entry-meta {
+    margin:0 0 1em 0;
+    padding:0.5em 0;
+}
+ul.entry-meta li {
+    display:inline-block;
+    margin-bottom: 0;
+    background-repeat: no-repeat;
+    margin-right: 10px;
+    font-size:0.8em;
+    line-height:1em;
+}
+ul.entry-meta [class^="icon-"], [class*=" icon-"] {
+    line-height:1.25em;
+}
+/**tags**/
+.blog .blogTags ul li {
+    display:inline-block;
+}
+.blog .blogTags ul li a {
+    text-transform:uppercase;
+    -moz-border-radius:3px;
+    -webkit-border-radius:3px;
+    border-radius:3px;
+    padding:3px 6px;
+    font-weight:bold;
+}
+/***twitter***/
+.blogTwitter article {
+    font-size: 0.75em;
+    padding-left: 1px;
+    width: 85%;
+}
+.blogTwitter .slidecontrols, .blog .blogTwitter ul li, .blogTwitter article {
+    margin-bottom:0em;
+}
+/* #portfolio Styles
+================================================== */
+.portfolio {
+}
+.sizer {
+    outline:none !important;
+}
+.navigate ul {
+    float:right;
+    margin-bottom:1.33em;
+}
+.navigate li {
+    display:inline-block;
+    height: 24px;
+}
+/* portfoliohorizontal*/
+
+
+#makeMeScrollable {
+    overflow:hidden;
+    height:300px;
+    position: relative;
+}
+/* Replace the last selector for the type of element you have in
+               your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
+               if you have links use #makeMeScrollable div.scrollableArea a and so on. */
+               #makeMeScrollable div.scrollableArea article {
+                position: relative;
+                float: left;
+                margin: 0;
+                padding: 0;
+    /* If you don't want the images in the scroller to be selectable, try the following
+       block of code. It's just a nice feature that prevent the images from
+       accidentally becoming selected/inverted when the user interacts with the scroller. */
+       -webkit-user-select: none;
+       -khtml-user-select: none;
+       -moz-user-select: none;
+       -o-user-select: none;
+       user-select: none;
+   }
+   .scrollElement img, .scrollElement h3 {
+    margin-right:2.5px;
+    margin-left:2.5px;
+}
+.scrollElement .pInfo {
+    display:none;
+    position:absolute;
+    top:0;
+    left:0;
+    height:100%;
+    padding:10px;
+    padding:1.5em;
+    background-color: white;
+}
+.scrollElement .pInfo h3 {
+    margin-top:-400px;
+}
+/*.scrollElement .pInfo p {
+    margin-top:-300px;
+    }*/
+    .scrollElement .pInfo a:hover {
+        text-decoration: none;
+    }
+    #slideSlice article {
+        float:left;
+    }
+    #portfolioCaroussel {
+        overflow: hidden
+    }
+    #portfolioCaroussel article {
+        padding:10px;
+    }
+    #twoColumns article {
+        min-height:450px !important;
+    }
+    #portfolio article p {
+        margin-bottom:1.45em;/*set next row on the baseline*/
+    }
+    nav#filter a:hover, nav#filter a.current {
+        text-decoration:none;
+    }
+    nav#filter {
+        float:right;
+        margin-top:1.4em;
+        margin-bottom:0.25em;
+    }
+    nav#filter ul {
+        float:right;
+    }
+    nav#filter li {
+        display:inline-block;
+        margin:0.625em 0 0 10px;
+    }
+    nav#filter li.filterTitle h3 {
+        font-size: 1em;
+        line-height: 0.75;
+        margin-bottom:0.45;
+        font-weight: 400;
+    }
+    /* twoColumns */
+
+    #twoColumns h3 {
+        margin-top:0;
+        margin-bottom: 0.9em;
+    }
+    #twoColumns article {
+        margin-bottom:1.5em;
+    }
+    /* threeColumns */
+
+    #threeColumns h3 {
+        margin-top:0;
+        margin-bottom: 1em;
+    }
+    #threeColumns article {
+        margin-bottom: 1.5em;
+    }
+    /* fourColumns */
+
+    #fourColumns h3 {
+        font-weight:normal;
+        margin-top:0;
+        margin-bottom: 0.5em;
+    }
+    #fourColumns article {
+        /*margin-bottom: 1.5em;*/
+    }
+    /* masonery resising*/
+    .hiddenInfo {
+        display:none;
+    }
+    /* Portfolio  vertical */
+    .postview {
+        padding-bottom:0!important;
+    }
+    .PortfolioStickyMenu ul {
+        margin-bottom:0;
+    }
+    .PortfolioStickyMenu a:hover {
+        text-decoration:none;
+    }
+    .projectInfos li {
+        margin-bottom:0.75em;
+    }
+
+    .videoWrapper {
+        position: relative;
+        padding-top: 25px;
+        height: 0;
+        margin-bottom: 10px;
+    }
+
+    .videoWrapper iframe {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+ .videoWrapper.videoFormat1 { padding-bottom: 53%;}
+ .videoWrapper.videoFormat2 { padding-bottom: 54%;}
+ .videoWrapper.videoFormat3 { padding-bottom: 75%;}
+ p.videoCredit {display:block;}
+
+/* #Shortcodes classes
+================================================== */
+.relative{ position:relative; }
+/* INSIDE GRID */
+.full-width {
+    width:930px;
+    height:auto;
+    overflow:hidden
+}
+.one_half {
+    width: 48%;
+}
+.one_third {
+    width: 30.66%;
+}
+.two_thirds {
+    width: 65.33%;
+}
+.one_fourth {
+    width: 22%;
+}
+.three_fourths {
+    width: 74%;
+}
+.one_fifth {
+    width: 16.8%;
+}
+.two_fifth {
+    width: 37.6%;
+}
+.three_fifth {
+    width: 58.4%;
+}
+.four_fifth {
+    width: 67.2%;
+}
+.one_sixth {
+    width: 13.33%;
+}
+.five_sixth {
+    width: 82.67%;
+}
+.one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
+    position: relative;
+    margin-right: 4%;
+    float: left;
+}
+.last {
+    margin-right:0 !important;
+}
+/* USEFULL CLASSES */
+
+
+
+.transparent_80 {
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+    filter: alpha(opacity=80);
+    -moz-opacity: 0.8;
+    -khtml-opacity: 0.8;
+    opacity: 0.8;
+}
+/* BTN'S */
+
+
+a.btn-3d .btn-3d, .btn-3d:link, .btn-3d:visited {
+    position:relative;
+    text-decoration: none;
+    display:inline-block;
+    *display: inline;
+    padding: 6px 10px;
+    font-weight: normal;
+    font-size:12px;
+    -moz-border-radius:5px;
+    -webkit-border-radius:5px;
+    border-radius:5px;
+    *zoom: 1;
+    border:none;
+}
+.btn-3d:hover {
+    position:relative;
+    top:2px;
+}
+.btn-3d-small, .btn-3d-small:link, .btn-3d-small:visited {
+    padding:1px 8px;
+    font-size:10px;
+}
+.btn-3d-medium, .btn-3d-medium:link, .btn-3d-medium:visited {
+    padding:8px 10px;
+    font-size:14px;
+}
+.btn-3d-large, .btn-3d-large:link, .btn-3d-large:visited {
+    padding:17px 19px;
+    font-size: 20px;
+}
+.btn.search {
+    position:static;
+}
+.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
+    cursor:pointer;
+}
+.iconBtn {
+    border-radius: 6px 6px 6px 6px;
+    font-size: 27px;
+    line-height: 54px;
+    padding: 17px 19px;
+    text-shadow: 1px 1px 0 #FFFFFF;
+
+}
+a.iconBtn:hover {
+    text-decoration:none;
+}
+
+/* Fix for odd Mozilla border & padding issues */
+button::-moz-focus-inner, input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+.btnWrapper {
+    padding:14px 6px 15px 6px;
+    display:inline-block;
+    -moz-border-radius:10px;
+    -webkit-border-radius:10px;
+    border-radius:10px;
+    float:right;
+}
+/* END BTN'S */
+
+
+/* ICONS */
+
+.iconWrapper {
+    display:inline-block;
+    position:relative;
+    margin:0 auto 0.4em auto;
+    -moz-border-radius:50%;
+    -webkit-border-radius:50%;
+    border-radius:50%;
+    text-align:center;
+    width: 46px;
+    height: 46px;
+    font-size:20px;
+}
+
+.iconWrapper i {
+    line-height:40px;
+    position:absolute;
+    top:2px;
+    left:13px;
+}
+
+
+.iconBig {
+    width:180px;
+    height:180px;
+    display:block;
+}
+.iconBig i {
+
+    font-size:100px;
+    top:43px;
+    left:38px;
+}
+
+
+.iconMedium i{
+    line-height:1em;
+    top:12px;
+}
+
+
+.iconSmall {
+    height: 28px;
+    width: 28px;
+    line-height: 28px;
+}
+.iconSmall i {
+    line-height:28px;
+    line-height:0px;
+    font-size:0.8em;
+    top:6px;
+    left:5px;
+}
+.iconMini {
+    height: 20px;
+    width: 20px;
+    line-height: 21px;
+    font-size:10px;
+}
+.iconMini i {
+    line-height: 0;
+    font-size: 10px;
+    top: 5px;
+    left: 4px;
+}
+
+.mediumIconH3{
+    line-height:46px;
+}
+
+.mediumIconH3 span{
+    float:left; margin-right:10px;
+}
+/* END ICONS*/
+
+
+
+/*PRICING TABLE*/
+.pricingPage {
+    padding-bottom:3em;
+}
+table.pricingBloc {
+    border:1px solid #ccc;
+    width:100%;
+    float:left;
+}
+table.pricingBloc td, table.pricingBloc th {
+    text-align:center;
+    padding:1em;
+}
+table.pricingBloc h2 {
+    text-transform:none;
+    font-size:3em;
+    margin-bottom:0;
+}
+table.pricingBloc h2 span {
+    clear:both;
+    display:block;
+    font-weight:normal;
+    font-size:0.4em;
+    font-family: 'Open Sans', sans-serif;
+    margin-bottom:0;
+}
+table.pricingBloc th {
+    text-transform:uppercase;
+    font-weight:bold;
+    margin-bottom:0;
+    font-size: 1.25em;
+    line-height: 1;
+}
+.sign .btn {
+    width:80%;
+    font-size:1.5em;
+    text-transform:uppercase;
+    font-weight:bold;
+    margin-bottom:0;
+    line-height:2.5em;
+}
+
+/*accordion*/
+.accordion-heading .accordion-toggle {padding-left:0;}
+a.accordion-toggle:link{text-transform:uppercase;outline:none;}
+a.accordion-toggle:hover{text-decoration:none;}
+
+/* call To Action */
+.callToActionBoxed .ctaText, .callToActionBoxed .btnWrapper {
+    margin:3em;
+}
+.callToActionBoxed h2, .callToActionBoxed h3{font-size:1.5em;margin-bottom:0.5em;line-height: 1em;}
+.callToActionBoxed .btnWrapper a {
+    white-space:nowrap;
+}
+.callToActionBoxed .classicBtn {
+    background:transparent;
+}
+/* SOCIAL MENU */
+ul.socialNetwork {
+    margin:0;
+    display:block;
+}
+.socialNetwork li {
+    display:inline-block;
+    /*width:27px;
+    height:27px;*/
+    margin-bottom:0;
+}
+.medium.socialNetwork li {
+    width:20px;
+    height:20px;
+    margin-right: 9px;
+}
+.small.socialNetwork li {
+    width:14px;
+    height:14px;
+}
+a.socialIcon {
+    display:inline-block;
+    background-repeat: no-repeat;
+    padding-right:4px !important;
+    overflow:hidden;
+    -moz-border-radius:3px;
+    -webkit-border-radius:3px;
+    border-radius:3px;
+    font-size:20px;
+}
+a.socialIcon span {
+    display: none;
+}
+
+[class^="icon-"]:before, [class*=" icon-"]:before {
+    opacity:1!important;
+}
+a.socialIcon:hover {
+    text-decoration:none;
+}
+/*
+.small .socialIcon {
+    display:inline-block;
+    background-repeat: no-repeat;
+    width:14px;
+    height:14px;
+    overflow:hidden;
+}
+.medium .socialIcon {
+    display:inline-block;
+    background-repeat: no-repeat;
+    width:20px;
+    height:20px;
+    overflow:hidden;
+}
+#rssSuscribe i.socialIcon {
+    vertical-align: top;
+    margin-right:10px
+    }*/
+    /* BLOC */
+
+    .imgWrapper {
+        /* padding:3px;*/
+        line-height:0;
+        margin-bottom:1.5em;
+        display:block;
+    overflow:hidden;/* -moz-border-radius:10px;
+-webkit-border-radius:10px;
+border-radius:10px;*/
+}
+
+.home .bloc .imgWrapper{
+    height:190px;
+    margin-bottom:0;
+}
+.home .bloc .blocBody{
+    margin-top:1.5em;
+}
+
+.imgRounded {
+    -moz-border-radius:50%;
+    -webkit-border-radius:50%;
+    border-radius:50%;
+    height:220px;
+    width:220px;
+    overflow:hidden;
+    background-image:url('../images/team/pic3.jpg') no-repeat center #555;
+}
+.captionBloc {
+    padding:15px;
+    max-width:100%;
+    margin:1em 0;
+}
+/* END BLOC */
+
+
+
+
+/*FOCUS*/
+.focus {
+    margin:1.5em 0 3em 0;
+    padding:1.4em 20px;
+}
+.focus h1, .focus h2, .focus h3, .focus h4, .focus h5 {
+    margin-top:0;
+}
+/* LISTS */
+li {
+    margin-bottom:0.75em;
+}
+ol.iconsList {list-style:none; margin:0;}
+/* END LISTS */
+
+
+/* PAGINATION */
+#pagination ul {
+    border:0;
+    margin:0;
+    padding:0;
+}
+#pagination li {
+    border:0;
+    margin:0;
+    padding:0;
+}
+#pagination a {
+    margin-right:2px;
+    display:block;
+    float:left;
+    padding:2px 6px;
+    text-decoration:none;
+    -moz-border-radius:3px;
+    -webkit-border-radius:3px;
+    border-radius:3px;
+}
+/* END PAGINATION */
+
+
+
+/* MINI SOCIAL WIDGET */
+.share ul {
+    margin-bottom:1.33em;
+}
+.share li {
+    display:inline-block;
+    height: 24px;  /*margin:0.625em 0 0 10px;*/
+}
+/* BACK TO TOP */
+#to-top {
+    bottom: 80px;
+    display: none;
+    position: fixed;
+    right: 20px;
+    z-index: 100;
+}
+/* suscribe Form */
+#suscribeForm input {
+    width:89.5%
+}
+/* #Forms
+================================================== */
+
+
+
+input[type="text"], input[type="password"], input[type="email"], textarea, select {
+    border: 1px solid #E4E4E4;
+    display:block;
+}
+textarea {
+    background: #fff;
+}
+select {
+    padding: 0;
+}
+input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
+    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
+    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
+    box-shadow:  0 0 3px rgba(0, 0, 0, .2);
+}
+textarea {
+}
+label, legend {
+    display: block;
+}
+select {
+    /*width: 220px; */
+}
+input[type="checkbox"] {
+    display: inline;
+}
+form .error {
+    color:#bc0000;
+}
+
+/* =============== #Sliders Styles =================*/
+#noSliderWrapper {
+    position: relative;
+    z-index:2;
+}
+#bgSliderBlocWrapper {
+    position:absolute;
+    bottom:0;
+    width:100%;
+    z-index:1;
+}
+#bgSliderBloc {
+    width:100%;
+    height:4.5em;
+    -moz-border-radius:10px 10px 0 0;
+    -webkit-border-radius:10px 10px 0 0;
+    border-radius:10px 10px 0 0;
+}
+#sliderWrapperRS {
+    height:70px;
+    position:relative;
+}
+.fullwidthbanner-container {
+    width:100% !important;
+    margin:0 auto;
+    position:relative;
+    padding:0;
+    max-height:500px;
+    overflow:hidden;
+}
+.tp-bannertimer {
+    /*display:none;*/
+}
+.fullwidthbanner {
+    display:none;
+}
+.fullwidthbanner-container h2, #noSliderWrapper h2 {
+    font-size: 3em;
+    background:none;
+    padding: 0;
+    margin:0;
+    font-weight:800;
+    line-height:1.75em;
+}
+.fullwidthbanner h3 {
+    padding:0 0 0 0.5px;/*fixes chrome bug*/
+    
+    font-size:1.5em;
+}
+.fullwidthbanner .captionBloc h3 {
+    padding-left:0;
+    color:white;
+    height:auto;
+    background:none;
+    line-height:1.5em;
+}
+.fullwidthbanner .captionBloc {
+    padding:15px !important;
+    width:400px !important;
+    white-space:normal!important;
+    line-height:23px;
+}
+
+/*replace background images with icon font for RS slider UI*/
+
+/*.tp-rightarrow.large {
+    background:url(../images/rs-arrows.png) no-repeat bottom;
+    width:74px;
+    height:65px;
+    margin-left:0;
+    }*/
+/*.tp-leftarrow.large {
+    background:url(../images/rs-arrows.png) no-repeat;
+    width:74px;
+    height:65px;
+    margin-left:0;
+    }*/
+
+    .tp-leftarrow, .tp-rightarrow{ background:none!important; font-family: 'custom-icons'; font-size:3em; color:#E05D30}
+    .tp-leftarrow.large:before{ content: '\e4a1'; }
+    .tp-rightarrow.large:before{content: '\e4a2'; }
+
+
+
+    .tp-bullets.simplebullets.round .bullet {
+        /*background:none;*/
+        height:9px;
+        width:9px;
+        -moz-border-radius:50%;
+        -webkit-border-radius:50%;
+        border-radius: 50%;
+        /*border:1px solid #777;*/
+        margin:0 5px;
+    }
+
+    /*replace background images with icon font for RS slider UI*/
+
+    .tp-bullets.simplebullets.last {
+        margin-right:0;
+    }
+    /*CAMERA SLIDER */
+    .camera_wrap .camera_pag .camera_pag_ul {
+        text-align:center;
+    }
+
+    /*replace background images with icon font for Camera slider UI*/
+
+    .camera_prev > span, .camera_next > span, .camera_commands > .camera_stop,.camera_commands > .camera_play {background:none; font-family: 'custom-icons';color:#fff; font-size:1.75em;text-align:center;}
+    .camera_prev > span:before{content: '\e75d'; }
+
+    .camera_next > span:before{ content: '\e75e'; }
+    .camera_commands > .camera_stop:before{ content: '\2389';}
+    /*replace background images with icon font for Camera slider UI*/
+
+
+/* =============== FLEX SLIDER =================*/
+
+    .flexslider {
+        margin: 0;
+        border: 9px solid #fff;
+        border-radius: 0;
+        box-shadow: 0 1px 3px rgba(0,0,0,0.3);
+        background: transparent;
+    }
+    .flexslider .flex-control-nav {
+        position: static;
+        z-index: 2;
+        width:auto;
+        right:20px;
+        padding:18px 0;
+    }
+    .flexslider .flex-control-paging li {
+        margin:0 1px;
+    }
+    .flexslider .flex-control-paging li a {
+        box-shadow:none;
+        border:none;
+        border-radius:0;
+        width:9px;
+        height:9px;
+        margin:0 3px;
+
+        moz-border-radius: 50%;
+        -webkit-border-radius: 50%;
+        border-radius: 50%;
+    }
+
+    .flexslider .slides li {
+        position:relative;
+        margin:0;
+    }
+    .flexslider {
+        overflow:hidden
+    }
+    .flexslider .slides .txt {
+        position:absolute;
+        top:0;
+        right:0;
+        width:50%;
+        padding-top:3em;
+        display:none;
+    }
+    .flexslider .slides .txt h2 {
+        font-weight:800;
+        padding: 0;
+        font-size:  3.916em;
+        line-height:1em;
+        color:white;
+        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);
+        margin-bottom:0.4em;
+        /*margin-left:-800px;*/
+        margin-left:0;
+        margin-top:0;
+        width:100%;
+        text-transform:none;
+        
+    }
+    .flexslider .txt div {
+        /*opacity:0;*/
+        opacity:1;
+        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+        filter: alpha(opacity=0);
+        -moz-opacity: 0;
+        -khtml-opacity: 0;
+        margin-bottom:1.5em;
+        padding:1.5em;
+        /*margin-left:490px;*/
+        margin-left:0;
+    }
+    .flexslider .txt div p {
+        margin:0;
+        width:432px;
+    }
+    .flexslider .txt div ul {
+        margin:1.5em 0 0 0;
+        list-style: disc;
+        list-style-position: inside;
+        width:432px;
+    }
+    .flexslider .txt a {
+        /*margin-top:230px;*/
+        margin-top:0;
+    }
+    .flex-direction-nav {
+        display:none;
+    }
+
+
+/* =============== SEQUENCE =================*/
+.sequence-prev, .sequence-next {
+ font-size:6em;
+}
+#sequence h2.title {
+ font-size: 4em;
+ margin:0;
+ padding:0.75em;
+ font-weight:800;
+ line-height:1.1em;
+ display:block;
+ width:auto;
+ font-family: 'Open Sans', sans-serif;
+ color:#fff;
+ background-color:#555;
+ moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+
+}
+#sequence h3.subtitle {
+ padding:0;
+ font-size:2em;
+ width:auto;
+ font-family: 'Open Sans', sans-serif;
+ color:#fff;
+}
+#sequence p {
+ padding:0.25em 0.5em;
+ font-size:1em;
+}
+.sequence-canvas {
+ margin:0;
+}
+#sequence .model {
+ bottom:-50%;
+}
+.sequence-pagination {
+ bottom:0;
+}
+
+
+
+/* =============== DROPSHADOWS =================*/
+
+
+    .drop-shadow {
+        position:relative;
+        float:left;
+    }
+    .drop-shadow:before, .drop-shadow:after {
+        content:"";
+        position:absolute;
+        z-index:-2;
+    }
+    /* Lifted corners */
+
+
+    .lifted:before, .lifted:after {
+        bottom:15px;
+        left:1.5em;
+        width:60%;
+        top:80%;
+        background: rgba(0, 0, 0, 0.5);
+        -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);
+        -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);
+        box-shadow:0 15px 10px rgba(0, 0, 0, 0.5);
+        -webkit-transform:rotate(-2deg);
+        -moz-transform:rotate(-2deg);
+        -ms-transform:rotate(-2deg);
+        -o-transform:rotate(-2deg);
+        transform:rotate(-2deg);
+    }
+    .lifted:after {
+        right:10px;
+        left:auto;
+        -webkit-transform:rotate(3deg);
+        -moz-transform:rotate(3deg);
+        -ms-transform:rotate(3deg);
+        -o-transform:rotate(3deg);
+        transform:rotate(3deg);
+    }
+    /* Curled corners */
+
+    .curled {
+        border:1px solid #efefef;
+        -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
+        border-radius:0 0 120px 120px / 0 0 6px 6px;
+    }
+    .curled:before, .curled:after {
+        bottom:12px;
+        left:10px;
+        width:50%;
+        height:55%;
+        max-width:200px;
+        -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
+        -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
+        box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
+        -webkit-transform:skew(-8deg) rotate(-3deg);
+        -moz-transform:skew(-8deg) rotate(-3deg);
+        -ms-transform:skew(-8deg) rotate(-3deg);
+        -o-transform:skew(-8deg) rotate(-3deg);
+        transform:skew(-8deg) rotate(-3deg);
+    }
+    .curled:after {
+        right:10px;
+        left:auto;
+        -webkit-transform:skew(8deg) rotate(3deg);
+        -moz-transform:skew(8deg) rotate(3deg);
+        -ms-transform:skew(8deg) rotate(3deg);
+        -o-transform:skew(8deg) rotate(3deg);
+        transform:skew(8deg) rotate(3deg);
+    }
+    /* Perspective */
+
+    .perspective:before {
+        left:80px;
+        bottom:5px;
+        width:50%;
+        height:35%;
+        max-width:200px;
+        -webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
+        -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
+        box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
+        -webkit-transform:skew(50deg);
+        -moz-transform:skew(50deg);
+        -ms-transform:skew(50deg);
+        -o-transform:skew(50deg);
+        transform:skew(50deg);
+        -webkit-transform-origin:0 100%;
+        -moz-transform-origin:0 100%;
+        -ms-transform-origin:0 100%;
+        -o-transform-origin:0 100%;
+        transform-origin:0 100%;
+    }
+    .perspective:after {
+        display:none;
+    }
+    /* Raised shadow - no pseudo-elements needed */
+
+    .raised {
+        -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+        -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+    }
+    /* Curved shadows */
+
+    .curved:before {
+        top:10px;
+        bottom:10px;
+        left:0;
+        right:50%;
+        -webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.6);
+        -moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.6);
+        box-shadow:0 0 15px rgba(0, 0, 0, 0.6);
+        -moz-border-radius:10px / 100px;
+        border-radius:10px / 100px;
+    }
+    .curved-vt-2:before {
+        right:0;
+    }
+    .curved-hz-1:before {
+        top:50%;
+        bottom:0;
+        left:10px;
+        right:10px;
+        -moz-border-radius:100px / 10px;
+        border-radius:100px / 10px;
+    }
+    .curved-hz-2:before {
+        top:0;
+        bottom:0;
+        left:10px;
+        right:10px;
+        -moz-border-radius:100px / 10px;
+        border-radius:100px / 10px;
+    }
+    /* Rotated box */
+
+    .rotated {
+        -webkit-box-shadow:none;
+        -moz-box-shadow:none;
+        box-shadow:none;
+        -webkit-transform:rotate(-3deg);
+        -moz-transform:rotate(-3deg);
+        -ms-transform:rotate(-3deg);
+        -o-transform:rotate(-3deg);
+        transform:rotate(-3deg);
+    }
+    .rotated > :first-child:before {
+        content:"";
+        position:absolute;
+        z-index:-1;
+        top:0;
+        bottom:0;
+        left:0;
+        right:0;
+        background:#fff;
+        -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+        -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+        box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+    }
+
+
+
+/* #Media Queries (bootstrap)
+================================================== */
+
+/* Large desktop */
+@media (min-width: 1200px) {
+}
+
+
+/* Portrait tablet to landscape and desktop */
+@media (min-width: 768px) and (max-width: 979px) {
+    /* GENERAL */
+    body, .logoBig, .logoCenter {
+        padding-top:0;
+    }
+
+
+    .navbar .container {
+        width: 724px;
+        padding: auto;
+    }
+
+    .navbar-fixed-top {
+        margin-bottom:0;
+    }
+
+    #mainHeader .navbar-inner{
+        padding:0;
+    }
+
+    /* MAIN MENU */
+
+    #mainMenu ul {
+        display:none;
+    }
+    #mainMenu .responsive-nav {
+        display:block;
+        margin-bottom:0.2em;
+ width:100%;
+
+    }
+
+  
+    .home .bloc .imgWrapper{height:auto;  }
+
+
+}
+/* NEXUS 7 */
+/*@media (min-width: 960px) and (max-width: 970px) {
+#mainMenu ul {
+        display:block;
+    }
+    #mainMenu .responsive-nav {
+        display:none;
+    }
+  .awards{
+        display:none;
+    }
+    }*/
+
+    /* Landscape phone to portrait tablet */
+    @media (max-width: 767px) {
+ .logoBig, .logoCenter {
+ padding-top:0;
+ }
+        /* GENERAL */
+        body {
+            padding-top:0;
+ padding-left: 0;
+ padding-right: 0;
+
+        }
+ .container,  .navbar .container{
+ margin-left:auto;
+ margin-right:auto;
+ padding:0 20px;
+ }
+        .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {margin-left:0; margin-right:0;}
+
+        .navbar .brand {
+            padding-left: 0;
+        }
+        .navbar-fixed-top {
+            margin-bottom:0;
+        }
+
+ #mainMenu .responsive-nav {
+ width:100%;
+ display:block;
+ margin-bottom:1em;
+ }
+ #mainHeader #mainMenu {float:none!important;}
+
+
+ .home .bloc .imgWrapper{height:auto;  }
+
+        .flexslider .slides .txt h2 {
+            font-size:2em;
+        }
+
+
+        /* MAIN MENU */
+    
+        .logoBig ul.socialNetwork {
+            float:none;
+            text-align: center;
+            margin: 0;
+        }
+        .logoBig nav#mainMenu, .doubleBar nav#mainMenu {
+         display: inline !important;
+         float: none !important;
+     }
+     .logoBig #mainMenu .responsive-nav, .doubleBar #mainMenu .responsive-nav{
+        width: 100%;
+        margin-bottom:1em;
+    }
+
+    .doubleBar .topBar{display:none;}
+
+    #mainMenu ul {
+        display:none;
+    }
+  
+
+    .awards{
+        display:none;
+    }
+
+    .slice{
+       padding-top:0.75em;;
+
+   }
+
+   .videoIframe{
+    height:200px;
+}
+
+
+
+.footer1{
+    margin-top:1em;
+ padding-top:1em;
+}
+
+
+    .navbar .brand {
+        float:none;
+    }
+    .slice [class*="span"] {
+        margin-bottom:1.5em;
+    }
+    .mb15{margin-bottom:0!important;}
+  
+    .headerPage #navTrail {
+ text-align:left;
+    }
+    h3 {
+        margin-bottom:0.3em;
+    }
+    .imgRounded {
+        margin:0 auto;
+    }
+    .team2 .teamInfo, .team2 footer, .team3 h2, .memberInfo {
+        text-align:center;
+    }
+    .iconsDemoCustom li {
+        font-size:11px !important;
+    }
+
+    .blocs .btn{
+        margin-bottom:30px;
+    }
+
+
+    /* SHORTCODES TRANSFROM */
+    .iconBig {
+        height: 100px;
+        width: 100px;
+
+    }
+
+    .iconBtn{
+        font-size: 22px;
+    }
+
+    .iconBig i {
+        font-size: 70px;
+        line-height: 100px;
+        left:14px;
+        top:3px;
+    }
+    .ch-info h3 {
+        font-size: 10px;
+        padding: 25px 0 0;
+    }
+    .ch-info p {
+        font-size: 8px;
+        padding: 5px;
+    }
+    .ch-info p a {
+        font-size: 2px;
+        padding: 0;
+    }
+    .ch-info span {
+        padding-top:30%;
+    }
+    .callToActionBoxed .btnWrapper, .callToActionBoxed .ctaText {
+        float: none;
+        margin: 20px 20px 20px;
+    }
+    #noSliderWrapper .btn {
+        margin:0 0 10px 10px
+    }
+    #subnav {
+        width:100%
+    }
+    #footer, #footerRights {
+        padding:10px;
+    }
+
+    .da-thumbs img, .imgWrapper img{
+        width:100%;
+    }
+
+    .postDate{
+        margin:0 auto 10px auto!important;
+        width:146px !important;
+    }
+
+    .ch-info span{
+        line-height: 1;
+    }
+ .headerPage{padding-top:1em;}
+
+    .flexslider .flex-control-nav{ padding:18px 0 0 0; }
+
+    #sequence h2.title {
+        font-size: 2.5em;
+        border-radius:0;
+        bottom: -50% !important;
+    }
+
+    #sequence h3.subtitle{
+        display:none;
+    }
+
+}
+
+
+
+
+/* Landscape phones and down */
+@media (max-width: 480px) {
+
+    .iconsDemoCustom li {
+        font-size:9px !important;
+    }
+
+    /* MAIN MENU */
+ #mainHeader #mainMenu {float:left;}
+    #mainMenu ul {
+        display:none;
+    }
+
+  
+
+    #mainMenu {
+        border-top:none;
+    }
+
+
+
+    .flexslider .slides .txt h2 {
+        font-size:1.4em;
+    }
+
+
+    .one_third{
+        width:100%;
+    }
+
+    .topQuote{
+        font-size:0.5em;
+    }
+
+
+
+    .btnWrapper{
+        padding:7px 6px 8px 6px;
+    }
+
+    .iconBtn{
+        font-size: 1.1em;
+    }
+
+    .bigIconsColumnsWrapper{
+        padding-top:0;
+    }
+
+    .ctaText{
+        margin-bottom:0;
+        margin-top:15px;
+    }
+
+    #noSliderWrapper h2{
+        margin-left:10px;
+    }
+
+    #noSliderWrapper h2{
+        line-height: 1em;
+    }
+
+    .btnSmall{
+        padding:3px !important;
+    }
+
+    .callToActionBoxed{
+        margin-bottom:20px;
+    }
+
+    hr{
+        margin:0.2em 0;
+    }
+
+    .one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
+        width:100%;
+    }
+
+    .headerPage h1{
+        margin-bottom:5px;
+        font-size: 1.3em;
+    }
+
+    #navTrail{
+        margin-top:0.4em;
+    }
+
+    #widgetArea{
+        margin:0 0 10px 0;
+    }
+
+    .pricingBloc{
+        margin-bottom:10px;
+    }
+
+    #blogHeader h1{
+        margin-top:10px;
+        text-align: center;
+        line-height: 1em;
+    }
+
+
+    .pull-right{
+        float:none!important;
+    }
+
+    .comments input, .comments textarea{
+        width:95% !important;
+    }
+ /*video responsive*/
+ .videoWrapper.videoFormat1 { padding-bottom: 50%;}
+ .videoWrapper.videoFormat2 { padding-bottom: 50%;}
+ .videoWrapper.videoFormat3 { padding-bottom: 80%;}
+
+}
+
+
+/* Portrait phones */
+@media (max-width: 320px) {
+
+
+    
+    .home .bloc .imgWrapper{ height:auto; }
+ #mainHeader #mainMenu {float:left;}
+    #sequence h2.title { font-size:1.5em;}
+    #noSliderWrapper h2, h1 { text-align:center; }
+
+}
+
+/* Crappy android phones */
+@media (max-width: 240px) {
+
+    .iconBtn{
+        font-size: 0.7em;
+    }
+
+    a.socialIcon {
+        font-size: 1em;
+    }
+
+
+    .imgRounded{ width: 180px; height: 180px; }
+ #mainHeader #mainMenu {float:left;}
+
+
+    .callToActionBoxed .btnWrapper{
+        margin-right:12px;
+        margin-left:12px;
+    }
+
+
+}
+

Propchange: ofbiz/branches/ofbiz-new-website/css/layout.css
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: ofbiz/branches/ofbiz-new-website/css/layout.css
------------------------------------------------------------------------------
    svn:keywords = Date Rev Author URL Id

Propchange: ofbiz/branches/ofbiz-new-website/css/layout.css
------------------------------------------------------------------------------
    svn:mime-type = text/css

Added: ofbiz/branches/ofbiz-new-website/css/light.css
URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/css/light.css?rev=1787742&view=auto
==============================================================================
--- ofbiz/branches/ofbiz-new-website/css/light.css (added)
+++ ofbiz/branches/ofbiz-new-website/css/light.css Mon Mar 20 12:28:40 2017
@@ -0,0 +1,630 @@
+/*
+    Document   : colors
+    Created on : 3 sept. 2012, 17:56:23
+    Author     : shaylash
+    Description:
+        Purpose of the stylesheet follows.
+*/
+/*********************** BOOSTRAP CUSTOMIZATION ***********************/
+.pagination {
+    border-top:1px solid #EAEAEA;
+}
+/* pagination */
+.pagination ul > li > a, .pagination ul > li > span {
+    background-color:transparent;
+    color:#ccd;
+}
+.pagination ul > li > a:hover, .pagination ul > .active > span:hover {
+    background-color:transparent;
+    border-top:2px solid #EAEAEA
+}
+.pagination ul > .active > a, .pagination ul > .active > span {
+    background-color:transparent;
+    color:#333;
+    border-top:2px solid #66aaee
+}
+/*tabs*/
+.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
+    background:none;
+ border-bottom-color:#FAFAFA;
+}
+
+.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover{border-right-color:#FAFAFA;}
+/*carousel*/
+.carousel-control {
+    color:#CFCFCF;
+ background:#FAFAFA;
+}
+.carousel-control:hover {
+    color:#66aaee;
+}
+.nav > li > a:hover {
+    background:transparent;
+    color:#66aaee!important;
+}
+
+/*accordion*/
+a.accordion-toggle:link{color:#666;}
+a.accordion-toggle:hover{color:#66aaee;}
+
+/*********************** END BOOSTRAP CUSTOMIZATION ***********************/
+
+
+/*********************** TYPOGRAPHY ***********************/
+
+body {
+    color:#777;
+   background:#FAFAFA;
+}
+
+blockquote {
+    color:#454545;
+}
+/*typography*/
+
+h3, h4, h5, h6 {
+    color:#222;
+}
+h1 {
+    color:#fff;
+}
+h2 {
+    color:#222;
+}
+h2.smallHeading{color:#66aaee}
+.divider {
+    background-color:#dadada;
+ border-bottom:1px solid #fff;
+}
+.divider span {
+    background-color:#66aaee;
+}
+/*********************** END TYPOGRAPHY ***********************/
+
+/*********************** BUTTONS ***********************/
+a {
+    color:#66aaee;
+}
+a:hover, .scrollspyNav .active a {
+    color:#66aaee;
+}
+a.btn-3d, a.iconBtn {
+    -moz-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4);
+    -webkit-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4);
+    box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 2px 4px rgba(10, 10, 10, 0.4);
+    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #DADADA) );
+    background:-moz-linear-gradient( center top, #fff 5%, #DADADA 100% );
+    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#DADADA');
+    background-color:#fff;
+    color:#010101;
+}
+
+a.iconBtn{ color:#777;}
+a.btn-3d:active {
+    background-color:#fff;
+}
+.btn-3d:hover, a.iconBtn:hover {
+    -moz-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4);
+    -webkit-box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4);
+    box-shadow: 0px 1px 0px 0px #9c9c9c, 0px 1px 1px rgba(10, 10, 10, 0.4);
+    background: #fff;
+    color:#66aaee;
+}
+.iconBtn i {
+    color:#66aaee;
+}
+.btnWrapper {
+    background:#DDD;
+ border:1px solid #ccc;
+}
+.btnFlatHover {
+    color:white !important;
+    background: #4F6266 !important;
+    border-color:#4F6266 !important;
+}
+.speBtnHover {
+    color:#4F6266 !important;
+    background-color: white!important;
+}
+#mapReturn, #mapReturn:visited, #mapReturn:active, #mapReturn:link{
+    color:#ededed;
+}
+#mapReturn:hover {
+    color:#4F6266;
+}
+a.iconWrapper:hover{        background-color:#777777;    color:white;}
+/*********************** END BUTTONS ***********************/
+
+
+
+/*********************** MAIN MENU ***********************/
+
+/*dark menu*/
+#mainHeader .navbar-inner {
+    background:#454545;
+}
+.navbar {
+    border-bottom:1px solid #111
+}
+#mainMenu ul li a {
+    color:#ededed;
+}
+
+/*white menu*/
+#mainHeader .navbar-inner {
+    background:#fff;
+}
+.navbar {
+    border-bottom:1px solid #ddd
+}
+#mainMenu ul li a {
+    color:#999;
+}
+
+
+#mainMenu ul ul, #mainMenu  ul li ul li.hover a {
+    background-color:#454545;
+}
+#mainMenu ul ul {
+    border:1px solid #454545;
+}
+
+#mainMenu ul li .active, #mainMenu ul li.hover>a, #mainMenu ul li.hover>a.hasSubMenu, #mainMenu ul li.Shover>a{
+    color:white!important;
+ background: #9ae5f9; /* Old browsers */
+/* IE9 SVG, needs conditional override of 'filter' to 'none' */
+background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iIzlhZTVmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NmFhZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+background: -moz-linear-gradient(top,  #9ae5f9 2%, #66aaee 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#9ae5f9), color-stop(100%,#66aaee)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top,  #9ae5f9 2%,#66aaee 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top,  #9ae5f9 2%,#66aaee 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top,  #9ae5f9 2%,#66aaee 100%); /* IE10+ */
+background: linear-gradient(to bottom,  #9ae5f9 2%,#66aaee 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ae5f9', endColorstr='#66aaee',GradientType=0 ); /* IE6-8 */
+
+}
+#mainMenu ul ul a {
+    color:#B4B4B4;
+}
+#mainMenu ul ul li.Shover a {
+    color:white !important;
+    background-color:#66aaee;
+}
+#mainMenu .hasSubMenu {
+    background-image:url('../images/icons/main-nav-normalstate.png');
+    background-repeat:no-repeat;
+    background-position:90% center;
+}
+#mainMenu ul ul li.hover>a, #mainMenu ul ul li.Shover>a {
+    background-image:url('../images/icons/main-nav-hoverstate.png')!important;
+    background-repeat:no-repeat!important;
+    background-position:90% center!important;
+    color:white !important;
+    background-color:#66aaee!important;
+}
+
+#mainMenu ul ul li.Shover>a {
+    background-image:none !important;
+}
+
+/*********************** END MAIN MENU ***********************/
+
+
+/*********************** FOOTER ***********************/
+.footer1 {
+    color:#eee;
+ background:url(../images/textures/bg-footer.png) #005280;
+}
+.footer2 {
+    background: #66aaee;color: #fff;
+}
+#footer h2 {
+    color:#BBBBBB;
+}
+#footer .divider{border:none; background:#777;}
+/*********************** END FOOTER ***********************/
+
+/*********************** SLIDERS ***********************/
+.bgNoSlider {
+    border-top:1px solid #40b6b6;
+}
+/*CAMERA*/
+.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
+    background-color:#66aaee;
+}
+.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span, .camera_wrap .camera_pag .camera_pag_ul li:hover > span{background-color:#66aaee;}
+.camera_thumbs_cont, .camera_wrap .camera_pag .camera_pag_ul li{background-color:#EDEDED;}
+
+/*FLEX*/
+
+.slides .txt div {
+    background:#444;
+    color:#FFFFFF;
+}
+#sliderWrapper .flex-control-paging li a.flex-active {
+    background:#66aaee;
+}
+.flexslider .flex-control-paging li a:hover {
+ background: #66aaee
+}
+.flexslider .flex-control-paging li a {
+ background: #ededed;
+ border:3px solid #ededed;
+}
+.flex-control-nav {
+    background:#fff;
+}
+/*REVOLUTION SLIDER*/
+.tp-bullets.simplebullets.round .bullet{background:#ededed;border:4px solid #ededed;opacity:0.8;}
+
+.tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover{
+    background:#66aaee;
+ border:4px solid #fff;
+    /*border:1px solid #FFF;*/
+}
+
+#bgSliderBloc{background:#29A3E4;}
+.caption h2, #noSliderWrapper h2, h1 {
+ color:#454545;
+}
+.caption.small_text {
+    text-shadow: none;
+}
+
+.captionBloc {
+    background:#66aaee;
+    color: #FFFFFF;
+}
+
+/*dark text*/
+
+.fullwidthbanner h3 {
+color:#454545;
+}
+.fullwidthbanner h3 i {color:#66aaee}
+
+/* sequence */
+#sequenceSliderWrapper{background-color:#66aaee;}
+
+
+/*********************** END SLIDERS ***********************/
+
+/*********************** BLOG ***********************/
+
+.postDate {
+    background-color:#66aaee;
+    color:white;
+}
+ul.entry-meta {
+    border-top:1px solid #EAEAEA;
+    border-bottom:1px solid #EAEAEA;
+}
+
+.blog .widget ul li a {
+    color:#999
+}
+.blog .widget ul li a:hover {
+    color:#4F6266;
+}
+.blog .blogTags ul li a {
+    background-color:#ccc;
+    color:white;
+}
+.blog .blogTags ul li a.w1 {
+    background-color:#333333;
+}
+.blog .blogTags ul li a.w2 {
+    background-color:#666666;
+}
+.blog .blogTags ul li a.w3 {
+    background-color:#CCCCCC;
+}
+.blog .blogTags ul li a:hover {
+    background-color:#4F6266;
+    color:white;
+}
+.blog article h2 {
+    color:#777;
+}
+
+.blogPostContent .comments {
+    background-color:#ededed;
+}
+
+/* PAGINATION */
+#pagination .active {
+    color:#999;
+}
+#pagination a:hover {
+    background-color:#B5C4CB;
+    color:white;
+}
+/*********************** END BLOG ***********************/
+
+
+/*********************** PAGES ***********************/
+#content{border-top: 1px solid #E1E1E1;}
+/* NAV TRAIL */
+#navTrail a:link, #navTrail a:visited {
+    color:#444;
+}
+#navTrail span {
+    color:#444;
+}
+#navTrail .current {
+    color:#5e5e5e;
+}
+#navTrail a:hover {
+    color:#4F6266;
+}
+
+/*sidebar*/
+#sidebar #subnav ul li a {
+    color:#666;
+}
+#sidebar #subnav ul li a.active, #sidebar #subnav ul li a:hover {
+    color:#66aaee;
+}
+#widgetArea .widget {
+    background-color: #E6E6E6;
+}
+#sidebar #subnav li:first-child {
+    border-top:1px solid #EAEAEA;
+}
+#sidebar #subnav li {
+    border-bottom:1px solid #EAEAEA;
+}
+/* TEAM PAGE */
+.people h3 {
+    background-color: #e6eaec;
+}
+.people h2 {
+    background-color: #e6eaec;
+}
+.people h2 span {
+    color:#999999;
+}
+/* testimonial*/
+.testimonial blockquote {
+    background:white;
+    color:#777;
+}
+.arrowTestimonial {
+    border-right-color:white;
+}
+/*********************** END PAGES ***********************/
+
+
+/*********************** PORTFOLIO ***********************/
+
+/*PORTFOLIO FILTER*/
+nav#filter a:link, nav#filter a:visited {
+    color:#ADADAD;
+}
+nav#filter a:hover, nav#filter a.current {
+    color:#4F6266;
+}
+li.filterTitle {
+    color:#4F6266;
+}
+section#projectDescription {
+    background-color:#F8F8F8
+}
+/*PORTFOLIO */
+.portfolio #sidebar #subnav a.current{
+color:#66aaee;
+}
+
+.PortfolioStickyMenu a:link {
+    color:#666;
+}
+.PortfolioStickyMenu a:hover {
+    color:#4F6266;
+}
+.scrollElement .pInfo {
+}
+.scrollElement .pInfo a:hover {
+    color:#4F6266;
+}
+nav.navigate a {
+    background-color:#CFCFCF;
+    color:#eee;
+}
+nav.navigate a:hover {
+    background-color:#66aaee;
+    color:white;
+}
+#projectsNavAlt  ul li a{color:#999;}
+
+#projectsNavAlt  ul li a:hover{color:#111;}
+/*********************** END PORTFOLIO ***********************/
+
+
+/*********************** MISCELANIOUS ***********************/
+.headerPage, .bgNoSlider, .bgSlider, #sliderWrapperRS, #blogHeader {
+
+  background:url(../images/textures/Little-Neko-_0008_BOKEY-blue5.jpg);
+}
+#videoSliceWrapper{background:url(../images/textures/bg-texture-video.png) no-repeat #222;}
+.focus {
+    background:#f8f8f8;
+}
+
+.topQuote {background-color:#EBEBEB;border-left:1px solid #ccc;border-right:1px solid #ccc;}
+.topQuote h1{color:#454545; text-shadow:none;}
+.topQuote strong{font-weight:400; color:#66aaee}
+.topBox, .blockBox {
+    background:#fff;
+ border:1px solid #DBDBDB;
+}
+.topBox{border-top:none;}
+
+.topBox blockquote p{color:#777;}
+
+/*SIMPLE DIVIDER*/
+hr {
+    border-bottom:1px solid #ededed;
+}
+/* IMAGES*/
+.imgWrapper {
+    border-bottom:0.5em solid #66aaee;
+}
+/*.view:hover, .view:visited, .view:active { color: #EEE; }
+
+.view span {
+    color:#444;
+    background:#fff;
+}*/
+
+/*SOCIAL ICONS*/
+a.socialIcon {
+    color:#999;
+    background-color:transparent;
+}
+a.socialIcon:hover, .socialHoverClass {
+    color:#66aaee;
+}
+/**** Big ICONs ***/
+.iconWrapper, .bigIconLink a{
+    background-color:#66aaee;
+
+    color:white;
+ opacity:0.95;
+
+}
+
+/** ROLLOVER BIG ICON **/
+.ch-info h3, .ch-info p {
+    color: #fff;
+}
+.ch-info p a{
+    color: #fff;
+    color: rgba(255,255,255,1);
+}
+.ch-info p a:hover {
+    color: #fff;
+    color: rgba(255,255,255, 1);
+}
+.ch-item:hover {
+    box-shadow: inset 0 0 0 110px #66aaee;
+
+}
+.iconBig {
+
+background: #f9f9f9; /* Old browsers */
+/* IE9 SVG, needs conditional override of 'filter' to 'none' */
+background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+background: -moz-linear-gradient(top,  #f9f9f9 0%, #d8d8d8 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top,  #f9f9f9 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top,  #f9f9f9 0%,#d8d8d8 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top,  #f9f9f9 0%,#d8d8d8 100%); /* IE10+ */
+background: linear-gradient(to bottom,  #f9f9f9 0%,#d8d8d8 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-8 */
+  color:#66aaee;
+   border: 1px solid #EDEDED;
+}
+
+
+/* ICON LINK */
+.iconLink{border:11px solid #eee;}
+
+
+/*PRICING TABLE*/
+table.pricingBloc th {
+    background:#eee;
+}
+table.pricingBloc td.cost {
+    background:#ddd
+}
+table.pricingBloc h2 {
+    color:#FBFBFB;
+}
+table.pricingBloc .line1 {
+    background-color:#e4e4e4;
+}
+table.pricingBloc .line2 {/*background-color:#fff;*/
+}
+.sign {
+    background-color:#ededed;
+}
+table.pricingBlocFocus h2, table.pricingBlocFocus th {
+    color:white;
+}
+table.pricingBlocFocus th {
+    background:#666
+}
+table.pricingBlocFocus td.cost {
+    background:#66aaee
+}
+table.pricingBlocFocus .sign {
+    background-color:#66aaee;
+}
+/* call To Action */
+.callToActionBoxed {
+    background-color:#EBEBEB;
+ border:1px solid #ccc;
+-moz-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ;
+-webkit-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ;
+-o-box-shadow: inset 0px 0px 10px 0px #D6D6D6 ;
+box-shadow: inset 0px 0px 10px 0px #D6D6D6 ;
+filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=NaN, Strength=10);
+-moz-border-radius: 5px;
+-webkit-border-radius: 5px;
+border-radius: 5px;
+}
+.callToActionBoxed h2, .callToActionBoxed h3 {
+    color: #666666
+}
+/*BOXES */
+.boxWrapper {
+    background-color:#EAEAEA;
+    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
+    -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
+    box-shadow:0 1px 3px rgba(34, 25, 25, 0.4);
+
+}
+.boxWrapper h2, .boxWrapper h3 {
+    background-color: #FBFBFB;
+    color:#777;
+}
+/* TABLE */
+.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
+    background-color: #4F6266 !important;
+    color:white;
+}
+.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
+    background-color: #F5F5F5;
+}
+/*CAROUSEL*/
+.carousel-inner article{border:1px solid #ccc;}
+.projectInfo {
+background: #f5f5f5; /* Old browsers */
+/* IE9 SVG, needs conditional override of 'filter' to 'none' */
+background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
+background: -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* IE10+ */
+background: linear-gradient(to bottom,  #f5f5f5 0%,#ffffff 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
+
+border-top:1px solid #DBDBDB;
+
+}
+/* BACK TO TOP */
+a#to-top:hover {
+    background-color: #66aaee;color:white;
+}
+#to-top {
+    background-color: #777;
+}
+/*FORM*/
+input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
+    border: 1px solid #aaa;
+    color: #444;
+}
+
+/*********************** END MISCELANIOUS ***********************/
+

Propchange: ofbiz/branches/ofbiz-new-website/css/light.css
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: ofbiz/branches/ofbiz-new-website/css/light.css
------------------------------------------------------------------------------
    svn:keywords = Date Rev Author URL Id

Propchange: ofbiz/branches/ofbiz-new-website/css/light.css
------------------------------------------------------------------------------
    svn:mime-type = text/css