/*======================================
      WELCOME TO THE STYLESHEET
	  
      Author: Sacha Greif ( http://www.sachagreif.com )
======================================*/
 

/**************************************/
/*              GLOBALS               */
/**************************************/
body {
	background:#fff;
	font-family:Arial,"Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0;
	color:#333;
}
.sub {
	padding:10px;
}
.container {
	line-height:1.5em;
}
hr {
	height:1px;
	background:#333;
}
p,.container p, .container li p {
font-size: 1.4em;
line-height: 1.5em;
color: #444;
text-align: left;
margin-bottom:1em;
}
blockquote{
	font-family:Georgia, Serif;
	font-style:italic;
	color:#777;
}
/**************************************/
/*               LISTS                */
/**************************************/
ul, .container ul{
	list-style-type:none;
	list-style-image:none;
	padding:0;
	margin-left:0;
}
/*.container p+ul{
margin-top:-15px;
}*/
.container ul.no-bullet li {
	background:none;
}
.container .text-content li {
	font-size: 1.4em;
	margin-bottom:15px;
	background: url("../img/bullet.png") no-repeat left 4px ;
	line-height:1.5em;
}
.container .text-content ol li{
	background:none;
}
.container ul li {
	padding-left:20px;
}
ul ul {
	list-style-image:none;
}
.container ul ul li, .container ul ul ul li {
	background:none;
	padding-left:0;
}

ul.twocols{
	width: auto;
	overflow: hidden;
}
ul.twocols li{
	display: block;
	float: left;
	margin-right: 20px;
	width: 300px;
}
dl{
	font-size:1.4em;
	line-height:1.5em;
}
.container .text-content dl ol,.container .text-content   dl ul{
	margin:0.7em 0 0.7em 30px;
}
.container .text-content dl ol li,.container .text-content dl ul li{
	font-size:1em;
}
/**************************************/
/*             HEADINGS               */
/**************************************/
h1, h2, h3, h4, h5, h6{
	line-height:1.5em;
}
h1 {
	font-size:3.0em;
	color: #fff;
	font-weight: normal;
	margin-bottom: 1em;
}
.page-title h1{
margin:0;
}
.JS .page-title h1{
margin:7px 0;
}
h2 {
	font-size:2.4em;
}
h3 {
	font-size:1.8em;
	font-weight: bold;
	color: #111;
}
h4 {
	font-size:1.6em;
	color: #444;

}
h5 {
	font-size:1.4em;
	color:#777;
	font-weight: bold;
	border-bottom:1px #ccc solid;
	padding-bottom:5px;
	margin-bottom:5px;
}
h6 {
	font-size:1.2em;
	color:#777;
	font-weight: bold;
}
.container h2,.container h3,.container h4,.container h5,.container h6 {
margin-bottom:0.5em;
}
.container li h4 {
margin-bottom:0;
}
.section-title {
padding-bottom:0.3em;
margin-bottom:0.5em;
border-bottom:1px #aaa solid;
}
div.subheader, .subheader{
background:url("../img/subheader-bg.png");
margin-bottom:1em;
width:940px;
float:left;
}
.subheader h2{
margin:2px 5px;
float:left;
}
h2.subheader{
padding:5px;
width:930px;
float:none;
}
.JS h2.subheader{
padding:10px 10px 8px 10px;
width:920px;
font-size:2.2em;
}
.JS .subheader h2{
margin:8px 10px;
}
div.subheader .more{
	float:right;
	padding:10px 10px 9px 10px;
	margin:0;
	font-size:1.4em;
	border:0;
}
.container .subheader a{
float:right;
margin:5px !important;
}
div.large-subheader, .large-subheader{
background:url("../img/header-700.png");
width:700px;
}
div.medium-subheader, .medium-subheader{
background:url("../img/medium-subheader-bg.png");
width:620px;
}
div.short-subheader, .short-subheader{
background:url("../img/short-subheader-bg.png");
width:460px;
}
div.xs-subheader, .xs-subheader{
background:url("../img/xs-subheader-bg.png");
width:300px;
}
/**************************************/
/*              LINKS                 */
/**************************************/
a, .container a, .container a:link,.ui-widget-content a {
	text-decoration:none;
	color:#019bdd;
}
a:visited, .container a:visited {
	color:#019bdd;
	text-decoration:none;
}
a:hover, .container a:hover {
	color:#019bdd;
	text-decoration:underline;
}
a.icon{
	padding:0;
}
/**************************************/
/*              NOTICES               */
/**************************************/
p.notice a:hover {
	color:#000;
}
/**************************************/
/*              BUTTONS               */
/**************************************/
.link-button, .container  .link-button {
text-transform:uppercase;
font-weight: bold;
font-size: 1.2em;
padding: 0px 0px 0px 10px ;
display: block;
cursor: pointer;
margin-bottom:1em;	
float:left;
}
.container .link-button:link,.link-button:visited,.container .link-button:visited{
color: #333 ;
}
.link-button:hover, .container .link-button:hover{
text-decoration: none;
background-position: left -28px;
}
.link-button span, .container .link-button span{
display: block;
height: 24px;
line-height: 24px;
padding: 2px 10px 2px 0;
float:left;
}
.link-button:hover span, .container .link-button:hover span{
background-position: right -28px;
}
.buttons{
	overflow:hidden;
}
.buttons .link-button{
	float:right;
	margin-left:5px;
}
.dialog .buttons{
	display:table;
	margin:0 auto;
}
.link-button{
background: url("../img/grey-button-left.png") no-repeat left top;	
}
.link-button span{
background: url("../img/grey-button-right.png") no-repeat right top;	
}

