/* =GRID =MODIFIERS */

.container_24:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.container_24{display:inline-block}
* html .container_16{height:1%}
.container_24{display:block}

.container_12:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.container_12{display:inline-block}
* html .container_12{height:1%}
.container_12{display:block}

.clearfix li:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix li{display:inline-block}
* html .clearfix li{height:1%}
.clearfix li{display:block}

body {
  background: #191919;
  color: #444;
  
 /* font: normal normal normal 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
  */
  font: normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif; /* normalize font size across browsers */
}


a:link, a:visited {
  text-decoration: none;
	color: #6299c5;
}
a {
	color: #fff;
	text-decoration: none;
}
/*
a:hover {
	text-decoration: underline;
}*/


/* =HEADINGS */

h1, h2 {
  letter-spacing: -.05em;
  line-height: 40px;
}

h1 {
  color: #000;
  font-size: 32px;
  font-weight: bold;
  margin-top: 30px;
}

h2 {
  color: #666;
  font-size: 28px;
  font-weight: normal;
  margin-bottom: 10px;
 padding-top: 30px;

 border-bottom: 1px solid #E5E5E5;
}

/*#content h2 {
  color: #59892f;
  letter-spacing: 0;
  line-height: 18px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}*/

h3 {
  margin-bottom: 5px;
  /*padding-top: 10px;
   */
  color: #353535;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
}

h3.section, .blog_post .copy h4, h4.section {
  border-bottom: 1px solid #eee;
  clear: both;
  color: #888;
  font-size: .75em;
  margin: 0 0 20px 0;
  padding: 9px 0 10px 0;
  text-transform: uppercase;
}

h4, h5 {
  color: #3f5c26;
  font-size: 1em;
}

h3 span, h4 span, h5 span {
  font-weight: normal;
}

p {
	overflow: hidden;
	margin: 10px 0;
	text-align: left;
	
	font-family: Georgia, Palatino, Times, serif;/* */
}

table.smooth li {
  list-style: none  !important;
}

#content li {
	list-style: disc;
	margin: 0px 0px 5px 1em;
}

li.ok, li.cancel, li.apply {
   list-style: none !important;
   margin-left: 20px;
   padding-left: 25px;
}

li.ok{
   background: url(/images/ok.png) no-repeat transparent;
}

li.cancel {
   background: url(/images/cancel.png) no-repeat transparent;
}

li.apply {
   background: url(/images/apply.png) no-repeat transparent;
}


.header 
{
	margin: 0;
	height: 180px;
	background: url(../images/carbon.png) repeat-x center top;
}

.logo
{
   	height: 180px;
	background: url(../images/header.png) no-repeat transparent;

}

#banner
{
 position: absolute;
 right: 0px;
 top: 0px;
}

/* =NAVIGATION */

#navigation {
  background: #888888 url("../images/bg_navigation.png") bottom center repeat-x;
  border-top: 1px solid #AAAAAA;
  /*border-bottom: 1px solid #777777;*/
}

#navigation #phone {
  background: transparent url('/images/icons/dark_phone.png') 2.6em 8px no-repeat;
  color: #2e5945;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0px;
  padding: 5px 0;
  text-align: right;
}

/* =MENU =PRIMARY */

#menu_primary {
  padding: 9px 0;
}

#menu_primary ul {
  list-style-type: none;
  overflow: hidden;
}

#menu_primary ul li {
  float: left;
  margin-left: 20px;
}

#menu_primary ul li:first-child { /* This works for everything except IE6, which needs the last li to be targeted explicitly */
  margin-left: 0;
}

#menu_primary ul li a {
  border: none;
  border-radius: 14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  color: white;
  display: block;
  font-size: 11px;
  font-weight: bold;
  padding: 4px 20px;
  text-align: center;
  text-transform: uppercase;
}

#menu_primary ul li a:hover {
  background: #777777;
  border: none;
  color: white;
}

