/* @override http://amivox.dev/css/amivox.css */

/*

	36 - 3em Bold	Level 1 heading
	24 - 2em 		Level 2 heading
	18 - 1.5em 		Level 3 heading
	12 - 1em		Body Text

*/

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	font-size: 75%;
	font-family: Helvetica, Arial, Serif;
	background: #FFF;
	color: #666;
}
 
html > body {
	font-size: 12px;
	line-height: 1.5em;
}
 
a {
	color: #EB7F26;
	text-decoration: none;
}

a:hover {
	color: #666;
}

img {
	border: none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

h1, h2, h3 {
}

/* Page */

.page {
	background: url(i/header-bg.png) top center no-repeat;	
}

/* Header */

.headerwrap {
	position: relative;
}

.p-home .headerwrap {
	height: 348px;
}

.header {
	width: 908px;
	margin: 0 auto;
        padding-top: 2em;
	position: relative;
	height: 60px;
	background: url(i/header-line.png) left bottom no-repeat;
}

.header ul {
	position: absolute;
	top: 44px; right: 0;
	list-style: none;
}

.header ul li {
	display: inline;
	font-size: 1.5em;
	padding-left: 0.5em;
	font-weight: bold;
}

.p-home .home a,
.p-howto .howto a,
.p-about .about a,
.p-faq .questions a {
	color: #666;
}

.slides {
	width: 908px;
	margin: 0 auto;
	position: relative;
	height: 274px;
}

.slides .getstarted a {
	position: absolute;
	right: 0; top: 0;
	width: 368px;
	height: 275px;
	background: url(i/getstarted.png);
	overflow: hidden;
	text-indent: -999em;
	z-index: 55;
}

.slides .sld {
	width: 540px;
	padding-top: 2em;
}

.slides .ui-tabs-hide {
	display: none; 
}

.slides .sld h1 {
	color: #6CA538;
	font-size: 3em;
	line-height: 1em;
	letter-spacing: -0.05em;
}

.slides ul {
	position: absolute;
	bottom: 3em;
	left: 0;
	list-style: none;
}

.slides ul li {
	float: left;
	margin-right: 1.5em;
	display: inline;
	padding-bottom: 1em;
}

.slides ul li a {
	font-size: 2em;
}

.slides ul li.ui-state-active {
	border-bottom: 1px solid #6CA538;
}

.slides ul li.ui-state-active a {
	color: #666;
}

.slides #amivid {
	position: absolute;
	background: #CCC;
	padding: 10px;
	box-shadow: 5px 5px #CCC;
}

/* Amicasts */

#amicasts {
	padding-top: 36px;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 12px;
	position: relative;
	min-height: 190px;
	background: url(i/loader.gif) no-repeat center center;
}

#amicasts h2 {
	font-weight: normal;
	font-size: 2em;
	margin-bottom: 12px;
}

#amicasts h2 span a {
	position: absolute;
	right: 0; top: 1.5em;
}

#amicasts .entry {
	width: 172px;
	float: left;	
	margin: 0em 12px 11px 0em;
}

#amicasts .end {
	margin-right: 0;
}

#amicasts .entry .entry-img {
	overflow: hidden;
	width: 172px;
	height: 96px;
	display: block;
	position: relative;
	margin-bottom: 0.9em;
}

#amicasts .entry .entry-img img {
	width: 172px;
}

#amicasts .entry h3 {
	font-size: 1.5em;
	font-weight: normal;
	width: 172px;
	overflow: hidden;
	height: 1em;
	line-height: 0.8em;
	position: relative;
}

#amicasts .entry h3 a {
	white-space: nowrap;;
}

#amicasts .entry h3 span {
	background: url(i/title-fade.png) top right no-repeat;
	width: 20px;
	height: 24px;
	position: absolute;
	right: 0; top: 0;
}

#amicasts .entry ul {
	list-style: none;
	line-height: 1em;
}


