/* Homepage CSS Document */



@import url(main.css);



img, div { behavior: url(iepngfix.htc) }



/* ----------------Content Section---------------- */

#contentarea {

	height: 286px;

	padding-top: 12px;

	clear: both;

	margin-right: auto;

	margin-left: auto;

}

#contentarea #box1 {

	width: 278px;

	position: relative;

	height: 286px;

	float: left;

}

#contentarea #box2 {

	width: 278px;

	margin-right: auto;

	margin-left: auto;

	position: relative;

	height: 286px;

}

#contentarea #box3 {

	height: 286px;

	width: 278px;

	position: relative;

	float: right;

}

/* ----------------Content Section Ends---------------- */



/* ----------------Login Section Ends---------------- */



#loginarea {

	background: url(images/login_bg.jpg) left top no-repeat;

	height: 286px;

	width: 278px;

	margin: 0;

	padding: 0;

}

#logincontent {

	padding: 20px 0 0 20px;

	color: #FFFFFF;

	margin: 0;

}

#logincontent #homechat {

	position: absolute;

	bottom: 20px;

	align: center;

}



*:first-child+html #logincontent #homechat {

	position: absolute;

	bottom: 21px;

	align: center;

}

#logincontent p {

	margin: 0;

	padding: 0;

}

#logincontent a.logout {

	color: #FFFFFF;

	text-decoration: none;

	margin: -7px 20px 0 0;

	padding: 3px;

	border-style: solid;

	border-width: 1px;

	border-color: #FFFFFF;

	float: right;

}

#logincontent p a {

	color: #0D7EB6;

	text-decoration: none;

	padding: 3px;

	background-image: url(images/content_heading_bg.jpg);

	background-repeat: repeat-x;

	background-position: left bottom;

	border-style: solid;

	border-width: 1px;

	border-color: #FFFFFF;

	float: none;

}

h3 {

	font-size: 16px;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-weight: bold;

	margin: 0 0 10px 0;

	padding: 0;

}

a.loginsignup {

	float: right;

	display: block;

	margin: -80px 2px 0px 0px;

	width: 100px;

	height: 75px

}

a.viewsamples {

	float: left;

	display: block;

	margin: -50px 0px 0px 15px;

	width: 140px;

	height: 35px

}

/*----------Form----------*/



form {

	background: none;

	margin: 0;

	padding: 0;

}

#logincontent label,input,select {

	display:block;

	width:150px;

	margin: 0 0 4px 0;

}

#logincontent .textbox {

	color: #666666;

	background-color: #FFFFFF;

	background-image: url(images/top_bg.jpg);

	background-repeat: repeat-x;

	background-position: left bottom;

	font-family: Arial, sans-serif;

	font-size: 12px;

	border: 1px solid #dddddd;

	padding:.3em;

}

#logincontent .submitbutton {

	background-color: #FFFFFF;

	padding:.3em;

	background-image: url(images/content_heading_bg.jpg);

	background-repeat: repeat-x;

	background-position: left bottom;

	border: 1px solid #dddddd;

	color: #777777;

	width: 80px;

}



/*----------Form----------*/



/* ----------------Login Section Ends---------------- */



/* ----------------Heading Section---------------- */



h1 {

	background-image: url(images/green_top_bg.gif);

	width: 278px;

	text-align: center;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #FFFFFF;

	background-repeat: no-repeat;

	background-position: center top;

	text-transform: uppercase;

	line-height: 45px;

	margin: 0;

	padding: 0;

}

h2 {

	background-image: url(images/blue_top_bg.gif);

	width: 278px;

	text-align: center;

	font-family: Geneva, Arial, Helvetica, sans-serif;

	font-size: 16px;

	color: #FFFFFF;

	background-repeat: no-repeat;

	background-position: center top;

	text-transform: uppercase;

	line-height: 45px;
	
	height: 45px;

	margin: 0;

	padding: 0;

}

h2.green {

	background-image: url(images/green_top_bg2.gif);

}

h2.thanksgiving {

	background-image: url(images/thanksgiving_top_bg.gif);
}

.thanksg {
	color: #663300;
	font-weight: normal; 
	font-size: 11px;
}

.thanksg .red {
	color: #FF0000;
}

h2.christmas {

	background-image: url(images/christmas_top_bg.gif);
}

.xmas {
	color: #000000;
	font-weight: normal; 
	font-size: 11px;
}

.xmas strong {
	color: #FF0000;
}

/* ----------------Heading Section Ends---------------- */



/* ----------------Box Content---------------- */

#contentbox {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	background-image: url(images/content_bg.gif);

	background-repeat: repeat-y;

	background-position: center top;

	width: 278px;

	height: 224px;

	padding: 0;

	margin: 0;

}

#boxcontent {

	margin: 0 13px 0 12px;

	padding: 7px 0 0 0;

}

#boxcontent #htwli p {

	margin: 0;

	padding: 2px 0 20px 40px;

	background-position: left top;

	background-repeat: no-repeat;

}

#boxcontent #htwli p.one {

	background-image: url(images/one.jpg);

}

#boxcontent #htwli p.two {

	background-image: url(images/two.jpg);

}

#boxcontent #htwli p.three {

	background-image: url(images/three.jpg);

}

#boxcontent #htwli p.four {

	background-image: url(images/four.jpg);

}

#boxcontent #benli {

	padding: 0px;

	margin: 0px;

}

#boxcontent #benli p{

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 9px 25px;

	background: url(images/tickmark.jpg) left top no-repeat;

}

#boxcontent #plans {

	margin: 0;

	padding: 5px 0 0 0;

}

#boxcontent #plans p{

	margin: 0;

	padding: 0 0 10px 0;

}

#boxcontent #plans p.price {

	background: none;

	color: #FF0000;

	font-size: 17px;

	font-weight: bold;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	top: 160px;

	position: absolute;

}

#boxcontent #plans p.starline {

	color: #0E7FB7;

	width: 225px;

	font-size: 10px;

	position: absolute;

	top: 220px;

}


/* ----------------Box Content Ends---------------- */



#boxbottom {

	background-image: url(images/bottom_bg.gif);

	background-repeat: no-repeat;

	background-position: center bottom;

	height: 17px;

}

#buynow a {
	border: 0;
	padding: 0;
	margin: -57px 13px 0 0;
	float: right;
}

#buynow input {
	margin: -57px 13px 0 0 !important;
	margin: -57px 7px 0 0;
	border: 0;
	width: auto;
	padding: 0;
	float: right;
}

#buynow form {
	margin: 0px;
	padding: 0px;
}

#buyplan {
	margin: -140px 0px 0px 0px;
}

#buyplan label {
	color: #0E7FB7;
	font-size: 17px;
	width: 81px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif; 
}

#buynowa form, #buynowb form, #buynowc form {
	width: auto;
	width: 81px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#buynowa a, #buynowb a, #buynowc a {
	width: 81px;
	height: 41px;
}

#buynowa input, #buynowb input, #buynowc input {
	border: 0;
	width: auto;
	padding: 0;
}

#buynowa, #buynowb, #buynowc {
	border: 0;
	padding: 0;
	float: left;
	width: 81px;
	margin: 0px 28px;
	/*
	margin: -57px 0 0 23px !important;
	margin: -57px 0 0 17px;
	*/
}