.home #menu_primary ul li.menu_home a,
.features #menu_primary ul li.menu_features a,
.tour #menu_primary ul li.menu_tour a,
.workspaces #menu_primary ul li.menu_workspaces a,
.transfers #menu_primary ul li.menu_transfers a,
.affiliates #menu_primary ul li.menu_affiliates a,
.support #menu_primary ul li.menu_support a,
.blog #menu_primary ul li.menu_blog a,
.blog_post #menu_primary ul li.menu_blog a,
.about #menu_primary ul li.menu_about a {
  background: #356751;
  border: 1px solid #356751;
  color: #fff;
}

/* =MENU =SECONDARY */

#menu_secondary { padding-top: 10px; }

#menu_secondary ul {
  list-style-type: none;
  overflow: hidden;
  width: 840px;
}

#menu_secondary ul li {
  float: left;
  margin-right: 20px;
}

#menu_secondary ul li a {
  border: 0;
  color: #828282;
  display: block;
  font-size: 11px;
  font-weight: bold;
  padding: 0 20px;
  text-transform: uppercase;
  text-shadow: 0 1px rgba(255, 255, 255, .5);
}

#menu_secondary ul li a:hover {
  background: transparent;
  color: red;
}

.features_index #menu_secondary ul li.menu_features_index a,
.features_hubs #menu_secondary ul li.menu_features_hubs a,
.features_user_home #menu_secondary ul li.menu_features_user_home a,
.features_details #menu_secondary ul li.menu_features_details a,
.affiliates_index #menu_secondary ul li.menu_affiliates_index a,
.affiliates_terms #menu_secondary ul li.menu_affiliates_terms a,
.affiliates_application #menu_secondary ul li.menu_affiliates_application a,
.about_index #menu_secondary ul li.menu_about_index a,
.team #menu_secondary ul li.menu_about_team a,
.news #menu_secondary ul li.menu_about_news a,
.careers #menu_secondary ul li.menu_about_careers a,
.contact #menu_secondary ul li.menu_about_contact a,
.about_media_kit #menu_secondary ul li.menu_about_media a,
.products.overview #menu_secondary ul li.menu_products_overview a,
.products.tour #menu_secondary ul li.menu_products_tour a,
.products.features #menu_secondary ul li.menu_products_features a,
.products.pricing #menu_secondary ul li.menu_products_pricing a {
  color: #000;
}

/* =LAYOUT */

#wrapper {
  background: #fff url("../images/bg_content.png") top center repeat-x;
}

/* =CONTENT */

hr {
  border: 0;
  border-top: 1px solid #eee;
  clear: both;
  height: 0;
  margin: 0;
}

q, .pullquote {
  color: #828282;
  font: italic 1em/20px Cambria, Georgia, Times, 'Times New Roman', serif;
}

cite {
  font-style: normal;
 /* font-weight: bold;*/
}

cite span {
  font-weight: normal;
}

#content p {
  margin-bottom: 0px;
}


/*
.container_12 {
	background: #fff url(../../img/12_col.gif) repeat-y;
	margin-bottom: 20px;
}

.container_16 {
	background: #fff url(../../img/16_col.gif) repeat-y;
}

.container_24 {
	background: #fff url(../../img/24_col.gif) repeat-y;
}*/


.footer .runner {
  border-top: 1px solid #333;
  clear: both;
  color: #444;
  margin-top: 20px;
  padding-top: 19px;
}

#slogan {
 position: absolute;
 top: 130px;
 left: 360px;
 width: 120px;
 height: 25px; 
}

#recent_news {
 margin-bottom: 20px;
}


table.smooth {
  background: url("../images/bg_content.png") 0 0 repeat-x;
  border: 1px solid #d4d4d4;
  border-collapse: separate;
  border-width: 1px 0 1px 1px;
  margin-bottom: 10px;
  width: 940px;
}

