@charset "UTF-8";
/* CSS Calczor */

body {width: 100%; height: 100%; background-color: #dfe9eb;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}


div#bg {background:url(../images/bg.jpg) repeat-x; height: 768px;}
div#container_wrapper {width: 1024px; height: 768px; margin: 0 auto; } /*based on width: 1024px; height: 768px;gr: 593px x 367px = 960px */
div#container_wrapper_left {background: url(../images/bg_ipad.jpg); width: 570px; height: 768px; float: left;}
div#container_wrapper_right {background: url(../images/bg_feature.jpg); width: 390px; height: 768px; float: left; }
div#feature_title {position: relative; top: 85px; left: 25px; width: 136px;}
div#icon {position: relative; top: 60px; left: 250px; width: 60px;}
div#feature_container {position: relative; top: 50px; left: 30px; width: 270px; height: 500px;}

.appstore {position: relative; top: 450px; left: 64px;}
.social_links {position: relative; top: 383px; left: 410px; width: 83px; height: 44px; padding: 28px 0 0 13px; background: url(../images/bg_social.png); }

div#footer {z-index: 10; position: relative; top: -30px;}
div#footer .logo {float: left; position: relative; top: -20px; margin-right: 20px;}







/********** Typography **********/
p  {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; line-height: 18px; color:#666666; color: white;}

h1 {font-size: 36px; margin-left: 32px;  margin-top: 60px;}
h2 {font-size: 18px; color: #c7d2e0; margin-left: 60px; line-height: 30px;}
h3 {text-transform:uppercase; font-size: 14px; line-height: 18px; color: #facc2c; font-weight: bold;}
#footer {padding-left: 32px;}
#footer p {font-size: 10px; color: #345168;}
#footer p a:link, #footer p a:visited {font-size: 10px; color: #345168; text-decoration: none;}
#footer p a:hover, #footer p a:active {color: #407aa4; }


.copyright {padding-left: 100px;}




/******** Safari Hack ***********/
@media screen and (-webkit-min-device-pixel-ratio:0){
body {margin: 0; padding: 0;}
.appstore {position: relative; top: 400px; left: 64px;}
.social_links {position: relative; top: 333px; left: 410px; width: 83px; height: 44px; padding: 28px 0 0 13px; background: url(../images/bg_social.png); }
div#feature_container {position: relative; top: 38px; left: 30px; width: 280px; height: 500px;}
h2 {margin-top: -20px;}
h3 {text-transform:uppercase; font-size: 14px; line-height: 13px; color: #facc2c; font-weight: bold;}
p  {margin-top: -10px; line-height: 18px;padding-bottom: 2px;}

}


/*********End Safari hack**********/