/* CSS Document */

/*************************************************   RESET   *************************************************/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none; }
fieldset,img {border:none; }
caption,th {text-align:left; }
table {border-collapse:collapse; border-spacing:0; }

/*************************************************   LAYOUT   *************************************************/
html, body {font:12px/18px "Arial", sans-serif; color:#333; background:#cdd6db; color:#6b6b6b}
.container-12{width:980px; margin:20px auto; background:url(../images/bg_woman2.jpg) no-repeat;}
.version2{background:url(../images/bg_woman3.jpg) no-repeat;}
#header{padding:0px 20px; height:404px;}
.version2 #header{padding:0px 20px; height:456px;}
#content{background:#006faf url(../images/bg_blue.gif) repeat-x bottom; padding:20px 10px 0 10px;}
#content2{background:#006faf url(../images/bg_blue.gif) repeat-x bottom; padding:10px 0 0 0;}
#footer{padding:30px 10px 20px 10px; background:#fff url(../images/corners_bottom.gif) no-repeat bottom; text-align:center}
#foot-notes{padding:30px 0 10px 0; font-size:11px; text-align:center; color:#999}
.clear{height:1px; clear:both; font-size:1px; line-height:1px}

/* Global Grid */
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{display:inline; float:left; margin-left:10px; margin-right:10px;}

/* Children */
.first{margin-left:0;}
.last{margin-right:0;}

/* 12 Columns */
.container-12 .grid-1{width:60px;}
.container-12 .grid-2{width:140px;}
.container-12 .grid-3{width:220px;}
.container-12 .grid-4{width:300px;}
.container-12 .grid-5{width:380px;}
.container-12 .grid-6{width:460px;}
.container-12 .grid-7{width:540px;}
.container-12 .grid-8{width:620px;}
.container-12 .grid-9{width:700px;}
.container-12 .grid-10{width:780px;}
.container-12 .grid-11{width:860px;}
.container-12 .grid-12{width:940px;}

/* 12 Column Prefix Extra Space */

.container-12 .prefix_1{padding-left:80px;}
.container-12 .prefix_2{padding-left:160px;}
.container-12 .prefix_3{padding-left:240px;}
.container-12 .prefix_4{padding-left:320px;}
.container-12 .prefix_5{padding-left:400px;}
.container-12 .prefix_6{padding-left:480px;}
.container-12 .prefix_7{padding-left:560px;}
.container-12 .prefix_8{padding-left:640px;}
.container-12 .prefix_9{padding-left:720px;}
.container-12 .prefix_10{padding-left:800px;}
.container-12 .prefix_11{padding-left:880px;}

/* 12 Column Suffix Extra Space */
.container-12 .suffix_1{padding-right:80px;}
.container-12 .suffix_2{padding-right:160px;}
.container-12 .suffix_3{padding-right:240px;}
.container-12 .suffix_4{padding-right:320px;}
.container-12 .suffix_5{padding-right:400px;}
.container-12 .suffix_6{padding-right:480px;}
.container-12 .suffix_7{padding-right:560px;}
.container-12 .suffix_8{padding-right:640px;}
.container-12 .suffix_9{padding-right:720px;}
.container-12 .suffix_10{padding-right:800px;}
.container-12 .suffix_11{padding-right:880px;}

/* Clear */
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear{background:none; border:0; clear:both; display:block; float:none; font-size:0; list-style:none; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0;}
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after{clear:both; content:'.'; display:block; visibility:hidden; height:0;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

/*************************************************   DEFUALTS   *************************************************/
a{text-decoration:none; cursor:pointer}
a:hover{text-decoration:underline;}
p{margin-bottom:20px}
ul{margin-bottom:20px; list-style:disc inside;}
ol{margin-bottom:20px; list-style:decimal inside;}
/*h2{font-size:38px; color:#333; line-height:44px; margin-bottom:20px}*/
h1, h2{text-indent:-9999px;}

/*************************************************   HEADER  *************************************************/
#logo{background:url(../images/viatalk_logo.png) no-repeat; width:126px; height:50px; overflow:hidden; text-indent:-9999px; margin-bottom:20px}
#header p{font-size:14px; line-height:24px; margin-bottom:20px}
a.button-order-free{width:257px; height:45px; float:right; background:url(../images/button_order_free.png) no-repeat 0 0; display:block; overflow:hidden; text-indent:-9999px; margin:10px 20px 0 0}
a.button-order-free:hover{background:url(../images/button_order_free.png) no-repeat 0 -45px;}
h2{background:url(../images/h2_2.gif) no-repeat 0 0; width:400px; height:80px; margin:95px 0 20px 0; }
/*************************************************   CONTENT   *************************************************/
#content h3, #content2 h3{color:#fff; font-size:18px; line-height:24px; margin-bottom:10px}
#content2 h4{color:#fff; font-size:12px; font-weight:bold}
#content p, #content2 p, #content2 ul{color:#86d2ff; line-height:22px; font-size:13px}
.feature-block{width:280px; display:inline; float:left; margin:0 20px 20px 20px;}
.feature-block a{color:#cfedff; text-decoration:underline}
.feature-block a:hover{color:#fff;}
#price{margin-bottom:20px}
.left-block{width:300px; float:left; padding:10px 0 0 170px}
.right-block{width:300px; float:right; padding:10px 170px 0 0}
#world{background:url(../images/bg_world.png) no-repeat 0 0; height:332px}
#iphone{background:url(../images/bg_iphone.png) no-repeat right; height:332px}
#world ul{list-style:none; height:150px; margin-bottom:20px}
#world ul li{width:120px; float:left; height:20px; overflow:hidden; background:url(../images/checkmark2.png) no-repeat 0 0; padding-left:30px; margin-bottom:10px; font-weight:bold; color:#fff}
.feature-icon{width:60px; float:left}
.button-more{width:114px; height:30px; background:url(../images/button_more.png) no-repeat 0 0; text-indent:-9999px; overflow:hidden; display:block}
.button-more:hover{background-position: 0 -30px;}
/*************************************************   FOOTER   *************************************************/
blockquote{width:650px; font-size:20px; margin:0 auto; line-height:28px; margin-bottom:10px; font-style:italic}
blockquote b{color:#333}
#footer p{color:#999}
.quote-left{float:left; width:65px; height:54px; background:url(../images/quote_left.png) no-repeat; margin-left:60px; margin-top:15px}
.quote-right{float:right; width:65px; height:54px; background:url(../images/quote_right.png) no-repeat; margin-right:60px;  margin-top:15px}
a.button-order{width:214px; height:45px; background:url(../images/button_order.png) no-repeat 0 0; display:block; overflow:hidden; text-indent:-9999px; margin:0 auto 10px auto}
a.button-order:hover{background:url(../images/button_order.png) no-repeat 0 -45px;}