/* CSS Document */
html, head, body, div, span,
p, h1, h2, h3, h4, h5, h6, strong, em, abbr, acronym, address, bdo, blockquote, cite, q, code, ins, del, dfn, kbd, pre, samp, var, br,
a, base,
img, area, map, object, param,
ul, ol, li, dl, dt, dd,
form,  label, fieldset, legend,
b, i, tt, sub, sup, big, small, hr
{
margin: 0;
padding: 0;
}
html, body {height: 100%;}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	color: #484848;
	background-color:#fff;
}
img{
	border:0px;
}

/*.wrap{
	width:780px;
	margin:auto;
}*/

#bg-surface
{

    background: url(/images/backgr_up.png) repeat-x top;
}

.top{
	height:29px;
	background:url(images/top-left.gif) left no-repeat #70964e;
	text-align:right;

}

.toplink{
	position:absolute;
	color:#fff;
	width:170px;
	margin:6px 0 0 590px;

}
.toplink a{
	color:#fff;
}
.logo{
	/*margin-left:30px;*/
	float:left;
	width:227px;
}
.about{
	margin-left:20px;
	float:left;
	width:400px;
	height:176px;
	background:url(images/coma.gif) left no-repeat;
}
.about span{
	position:absolute;
	margin: 40px 0 0 40px;
	font-size:18px;
	color:#70964e;
	width:430px;
}

.box{
	margin-top:10px;
	background:url(images/boxBg.gif) repeat-x top;
	height:212px;
}
.widget{
	background:url(images/boxLeft.gif) left no-repeat;
	height:212px;
	float:left;
	width:520px;
}
.sublink{
	background:url(images/boxright.gif) right no-repeat;
	height:212px;
	float:left;
	width:280px;
}
.bookmark{
	position:absolute;
	width:201px;
	margin:60px 0 0 40px;
}
.rssfeed{
	position:absolute;
	width:201px;
	margin:60px 0 0 270px;
}
.widget h2 a{
	position:absolute;
	margin: 120px 0 0 0;
	color:#fff;
	width:520px;
	text-align:center;
}

.sublink ul {
	position:absolute;
	margin-top:20px;
	border-left-style:dashed;
	border-left-color:#fff;
	border-left-width:1px;
	padding-left:4px;
	background:url(images/bullet.gif) left no-repeat top;


}
.sublink li {

	padding:14px 10px 14px 40px;
	list-style:none;

}
.sublink li a{
	color:#fff;
	font: 14px;
}
.margin_benefits{
	margin-top:20px;
}

.margin_benefits .benefits{
	position:relative;
	margin:0 0 0 20px;
	width:440px;
}
 h1{
	font-size:24px;
	color:#648943;
	font-weight:normal;

}
strong{
	font-size:18px;
	color:#648943;
	font-weight:normal;

}
.margin_benefits .blog{
	position:absolute;
	margin:0 0 0 470px;
	width:260px;
	background-color:#dfecd4;
	padding:10px;
	border:solid #70964e 1px;
	height: 162px;
}
.blog li{
	background:url(images/arrow.gif) left top no-repeat;
	text-indent:10px;
	margin-top:10px;
	list-style:none;
}
.blog li a{
	color:#426721;
	text-decoration:none;
}
p{
	margin:0px 0 0 0;
}
.web{
	margin-top:20px;
}
.web .surfers{
	position:absolute;
	width:350px;
	margin:0 0 0 400px;
	background:url(images/greenBg.gif) repeat-x top;

}
.surfers p{
	margin-left:10px;
}
.web .publishers{
	width:350px;
	margin:0 0 0 20px;
	background:url(images/greenBg.gif) repeat-x top;

}
.publishers p{
	margin-left:10px;
}
.web2{
	height:940px;
	margin-top:20px;

}
.web2 .surfers_main
{
	width:300px;
	float:left;
	/*margin:0 0 0 420px;*/
	background:url(images/greenBg2.gif) repeat-x top;
}
.web2 .publishers_main
{
	width:300px;
	float:left;
	/*margin:0px 0 0 30px;*/
	background:url(images/greenBg2.gif) repeat-x top;
	}
.bookhd
{
	font-size:16px;
	background-color:#dfecd4;
	padding:10px;
	border:solid #70964e 1px;
	font-weight:normal;
	color:#426721;
	width:780px;
}
.bookmcontent
{
	height:20px;
	margin:5px 0 0 15px;
}
.web3{
	height:310px;
	margin-top:20px;
}
.web3 .surfers_feed
{
	width:300px;
	float:left;
	/*margin:0 0 0 420px;*/
	background:url(images/greenBg3.gif) repeat-x top;
}
.web3 .publishers_feed
{
	width:300px;
	float:left;
	/*margin:0px 0 0 30px;*/
	background:url(images/greenBg3.gif) repeat-x top;
	}
.feedcontent
{
	height:25px;
	margin:8px 0 0 20px;
}
.tagtext
{
	font-size:14px;
	background-color:#dfecd4;
	padding:10px;
	border:solid #70964e 1px;
	font-weight:normal;
	color:#426721;
}
.web4{
	height:210px;
	margin-top:20px;
}
h3.oldh3{
   font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:16px;
	background-color:#dfecd4;
	padding:10px;
   padding-bottom:10px;
   padding-top:10px;
   letter-spacing:normal;
	border:solid #70964e 1px;
	font-weight:normal;
	color:#426721;
}
h4{
	text-align:center;
}
h4 a{
	padding:4px;
	background-color:#70964e;
	border:solid #2f4f12 1px;
	text-decoration:none;
	color:#fff;
}
h4 a:hover{
	padding:4px;
	background-color:#dfecd4;
	border:solid #70964e 1px;
	color:#70964e;
}
.fotter{
	background:url(images/fotterRight.gif) right no-repeat #70964e;
	height:29px;
	margin-top:40px;

}
.fotter span{
	position:absolute;
	color:#fff;
	margin-top:6px;

}


.blackbar{
	margin-top:10px;
	background:#000;
	height:22px;
	color:#fff;
}
.blackbar h5{
	padding:2px 0 0 20px;
	font-size:14px;
}




.body_content{

	margin-left:20px;
}
.star{
	color:#ff0000;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

#basedform div, #basedform2 div, #basedform3 div, #basedform4 div, #basedform5 div {
  clear: left;
  display: block;
  width: 310px;
  height: expression('1%');
  margin: 5px 0 0 0;
  padding: 1px 3px;

}
form div label {
  display: block;
  float: left;
  width: 134px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

.required input, form div select, form div textarea {
  width: 150px;
  padding: 1px 3px;
  margin: 0 0 0 0;
  border:#7f9db9 solid 1px;
}

.login {
  clear: left;
  display: block;
  width: 250px;
  margin: 6px 0 6px 0;
  padding: 0;
  height:20px;
}
.loginbutton{
  clear: left;
  display: block;
  width: 50px;
  /*height: expression('1%');*/
  margin: 5px 0 0 0;
  padding: 1px 3px 0 80px;
}
.login label {
  display: block;
  float: left;
  width: 70px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

.login input, form div select, form div textarea {
  width: 150px;
  padding: 1px 3px;
  margin: 0 0 0 0;
  border:#7f9db9 solid 1px;
  float: left;
}
.forgotpass{
	margin-left:84px
}
.forgotpass a{
	color:#648943;
}