@charset "UTF-8";

/* CSS Document */

/* colors

#7aa233 - green

#b3ca8b - light green

#d44302 - orange


#666666 - grey

*/

body {
	background: #FFFFFF url(../images/bgnd.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: 450;
	-moz-background-clip: 10px 10px 30px 10px;
}

/* TYPOGRAPHY */

p {
	color: #666666;
	font-size: 10pt;
	margin: 0px 20px 20px 20px;
}

p span {
	color: #d44302;
}

#btncontain p  {
	color: #333333;
	font-size: 9pt;
	text-align: center;
	background: url(../images/slide_content.gif);
	background: #FFFFFF;
	width: 180px;
	margin: 0 0 0 10px;
	line-height: 15px;
	padding: 5px 0 0 0;
}

#footer p  {
	color: #FFFFFF;
	font-size: 9pt;
	margin: 0;
}

.quote p  {
	color: #333333;
	font-size: 9pt;
	margin: 0px;
}

.test_copy p{
	margin: 0px 20px 10px 20px;
}

.moduals p  {
	margin: 15px 10px 5px 10px;
}


h1 {
	font: 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin: 5px 0 0 25px;
}

h2{
	margin:0px 20px 10px 20px;
	color:#d44302;
	font-size: 16px;
	font-weight: normal;
}

h3 {
	font-size: 14px;
}

/* LINKS */

a {
	color: #d44302;
	font-size: 12px;
	text-decoration: none;
}

a:hover {
	color:#333333
}

a:visited {
}

a img {
border:none;
	margin: 0;
}

.drawer-handle a{
	color: #FFFFFF;
	font-weight: normal;
	display: block;
	height: 25px;
}

#footercopy a{
	color:#FFFFFF;
	text-decoration: none;
}

#footercopy a:hover{
	color:#003300;
}

.question ol a{
}

/* CONTAINER */

#contain {
	width:720px;
	margin:auto;
}

#bgndcontain {
	background:url(../images/background.jpg) bottom left no-repeat;
	float: left;
	background-color: #C4D0A2;
	width: 720px;
}

/* LEFT COLUMN */


#leftnav {
	width:200px;
	position: relative;
	margin: 0;
	float: left;
	height: 600px;
}

#leftlow {
	width:200px;
	float: left;
	height: auto;
	background-color: #C4D0A2;
}

.quote{
	background:url(../images/bubble.gif) right top no-repeat;
	position: absolute;
	float: left;
	width: 145px;
	padding: 10px 15px 0 30px;
	height: 135px;
	margin: 10px 0 0 0;
}

#logo_apple{
	width: 190px;
	float: left;
	position: absolute;
	margin: 10px 0 0 0;
}


/*-----------------------------------
NAV STYLE
------------------------------------*/

*{
	padding:0px;
	margin:0px;
}


li {
	list-style-type: none;
	margin: 0;
}

.bull{
	margin:0 0 10px 10px;
	width:480px;
	position:relative;
	float:left;
	background:#ffffcc;
	border-top: 1px #ffcc66 solid;
	border-bottom: 1px #ffcc66 solid;
}

.bull ul {
	list-style-type: disc;
	color: #666666;
	font-size: 10pt;
	margin: -20px 0 0 0;
}

.bull li {
	list-style-type: disc;
	color: #666666;
	font-size: 10pt;
	margin: 0px 0px 0px 30px;
}





.drawer-handle {
	color: #FFFFFF;
	font-weight: normal;
	height: 25px;
}

.drawer-content{
	height: 25px;
	width: 200px;
}

#btncontain{
	position: relative;
	width: 200px;
	background-color: #FFFFFF;
	margin: 0;
	float: left;
}

.btn {
	background: url(../images/main_btn.gif) no-repeat;
	height: 25px;
	position: relative;
	width: 175px;
	padding: 10px 0 0 25px;
}

.btncopy {
	margin: 0px;
	color: #333333;
	text-align: center;
	font-size: 8pt;
}

/* CONTENT */

#content {
	width:520px;
	float: left;
	position:relative;
}

#modual_hold {
	float: right;
	width: 190px;
	margin: 0 10px 10px 0;
	position: relative;
}

.moduals {
	float: right;
	width: 172px;
	border:thin #d44302 solid;
	margin: 0 0 10px 0;
	background: #FFFFFF url(../images/modual_header.gif) no-repeat;
	padding: 0 0 5px 0;
}

.moduals a img{
	margin:0 0 5px 10px;
}

.signupbtn{
	text-align: right;
	padding: 0 0 10px 0;
}
#flash {
	float: left;
	position: relative;
	width: 520px;
}

.copy {
	float: left;
	position: relative;
	width: 520px;
	margin: 0px 0 15px 0;
	background-color: #FFFFFF;
	padding: 20px 0 0 0;
}



