/* --------  Global --------  */

body { background:#160416 url(images/bg-image.jpg) no-repeat center top; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:0; }

#wrapper { width:960px; margin:0 auto; }
hr { margin:40px 0; }
.textblock { clear:both; padding:32px; }

/* --------  Header  --------  */

#header { width:960px; overflow:hidden; position:relative; }

#menu { width:960px; position:relative; height:120px; }
#menu ul { position:absolute; width:320px;  }
#menu ul.one { position:absolute; top:80px;	left:57px; }
#menu ul.two { position:absolute; top:80px; left:574px;  }
#menu ul li { float:left; font-size:18px; list-style:none; padding:0; }
#menu ul li a:link, #menu ul a:visited { color:#636466; text-decoration:none; margin:0 18px;  }
#menu ul li a:hover { color:#02000e; text-decoration:none;  }
#menu ul li a.current { color:#b9097e; text-decoration:none; font-weight:bolder;  }
#menu ul li.logo { width:250px; border:0; padding:0; }

/* --------  Content  --------  */

#content { padding:66px 0 0 0; clear:both; overflow:hidden; width:960px; }
#content a { color:#FFF; }

#home #content { background:url(images/promo-ipad.png) no-repeat 50% 180px; }
#home #content #imagePromo { text-align:center; width:960px; height:425px;  }
#home #content #textPromo { width:960px; text-align:center; }
#home #content #textPromo h1 { font-size:28px; font-weight:400; color:#160416; margin:0; padding:20px 0; text-shadow: 1px 1px 1px #d3d3d3; }

#purchase #content { background:url(images/promo-purchase.png) no-repeat center 240px; }
#purchase #content #imagePromo { text-align:center; width:960px; height:442px;  }
#purchase #content #textPromo { color:#160404; width:960px; text-align:center; }
#purchase #content #textPromo h1 { font-size:28px; font-weight:400; color:#160416; margin:0; padding:20px 0; text-shadow: 1px 1px 1px #d3d3d3; }

#platform #content { background:url(images/promo-platform-ipad.png) no-repeat center 160px; }
#platform #content #imagePromo { text-align:center; width:960px; height:367px;  }
#platform #content #textPromo { color:#160404; width:960px; text-align:center; }
#platform #content #textPromo h1 { font-size:28px; font-weight:400; color:#160416; margin:0; padding:20px 0;text-shadow: 1px 1px 1px #d3d3d3; }

#push #content { background:url(images/promo-push.png) no-repeat center 180px; }
#push #content #imagePromo { text-align:center; width:960px; height:435px;  }
#push #content #textPromo { color:#160404; width:960px; text-align:center; }
#push #content #textPromo h1 { font-size:28px; font-weight:400; color:#160416; margin:0; padding:20px 0; text-shadow: 1px 1px 1px #d3d3d3; }

#pricing #content { background:url(images/bg-page.png) no-repeat center 147px; }
#pricing #content #imagePromo { text-align:center; width:960px; height:435px;  }
#pricing #content #textPromo { color:#160404; width:960px; text-align:center; }
#pricing #content #textPromo h1 { font-size:28px; font-weight:400; color:#160416; margin:0; padding:20px 0; text-shadow: 1px 1px 1px #d3d3d3; }

#interactive #content { background:url(images/promo-interactive.png) no-repeat center 126px; }
#interactive #content #imagePromo { text-align:center; width:960px; height:450px;  }
#interactive #content #textPromo { color:#160404; width:960px; text-align:center; }
#interactive #content #textPromo h1 { font-size:28px; font-weight:400; color:#160416; margin:0; padding:20px 0; }


#contact #content #textPromo { color:#160404; width:960px; text-align:center; }
#contact #content #textPromo h1 { font-size:28px; font-weight:400; color:#160416; margin:0; padding:20px 0; text-shadow: 1px 1px 1px #d3d3d3; }
#contact #form { background:url(images/bg-form-contact.png) no-repeat top; float:left; width:532px; padding:45px 32px; }
#contact #address { background:url(images/bg-address-contact.png) no-repeat top; float:right; width:212px; padding:45px 32px; }
#contact #address strong { color:#dc4b99; }
#contact #form h1, #contact #address h1 { font-size:21px; font-weight:400; margin:0 0 20px 0; }

#btns { padding:32px 315px; }
#btns .btn-mag { float:left; }
#btns .btn-moreinfo { float:right; }

.bgWrap { background:url(images/bg-ul-list-noline.png) bottom no-repeat; overflow:hidden; margin:0; }
.bgWrapHome { background:url(images/bg-ul-list-noline.png) bottom no-repeat; overflow:hidden; margin:0; text-align:center; }
.frmWrap { background:url(images/bg-ul-list-noline.png) bottom no-repeat; overflow:hidden; margin:0 0 20px 0; padding:32px; }
.txtWrap { background:url(images/bg-ul-list-noline.png) bottom no-repeat; overflow:hidden; margin:0 0 20px 0; padding:45px 32px; }
.bgWrap strong { color:#dc4b99; }

td.textDescPadd { padding:0 20px 0 0; } 
td.pricingTitle1 { background: url(images/bg-pricing-title.png) no-repeat 0 0; width:73px; font-weight:bolder; padding:15px 15px; }
td.pricingTitle2 { background: url(images/bg-pricing-title.png) no-repeat 25% 0; width:73px; font-weight:bolder; padding:15px 15px; }
td.pricingTitle3 { background: url(images/bg-pricing-title.png) no-repeat 50% 0; width:73px; font-weight:bolder; padding:15px 15px; }
td.pricingTitle4 { background: url(images/bg-pricing-title.png) no-repeat 100% 0; width:73px; font-weight:bolder; padding:15px 15px; }

td.entry { width:73px; font-weight:bolder; padding:10px 15px; }
tr.shade { background:#695d69; }

dl.twoCol { width:416px; float:left; padding:32px; }
dl.twoCol dt { font-size:21px; font-weight:bold; }
dl.twoCol dd { margin:15px 0 15px 0; }
dl.twoCol dd strong { color:#dc4b99; }

#interactive dl.twoCol { width:876px; float:left; padding:32px; }
#interactive dl.twoCol dt { font-size:21px; font-weight:bold; }
#interactive dl.twoCol dd { margin:15px 0 15px 0; float:left; width:423px; }
#interactive dl.twoCol dd strong { color:#dc4b99; }
#interactive dl.twoCol dd.indentRight { padding:0 15px 0 0; }
#interactive dl.twoCol dd.indentLeft { padding:0 0 0 15px; }

ul.threeCol { background:url(images/bg-ul-list.png) bottom no-repeat; clear:both; margin:0; padding:0; width:960px; overflow:hidden; }
ul.threeCol li {  float:left; width:256px; padding:32px; list-style:none; margin:0; color:#FFF; }
ul.threeCol li a { }

ul.threeCol h2 { font-size:21px; font-weight:400; text-shadow: 1px 1px 1px #ba3d82; } 

/* --------  Footer  --------  */

#footer { clear:both; width:960px; overflow:hidden; text-align:center; padding:20px 0; }
#footer a:link, #footer a:visited { color:#695971; font-size:11px; text-decoration:none; text-transform:uppercase; padding:0 20px; display:inline-block; }
#footer a:hover { color:#ba0e83; text-decoration:none; }

#footer #copyrightNotice { color:#FFF; font-size:11px; padding:20px 0; }


/* --------  Popup  --------  */

#backgroundPopup { display:none; position:fixed;  _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; z-index:1; }
#popupContact { color:#333; display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:107px; width:612px; background:url(images/bg-popup.png); z-index:2; padding:35px 45px; font-size:15px; }
#popupContact strong {  color:#dc4b99; }
#popupContact a {  color:#dc4b99; text-decoration:underline; }

#popupContactClose { height:25px; width:32px; right:335px; top:165px; position:absolute; display:block; }

/* -------- Contact Form -------- */

#frm-contact { margin:10px 0 0 0; padding:28px 32px; display:block; position:relative; }
#frm-contact fieldset { border:0; padding:0; margin:0; }
#frm-contact fieldset input.field { border:0; margin:0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; padding:10px 5px; width:345px;background-color: transparent; font-style:italic;  }
#frm-contact fieldset textarea { border:0px; margin:0 0 20px 0; font-size:11px; color:#fff; padding:15px 4px; width:480px; height:176px; font-family:Arial, Helvetica, sans-serif; font-size:15px; background-color: transparent; font-style:italic; overflow:auto; }
#frm-contact fieldset label { margin:0 20px 0 0; padding:0; font-weight:400; vertical-align:middle; }
#frm-contact fieldset .submit { position:absolute; cursor:pointer; width:125px; height:39px; }

.error { color:#F33; }
.success { color:#6C3; }
