/*
-----------------------------------------------
Ecordia Style Sheet
Author:   Patrick Daly
Version:  1
----------------------------------------------- */

/* =Font Sizes
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108% 
15px = 116%
16px = 123.1%
15px = 131%
16px = 138.5%

see http://developer.yahoo.com/yui/fonts/ for more details.

# Header
# Structure
# Navigation
# Forms
# Links
# Headers
# Content
# Lists
# Tables
# Common Classes
*/

/* =Structure
----------------------------------------------- */
body{
	background:none;
	text-align:left;
}

.container{
	margin:0 20px;
}

#hd{
	display:none;
}

#bd{
	
}

#ft{
	display:none;
}

/* =Forms
----------------------------------------------- */
select, input, textarea{
    font:99% arial,helvetica,clean,sans-serif;
}

#form191 .form_desc{
	border:2px dashed #4FA6A0;
	padding:15px;
}

#form191 p.form_desc{
	border:1px dashed #B5DFDC;
	padding:5px 15px;
}

#form191{
	background-color:#FFF;
	border: #EEE 1px solid;
	margin:10px;
	padding:5px;
	width:95%;
}

#form191 form fieldset{ 
	margin:10px 0;
	padding: 10px;
	border: #DDD 1px solid;
}

#form191 form legend{
	font-size:138.5%;
	font-family:"Times New Roman", Times, serif;
	font-weight: bold;
	color: #333;
}

#form191 .formreq{ color:#ff0000; }

#form191 form fieldset div{
	padding: 0.25em 0;
}

#form191 label, 
#form191 span.label{ 
	margin-right:10px; padding-right:10px;
	width: 150px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
}

#form191 label.error, 
#form191 span.error{
	color: #C00;
}

#form191 label em, 
#form191 span.label em{
	position:absolute;
	right:0;
	font-size:120%;
	font-style:normal;
	color:#C00;
}

#form191 textarea{
	width:150px;
}

#form191 input.error{
	border-color:#C00;
	background-color:#FEF;
}

#form191 input:focus,
#form191 input.error:focus, 
#form191 textarea:focus{
	background-color:#FFC;
	border-color:#FC6;
}

#form191 label.list-label{
	 width:150px;
	 display:inline;
	 float:none;
	 padding:5px;
}

#form191 div{
	border-bottom:1px dashed #ccc;
	margin:5px 0;
}

#form191 div.buttonrow{
	margin-left:180px;
}

#form191 .field_rc_vertical{
	margin:5px 0 0 170px;
}

/* =Links
----------------------------------------------- */
a{ color:#006699; outline:none; }
a:hover{ background:#006699; color:#fff; text-decoration:none; }

/* =Headers
----------------------------------------------- */
h1, h2, h3, h4, h5, h6{	clear:both; color: #333; }
h2, h3, h4, h5, h6{	font-family:Helvetica,Arial,"Lucida Grande",Verdana,sans-serif; font-weight:bold; padding:1em 0 0 0; }

h1{ border-bottom:1px dotted #ccc; font-family: "Arial Black", Arial, Helvetica, sans-serif; font-size:153.9%; padding:0 0 .25em 0; }
#home h1{ border:none; }
h2{ font-size: 123.1%; font-style:italic; }
h3{	font-size:116%; }
h4{	font-size:108%; }
h5{	font-size:100%; }
h6{	font-size:100%; }

#content fieldset{
	border:1px solid #999;
	padding:1em;
	margin:0 1em;
}

#content legend{
	font-size:123.1%;
	font-weight:bold;
	padding:0 .5em;
}

#content h4{
	border-bottom:1px dotted #ccc;
}


/* =Content
----------------------------------------------- */
body#home #content{
	margin:2em 0;
}

#content p{
	line-height:150%;
	padding:.5em;
}

#hero{
	height:250px;
}

#hero p{
	color:#fff;
	font-size:108%;
	line-height:150%;
	padding:0 1em;
	width:500px;
}

.sign-up{
	text-decoration:none;
}

.testimonial{
	border-bottom:1px dotted #006699;
	clear:both;
	padding:1em;
}

.testimonial img{
	float:left;
	padding:0;
	width:40px;
}

.testimonial p{
	float:right;
	font-size:93%;
	font-style:italic;
	line-height:138.5%;
	padding:0 .5em;
	width:85%;
}

.customer{
	float:left;
	font-weight:bold;
	text-align:center;
	width:50%
}

.customer img{
	padding:1em;
}

a.sign-up{
	background:url('../images/sign-up.gif') no-repeat;
	display:block;
	height:60px;
	width:194px;
}

a.sign-up:hover{
	background:url('../images/sign-up-hover.gif') no-repeat;
}

.learn-more{
	
}

#home #sign-up-area{
	height:60px;
	line-height:60px;
	padding:1em 0 0 3em;
	text-align:center;
	vertical-align:middle;
}

#sign-up-area-inner{
	height:60px;
	line-height:60px;
	padding:1em 0 0 3em;
	text-align:center;
	vertical-align:middle;
}

#sign-up-area-inner a{
	padding:0 3em;
}

#home #sign-up-area .sign-up, #home #sign-up-area .learn-more{
	float:left;
}
#home #sign-up-area .learn-more{
	padding:1.5em 1em;
}

#sidebar ul li{
	list-style-type:none !important;
	padding:.5em 0;
}

/* =Lists
----------------------------------------------- */
#content ul li { list-style-type:disc; margin:0 2em; }
#content ul ul li { list-style-type:circle; margin:0 2.5em; }
#content ul ul ul li { list-style-type:square; margin:0 3em; }

#content ol li{ list-style-type:decimal; margin:0 2em;}
#content ol ol li{ list-style-type:lower-roman; margin:0 2.5em; }
#content ol ol ol li{ list-style-type:lower-alpha; margin:0 3em;}

#menuChild{
	display:none;
}

#ft ul li { list-style:none; display:inline; color:#999; }

/* =Tables
----------------------------------------------- */
table#pricing {
	width: 95%;
	padding:0;
	margin:1em;
}

table#pricing caption {
	padding: 0 0 5px 0;
	width: 100%;	 
	font: italic 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

table#pricing th {
	color: #4f6b72;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	border-top: 1px solid #006699;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #E7FEDC;
}

table#pricing th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #006699;
	background: none;
}

table#pricing td {
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	text-align:center;
}

table#pricing tr.alt td, table#pricing tr.alt th {
	background: #e3f3f8;
}

table#pricing th {
	border-left: 1px solid #006699;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	text-align:left;
}

table#pricing th.specalt {
	border-left: 1px solid #006699;
	border-top: 0;
	background: #f5fafa;
	font: bold 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

table#pricing td img{
	height:16px;
	width:16px;	
}

table#pricing .packages th{
	text-align:center;
}

table#pricing .packages a{
	color:red;
	font-weight:bold;
}

/* =Common Classes
----------------------------------------------- */
.float-left{ float:left; }
.float-right{ float:right; }
.clear{	clear:both; }
strong, b{ font-weight:bold; }
i, em { font-style:italic; }
span.hidden{ font-size:10px; visibility:hidden; }