.smooth th, .smooth td {
  border-left: 1px solid #f6f6f6;
  border-left: 1px solid rgba(255, 255, 255, .6);
  border-right: 1px solid #d1d1d1;
  border-right: 1px solid rgba(0, 0, 0, .1);
  font-size: .925em;
  text-align: left;
  width: 220px;
}

.smooth th { padding: 20px 0 20px 20px; }

.smooth td { padding: 0 0 20px 20px; }

.smooth th h4 {
  color: #646464;
  color: rgba(0, 0, 0, .6);
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 0;
  text-align: left;
}

.error-box {
	background:#FFEBE8 none repeat scroll 0 0;
	border:1px solid #DD3C10;
	margin:5px 5px 10px 5px;
	padding:5px;
}
.notice-box {
	background:#FFFBE2 none repeat scroll 0 0;
	border:1px solid #FFE222;
	margin:5px 5px 10px 5px;
	padding:5px;
}
.success-box {
	background:#EEFFEE none repeat scroll 0 0;
	border:1px solid #99CC99;
	margin:5px 5px 10px 5px;
	padding:5px;
}


/** START LOGIN NOTICE **/
.login_notice{
	width: 100%;
	border-bottom: 2px solid #222;
	background: #494949;
	color: #FFF;
	height: 120px;
	text-align: center;
}
.login_notice .wrapper{
	margin: 0 auto;
	text-align: left;
	width: 700px;
}
.login_notice .left{
	float: left;
	width: 49%;
}
.login_notice .right{
	float: right;
	width: 49%;
}
.login_notice .title{
	font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	font-size:24px;
	font-size-adjust:none;
	font-style:italic;
	line-height:35px;
	margin:0;
	padding:14px 15px 3px 0;
	text-shadow:0 1px 0 #FFFFFF;
}
.login_notice .description{
	font-size: 11px;
}
.login_notice label{
	display: block;
	font-weight: normal;
	margin: 5px 0px 2px 0px;
}
.button_green{

	border-radius:11px;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border: 1px solid #A4D066;
	cursor:pointer;
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	font-size:11px !important;
	line-height:16px;
	padding:2px 8px;
	text-decoration:none;
	padding: 3px 10px;
	background-color: #7CAC48;
	font-weight: bold;
	color: #FFF;
	margin: 0px 4px;
}

.login_notice .button_red{
	border-radius:11px;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border: 1px solid #E66A6A;
	cursor:pointer;
	font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	font-size:11px !important;
	line-height:16px;
	padding:2px 8px;
	text-decoration:none;
	padding: 3px 10px;
	background-color: #B31313;
	font-weight: bold;
	color: #FFF;
	margin: 0px 4px;
}
.login_notice input{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border: 1px solid #DFDFDF;
}

/** END LOGIN NOTICE **/


.bigbutton a{
  background-color: #eee;
  border-raiuds: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  float: left;
  margin: 10px;
/*  padding: 20px;
  line-height: 40px;
  background-position: 245px 50%;
  background-repeat: no-repeat;
*/
}


#sidebar .topics {
    border-top: 1px solid #E5E5E5;
    margin: 20px 0 0 0;
    float: left;
    }
#sidebar .topic {
    position: relative;
    background: #F8F7F7;
    border-bottom: 1px solid #E5E5E5;
    color: #353535;
    width: 174px;
    padding: 8px 10px 8px 36px;
    float: left;
    cursor: pointer;
    }
#sidebar .topic .icon {
    position: absolute; top: 9px; left: 10px;
    background: url(images/sprite.png) no-repeat -10px -550px;
    }
#sidebar .current.topic .icon { background-position-y: -580px; }

#sidebar .topic.design .icon {          background-position-x: -10px; }
#sidebar .topic.business .icon {        background-position-x: -36px; }
#sidebar .topic.code .icon {            background-position-x: -62px; }
#sidebar .topic.wordpress .icon {       background-position-x: -88px; }
#sidebar .topic.ia .icon {              background-position-x: -114px; }
#sidebar .topic.seo .icon {             background-position-x: -140px; }
#sidebar .topic.socialmedia .icon {     background-position-x: -166px; }
#sidebar .topic.productivity .icon {    background-position-x: -192px; }
#sidebar .topic:hover { background: #eeeeef; }
#sidebar .topic .count { position: absolute; right: 10px; color: #60aef1; font-size: 10px; }
#sidebar .current.topic { color: #60aef1; }