/* Main */

.p-home .mainwrap {
	background: url(i/main-bg.png) repeat-x;
}

.main {
	margin: 0 auto;
	width: 632px;
	padding-right: 276px;
	position: relative;
}

.p-home .main {
	background: url(i/main-shadow.png) no-repeat;
	width: 908px;
	padding: 0;
}

.main .doc {
	padding-top: 2em;
	position: relative;
}

.main .doc h1 {
	color: #6CA538;
	font-size: 3m;
	padding-bottom: 1em;
}

.main .doc h2 {

	padding-bottom: 1em;
}

.main .doc h3 {
	padding-bottom: 1em;
}

.main .doc p {
	padding-bottom: 1em;
}

.main .doc ul {
	list-style: none;
	margin-bottom: 1em;
}

.main .doc ul li {
	padding-left: 1em;
	border-left: 1px solid #CCC;
	margin-left: 1em;
	margin-bottom: 1em;
}

.main .doc img.alignright {	   
	float: right;
	width: 264px;
	margin: 0 0 1em 1em;
}

.main .doc dl {
	margin-bottom: 2em;
}

.main .doc dt {
	font-weight: bold;
}

.main .doc dd {
	margin-bottom: 1em;
}

.main .sidebar {
	position: absolute;
	right: 0; top: 2em;
	width: 172px;
}

.main .sidebar .smenu {
	background: url(i/smenu-bg.png);
	padding-top: 10px;
}

.main .sidebar .smenu ul {
	list-style: none;
	background: url(i/smenu-bottom.png) bottom left no-repeat;
}

.main .sidebar .smenu li {
	height: 1%;
}

.main .sidebar .smenu li a {
	display: block;
	color: #FFF;
	padding: 1em;
	background: url(i/smenu-lines.png) bottom left no-repeat;
	_background: none;
	_border-bottom: 1px solid #8EBA65;
	line-height: 0.3em;
	font-size: 1.5em;
	letter-spacing: -0.1em;
	~letter-spacing: normal;
	~line-height: 0.4em;
}

.main .sidebar .smenu li.last a {
	background: none;
	border: none;
}

.main .features {
	padding-top: 2em;
	width: 908px;
}

.main .features .col {
	width: 264px;
	padding-right: 12px;
	float: left;
}

.main .features .end {
	padding: 0;
	width: 356px;
}

.main .features ul {
	list-style: none;
}

.main .features ul li {
	width: 216px;
	padding-left: 48px;
	height: 5em;
	display: block;
	margin-bottom: 1em;
}

.main .features li.on h3 a {
	color: #6CA538;
}

.main .features h2 {
	font-weight: normal;
	font-size: 2em;
	margin-bottom: 1em;
	color: #6CA538;
}

.main .features ul li h3 {
	color: #666;
	font-weight: normal;
	font-size: 1.5em;
}

.main .features .end img {
	float: right;
	margin-left: 12px;
}

.main .features .end p {
	margin-bottom: 1em;
}

.main .features .end h2 {
}

.main .features .end #userstory,
.main .features .end #domore {
	display: none;
}

.main .features .end #userstory h2,
.main .features .end #domore h2 {
	color: #666;
}

.main .features ul li.chat { background: url(i/feat-chat.png) 0 3px no-repeat; }
.main .features ul li.amishout { background: url(i/feat-amishout.png) 0 3px no-repeat; }
.main .features ul li.domore { background: url(i/feat-domore.png) 0 3px no-repeat; }
.main .features ul li.smsemail { background: url(i/feat-smsemail.png) 0 3px no-repeat; }
.main .features ul li.amicast { background: url(i/feat-amicast.png) 0 3px no-repeat; }
.main .features ul li.amicast2 { background: url(i/feat-amicast2.png) 0 3px no-repeat; }
.main .features ul li.using { background: url(i/feat-using.png) 0 3px no-repeat; }
.main .features ul li.im { background: url(i/feat-im.png) 0 3px no-repeat; }