#live-chat a{
padding: 0 0 0 5px;
}
#live-chat a span{
background-image: url("../img/bg-black-80.png");
}
#live-chat a img{
vertical-align:middle;
}

 
.delete-button, .delete-button:visited{
background-image: url("../img/delete-button-left.png");
color:#fff;
}
.delete-button span{
background-image: url("../img/delete-button-right.png");
}
.container .inline-button{
	display:inline-block;
	font-size:1em;
	float:none;
	margin-bottom:0;
	vertical-align:middle;
}
/**************************************/
/*               FORMS                */
/**************************************/
.form-item{
margin-bottom:1.5em;
overflow: hidden;
width: auto;
}
.form-item label{
font-size: 1.4em;
white-space: no-wrap;
}
.form-reverse p{
	color:#eee;
}
.form-reverse .form-item label{
	color:#fff;
}
.form-reverse h4{
	color:#fff;
	text-align:center;
}
.form-reverse .instructions{
	color:#ddd;
	text-align:center;
}
.form-item .required, .form-item .instructions{
	float:left;	
	display:block;
	margin-left:10px;
	line-height:30px;
}
.form-item .required{
	color:#b11111;
	font-size:1.2em;
}
.form-item .instructions{
	color:#777;
	font-size:1.2em;
}
.horizontal-form .form-item label{
display: block;
width: 144px;
margin-right: 20px;
float: left;
line-height: 1.5em;
text-align: right;
padding-top:5px;
}
.horizontal-form .form-item input.text{
display: block;
float: left;
}
input.not-form{
margin-bottom:10px;
}
input.text{
background: #fff url("../img/textfield-bg.png") repeat-x top;
border: 1px #555 solid;
font-size: 1.4em;
height: 17px;
width:200px;
padding: 6px 5px 6px 5px;
}
.big-form .form-item label{
font-size: 1.8em;
font-weight:normal;
width:150px;
}
.big-form input.text{
	font-size:1.8em;
	width:200px;
	height:auto;
}
.radio-item input{
	
}
.horizontal-form .radio-item .radio-label{
	display:inline;
	float:none;
}
.form-submit{
text-align:left;
overflow: hidden;
width: auto;
}
.form-submit .submit-button{
float: left;
margin-left:165px;
}
.ui-dialog .form-submit .submit-button{
float: right;
margin-left:0;
}
.submit-button{
background: url("../img/submit-button.png") no-repeat;
display: block;
height: 30px;
width: 160px;
border: 0;
overflow: hidden;
text-indent: -9000px;
cursor: pointer;
}
.submit-button:hover{
background-position: 0 -30px;
}
.form-item textarea, textarea{
	width:400px;
	font-family:Arial,"Lucida Grande","Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.4em;
}
/**************************************/
/*           EDIT IN PLACE            */
/**************************************/
.edit form, .edit-area form{
	margin-bottom:0;
}
.edit, .edit-area{
	/*background:url("../img/icons/edit16.png") no-repeat center right;
	padding:2px 20px 2px 5px;*/
	padding: 0px 5px;
	line-height:24px;
	display:inline-block;
}
.edit:hover, .edit-area:hover{
	background-color:#ffffd3;
}
.edited{
	background:none;
	padding-right:0;
}
/**************************************/
/*              TABLES                */
/**************************************/
.container .nice-table{
	width:100%;
	border:none;
}
.nice-table thead tr{
	background:url("../img/subheader-bg.png") top;
	height:39px;
}
.medium-table thead tr{
	background-image:url("../img/medium-subheader-bg.png");
}
.large-table thead tr{
	background-image:url("../img/header-700.png");	
}
.nice-table th, .nice-table td{
	padding:5px 5px;
}
.nice-table th{
	height:18px;
	line-height:18px;
	font-size:1.4em;
	border-color:#e3e3e3;
	vertical-align:middle;
	white-space:nowrap;
}
.nice-table th span{
	font-size:0.8em;
	color:#777;
}
.nice-table tr{
	background:#fff url("../img/tr-bg.png") repeat-y left;
	border-right:1px #e3e3e3 solid;
}
.nice-table tr:hover{
	background-color:#efefef;
}
.nice-table td{
	font-size:1.4em;
	text-align:center;
	vertical-align:middle;
	border-color:#e3e3e3;
	border-right:none;
	line-height:1.5em;
}
.nice-table td.delete:hover{
	background:#ffa9a9;
}
.nice-table tr.odd{
}
.nice-table tr.even{
}
.nice-table tfoot tr{
	background:url("../img/subheader-bg.png") bottom;
	height:39px;
}
.large-table tfoot tr{
	background:url("../img/header-700.png") bottom;
}
.medium-table tfoot tr{
	background:url("../img/medium-subheader-bg.png") bottom;
}
/**************************************/
/*           PAGINATION               */
/**************************************/
.nice-table .pagination-container{
	font-size:1em;
	padding:7px;
}
.nice-table .pagination-container .rec-info{
	float:left;
	color:#777;
	font-size:1.2em;
	margin-top:3px;
}
.nice-table .pagination-container .pagination{
	float:right;
}
.pagination{
	overflow:hidden;
}
.pagination a{
	display:block;
	float:left;
	border:1px #ccc solid;
	padding:2px 5px;
	margin-left:5px;
	font-size:1.2em;
}
.pagination a.active{
	border-color:#777;
	color:#333;	
}
.pagination a:hover{
	background:#fff;
	border-color:#019bdd;
	text-decoration:none;
}
.pagination a.active:hover{
	background:none;
	border-color:#777;
	color:#333;	
}
/**************************************/
/*                TOP                 */
/**************************************/
#top{
background: url("../img/blue-bg.jpg") repeat-x center;
}
.wrapper{
background:url("../img/blue-center-bg.jpg") no-repeat center center;
}
.home #top{
background: url("../img/blue-bg.jpg") repeat-x top;
}
.home  .wrapper{
background:url("../img/blue-center-bg.jpg") no-repeat top center;
}
#top-nav{
	background:#111111;
	padding-bottom:5px;
	display:none;
}
.nav-wrapper{
float: right;
padding: 5px 0 0 0;
}
#top-nav .link-button{
	margin-bottom:0;
}
#live-chat, #host-login{
float: left;
}
#live-chat{
margin-right:5px;
}
#live-chat a{
padding: 0 0 0 5px;
}
#live-chat a img{
vertical-align:middle;
}
/**************************************/
/*              HEADER                */
/**************************************/
#header{
background:url("../img/header-bg.png") repeat-x 0 -5px;
height: 80px;
padding: 0px 0 15px 0;
}
#header h2{
	margin:0;
}
#header #logo{
background: url("../img/logo.jpg") no-repeat;
width: 290px;
height: 60px;
margin: 5px 0 5px 0;
text-indent: -9000px;
overflow: hidden;
float: left;
padding:0;
}
/**************************************/
/*             NAVIGATION             */
/**************************************/
#nav{
float:right;
margin: 20px 0;
}
#nav ul{
margin: 0;
float:left;
}
#nav li{
display:block;
float:left;
padding: 0;
margin:0 30px 0 0;
}
#nav li a:link, #nav li a:visited, #nav li a:active{
color: #333333;
}
#nav li a:hover{
color: #019bdd;
text-decoration: none;
}
#nav li a{
background: url("../img/nav.png") no-repeat top left;
font-size: 1.8em;
padding: 0;
display:block;
text-indent: -9000px;
overflow: hidden;
height: 30px;
width: 30px;
}
#nav li.home a{background-position: 0 0;width:68px;}
#nav li.home a:hover{background-position: 0 -30px;}
#nav li.home a.active{background-position: 0 -60px;}

