body{
    background-color: #F9F9F9;
	background-image: url(images/bg3.gif);
	background-position: center top;
	background-repeat: repeat;
    text-shadow: #FFFFFF 0px 1px 0px;
	font-family: "Georgia", "Times", serif;
	-webkit-font-smoothing: antialiased;
}

a{
    text-decoration: none;
}

#main{
    margin: 50px auto 50px auto;
    width: 1000px;
    min-height: 500px;
    padding: 0px 20px 0px 20px;
}

#page{
    background: rgba(0,0,0,0.03);
    border: 1px solid #DDDDDD;
    min-height: 500px;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    -webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(255,255,255,0.75) 0px 1px 0px, inset 0px 1px 0px rgba(0,0,0,0.02);
    -moz-border-radius: 5px;
	-moz-box-shadow: rgba(255,255,255,0.75) 0px 1px 0px, inset 0px 1px 0px rgba(0,0,0,0.02);
}

#nav{
    width: 1000px;
    height: 50px;
    margin-bottom: 20px;
}

#nav-logo{
    width: 158px;
    height: 50px;
    border-radius: 5px;
    background: -webkit-linear-gradient(#db7148 0%, #c93e2c 100%);
    background: -moz-linear-gradient(#db7148 0%, #c93e2c 100%);
}

#nav-logo-link{
	width: 156px;
	height: 48px;
	border: 1px solid rgba(0,0,0,0.15);
    border-radius: 5px;
	background: url(/images/acrylic-logo-big.png) 14px 5px no-repeat;
	background-size: 95px 35px;
	display: block;
}

#nav-items{
    width: 500px;
    margin-left: 500px;
    margin-top: -50px;
    position: absolute;
    text-align: right;
    padding-top: 35px;
	-webkit-user-select: none;
	-moz-user-select: none;
}

.nav-item{
    color: #777777;
    font: 15px "Helvetica", "Arial", sans-serif;
    padding-left: 15px;
    text-transform: uppercase;
    -webkit-transition: color 0.25s linear;
    -moz-transition: color 0.25s linear;
}

.nav-item:hover{
    color: #ae422f;
    cursor: pointer;
}

#nav-products{
    padding-right: 16px;
    background: url(images/dropdown_2x.png) right center no-repeat;
    background-size: 9px 6px;
}

/* Popup */

#product-popup{
    position: absolute;
    width: 240px;
    height: 400px;
    text-align: left;
    margin-left: 236px;
    margin-top: -9px;
    display: none;
    z-index: 100;
    -webkit-user-select: none;
    -webkit-border-radius: 5px;
    -moz-user-select: none;
    -moz-border-radius: 5px;
}

#popup-title{
    -webkit-box-shadow: rgba(0,0,0,0.25) 0px 1px 2px;
    padding: 10px;
    padding-right: 5px;
    color: #000;
    background: #FFF;
    width: 105px;
    font: 15px "Helvetica", "Arial", sans-serif;
    text-transform: uppercase;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
	-webkit-user-select: none;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-user-select: none;
}

#popup-title-inner{
    padding-right: 16px;
    color: #000;
    background: url(images/dropdown_d_2x.png) right center no-repeat;
    background-size: 9px 6px;
    cursor: pointer;
	-webkit-user-select: none;
}

#popup-content{
    color: #000;
    background: #FFF;
    width: 240px;
    -webkit-box-shadow: rgba(0,0,0,0.25) 0px 1px 2px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-box-shadow: rgba(0,0,0,0.25) 0px 1px 2px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    overflow: hidden;
}

.popup-product{
    font: bold 16px "Helvetica", "Arial", sans-serif;
	color: #000000;
    padding: 25px;
    padding-left: 60px;
    border-top: 1px solid #EEE;
    background-position: 20px center;
    background-repeat: no-repeat;
    -webkit-transition: background-color linear 0.25s;
    -moz-transition: background-color linear 0.25s;
}

.popup-product:hover{
    background-color: #FAFAFA;
}

#popup-pulp-mac{
    background-image: url(images/product-pulp-mac.png);
}
#popup-pulp-ios{
    background-image: url(images/product-pulp-ios.png);
}
#popup-wallet-mac{
    background-image: url(images/product-wallet-mac.png);
}
#popup-wallet-ios{
    background-image: url(images/product-wallet-ios.png);
}

#copyright{
    margin-top: 20px;
    font: 12px "Helvetica", "Arial", sans-serif;
    color: #999;
}

/* main */

#main-banner-top{
    border-bottom: 1px solid #DDDDDD;
    font: 22px "Georgia", "Times", serif;
    color: #999999;
    text-align: center;
    padding: 35px;
}

#main-products{
}

#main-product-l{
    width: 450px;
    padding: 40px;
    display: table-cell;
    border-right: 1px solid #DDDDDD;
}

#main-product-r{
    width: 450px;
    padding: 40px;
    display: table-cell;
}

#main-banner-bottom{
    border-top: 1px solid #DDDDDD;
    color: #AAAAAA;
    padding: 35px;
    min-height: 100px;
}

.main-product-title{
    font: bold 20px "Helvetica", "Arial", sans-serif;
}

.main-product-subtitle{
    color: #999999;
    font: 16px "Helvetica", "Arial", sans-serif;
    padding-left: 0.1em;
}

.main-product-image{
    min-height: 325px;
    background: url(images/product_bg.png) center 140px no-repeat;
}

.main-product-footer{
    color: #999999;
    font: 16px "Helvetica", "Arial", sans-serif;   
}

#times-image-1{
    background: url(images/times_icon.png) top left no-repeat;
}

#pulp-image-1{
    background: url(images/pulp_icon_2x.png) 80px 30px no-repeat;
    background-size: 256px 256px;
}

#wallet-image-1{
    background: url(images/wallet_icon_2x.png) 80px 30px no-repeat;
    background-size: 256px 256px;
}

#wallet-image-2{
    background: url(images/wallet_screen.png) top left no-repeat;
}

.product-image{
	display: block;
    width: 420px;
    height: 325px;
}

/* Product Page */

#product-nav{
    padding: 30px;
	padding-left: 40px;
}

#product-nav-title{
    font: bold 20px "Helvetica", "Arial", sans-serif;
}

.product-nav-platform{
    font: 16px "Helvetica", "Arial", sans-serif;
    padding-left: 0.5em;
    color: #666;
}

.product-nav-platform-selected{
    color: #000;
}