/* BASIC HTML ELEMENT STYLES */

body {
	margin: 0px;
	padding: 0px;
	background-color: #C0C0C0;
}

body, p, div, span, a, td, th, textarea{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	color:#666666;
	text-align:left;
	line-height:1.5em;
}



a {
	text-decoration: underline;
	color: #333333;
	padding: 0px;
}

img {border:0px;}

textarea, select
{
	background-color: #ffffff;
	border:1px solid #ccc;
	color: #333333;
	padding: 4px;

}

input[type=button],input[type=submit]{
	text-align:center;
}

input[type=text],input[type=password]{
	border:1px solid #ccc;
	font-size:18px;
	padding: 2px;
	height: 1.25em;
	width:200px;
}

select
{
	border:1px solid #ccc;
	font-size:18px;
	height: 1.5em;
	padding: 0px;

}

input.smalltext{
	border:1px solid #000;
	font-size:14px;
	padding: 2px;
	height: 1.25em;
}

select.smallselect
{
	border:1px solid #333333;
	font-size:14px;
	height: 1.7em;
	padding:0px;

}

input.default_input_large{
	border:1px solid #ccc;
	font-size:18px;
	padding: 2px;
	height: 1.5em;
}









#container {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 1000px;
	height: 100%;
}

#nav {
	position:relative;
	top:15px;
	float:left;
	padding-left: 15px;
	left:208px;
	z-index:4;
}

#topedge{
	position:relative;
	top:0px;
	height:14px;
	width: 1000px;
	float:left;
	background: url(../images/border-top.gif) bottom left no-repeat;
	padding-left: 10px;
	z-index:3;
}

#slogan {
	height:186px;
}

#slogan img {
	margin-top: 50px;
	margin-left: -50px;



}



/* Home Nav Button */
div.nav-home { float:left; margin:0; padding:0;}

/* How it Works Nav Button */
div.nav-how-it-works { float:left; margin:0; padding:0;}

/* Live Demo Nav Button */
div.nav-live-demo { float:left; margin:0; padding:0;}

/* Pricing Options Nav Button */
div.nav-pricing-options { float:left; margin:0; padding:0;}

/* FAQ Nav Button */
div.nav-faq { float:left; margin:0; padding:0;}

/* Sign Up Now Nav Button */
div.nav-sign-up-now { float:left; margin:0; padding:0;}

/* Nav Divider */
div.nav-divider { float:left; width:1px; height:32px; margin:0px; padding:0px; background-image:url("../images/nav-divider.gif"); }


#top {
	width: 1000px;
	float: left;
	padding: 0px;
	margin: 0px;
}

.clientlogin {
	padding-top:10px;
}
.outer-top {
	width: 988px;
	background: #FFF url(../images/border-left.gif) repeat-y left top;
	padding-left: 12px;
}
.inner-top {
	background: #FFF url(../images/border-right.gif) repeat-y right top;
	padding: 0px;
	margin: 0px;
}
#upper-wrapper {
	padding: 0px;
	margin: 0px;
}
#lower-wrapper {
	position: relative;
	padding: 0px;
	margin-left: 0px;
	margin-top: -40px;

}

#content-divider {
	height: 41px;
	background: url(../images/border-content-divider.gif) no-repeat bottom left;
	float: left;
	padding: 0px;
	margin: 0px;
	width:1000px;
}






#upper-content-left-girl {
	width: 381px;
	height: 320px;
	float: left;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/girl.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#upper-content-left-nogirl {
	width:381px;
	
}

#upper-content-center {
	position:relative;
	width:550px;
	float: left;
	margin-top:50px;
}

#upper-right {
	float:left;
	width:auto;
	text-align: right;

}

#try {
	margin-left:24px;
	margin-top: 30px;
}

.footertext{
	margin-top:65px;
	margin-left:70px;
}
#footer {
	height: 185px;
	float:left;
	width: 804px;
	background: #C0C0C0 url(../images/border-footer.gif) top left no-repeat;
	padding: 0px 110px 0px 110px;
	margin: 0px;
	text-align: center;
	color:#666666;
	font-weight: normal;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	
}
#footer a, #footer a:link, #footer a:hover, #footer a:active {
	margin: 0px;
	color: #666666;
	text-decoration: underline;
	font-family: Arial, Helvetica, "sans-serif bold";
	font-size: 12px;
	font-weight: normal;
}

.footer p {
	margin-top: 4px;
	text-align: center;
}


#logo {
	margin-top: 5px;
	margin-left:10px;
}

#bottom {
	width: 987px;
	margin: 0px;
	padding: 0px;
	background-color: white;
	float: left;

}

.outer-btm {
	width: 987px;
	border: none;
	background: url(../images/border-left-btm.gif) repeat-y left top;
	padding-left: 12px;
}