.main .features #ontheweb a {
	display: block;
}

.main .features #ontheweb .twitter, .footer .twitter {
	background: url(i/twitter.png) no-repeat;
}

.main .features #ontheweb .facebook, .footer .facebook {
	background: url(i/facebook.png) no-repeat;
}

.footer {
	width: auto;
	overflow: hidden;	
}

.footer .left {
	float: left;	
}

.footer .left ul {
	list-style: none;
}

.footer .left ul li {
	display: block;
	float: left;
	font-size: 1.5em;
	padding-right: 0.5em;
	font-weight: bold;
	line-height: 32px;
}

.footer .right {
	float: right;
	line-height: 32px;
}

.footer .right h2 {
	float: left;
	margin-right: 8px;	
}

.footer .right ul {
	float: left;
	list-style: none;
}

.footer .right ul li {
	float: left;
	margin-left: 4px;	
}

.footer .right ul li a {
	display: block;
	height: 32px;
	width: 32px;	
}

.footer .right ul li a span {
	display: none;	
}

/* Pages */

.p-getstarted p.started {
	text-align: center;
	padding: 2em 0 0 0;
}

.main p.proceed {
	text-align: left;
	padding: 2em 0 0 0;
}
/* Footer */

.mainwrap .footer {
	width: 908px;
	margin: 0 auto;
	border-top: 1px solid #CCCCCC;
	padding-top: 1em;
	margin-top: 2em;
	margin-bottom: 2em;
}

/* LightBox */

#boxcontent {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 385px;
	padding: 16px;
	background-color: white;
	z-index:1002;
	overflow: auto;
	text-align: center;
}

#boxcontent .close {
	padding-top: 12px;
	display: block;
}

#fakebox {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

div.login {
	width: 908px;
	margin: 0 auto;
	overflow: hidden;
	line-height: 28px;	
}

div.login label {
	display: none;
}

div.login * {
	display: block;
	float: left;	
}

div.login form {
	float: right;	
}

div.login h2 {
	font-size: 1.2em;
	margin-right: 8px;
}

div.login div.formItem input {
	border: 1px #dbdbdb solid;
	padding: 2px 4px;
	margin-top: 4px;
	margin-right: 4px;
	width: 120px;
}

div.login a {
	margin-left: 4px;
	margin-right: 8px;	
}

div.login input.button {
	margin-top: 4px;	
}

div.tryMe {
	border-top: 1px #ba9467 solid;
	background: url(i/amibackground_fadeflower.png) top center no-repeat #fd8139;
	height: 480px;
}

div.tryMe div.wrapper {
	width: 908px;
	margin: 0 auto;
	position: relative;
}

div.tryMe img.image {
	position: absolute;
	right: 0;
	top: 0;
}

div.tryMe h1 {
	position: absolute;
	top: 20px;
	color: #fff;
	font-size: 3.5em;
	line-height: 1.4em;	
}

div.tryMe h2 {
	font-size: 2.2em;
	line-height: 1.2em;
	position: absolute;
	top: 180px;
	width: 570px;
	color: #fff;
	font-weight: normal;
}

div.tryMe a {
	position: absolute;
	color: #fff;
	font-size: 2.2em;
	font-weight: bold;
	text-decoration: underline;
	top: 420px;
	left: 375px;
}

div.tryMe #video a{
	position: absolute;
	color: #fff;
	font-size: 2.2em;
	font-weight: bold;
	text-decoration: underline;
	top: 380px;
	left: 50px;
}

div.columns {
	width: 908px;
	margin: 0 auto;	
	margin-top: 2em;
}

div.columns ul {
	list-style: none;
	width: 908px;
	overflow: hidden;
}

div.columns ul li {
	float: left;	
	width: 33%;
}

div.columns ul li p {
	padding-right: 20px;	
}