#nav li.services a{background-position: -85px 0;width:87px;}
#nav li.services a:hover{background-position: -85px -30px;}
#nav li.services a.active{background-position: -85px -60px;}

#nav li.features a{background-position: -188px 0;width:88px;}
#nav li.features a:hover{background-position: -188px -30px;}
#nav li.features a.active{background-position: -188px -60px;}

#nav li.faq a{background-position: -292px 0;width:49px;}
#nav li.faq a:hover{background-position: -292px -30px;}
#nav li.faq a.active{background-position: -292px -60px;}

#nav li.login a{background-position: -355px 0;width:81px;}
#nav li.login a:hover{background-position: -355px -30px;}
#nav li.login a.active{background-position: -355px -60px;}

#nav li.signup a:link,#nav li.signup a:visited,#nav li.signup a:active{
color: #019bdd;
}
/**************************************/
/*               FRONT                */
/**************************************/
.home #front .container{
	margin-top:20px;
}
#tagline{
background: url("../img/tagline.png") no-repeat;
width:460px;
height:85px;
text-indent: -9000px;
overflow: hidden;
margin:20px 0;
}
/**************************************/
/*            BLUE BOX                */
/**************************************/
.blue-box{
background: url("../img/signup-bg.png") no-repeat top left;
position:relative;
left: -20px;
padding: 20px 20px 0 20px;
width: 460px;
}
.blue-box-bottom{
background: url("../img/signup-bg.png") no-repeat bottom center;
height:20px;
position:relative;
left: -20px;
width: 500px;
}
.blue-box .sub{
padding: 20px;
}
.blue-box form{
margin-bottom:0;
}
.blue-box input.text{
width:188px;
}
.blue-box label{
color:#fff;
}
/**************************************/
/*               TOUR                 */
/**************************************/
#tour{
	width:597px;
	margin:0 auto;
	margin-bottom:20px;
}
/**************************************/
/*             SIGN UP                */
/**************************************/
#signup #overview, #signup #signup-form{
float:left;
width: 200px;
}
#signup #overview{
margin-right: 20px;
}
#signup .overview{
font-size:1.6em;
color: #fff;
}
#signup .disclaimer{
font-size:1.2em;
color: #ddd;
}
.signup-button, .container .signup-button{
background:url("../img/signup.png") no-repeat;
display: block;
width: 200px;
height: 45px;
margin: 0;
padding: 0;
border: 0;
text-indent: -9000px;
cursor: pointer;
}
.signup-button:hover{
background:url("../img/signup.png") no-repeat 0 -45px;
}
.JS #signup .form-item{
position:relative;
}
.JS #signup label{
position: absolute;
font-weight: normal;
font-size: 1.4em;
color: #777;
top: 8px;
left:6px;
}
/**************************************/
/*             CONTENT                */
/**************************************/
#content{
background:#fff url("../img/content-bg.png") repeat-x top;
}
#content .container{
padding:20px 0 0 0;
}
/**************************************/
/*           FEATURES LIST            */
/**************************************/
.container .features-list {
width:640px;
overflow:hidden;
margin: 0;
}
.container .features-list li{
width:300px;
float: left;
display: block;
margin: 0 20px 20px 0;
padding: 0;
overflow: hidden;
}
.container .onecol li{
	float:none;
	width:auto;
}
.container ul.single-column{
width: 300px;
}
.container .single-column li{
float:none;
margin-right:0;
}
.features-list li img{
float:left;
}
.features-list li h4, .features-list li p{
margin-left: 74px;
}
.container .items-list li{
	font-size:1em;
	background-position:0px 7px;
} 
.features-list li p, .items-list li p{
color: #555;
font-size: 1.3em;
margin-bottom: 0;
}
/**************************************/
/*              GREY BOX              */
/**************************************/
.grey-box{
background: url("../img/grey-box-bottom.png") no-repeat bottom;
padding-bottom: 2px;
margin-bottom:1em;
width:300px;
}
.grey-box .sub{
background: url("../img/grey-box-top.png") no-repeat left top;
padding: 15px 15px 13px 15px;
zoom:1;
}
.list-box .sub{
	padding-bottom:0;
}
.grey-box ul{
	margin-bottom:0;
	overflow:hidden;
}
.large-box{
background: url("../img/grey-box-bottom-large.png") no-repeat bottom;
width:460px;
}
.large-box .sub{
background: url("../img/grey-box-top-large.png") no-repeat left top;
}
/**************************************/
/*                TABS                */
/**************************************/
#tabs{
	margin-bottom:20px;
}
.ui-tabs .ui-tabs-nav li{
	background:#FFFFFF url(images/ui-bg_glass_65_ffffff_1x400.png) repeat-x scroll 50% 50%;
	margin-bottom:-1px;
}
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }
/**************************************/
/*           SCREENSHOTS              */
/**************************************/
.screenshot, .container .screenshot{
background:url("../img/screenshot-frame.png");
display:block;
height:172px;
width:292px;
padding:4px;
position:relative;
margin-bottom:40px;
}
.lightbox .expand{
background:url("../img/screenshot-expand.png") no-repeat bottom right;
display:block;
height:90px;
width:90px;
position:absolute;
bottom:-21px;
right:-9px;
}
/**************************************/
/*              HOMEPAGE              */
/**************************************/
#slider{
	background:url("../img/home-screenshot-frame.png") no-repeat;
	padding:19px 20px 40px 20px;
	left:-10px;
	width: 410px; /* important to be same as image width */
   height: 280px; /* important to be same as image height */

}
#slider ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
#slider ul li{
	padding:0;
	margin:0;
}
#slider img{
	margin-bottom: 8px;
}
#sliderContent {
   width: 410px; /* important to be same as image width or wider */
	height:280px;
   position: relative; /* important */
   overflow: hidden; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
  width: 410px; /* important to be same as image width or wider */
	height:280px;
}

