body {margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; color: #333; font-size: 13px; line-height: 1.5em; background: #333;}
.white-bg {background: #fff;}
.full-width {width: 960px; position: relative; margin: 0 auto;}
img {border: 0;}

a {color: #0099FF;}
.red {color: red;}
.gray_text {color: #666;}

.error {color:#990000; font-weight:bold; background: #FFCCCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px;}
.success {color:green; font-weight:bold; background: #E9F1E5; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px;}
.success .gray {color: #666; background: #F7FBF5; display: block; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; font-weight: normal;}
.warning {color:#9F6000; font-weight:bold; background: #FEEFB3; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px;}

#wrapper {width: 954px; margin: 20px auto 0; overflow: hidden; position: relative;}

#utilities {text-align: right; padding: 10px 0; font-size: 11px; overflow: hidden; height: 22px;}
#utilities #menu {margin: 0; padding: 0; float: right; margin: 5px 0 0 12px;}
#utilities #menu li {list-style: none; float: left; border-right: 1px solid #999; color: #666; padding: 0 4px; margin: 0; line-height: 11px;}
#utilities #menu li a {text-decoration: none; font-weight: bold;}
#utilities #menu li a:hover, #utilities #menu li.selected a {text-decoration: underline;}
#utilities #menu li.last {border-right: none; padding-right: none;}

#header {background: #fff url('../assets/header_bg.png') repeat-x; height: 60px;}

#logo {position: absolute; top: 16px; left: 0;}

#nav {position: absolute; top: 8px; right: 0;}
#nav ul {margin: 10px 0 0 0; padding: 0; float: right;}
#nav ul li {list-style: none; float: left; padding: 0 10px; margin: 0;}
#nav ul li.first {padding-left: 0px; border-left: none;}
#nav ul li.last {padding-right: 0px;}
#nav ul li a {font-size: 13px; color: #fff; text-decoration: none; font-weight: bold; padding: 4px 8px; display: block;}

#nav ul li a:hover {
  -webkit-border-radius: 7px; -moz-border-radius: 7px; 
  -moz-box-shadow: 0px 1px 0px #00A7CE; -webkit-box-shadow: 0px 1px 0px #00A7CE; box-shadow: 0px 1px 0px #00A7CE;
  background: #005972; /* old browsers */
  background: -moz-linear-gradient(top, #005972 0%, #007292 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005972), color-stop(100%,#007292)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005972', endColorstr='#007292',GradientType=0 ); /* ie */
}  

#nav ul li.selected a {
  -webkit-border-radius: 7px; -moz-border-radius: 7px; 
  -moz-box-shadow: 0px 1px 0px #00A7CE; -webkit-box-shadow: 0px 1px 0px #00A7CE; box-shadow: 0px 1px 0px #00A7CE;
  background: #005972; /* old browsers */
  background: -moz-linear-gradient(top, #005972 0%, #007292 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005972), color-stop(100%,#007292)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005972', endColorstr='#007292',GradientType=0 ); /* ie */
}

.share_home {border: 8px solid #fff; padding: 20px; background: #EFEFEF; -webkit-border-radius: 15px; -webkit-box-shadow: #666 0px 0px 3px; margin: 20px;}
.share_home h1 {margin-top: 0;}

.share_customize {border: 8px solid #fff; padding: 20px; background: #EFEFEF; -webkit-border-radius: 15px; -webkit-box-shadow: #666 0px 0px 3px; width: 100%; margin: 20px;}
.share_customize h1 {margin-top: 0;}


.body {position: relative; height: 540px; border-bottom: 1px solid #CCC;}

.body .info {width: 270px; position: absolute; top: 94px;}
.body .info h1 {margin: 0; padding: 0;}

.body .bracket {position: absolute; left: 230px; top: 80px;}

.body .pointer {position: absolute; top: 189px; left: 308px;}
.body .pointer p {font-size: 14px; width: 120px; margin: 10px 0 0 20px;}

.body .navigation {position: absolute; top: 20px; right: 14px; list-style: none; padding: 0; margin: 0;}
.body .navigation li {float: left; margin: 0 8px;}
.body .navigation li a {display: block; background: url('../assets/bullet.gif') no-repeat center center; width: 15px; height: 14px;}

.body .slide_show {position: absolute; top: 28px; right: 0;}
.body .slide-main {overflow:hidden;width:643px;height:448px; background: transparent;}

.screencast_preview {padding: 0 0 0 10px; border: 0;}
.screenshot_previews {margin-top: 10px;}
.screenshot_previews a {padding: 0 0 0 7px;}
.screenshot_previews a img {border: 0;}

.slider-div{position: absolute;	top:-30px; right:10px; z-index: 20;}

.slider-div ul {list-style: none; margin: 0; padding: 0;}

ul.slide-pager li {float: left;	padding: 0 0 0 6px;}

ul.slide-pager a {display: block; width: 15px; height: 14px; font-size: 2px; text-indent: -8685px; outline: none; background:url(../assets/slide-bullet-normal.gif) no-repeat;}

 ul.slide-pager a.activeSlide,
 ul.slide-pager a.activeSlide {
background:url(../assets/slide-bullet.gif) no-repeat;
}

.sub_content {width: 550px; float: left; font-size: 13px; line-height: 18px;}

.body h1 {font-size: 34px; font-family: BebasRegular; line-height: 1.1em; color: #000; margin: 50px 0 20px 0; word-spacing: .2em;}
h1, h2 {color: #000; font-size: 24px; font-weight: normal; line-height: 1.5em; margin: 50px 0 20px 0; font-family: BebasRegular; word-spacing: .2em;}
h3 {color: #333; font-size: 18px; font-weight: normal; padding: 20px 0px 0px 0; line-height: 1.5em; margin: 0;}
h3.bottom_heavy {margin-top: 0; padding-top: 0; padding-bottom: 30px;}
.sub_content p {margin: 1em 0;}
.sub_content ul {list-style: square;}
.sub_content ul li {margin: 10px 0;}
.sub_content ul li img {margin: 25px 0;}
.sub_content img {max-width: 550px;}


table.settings {margin: 0; padding: 0; border-collapse:collapse;}
table.settings td {border-bottom: 1px solid #DDD; padding: 8px; vertical-align: text-top;}
table.settings tr.last td {border-bottom: none;}
table.settings label {font-weight: bold;}
table.settings label.light {font-weight: normal;}

input.text {color: #676767; padding: 4px; font-size: 18px; font-size: 13px; font-weight: bold;}
input.text_small {width: 150px;}
input.text_medium {width: 300px;}
input.text_large {width: 400px;}


.side_content {float: right; padding-left: 40px; margin-top: 40px; font-size: 12px; line-height: 1.4em; width: 230px; background: url('../assets/sidebar_bg.png') no-repeat left top; padding-left: 75px;}
.side_content h1 {color: #666666; font-size: 20px; padding: 8px 0; margin-top: 0;}
.side_content h2 {margin: 0;}
.side_content .tryitnow {margin-bottom: 40px;}
.side_content .tryitnow a {border-bottom: 1px solid #DDD; padding: 10px; margin: 0; display: block; text-decoration: none; font-weight: bold; margin-left: -4px;}
.side_content .tryitnow a span {font-size: 11px; color: #777; font-weight: normal;}
.side_content .tryitnow a:hover {background: #E6F4F9;}
.side_content .tryitnow a:hover span {color: #006583;}

.side_content h2 {color: #666; font-size: 17px; padding: 12px 0; margin-top: 30px;}

.side_content h3 {font-size: 12px; font-weight: bold; color: #666; text-shadow: 0 1px #fff; background: #EFEFEF; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}

.side_content ul {margin: 0; padding: 0;}

.side_content ul.upgrade li {list-style: square; margin:0; padding: 8px 0;}

.side_content .twitter, .side_content .isimple {margin-top: 35px;}

.footer {font-size: 12px; padding: 185px 0 100px 0; background: #333 url('../assets/footer_bg.png') repeat-x top left; color: #fff; overflow: hidden; text-shadow: #000 0px -1px 0px;}
.footer .left {float: left; width: 280px; padding-right: 60px;}
.footer .middle {float: left; width: 280px; padding-right: 60px;}
.footer .right {float: left; width: 280px;}
.footer a.follow {color: #E6F4F9; font-weight: bold;}


.footer a {color: #fff; text-decoration: none;}
.footer a:hover {color: #fff; text-decoration: underline;}
.footer .awesome {margin-top: 8px;}
.footer .awesome:hover {text-decoration: none;}

.footer ul {margin: 0; padding: 0; list-style: none; width: 200px;}
.footer ul li {border-bottom: 1px solid #444; padding: 7px 0;}
.footer ul li a {display: block;}


@font-face {
	font-family: 'BebasRegular';
	src: url('fonts/BEBAS___-webfont.eot');
	src: local('☺'), url('fonts/BEBAS___-webfont.woff') format('woff'), url('fonts/BEBAS___-webfont.ttf') format('truetype'), url('fonts/BEBAS___-webfont.svg#webfontOJIfwzl6') format('svg');
	font-weight: normal;
	font-style: normal;
}

.awesome, .awesome:visited {
    border: 0px;
    background: #222 url(../assets/alert-overlay.png) repeat-x; 
    display: inline-block; 
    padding: 5px 10px 6px; 
    color: #fff; 
    text-decoration: none;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
    border-bottom: 1px solid rgba(0,0,0,0.25);
    position: relative;
    cursor: pointer;
}

awesome:hover                          { background-color: #111; color: #fff; }
    .awesome:active                         { top: 1px; }
    .small.awesome, .small.awesome:visited          { font-size: 11px; padding: ; }
    .awesome, .awesome:visited,
    .medium.awesome, .medium.awesome:visited        { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
    .large.awesome, .large.awesome:visited          { font-size: 14px; padding: 8px 14px 9px; }
    .huge.awesome, .huge.awesome:visited            { width: 230px; padding: 14px 20px; }
    
    .green.awesome, .green.awesome:visited      { background-color: #91bd09; }
    .green.awesome:hover                        { background-color: #749a02; }
    .blue.awesome, .blue.awesome:visited        { background-color: #08F; }
    .blue.awesome:hover                         { background-color: #09E; }
    .red.awesome, .red.awesome:visited          { background-color: #C00; }
    .red.awesome:hover                          { background-color: #900; }
    .magenta.awesome, .magenta.awesome:visited      { background-color: #a9014b; }
    .magenta.awesome:hover                          { background-color: #630030; }
    .orange.awesome, .orange.awesome:visited        { background-color: #ff5c00; }
    .orange.awesome:hover                           { background-color: #d45500; }
    .yellow.awesome, .yellow.awesome:visited        { background-color: #ffb515; }
    .yellow.awesome:hover                           { background-color: #fc9200; }
    .black.awesome, .black.awesome:visited        { background-color: #000; }
    .black.awesome:hover                        { background-color: #111; }
    
    
    .sub_content_wide {width: 100%; text-align: left;}
    .sub_content_wide .left {width: 60%; float: left;}
    .sub_content_wide .right {width: 40%; float: left;}
    .sub_content_wide .bottom {background: #EFEFEF; clear: both; margin: 20px 10px; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow:inset 0 0 10px #999; -moz-box-shadow:inset 0 0 10px #999; box-shadow:inset 0 0 10px #999; text-align: center;}
    .sub_content_wide .feature {width: 400px; margin: 30px 0 70px; text-align: left; clear: both;}
    .sub_content_wide .feature a.awesome {margin-bottom: 10px;}
    .sub_content_wide .quote {clear: both; margin: 20px 0; font-size: 14px; color: #343434; font-family: Georgia, serif; font-style: italic;}
    
    .premium {background: orange; color: #fff; font-weight: bold; font-size: 11px; padding: 7px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
    a.upgrade {padding: 3px 7px; background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.4, rgb(255,150,0)),
        color-stop(0.7, rgb(255,157,0))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(255,150,0) 40%,
        rgb(255,157,0) 70%
    );}
    a.upgrade:hover {background: #09C; text-decoration: none!important; cursor: pointer;}
    
    
    .tweet {clear: both; padding-bottom: 15px; border-bottom: 1px solid #CCC; margin-bottom: 15px;}
    .tweet a {font-weight: bold; text-decoration: none;}
    .tweet_avatar {float: left; margin: 0 10px 10px 0;}
    
    .admin-menu {list-style: none; margin: 0 0 20px; padding: 0; border-bottom: 1px dotted #CCC; overflow: hidden;}
    .admin-menu li {float: left;}
    .admin-menu li a {display: block; padding: 10px; color: #666; font-weight: bold; text-decoration: none;}
    .admin-menu li.selected a {border-bottom: 2px solid #09c; color: #09c;}
    
    .linked_accounts ul {list-style: none; margin: 0; padding: 0;}
    .linked_accounts li {padding: 4px 0; border-bottom: 1px solid #CCC;}
    #linker_form {display: none;}
    
    .settings .share_home {margin-left: 5px; margin-right: 0px;}
    #phoneValidationForm #phoneValidation {padding: 3px; font-size: 18px; font-weight: bold; text-align: center; width: 100px; color: #999;}
    #phoneValidationForm .dark {color: #333!important;}
    
    #customize_table {padding: 0; margin: 0; border-collapse: collapse;}
    #customize_table td {border-bottom: 1px solid #CCC; font-weight: bold; font-size: 11px; padding: 4px 10px 4px 0; margin: 0;}
    #customize_table .last td {border-bottom: none;}