#preview{
	margin: 5px 5px 5px 5px;
}

.screenshots {
	margin:0px 10px 30px 10px;
	width:480px;
	position:relative;
	float:left;
	background:#ffffcc;
	border-top: 1px #ffcc66 solid;
	border-bottom: 1px #ffcc66 solid;
}
.shots {
width:140px;
position:relative;
float:left;
padding: 10px 0px 10px 15px;
}

.screen_cap{
text-align:center;
margin:10px 0 0 0;
font-weight:bold;
color:#d44302;
}

/* FOOTER */

#footer{
	width: 720px;
	position: relative;
	float: right;
	padding: 10px 0px 10px 0px;
}

#footernav{
	float: right;
	width: 350px;
	margin: 7px 20px 0 0;
}

#footercopy{
	width: 400px;
	text-align: center;
	margin: 0 10px 0 0;
	float: right;
}

#logo{
	margin:0;
	position: relative;
	float: left;
	width: 200px;
	height: 115px;
}
#bbbimage{
	float: left;
	position: absolute;
	width: 50px;
	height: 32px;
	margin: -20px 0 0 15px;
}

/*-----------------------------------
FAQs
------------------------------------*/

#faqs{
	margin: 0px 20px 20px 20px;
}

#faqs li {
	list-style-type: none;
	border-bottom:thin #999999 dotted;
	padding: 5px 0 5px 0;
}

.question ol{
	margin: 5px 0 0 25px;
}

/*-----------------------------------
Contact form
------------------------------------*/

#contactform{
	width: 300px;
	position: relative;
	float: right;
}

/*-----------------------------------
Testimonials
------------------------------------*/

#test_content{
	float: left;
	position: relative;
	width: 510px;
}

.test_copy{
	float: left;
	position: relative;
}

.test_copy img{
	float:right;
	margin: 10px 10px 10px 10px;
}

.test_drop{
	width: 475px;
	float: left;
	position: relative;
	padding: 0 0 0 20px;
}

.test_drop li {
	list-style-type: none;
	border-bottom:thin #999999 dotted;
	padding: 5px 0 5px 0;
}

#test_hold{
position:relative;
float:right;
width:200px;
}

#test_modual {
	float: right;
	width: 190px;
	margin: 0 10px 10px 0;
}

#test_modual img{
	float:left;
	margin: 0;
}

/*-----------------------------------
Login
#login {
border: 5px #e56931 solid;
color:#fff;
background:#d44302;
padding: 5px;
margin: 30px 0 0 0;
text-align:left;
width:200px;
}



#login td {
	padding: 5px;

}
#login th {
	padding: 5px;
}
#login .label {
}
#login .link {
}
#login .textbox {
color:#003300;
padding:2px;
width:160px;
}

#login .password{
color:#003300;
padding:2px;
width:160px;
}
------------------------------------*/
.signuptable{
border-top:1px #ffcc66 solid;
border-bottom:1px #ffcc66 solid;
background:#ffffcc;
padding: 10px;
margin: 10px 0 20px 0;
font-weight:normal;
width:330px;
}

#signup, #Table1{

}
#signup p, #Table1 p{
font-weight:normal;
margin:0 0 0 20px;
color:#000000;

}

#signup h1, #Table1 h1{
margin:0;
color: #d44302;
font-size:14px;
font-weight:bold;
}

#signup td, #Table1 td {
	padding: 5px;
}
#signup td p, #Table1 td p {
	padding: 5px 0 0 0;
	color:#666666;
	font-size:11px;
	margin:0;
}

#signup th, #Table1 td {
	padding: 5px;
}

#signup .label, #Table1 .label {
}

#signup .link, #Table1 .link {
}

#signup .textbox, #Table1 .textbox {
color:#003300;
padding:2px;
border:1px solid #ffcc66;
float:left;
margin: 0 5px 0 0;
}

#signup .password, #Table1 .password{
color:#003300;
padding:2px;
width:160px;
border:1px solid #ffcc66;
}

#signup .dropdown, #Table1 .dropdown{
color:#003300;
padding:2px;
border:1px solid #ffcc66;
float:left;
margin: 0 5px 0 0;

}

.thankyounote{
border-top:1px #ffcc66 solid;
border-bottom:1px #ffcc66 solid;
background:#ffffcc;
width:300px;
padding:20px;
margin: 50px auto;
text-align:left;
font-size:12px;
color:#666;
}

.thankyounote h2{
padding:0px;
margin: 0 0 10px 0 ;
}

.check{
width:20px;
float:left;

}


.error{
background:#d44302;
color:#FFFFFF;
display:block;
line-height: 30px;
width:330px;

}

#tbZip{
width:100px;
}