.sliderImage span {
   position: absolute; /* important */
display:block;
   left: 0;
bottom:0;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
	font-size:16px;
	padding:10px 15px;
	width:100%;
}

.clear {
   clear: both;
}
#listen-recordings p{
text-align:center;
margin-bottom: 10px;
}
#listen-link{
background:url("../img/listen-button.png") no-repeat 0 top;
display: block;
height: 30px;
width: 160px;
margin: 0 50px 0 50px;
text-indent: -9000px;
overflow: hidden;
padding: 0;
}
#listen-link:hover{
background:url("../img/listen-button.png") no-repeat 0 -30px;
}
/**************************************/
/*           CONTENT PAGES            */
/**************************************/
.content #front .container{
	padding-bottom:20px;
}
.signup-link a{
float: right;
}
div.three-steps{
padding: 10px 0;
margin: 10px 0;
border-top: 1px #ccc solid;
border-bottom: 1px #ccc solid;
}
.three-steps ol{
list-style-type: none;
padding: 0;
margin:  5px 0 15px 0;
}
.three-steps li{
background: url("../img/grey-box-bottom.png") no-repeat bottom;
display: block;
float: left;
width: 300px;
margin:0 20px 0 0;
padding-bottom: 2px;

}
.three-steps li div{
position: relative;
left: -10px;
width: 280px;
padding: 15px 10px 10px 20px;
}
.three-steps li.last{
margin:0;
}
.three-steps .step1 div{
background: url("../img/step1.png") no-repeat;
}
.three-steps .step2 div{
background: url("../img/step2.png") no-repeat;
}
.three-steps .step3 div{
background: url("../img/step3.png") no-repeat;
}
.three-steps li h6{
margin:0;
padding: 0 0 10px 35px;
}
.three-steps li p{
margin:0;
color: #444;
text-align: center;
}
.three-steps .step-finish{
text-align: right;
}
#linkback .linkback-example{
margin-bottom:0;
}
#linkback textarea{
	width:420px;
	height:100px;
	margin:0 auto;
	text-align:left;
}
.keypad-img{
	margin-top:10px;
	text-align:right;
}
/**************************************/
/*       SIGNUP & LOGIN PAGES         */
/**************************************/
.altpage .wrapper,.altpage #top{
	background:none;
}
.altpage h1{
	margin-bottom:0;
}
#login-form form{
	width:400px;
	margin:0 auto;
}
/**************************************/
/*               FOOTER               */
/**************************************/
body{
	background:transparent url(../img/blue-bg.jpg) repeat-x scroll center top;
}
body.content {
	background:white;
}
/* sticky footer code from http://www.cssstickyfooter.com/using-sticky-footer-code.html */
html, body, #sticky-wrap {height: 100%;}

