/* Css Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }
/* from fontsquirrel.com */
@font-face {font-family: 'corbel'; src: url('/static/index/fonts/corbeli-webfont.eot'); src: local('☺'), url('/static/index/fonts/corbeli-webfont.woff') format('woff'), url('/static/index/fonts/corbeli-webfont.ttf') format('truetype'), url('/static/index/fonts/corbeli-webfont.svg#webfontbGJgRBlT') format('svg'); font-weight: normal; font-style: italic; }
@font-face {font-family: 'corbel'; src: url('/static/index/fonts/corbelz-webfont.eot'); src: local('☺'), url('/static/index/fonts/corbelz-webfont.woff') format('woff'), url('/static/index/fonts/corbelz-webfont.ttf') format('truetype'), url('/static/index/fonts/corbelz-webfont.svg#webfontknwR4hXf') format('svg'); font-weight: bold; font-style: italic; }
@font-face {font-family: 'corbel'; src: url('/static/index/fonts/corbelb-webfont.eot'); src: local('☺'), url('/static/index/fonts/corbelb-webfont.woff') format('woff'), url('/static/index/fonts/corbelb-webfont.ttf') format('truetype'), url('/static/index/fonts/corbelb-webfont.svg#webfontwN4XLvia') format('svg'); font-weight: bold; font-style: normal; }
@font-face {font-family: 'corbel'; src: url('/static/index/fonts/corbel-webfont.eot'); src: local('☺'), url('/static/index/fonts/corbel-webfont.woff') format('woff'), url('/static/index/fonts/corbel-webfont.ttf') format('truetype'), url('/static/index/fonts/corbel-webfont.svg#webfontoPMRiMEa') format('svg'); font-weight: normal; font-style: normal; }
/* General Styles */
.skiplink{ display:none; }
label{ cursor:pointer; }
a,a:visited{ color:#12a9e1; text-decoration:underline; }
a:focus,a:hover{ text-decoration:none; }
body{ background:#fff; color:#103947; font:10px/1 "corbel",Helvetica,Arial,sans-serif; }
#wrapper{ position:relative; width:960px; margin:0 auto; }
/* Header */
#header{ position:relative; width:960px; height:95px; overflow:hidden; }
#header h1{ float:left; font-size:36px; font-weight:normal; margin-top:10px; }
#header h1 span{ font-weight:bold; }
#header h1 a,
#header h1 a:visited,
#header h1 a:hover{ color:#103947; text-decoration:none; }
#header.subpage{ width:739px; padding-left:221px; height:155px; margin-bottom:15px; }
/* Nav */
#nav{ float:right; width:590px; font-size:14px; color:#fff; }
#nav li{ float:right; width:120px; height:55px; margin-left:7px;}
#nav li a,
#nav li a:visited{ display:block; width:95px; color:#fff; padding:15px 8px 5px; text-decoration:none; background:#132B36; -moz-border-radius-bottomleft: 5px 5px; border-bottom-left-radius: 5px 5px; -moz-border-radius-bottomright: 5px 5px; border-bottom-right-radius: 5px 5px; }
#nav li.current a,
#nav li.current a:visited,
#nav li a:hover{ background:#8ac03a; }
#nav li.signup a,
#nav li.signup a:visited{ font-size:14px; padding:15px 8px 20px; text-align:center; background:#8ac03a; }
/* Bcrumbs */
#bcrumbs{ clear:left; width:200px; font-size:13px; color:#12a9e1; padding:10px 0; }
#bcrumbs li{ float:left; margin-right:4px; }
#bcrumbs a,
#bcrumbs a:visited{ text-decoration:none; }
#bcrumbs a:hover{ text-decoration:underline; }
#bcrumbs li.current,
#bcrumbs li.current a{ color:#0a3947; }
/* Signup Login */
#signuplogin{ position:absolute; display:none; top:53px; right:0; width:250px; z-index:2000; }
#signuplogin .top{ width:250px; height:6px; font-size:0; }
#signuplogin .bottom{ width:250px; height:6px; }
#signuplogin .body{ z-index:2000; width:220px; font-size:14px; color:#103947; padding:0 15px 5px; background:#8ac03a; -moz-border-radius: 5px 5px; border-radius: 5px 5px; }
#signuplogin h3{ font-size:24px; color:#fff; margin-bottom:5px; }
#signuplogin h3 span{ text-decoration:line-through; }
#signuplogin form{ margin-top:10px; }
#signuplogin fieldset li{ margin-bottom:10px; }
#signuplogin input{ color:#8e9496; vertical-align:middle; }
#signuplogin select{ width:215px; height:23px; color:#8e9496; }
#signuplogin input.txt{ width:205px; height:13px; padding:5px; border:0; }
#signuplogin input.pwd{ width:141px; height:21px; border:1px solid #808080; }
#signuplogin input.btn{ width:64px; height:24px; margin-left:4px; cursor:pointer; border:0; }
#signuplogin p{ line-height:17px; }
#signuplogin a{ color:#fff; }
/* Slideshow */
#slideshow{ clear:both; position:relative; width:960px; height:460px; margin-bottom:50px; }
.slider{ position:absolute; left:-50px; bottom:-15px; font-size:48px; color:#fff; }
.slider li{ float:left; margin:0 4px; line-height:60px; }
.slider li .current{ color:#006138; }
.slider li a.left{ display:block; width:70px; height:71px; margin-right:15px; text-indent:-9999px; background:url(../images/pic-left.png) no-repeat; }
.slider li a.right{ display:block; width:70px; height:71px; margin-left:15px; text-indent:-9999px; background:url(../images/pic-right.png) no-repeat; }
#slideshow .view{ position:absolute; bottom:-16px; right:0; font-size:12px; padding:25px 30px 0; color:#afaf90; background:url(../images/bgr-view-arrow.png) no-repeat top center; }
#slideshow .view a,
#slideshow .view a:visited{ color:#d81092; text-decoration:none; }
#slideshow .view a:hover{ text-decoration:underline; }
#slideshow .view a.current,
#slideshow .view a.current:visited{ color:#afaf90; }
/* Map */
#map{ position:relative; width:960px; height:460px; no-repeat bottom; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#mapg{ position:relative; width:960px; height:460px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#map .discover{ position:absolute; top:-20px; left:60px; width:310px; font-size:38px; font-style:italic; font-weight:bold; color:#fff; padding:5px 5px 15px; background:#e7007e; }
#map .discover span{ text-decoration:underline; }
#map .taketour{ position:absolute; bottom:30px; right:20px; display:block; width:212px; height:212px; text-indent:-9999px; background:url(../images/pic-taketour.png) no-repeat; }
#map .whitebox{ }
#map .whitebox .top{ width:350px; height:10px; background:url(../images/bgr-whitebox-top.png) no-repeat; font-size:0; }
#map .whitebox .topr{ width:350px; height:10px; background:url(../images/bgr-whitebox-topred.png) no-repeat; font-size:0; }
#map .whitebox .bottom{ width:350px; height:10px; background:url(../images/bgr-whitebox-bot.png) no-repeat; font-size:0; }
#map .whitebox .body{ width:300px; font-size:13px; padding:5px 10px 5px 40px; background:url(../images/bgr-whitebox-bod.png) repeat-y; }
#map .whitebox .body a{ color:#103954; text-decoration:underline; }
#map .whitebox .body a:hover{ text-decoration:none; }
#map .whitebox .title{ font-size:14px; font-weight:bold; margin-bottom:10px; }
#map .whitebox .title span{ color:#c90024; }
#map .whitebox .title span.linet{ }
#map .whitebox ul{ margin:0 0 10px 15px; }
#map .whitebox ul.ex{ padding-left:20px; margin-left:0; background:url(../images/ico-exclamation.png) no-repeat left top; }
#map .whitebox li{ margin-bottom:2px; }
#map .whitebox li span{ float:left; display:block; width:50px; margin-right:2px; text-align:right; }
#map .whitebox li span.line{ float:none; display:inline; width:auto; margin-right:0; text-align:left; text-decoration:line-through; }
#map .whitebox .text{ padding-left:28px; background:url(../images/ico-exclamation.png) no-repeat left top; }
#map .whitebox .text p{ margin-bottom:5px; }
#map .whitebox .moved{ font-size:14px; margin:15px 0; }
#map .infobox{ top:290px; left:60px; }
#map .flagbox{ bottom:20px; left:340px; }
#map .flag{ position:absolute; display:block; width:47px; height:45px; text-indent:-9999px; background:url(../images/ico-flag.png) no-repeat; z-index:1000; }
#map .info{ position:absolute; display:block; width:47px; height:47px; text-indent:-9999px; background:url(../images/ico-info.png) no-repeat; z-index:1000; }
#map .user{ position:absolute; display:block; width:44px; height:44px; text-indent:-9999px; background:url(../images/ico-user.png) no-repeat; }
#map .flag.one{ bottom:100px; left:50px; }
#map .flag.two{ bottom:100px; left:150px; }
#map .flag.three{ top:20px; left:520px; }
#map .flag.four{ top:280px; left:320px; }
#map .info.one{ top:100px; left:85px; }
#map .info.two{ top:75px; left:500px; }
#map .user.one{ top:85px; left:200px; }
#map .user.two{ top:210px; left:550px; }
/* Content */
#content{ clear:both; width:960px; font-size:14px; }
#content h2{ font-size:25px; margin-bottom:3px; }
#content h3{ clear:both; font-size:21px; padding-bottom:5px; border-bottom:1px solid #ced8da; width:100%; }
#content #free h3,
#content #different h3,
#content #whoweare h3{ margin-bottom:15px; }
#content h4{ font-size:17px; margin-bottom:5px; }
/* Free */
#free{ position:relative; float:left; width:930px; padding-left:20px; margin-bottom:70px; }
#free .mobile{ position:absolute; top:-20px; left:340px; width:293px; height:538px; background:url(../images/pic-mobile.png) no-repeat; }
#free .arrow{ position:absolute; top:5px; left:5px; width:10px; height:10px; background:url(../images/bgr-titlearrow.png) no-repeat; }
#free ul.first{ float:left; }
#free ul.second{ float:right; }
#free li{ position:relative; width:285px; height:120px; margin-bottom:20px; background:url(../images/bgr-lightbluebox.png) no-repeat; }
#free p{ line-height:18px; }
#free li div{ padding:5px; }
#free .nokia{ height:110px; padding:5px; background:url(../images/bgr-nokia.png) no-repeat right bottom; }
#free .android{ height:110px; padding:5px; background:url(../images/bgr-android.png) no-repeat right bottom; }
#free .iphone{ height:110px; padding:5px; background:url(../images/bgr-iphone.png) no-repeat right top; }
#free .learnmore{ position:absolute; bottom:12px; text-decoration:none; }
#free .learnmore:hover{ text-decoration:underline; }
/* Different */
#different{ position:relative; float:left; width:930px; padding-left:20px; margin-bottom:10px; }
#different .arrow{ position:absolute; top:5px; left:5px; width:10px; height:10px; background:url(../images/bgr-titlearrow.png) no-repeat; }
#different .box{ float:left; width:270px; margin-right:40px; }
#different p{ margin-bottom:10px; line-height:18px; }
#different img{ float:right; margin-left:5px; }
#different .pushpull,
#different .privacy{ padding-top:5px; border-top:1px solid #ced8da; }
/* Who We Are */
#whoweare{ position:relative; float:left; width:930px; padding-left:20px; }
#whoweare .arrow{ position:absolute; top:7px; left:5px; width:10px; height:10px; background:url(../images/bgr-titlearrow.png) no-repeat; }
#whoweare .text{ float:left; padding-right:160px; line-height:18px; background:url(../images/bgr-whoweare.png) no-repeat right top; }
#whoweare p{ margin-bottom:15px; }
#whoweare small{ font-size:11px; }
/* Ip Page */
#ippage .connected,
#ippage .share,
#ippage .details,
#ippage .privacy{ position:relative; width:940px; padding-left:20px; margin:0 auto 40px; }
#ippage .arrow{ position:absolute; top:7px; left:5px; width:10px; height:10px; background:url(../images/bgr-titlearrow.png) no-repeat; }
#ippage .colone{ width:430px; }
#ippage h4{ margin-bottom:0; }
#ippage p{ line-height:18px; }
#ippage p.status{ color:#dc007e; }
#ippage table{ margin:35px 0 0; clear:both; width:100%; display:block; }
#ippage td{ vertical-align:top; padding:5px 5px 10px; }
#ippage .colored td{ background:#e7f1f4; }
#ippage .connected .colone{ width:570px; }
#ippage .connected .link{ padding-left:40px; }
#ippage .connected li{ float:left; margin-right:20px; }
#ippage .connected p{ margin-bottom:5px; }
#ippage .connected a,
#ippage .connected a:visited{ color:#193947; }
#ippage .connected input{ vertical-align:middle; }
#ippage .connected .txt{ width:128px; height:24px; color:#929292; margin-right:12px; padding:0 5px; border:0; background:url(../images/bgr-input-twitter.png) no-repeat; }
#ippage .connected .btn{ width:164px; height:28px; color:#fff; padding-bottom:4px; border:0; cursor:pointer; background:url(../images/button-ipform.png) no-repeat; }
#ippage .connected .icon{ position:absolute; top:0; right:0; width:70px; height:48px; background:url(../images/ico-connected.png) no-repeat; }
#ippage .share .check{ padding:10px 0 0 30px; }
#ippage .details .txt{ width:280px; height:24px; color:#929292; margin-right:5px; padding:0 5px; border:0; background:url(../images/bgr-input-details.png) no-repeat; }
#ippage .details textarea{ width:453px; height:55px; color:#929292; margin-right:5px; padding:0 5px; border:0; background:url(../images/bgr-textarea-details.png) no-repeat; }
#ippage .details .btn{ width:152px; height:27px; color:#fff; padding-bottom:4px; border:0; cursor:pointer; background:url(../images/button-details.png) no-repeat; }
#ippage .details .status{ padding:5px; }
#ippage .details .btn-updatedesc{ width:152px; height:27px; color:#fff; padding-bottom:4px; border:0; cursor:pointer; background:url(../images/button-details.png) no-repeat; }
#ippage .details li{ float:left; }
#ippage .details li.rightalign{ float:right; margin:8px 15px 0 0; }
#ippage .privacy .colone{ width:455px; }
#ippage .privacy .coltwo{ width:145px; }
#ippage .privacy .colthree{ width:150px; text-align:center; }
#ippage .privacy .centr{ text-align:center; }
#ippage .share .icon,
#ippage .details .icon,
#ippage .privacy .icon{ position:absolute; top:0; right:0; width:64px; height:48px; background:url(../images/ico-flag2.png) no-repeat; }
/* People */
#people{ position:absolute; top:95px; left:-2040px; width:960px; height:460px; background:url(../images/bgr-people.jpg) no-repeat; }
#people .people-cont{ position:relative; width:930px; height:430px; padding:15px; }
#people .stock{ position:absolute; top:-71px; right:-40px; }
#people p,
#people .text{ width:500px; font-size:22px; margin-bottom:15px; }
#people h2{ font-size:57px; font-weight:normal; margin-bottom:10px; line-height:60px; }
#people h2 span{ font-weight:bold; }
#people .text ul{ color:#7e6a6a; margin-left:25px; list-style-type:disc; }
#people .text li{ margin-bottom:5px; }
#people .ico{ position:absolute; bottom:0; right:-20px; z-index:1000; }
/* Channels */
#channels{ position:absolute; top:95px; left:-2100px; width:960px; height:460px; background:url(../images/bgr-channels.png) no-repeat; }
#channels .channels-cont{ position:relative; width:930px; height:430px; padding:15px; }
#channels .stock{ position:absolute; top:-40px; right:30px; }
#channels p,
#channels .text{ width:580px; font-size:22px; margin-bottom:15px; }
#channels h2{ font-size:44px; font-weight:normal; margin:10px 0; line-height:46px; }
#channels h2 span{ font-weight:bold; }
#channels .text ul{ color:#555; margin-left:35px; list-style-type:disc; }
#channels .text li{ margin-bottom:5px; }
#channels .ico{ position:absolute; top:5px; right:220px; z-index:1000; }
/* Places */
#places{ position:absolute; top:95px; left:-3150px; width:960px; height:460px; color:#fff; background:url(../images/bgr-places.jpg) no-repeat; }
#places .places-cont{ position:relative; width:930px; height:430px; padding:15px; }
#places .stock{ position:absolute; top:-60px; right:0px; }
#places p,
#places .text{ width:580px; font-size:22px; margin-bottom:15px; }
#places h2{ font-size:44px; font-weight:normal; margin:10px 0; line-height:46px; }
#places h2 span{ font-weight:bold; }
#places .text ul{ margin-left:35px; list-style-type:disc; }
#places .text li{ margin-bottom:5px; }
/* Avatars */
#avatars{ position:absolute; top:95px; left:-4150px; width:960px; height:460px; background:url(../images/bgr-avatars.jpg) no-repeat; }
#avatars .avatars-cont{ position:relative; width:930px; height:430px; padding:15px; }
#avatars .taketour{ position:absolute; bottom:20px; right:20px; display:block; width:212px; height:212px; text-indent:-9999px; background:url(../images/pic-taketour.png) no-repeat; }
#avatars .ico{ position:absolute; top:-40px; right:10px; z-index:1000; }
#avatars .whitebox{ position:absolute; width:350px; }
#avatars .whitebox .top{ width:350px; height:10px; background:url(../images/bgr-whitebox-top.png) no-repeat; }
#avatars .whitebox .bottom{ width:350px; height:10px; background:url(../images/bgr-whitebox-bot.png) no-repeat; }
#avatars .whitebox .body{ width:300px; font-size:13px; padding:5px 10px 5px 40px; background:url(../images/bgr-whitebox-bod.png) repeat-y; }
#avatars .whitebox .body a{ color:#103954; text-decoration:underline; }
#avatars .whitebox .body a:hover{ text-decoration:none; }
#avatars .whitebox .title{ font-size:14px; font-weight:bold; margin-bottom:10px; }
#avatars .whitebox .title span{ color:#c90024; }
#avatars .whitebox .title span.linet{ }
#avatars .whitebox ul{ margin:0 0 10px 15px; }
#avatars .whitebox ul.ex{ padding-left:20px; margin-left:0; background:url(../images/ico-exclamation.png) no-repeat left top; }
#avatars .whitebox li{ margin-bottom:2px; }
#avatars .whitebox li span{ float:left; display:block; width:50px; margin-right:2px; text-align:right; }
#avatars .whitebox li span.line{ float:none; display:inline; width:auto; margin-right:0; text-align:left; text-decoration:line-through; }
#avatars .whitebox .text{ padding-left:28px; background:url(../images/ico-exclamation.png) no-repeat left top; }
#avatars .whitebox .text p{ margin-bottom:5px; }
#avatars .whitebox .moved{ font-size:14px; margin:15px 0; }
#avatars .infobox{ top:110px; left:200px; }
#avatars .info{ position:absolute; top:100px; left:180px; display:block; width:47px; height:47px; text-indent:-9999px; background:url(../images/ico-info.png) no-repeat; z-index:1000; }