.inner-btm {

	background: #FFFFFF;
	padding: 0px;
	background-image: url(../images/border-right-btm.gif);
	background-repeat: repeat-y;
	background-position: right top;
	
}
/* mac hide \*/
* html .inner-top .inner-btm {
	height: 1%
}

/* force "layout" in IE */
.outer-top .outer-btm p {
	padding:0px;
	margin:0px;
}




.opacityit img {
	border:none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; 
	
}

.opacityit:hover img { 
	border:none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8;
}

.opacityrv img {
	border:none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8;
}

.opacityrv:hover img { 
	border:none;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}






#bullets {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	bottom: 5px;
	float: left;
	height: 174px;
}

.bulletsfont {
	font-size: 16px;
	color: #8a9199;
}
#bullets ul {
	list-style-image:url(/images/bullet.gif);
	color: #8a9199;
	padding: 0px;
	margin: 0px 0px 0px 24px;

}

#top-right {
	height: 318px;
	width: 264px;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: -318px;
	left: 734px;
	border: none;
}

#testimonials {
	width:990px;
	height:175px;
	margin:0px;
	position: relative;
	top: 0px;
	padding-left: 0px;
}

#arrow-left {
	margin-left:10px;
	float:left;
}

#arrow-right {
	float:left;
}

.arrow img {
	border:0px;
}


.stepcarousel{
	float:left;
	position: relative; /*leave this value alone*/
	border: none;
	overflow: scroll; /*leave this value alone*/
	width: 875px; /*Width of Carousel Viewer itself*/
	height: 175px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{ /*spacing in between left arrow and first img */
	position: absolute; /*leave this value alone*/
	left: 15px;
	top: 0px;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 14px; /*margin around each panel*/
	width: 158px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.panel img {
	border:0px;
}

#regular-content {
	padding: 30px;
}

#bottom-content {
	width:980px;
	padding:0px;
	margin:0px;
}
#box-links {
	border:0px;
	width:248px;
	height:272px;
	float: left;
}
#box-links img {
	border:0px;
	float:left;
}


#login a {
	font-family:"Myriad Pro";
	color: #FC9832;
	font-variant:small-caps;
	font-size: 25px;
	text-decoration: none;
}

#chat {
	height:318px;
	width: 414px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#buttons {
	height: 78px;
	position: relative;
	width: 500px;
	top: -75px;
	left: 470px;
}


#easy-setup {
	width:680px;
	height:288px;
	position: absolute;
	top: 924px;
	left: 330px;
}

#easy-setup img {
	margin-bottom: -20px;
	margin-top: -16px;
}
#easy-setup-right-heading {
	width:770px;
	height:30px;
	float:left;
}

#easy-setup-right-content {
	width:670px;
	height:290px;
	float:left;
}

#change-everything {
	margin-top:30px;
	margin-right: 6px;
	height:75px;
	background-image: url(../images/bg/center_bg.gif);
	background-repeat:repeat-x;
}


#leftcolumn { 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 169px;
 width: 159px;
 float: none
}
#leftmiddle { 
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 169px;
 width: 159px;
 float: none
}
#rightmiddle { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 210px;
 float: left;
}
#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 204px;
 float: left;
}
#easy_set_up {
	padding:3px;
	font-size: 34px;
	font-family: "Myriad Pro";
	margin: 0px;
}


#free-trial-left {
	width:235px;
	height: 360px;
	padding: 0px;
	margin: 0px;
	position: relative;
	top: -30px;
	left: 0px;
}

#easy-top {
	height:1100px;
	width:999px;
}
h2 {
	font-family:"Myriad Pro";
	text-align: left;
	border-bottom-width: thin;
	border-bottom: solid grey 100%;
	color: #636363;
	margin-top: 5px;
	padding: 2px;
	margin: 2px;
}

#trusted {
	width:995px;
	height:93px;
	padding: 0px;
	margin: 0px;
	position: relative;
	vertical-align:middle;
}
#trusted img {
	height: 78px;
	width: 539px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#increase-sales {
	width: 400px;
	height: 600px;
	position: absolute;
	left: 89px;
	top: 1222px;
}

#subscribe {
	width:350px;
	height: 150px;
	background-color: #e4e4e4;
	border: #f48b00 1px solid;
	position: absolute;
	left: 3px;
	top: 252px;
}

#chat-box {
	height: 65px;
	width: 189px;
	float: left;
	margin-top: 27px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 35px;
	padding: 0px;
}

#chat-box-clients {
	height: 65px;
	width: 189px;
	float: left;
	margin-top: 145px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 78px;
	padding: 0px;
}

.testimoniallink{
	text-align:right;
	padding-top:15px;
	padding-right:20px;

}