@charset "utf-8";
/* CSS Document */

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; *zoom:1;}
* html .clearfix { height: 1%; } /* Hides from IE-mac */
.clearfix { display: block; }


/* -------------------------------------- Reset -------------------------------------  */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, figure, footer, header, 
hgroup, nav, section { display:block; }

ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color:#0096ff; text-decoration:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
input[type=submit] { outline:none; border:none; }
input:focus , textarea:focus { outline:none; }
/* -------------------------------------- End of Reset -------------------------------------  */

/* -------------------------------------- Typography -------------------------------------------*/

body { background:#efefef; font-family: Helvetica, Arial , sans-serif;  color:#787878; line-height:1.8; font-size:12px; font-smooth:always;     overflow-x:hidden;   }
html { background:#f5f5f5; }
h1 { color:#111111; font-size:52px; letter-spacing: -1px;  }
h2 { color:#111111; font-size:42px; letter-spacing: -1px; font-weight:100;}
h3 { color:#111111; font-size:36px; }
h4 { color:#111111; font-size:28px;  font-weight:700;}
h5 { color:#111111; font-size:22px; letter-spacing: -1px; font-weight:100;}
h6 { color:#111111; font-size:18px; letter-spacing: -1px; font-weight:100;}
/* -------------------------------------- Layout  -------------------------------------------*/
.container { width:980px ; margin-left:auto; margin-right:auto; padding:0px; position:relative;    }

.half-col { width:439px; float:left; margin:10px 5px;   padding:10px 5px; }
.one-third {  width:304px; float:left; margin:10px 5px;  padding:10px 5px; }
.one-fourth {  width:225px; float:left; margin:10px 5px;   padding:10px 5px; }
.two-third {  width:636px;  float:left; margin:10px 5px;  padding:10px 5px;  }
.three-fourth {  width:700px; float:left; margin:10px 5px;   padding:10px 5px; }

.half-col .one-fourth { width:216px; padding:0px 3px; margin:3px;  }

.left { float:left; }
.right { float:right;  }
img.right { margin:16px 20px 0px 10px; }
.marginv { margin-top:20px; margin-bottom:80px; }
.padding-10v { padding:10px 0px; }
.padding-20h { padding: 0px 20px; }

.highlight { color:#3b8dd9; }


#top-bar { background:#fafafa; border-bottom:1px solid #fff; -webkit-box-shadow:2px 2px 4px #ccc; -moz-box-shadow:2px 2px 4px #ccc; box-shadow:2px 2px 4px #ccc;position:fixed;  z-index:9;  height:57px; top:0; left:0; width:100%;   }
#top-bar h5 { background:url(i/top-arrow.jpg) bottom right no-repeat; font-size:24px; padding-top:11px; padding-right:69px; margin-right:89px; font-weight:700; font-size:21px; display:block; color:#111111;  text-shadow:1px 1px 1px #ccc; }
#top-bar form { position:absolute; right:10px; bottom:-54px; padding:5px 12px 8px 12px; background:#fafafa;border-bottom:1px solid #fff; -webkit-box-shadow:0px 4px 6px #ccc; -moz-box-shadow:0px 4px 6px #ccc; box-shadow:0px 4px 6px #ccc; display:block; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }

#top-bar .subscribe { background:url(i/subscribe-bg-slice.jpg) repeat-x #3c8eda; color:#fff; font-weight:700; font-size:15px; border:1px solid #2a6aaa;  border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; padding:11px 8px 11px 8px; text-shadow:1px 1px 0px #5b8db8; margin-left:12px; letter-spacing:-1px; cursor:pointer;   }

#top-bar input[type=text] { background:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border:1px solid #cbcbcb; outline:none; padding:13px 9px; color:#aaaaaa;  font-size:12px; width:367px; }


#header h1, #header h2 { display:inline; }
.currency { font-size:60px; font-weight:bold; font-style: italic;color:#3b8dd9; text-shadow:1px 1px 0px #fff; }
#header h1 { font-size:125px; font-style: italic; letter-spacing:-6px; color:#3b8dd9; text-shadow:1px 1px 0px #fff; }
#header h2 { font-size:96px; font-style: italic; letter-spacing:-6px;  font-weight:bold; color:#3b8dd9; text-shadow:1px 1px 0px #fff; }
#header  { background:url(i/stage-bg.jpg) top center no-repeat;  position:relative; height:389px; margin-top:58px;  }

#header .placeholder { padding-top:70px; position:relative; z-index:5; }
#header .feature-button { margin-top:7px; }

.intro { margin-top:-50px; }
.intro h4 { line-height:1.4; font-size:21px; text-transform:uppercase; text-shadow:1px 1px 1px #fff; margin-top:-50px; color:#3b8dd9; }
.feature-button li { float:left; }
.feature-button .or span { background:url(i/or-button.png); display:block; width:92px; height:87px; }
.feature-button .or { position:relative; z-index:5; }
.feature-button .learn { margin-top:23px; margin-right:-28px;  }
.feature-button .buy { margin-top:23px;  margin-left:-28px;}
.feature-button .learn a { background:url(i/learn-bg-slice.jpg) repeat-x #ffea00; padding:10px 10px;  color:#fff; font-size:16px; text-shadow:1px 1px 0px #111;  width:160px; display:block; text-align:center; padding-right:20px;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; text-transform:uppercase; border:1px solid #000000;  font-weight:700; }
.feature-button .buy a { background:url(i/buy-bg-slice.jpg) repeat-x #3d8fda; padding:5px 10px; color:#fff; font-size:21px;text-shadow:1px 1px 0px #3779b0; width:160px; display:block; text-align:center;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; text-transform:uppercase; border:1px solid #2a6aaa; font-weight:700; }

#content { background:url(i/content-top-bg.jpg) top left repeat-x #f2f2f2;  -webkit-box-shadow:0px -2px 11px #ccc; -moz-box-shadow:0px -2px 11px #ccc; box-shadow:0px -2px 11px #ccc;  position:relative; z-index:1;   }

#tabs-1 { font-size:12px; padding-left:10px;  }
#tabs-1 .half-col { width:437px; }
#tabs-1 .one-third {  width:294px; }
#tabs-1 ul { position:relative; }
#tabs-1 ul li { background: url(i/list-default-bg.png) 0px 3px no-repeat; padding:0px 3px 24px 23px; position:relative; }
.separator { background:url(i/list-separator.jpg) top right no-repeat; margin-right:35px; padding-right:20px; }
#tabs-1 ul li.highlight { background: url(i/list-active-bg.png) 0px 3px no-repeat!important; padding:0px 3px 8px 23px; position:relative; }
.bottom-content { background:url(i/bottom-content-bg.jpg) bottom center no-repeat;  position:relative; padding-top:40px; padding-bottom:30px; }
.bottom-content .info ul { width:240px; display:block; }
.bottom-content .info ul li { margin:8px 2px 5px 2px; }
.bottom-content .info ul li img { margin-right:9px; }

#tabs-2 { font-size:12px; padding-left:10px;  }
#tabs-2 .half-col { width:437px; }
#tabs-2 .one-third {  width:294px; }
#tabs-2 ul { position:relative; }
#tabs-2 ul li { background: url(i/list-default-bg.png) 0px 3px no-repeat; padding:0px 3px 24px 23px; position:relative; }
.separator { background:url(i/list-separator.jpg) top right no-repeat; margin-right:35px; padding-right:20px; }
#tabs-2 ul li.highlight { background: url(i/list-active-bg.png) 0px 3px no-repeat!important; padding:0px 3px 8px 23px; position:relative; }

#tabs-3 { font-size:12px; padding-left:10px;  }
#tabs-3 .half-col { width:437px; }
#tabs-3 .one-third {  width:294px; }
#tabs-3 ul { position:relative; }
#tabs-3 ul li { background: url(i/list-default-bg.png) 0px 3px no-repeat; padding:0px 3px 24px 23px; position:relative; }
.separator { background:url(i/list-separator.jpg) top right no-repeat; margin-right:35px; padding-right:20px; }
#tabs-3 ul li.highlight { background: url(i/list-active-bg.png) 0px 3px no-repeat!important; padding:0px 3px 8px 23px; position:relative; }

.gallery { position:relative; margin-top:30px;  }
.gallery h3 { margin-bottom:20px; font-weight:bold; color:#1b1b1b; text-shadow:1px 1px 1px #ccc; }
.gallery li { background:url(i/gallery-thumb-bg.jpg) repeat-x #f0f0f0; float:left; margin:13px 13px; padding:10px; border:1px solid #dddddd; display:block; -webkit-box-shadow:1px 2px 4px #bbb; -moz-box-shadow:1px 2px 4px #bbb; box-shadow:1px 2px 4px #bbb;  border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;position:relative; }
.gallery li a { margin:0; padding:0; position:relative; display:block; }
.gallery li a img { margin:0; padding:0; border:1px solid #87a6ba; }


.testimonial {  padding:25px 20px;  position:relative; } 
.testimonial h3 { margin-bottom:20px; font-weight:bold; color:#1b1b1b;  text-shadow:1px 1px 1px #ccc; }
.testimonial ul { margin-left:30px; }
.testimonial ul li { float:left; width:400px; padding:10px; display:block; margin-left:30px; }
.testimonial ul li span {  display:block; float:left;  margin-top:10px; color:#3b8dd9; }
.testimonial ul li img.rating { float:left; margin-top:16px; display:block; margin-left:30px; }


# { background:url(i/content-top-bg.jpg) top left repeat-x #f5f5f5;   position:relative;   -webkit-box-shadow:0px -4px 11px #ddd; -moz-box-shadow:0px -4px 11px #ddd; box-shadow:0px -4px 11px #ddd;  } 
#footer .container { padding-bottom:180px; padding-top:14px; text-align:center;}
#footer .container #footer-info li { float:left; color:#1a1a1a; margin-top:10px;  text-align:center; border-left:1px solid #1a1a1a; padding:0px 10px 5px 10px; height:14px; }
#footer .container #footer-info li a { color:#1a1a1a;   }
#footer .container #footer-info li a:hover { text-decoration:underline; }

#footer .container ul.feature-button { float:right; margin-top:-48px; }
#footer .container ul.feature-button li { border:none;  }
#footer .container ul.feature-button .or span { background:url(i/or-button1.png); display:block; width:92px; height:82px; }
#footer .container  ul.feature-button .learn a { background:url(i/learn-bg-slice1.jpg) repeat-x #6b747f; border:1px solid #808c97; text-shadow:1px 1px 0px #646a72; }
#footer .container  ul.feature-button .learn { margin-top:17px; margin-right:-28px;  }
#footer .container  ul.feature-button .buy { margin-top:17px;  margin-left:-28px;}
#footer ul { margin-left:38px;}

span.overlay { background: url(i/magnify-icon.png) center center no-repeat #ffffff; display:none; width:100%; height:100%; position:absolute; z-index:2; top:0; left:0;  -webkit-box-shadow:0px 0px 5px #ccc inset; -moz-box-shadow:0px 0px 5px #ccc inset; box-shadow:0px 0px 5px #ccc inset;}

.pricing-table { margin-bottom:30px; }
.pricing-table .plans { float:left; width:184px; background:#ffffff;  border:1px solid #d3d3d3;   border-left:none; line-height:1.0; padding-bottom:12px;}
.pricing-table .plans li { text-align:center; padding:5px 2px; }
.pricing-table .plans li.title { border-bottom:1px solid #d7d7d7; font-weight:bold; font-size:16px; padding:9px 2px; color:#383838; }
.pricing-table .plans li.signup { padding-top:9px!important; padding-bottom:9px!important; }
.pricing-table .plans li.signup a { background:url(i/subscribe-bg-slice.jpg) repeat-x #3d8fda; color:#fff; font-weight:700; font-size:15px; border:1px solid #2a6aaa;  border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; padding:14px 8px 13px 8px; text-shadow:1px 1px 0px #3777ac; letter-spacing:-1px; cursor:pointer; width:121px; text-align:center; display:block; margin:4px auto;  }
.pricing-table .plans li.price { padding:23px 2px 12px 2px;  }
.pricing-table .plans li.price h4 { display:inline; font-style:italic; font-size:28px; letter-spacing:-1px; }
.pricing-table .plans li.price span { display:block;font-style:italic; font-size:11px;color:#000; }
.pricing-table .plans li.price h4 span { font-weight:bold; font-style:italic; display:inline; position:relative; top:-12px; margin-right:4px; color:#000;   }

.pricing-table .featured { background:url(i/pricing-featured-bg.jpg) repeat-x #3b8dd9; color:#fff; text-shadow:1px 1px 0px #2777b9; border:1px solid #2a6aaa; }
.pricing-table .featured li.title { border-bottom:1px solid #3389c1; font-weight:bold; font-size:16px; padding:9px 2px; }
.pricing-table .featured li.price {  border-top:1px solid #79c0ee;  padding:8px 2px 13px 2px; }
.pricing-table .featured li.highlight { color:#fff; font-weight:bold; text-decoration:underline; }
.pricing-table .featured li.price span { padding:3px 2px 2px 2px; color:#fff; }
.pricing-table .featured li.price h4 { color:#fff; text-shadow:1px 1px 0px #2777b9; font-size:36px; }
.pricing-table .featured li.price h4 span { color:#fff; }
.pricing-table .featured li.signup a { background: url(i/featured-signup-bg.jpg) top left repeat-x #fefefe; border:1px solid #2a6aaa; color:#3f91db; text-shadow:none; }
.pricing-table .featured li.price h4 span { top:-16px;}
.pfirst { -moz-border-radius-topleft:5px; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; }
.plast { -moz-border-radius-topright:5px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; }