body > #sticky-wrap {height: auto; min-height: 100%;}

#sticky-main {padding-bottom: 120px;}  /* must be same height as the footer */

#footer {
position: relative;
margin-top: -120px; /* negative value of footer height */
height: 120px;
clear:both;
background: #111 ;
color: #fff;
font-size: 1.2em;
}
#footer .container{
padding: 20px 0 10px 0;
text-align:center;
}
#footer p{
text-align:center;
font-size:1em;
margin: 10px 0 0 0;
border-top: 1px #444 solid;
padding-top: 10px;
}
#footer ul{
margin-bottom:0.5em;
}
#footer ul li{
display:inline;
margin:0;
font-weight: bold;
}
#footer a:link{
color:#fff;
}
#footer a:visited{
color:#aaa;
}
/**************************************/
/*               DIALOGS              */
/**************************************/
.dialog{
	display:none;
}
p.confirm{
	font-size:1.2em;
	text-align:center;
}
#listen-dialog{
padding: 10px;
}
#listen-dialog h2{
font-size:1.8em;
text-align:center;
padding-bottom: 5px;
border-bottom: 1px #777 solid;
margin-bottom:15px;
}
.ui-widget-overlay { background: #aaaaaa url("../img/bg-black-80.png") 50% 50% repeat;  }
.ui-widget {
font-size:1em;
}
/**************************************/
/*            USEFUL STUFF            */
/**************************************/

.fleft {
	float:left !important;
}
.container .fleft {
	margin:0 20px 10px 0;
}
.fright {
	float:right !important;
}
.container .fright {
	margin:0 0 10px 20px;
}
.aleft, .container .aleft{
	text-align:left;
}
.aright, .container .aright{
	text-align:right;
}
.acenter, .container .acenter{
	text-align:center;
}
.container div.border {
	border-color:#666;
}
div.border, div.colborder {
	border-color:#333;
}
.no-margin, .container .no-margin {
	margin:0;
}
.no-padding .container .no-padding {
	padding:0;
}

