/* CSS Document */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }

a { outline: none; }
a img { border: none; }
img{ border:none}
a{ text-decoration:none}
/* END RESET */

/* ------------------------------------------ */
/* TOOLBOX CSS */
/* ------------------------------------------ */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

/* END TOOLBOX */

/* ------------------------------------------ */
/* PAGE STRUCTURE */
/* ------------------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

img{
	border:none;
}
body{
    text-align:center;
	margin:0;
	padding:0;
	font-family:Tahoma, Verdana, arial;
	font-size:12px;
	color:#666666;
	background:#3fc8f4  url(../images/body-bg.jpg) repeat-x;
}

#wrapper{
   margin:0 auto;
   padding:0;
   text-align:left;
   width:841px;
   background:#f9fef2 url(../images/wrapper-bg.gif) repeat-x;
   border:8px solid #ff64b7;
}
#wrapper .inside{
   padding:10px 10px 10px 14px; /*10px 15px 5px 15px*/

}

/* ------------------------------------------ */
/* HEADER STRUCTURE */
/* ------------------------------------------ */
#header{  
	background:url(../images/banner.jpg) no-repeat;
	width:814px;
	height:296px;
	position:relative;
	margin:0;
	padding:0;
	z-index:1;
}

#logo{
	position:absolute;
	top:105px;
	left:365px; /*375*/
}


/* ------------------------------------------ */
/* CONTAINER STRUCTURE */
/* ------------------------------------------ */
#container{
    background:#fdfbfb url(../images/container-bg.gif) no-repeat right top;
	width:809px;	
	padding:0;
	position:relative;
}
#wrapper #container .inside{
    padding:0;
    padding-top:10px;
	padding-bottom:5px;

}
#leftcontent{
   float:left;
   width:409px;
   padding-top:20px;


}

#leftcontent .inside{
	margin-left:20px;

}

#leftcontent p{
	font-size:13px;
	color:#201f1f;
   text-align:justify;
   padding-top:10px;
   position:relative;
	line-height:20px;
}

#rightcontent{
   position:absolute;
   width:350px;
   /*float:right;*/
   right:0;

 
}
#pic1{
   position:absolute;   
   top:0px;
   left:100px;
   z-index:5;
}
#pic2{
   position:absolute;   
   top:140px;
   left:6px;
   z-index:6;
}
#pic3{
   position:absolute;  
   top:100px;
   left:186px;
   z-index:7;
}
#desp{
   color:#1a5392;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:16px;
   font-style:italic;   
   position:absolute;
   top:335px;
   left:6px;
   /*top:0;
   left:0;*/
} 
#flower{
   background:url(../images/flower.png) no-repeat;
   /*margin-left:-20px;*/
   padding:0;
   padding-top:25px;
}
#testimonial{
   background:url(../images/testimonial-bg.gif) no-repeat;
   background:url(../images/testimonial.gif) no-repeat;
   height:154px;
   width:343px;
   padding:0px;
   padding:40px 20px 0px 30px;
   margin:0px;
}
#testimonial p{
   font-family:Tahoma, Verdana, arial;
   color:#5a5b5b;
   font-size:12px;
   padding:5px 10px 0 12px;
   background:url(../images/arrow.gif) 100px bottom  no-repeat;


}
/* ------------------------------------------ */
/* FONT COLOR STYLE */
/* ------------------------------------------ */

.pink-title{
  
   color:#ff76bf;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:24px;
   font-style:italic;
}

.blue-title{
   color:#1a5392;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:24px;
   font-style:italic;
}
.title{
   color:#ff76bf;
   font-family:Georgia, "Times New Roman", Times, serif;
   font-size:20px;
   font-style:italic;
}
.author{
    color:#4f6d82;
	font-family:Tahoma, Verdana, arial;
	font-size:11px;
	text-align:right;
	font-weight:bold;
	padding-right:10px;
}


/*------------------ Forms ---------------------------*/
.form-column {
	font-family: Verdana, Geneva, Arial, Helvetica;
	float: left;
	width: 471px; /*351*/
	display: inline;
	margin: 10px 20px 0 0;
	padding-bottom: 15px;
}

.plan FORM {color: #434343;}
.features LABEL {
	width: 90px; /*125*/
	float: left;
	margin-right: 10px;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
}
.line, .radio, .checkbox {
	float: left;
	width: 100%;
	margin-top: 13px;
}
.features SELECT, .line INPUT {
	background: #ffffff;
	font-size: 12px;
	border: 1px solid #c8c8c8;
	color: #434343;
	font-family: Arial, Helvetica, sans-serif;
	width: 163px;
}
.features SELECT.small-select {
	width: 39px;
}
.features SELECT.medium-select {
	width: 45px;
}
.features SELECT.big-select {
	width: 67px;
}
.form-column.odd {
	float: right;
}
.form-box {
	float: right;
	width: 214px;
}
.features .form-box LABEL {
	font-size: 11px;
	width: auto;
}
.features .form-box INPUT {
	float: left;
}
.form-box SPAN {
	font-size: 11px;
	width: 62px;
	float: left;
	margin-left: 7px;
}
.line INPUT {
	width: 208px;
	padding: 0 3px;
}
.line INPUT.medium-input {width: 160px;}
.line textarea { width:208px;height:200px;}

.features SELECT.large-select {
	width: 69px;
}
.features LABEL.width-auto {
	width: auto;
	float: none;
	margin: 2px 5px 0;
}
.line INPUT.small-input {
	width: 53px;
}
.float {
	float: right;
}
.form-column.right {
	float: right;
	margin-right: 30px;
}
.features SELECT.state {
	width: 98px;
}
.relax {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.features form BUTTON.continue {
    width: 132px;
    height: 38px;
    border: none;
    cursor: hand;
    background:url("../images/submit.jpg") no-repeat left top;
    outline: none;
    text-indent: -2000em;
    display: inline;
    margin: 13px 0 0 135px;
    float: left;
}

.features form BUTTON.createacct {
    width: 186px;
    height: 38px;
    border: none;
    cursor: hand;
    background:url("../images/create-account.jpg") no-repeat left top;
    outline: none;
    text-indent: -2000em;
    display: inline;
    margin: 13px 0 0 135px;
    float: left;
}

.features form BUTTON.registerwarr {
    width: 186px;
    height: 38px;
    border: none;
    cursor: hand;
    background:url("../images/register-warranty.jpg") no-repeat left top;
    outline: none;
    text-indent: -2000em;
    display: inline;
    margin: 13px 0 0 135px;
    float: left;
}
