/* Enterprise Private Cloud landing page styles.

   developer:   yhechler, marionm
   requires:    /enterprise-private-cloud/css/epc-shared.en.css
   ========================================================================== */
/* shared style
   ========================================================================== */

#sections a:link,
#sections a:visited { color: #505050; }

#sections a:hover,
#sections a:active { color: #f57300; }

#sections a img:hover,
#sections a img:active { opacity: .85; }

#sections h2 {
    font-size: 17px;
    font-weight: 600;
    line-height: 17px;
    margin: 0px 0 40px 0px;
}

#sections h2.last {
    margin: 3px 0 30px 0px;
}

#sections .table {
    display: table;
    margin-top: 53px;
}

#sections .row { display: table-row; }

#sections .column {
    width: 338px;
    padding: 0 81px 4px 0;
}

#sections .column.right {
    width: 30%;
    padding: 0 0 0px 0;
}

#sections .column.left img { margin: 0 0 3px 0; }

#sections .column.right img { margin: 0; }

#sections .column.right p.description {
    line-height: 29px;
    width: 30%;
}

#sections .column.right p {
    font-size: 16px;
    line-height: 24px;
}

.section-wrapper {
    border: none;
}
.section-wrapper .width.last {
    font-size: 16px;
	line-height: 22px;
	padding-top: 6px;
}
.section-wrapper .width.last p.description {
    padding-bottom: 30px;
}
.section-wrapper .width{
   padding:0 25px;
}
/* subnav
   ========================================================================== */
#subnav {
    bottom: 0;
    height: 43px;
    background: #e01100;
    padding:0 25px;
}

#subnav ul {
	width: 1015px;
	margin: 0 auto;
}

#subnav li {
    display: block;
    float: left;
}


#subnav a:link,
#subnav a:visited {
    color: #fff;
}

#subnav a:hover,
#subnav a:active {
    color: #fff;
}

#overview #subnav-overview {
    padding: 15px 26px 10px 26px;
    border: none;
    color: #fff;
    background: #af0000;
}

#epc-section-header nav > ul {
    list-style: none;
    margin: 0 auto;
}

#epc-section-header nav > ul > li {
    display: inline-block;
    font-size: 16px;
    list-style: none;
    position: relative;
}

#epc-section-header nav > ul > li > ul {
    background: #910000;
    display: none;
    list-style: none;
    position: absolute;
    width: 182px;
    z-index: 9999999;
}

#epc-section-header nav > ul > li > a {
    color: #fff;
    display: block;
    padding: 15px 26px 10px 26px;
}
#epc-section-header nav > ul > li > ul > li > a {
    border-bottom: 1px solid #9f3633;
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 1.2;
    padding: 10px 13px;
    background: #ac0000;
}

#epc-section-header nav ul li ul {
   border: none;
}
#epc-section-header nav > ul > li > a:active,
#epc-section-header nav > ul > li > a:hover,
#epc-section-header nav > ul > li > a.active,
#epc-section-header nav > ul > li > ul > li > a:hover,
#epc-section-header nav > ul > li > ul > li > a:active 
 { background-color: #b80900;}

#epc-section-header nav > ul > li > a.support,
#epc-section-header nav > ul > li > a.support:hover,
#epc-section-header nav > ul > li > a.support:active,
#epc-section-header nav > ul > li > a.support.active,
#epc-section-header nav > ul > li > a.compare,
#epc-section-header nav > ul > li > a.compare:hover,
#epc-section-header nav > ul > li > a.compare:active,
#epc-section-header nav > ul > li > a.compare.active {
    background: url(/National_Library/20160521004321oe_/http://www.wolfram.com/enterprise-private-cloud/img/icon-white-down.png) no-repeat 105px 22px;
    background-size: 10px 7px;
    cursor: pointer;
    padding-right: 41px;
}

#epc-section-header nav > ul > li > ul > li:last-of-type > a {
    border-bottom: none;
}
#compare-nav,#support-nav {
    border: none;
    border-bottom: 0;
}
#compare-nav:hover,#support-nav:hover {
    background: #ac0000;
    border: none;
    border-bottom: 0;
}
#subnav > ul > li:hover > .divide { left: 1px; }
/* Header
   ========================================================================== */

.header-title-wrapper {
    display: table;
    width: 100%; 
    background-color: #383838;
    padding: 0 25px;
}
#epc-section-header {
    height: auto;
    border: none;
    background: none;
}

#epc-section-header .width {
    width: 100%;
    line-height: 0px;
    padding:0;
}

.header-title-wrapper > div {
    width: 1010px;
    margin: 60px auto 50px auto;
}

.header-title-wrapper .epc-logo { display: inline-block; }

.header-title-wrapper h1 {
    font-size: 53px;
    color: #ffffff;
    font-weight: 400;
    display: inline-block;
    margin: 0px auto auto 38px;
    vertical-align: top;
}

.header-title-wrapper  h1 a:link,.header-title-wrapper  h1 a:hover {
    color: #ffffff;
}

.header-title-wrapper  span.first-line {
    display: block;
    line-height: 57px;
}

.header-title-wrapper span.tail {
    color: #b4b4b4;
    font-size: 22px;
    line-height: 0;
    font-weight: 100;
    display: inline-block;
    padding-left: 210px;
}

.header-title-wrapper span.red { color: #dd1100; }

.header-title-wrapper span.white {
    color: #ffffff;
    line-height: 57px;
}

.header-title-wrapper span.subtitle {
    color: #ebcb74;
    font-weight: 600;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 0.02em;
    display: inline-block;
    line-height: 14px;
    margin-top: 0;
    padding-top: 0;
}

/* intro
   ========================================================================== */

#intro .width { padding: 50px 25px 0 25px; }

#intro p {
    display: inline;
    margin: 20px 0 0 0;
    color: #f77700;
    font-size: 30px;
    font-weight: 300;
    line-height: 44px;
}

#intro span {
    display: inline-block;
    color: #f77700;
    font-size: 30px;
    font-weight: 300;
    line-height: 44px;
}

#intro span.orange { font-weight: 400; }

#intro p.description {
    color: #636363;
    font-size: 22px;
    line-height: 37px;
    display: inline-block;
}

#intro a:hover { color: #dd1100; }

#intro a { color: #f77700; }



/* contact us section overwrite
   ========================================================================== */
#contact-us-section { margin-top: 75px; }   
#contact-us-section .row { padding: 0 25px;}  
/* overview video 
  ===============================================*/   
body#video,body#video iframe { overflow: hidden; }
body#video .jsrequired { padding: 10px;}