.published
{
color: #60AEF1;
font-weight: normal;
float: right;
}


.post h3 
{

font-size: 12px;
line-height: 20px;
  text-transform: uppercase;
}

.post h3 a
{
 color: #353535;

 }

.post h3 a:hover
{
 color: #9A9A9A;
 
}
.tags
{ 
 font-size: 10px;
}


/*-----------------------------------------------------------------------------------------------
COMMENTS
-----------------------------------------------------------------------------------------------*/

#comments { padding: 20px 0 10px 0; }
#reply {
    background: #F8F7F7;
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    padding: 17px 20px;
    }
#reply h3 { color: #b6b6b6; width: 222px; }
#reply h5 { font-weight: normal; }
#reply #commentform  { position: relative; height: 169px; width: 680px; }
#reply #commentform input {
    position: absolute; left: 0;
    color: #b6b6b6;
    border: 1px solid #d7d7d7;
    padding: 5px;
    width: 189px;
    }
#reply #commentform input#author { top: 28px; }
#reply #commentform input#email { top: 68px; }
#reply #commentform input#url { top: 108px; }
#reply #commentform textarea {
    position: absolute; right: 85px;
    border: 1px solid #d7d7d7;
    font-family: Helvetica, Verdana, Arial, Sans-Serif; /* force font hack for IE */
    color: #353535;
    font-size: 12px;
    line-height: 18px;
    width: 365px;
    padding: 5px;
    height: 126px;
    resize: none;
    }
#reply #commentform input#submit {
    position: absolute; top: 130px;
    background: url(images/sprite.png) -10px -520px no-repeat;
    border: none;
    text-indent: -9999px; font-size: 0; color: #465169; /* text hack for IE */
    height: 19px;
    width: 65px;
    cursor: pointer;
    }
#reply #commentform input#submit:hover { background-position-x: -85px; }
#reply #commentform input#submit:active { background-position-x: -160px; }
#comments .commentlist { list-style-type: none; margin: 0; }
#comments .comment { margin: 20px 0; }
#comments .comment .commentinfo {
    position: relative;
    background: url(images/stripes.png) repeat;
    height: 32px;
    }
#comments .comment .commentinfo .tag {
    position: absolute; right: 48px; top: 6px;
    background: #cf5282;
    color: white;
    font-size: 10px;
    line-height: 18px;
    padding: 0 5px 2px 5px;
    }
#comments .comment .commentinfo .tag.author { background: #cf5282; text-shadow: #8e3859 1px 1px 0; }
#comments .comment .commentinfo .tag.editor { background: #4ea6ae; text-shadow: #326a6f 1px 1px 0; }
#comments .comment .commentinfo .commentmeta {
    position: absolute; left: 0;
    background: white;
    padding: 0 10px 0 0;
    height: 32px;
    }
#comments .comment .commentinfo span {
    font-size: 10px;
    line-height: 12px;
    }
#comments .comment .commentinfo img.avatar {
    position: absolute; right: 0;
    border-left: 10px solid white;
    height: 32px;
    width: 32px;
    margin: 0;
    -moz-border-radius: 0; -webkit-border-radius: 0;
    }
#comments .comment p { margin: 10px 0 0 0; }

/*-----------------------------------------------------------------------------------------------
*/

#intro p {
    font-family: Georgia, Palatino, Times, Serif;
    font-size: 20px;
    line-height: 26px!important;
    /*margin: 4px 0 4px 0!important;*/
    }
#intro a { border: none!important; }

.tags {
background: url( /application/assets/img/icons/tag.png) no-repeat 0% 4px;
padding: 6px 0px 6px 20px !important;
}