/***********************created by AdWize India **************************/
/*                                     Date; 31/08/2008                                            */
/*                    For: WenComm - Your Communication Company                        */
/*                                    All rights reserved                                            */
/*************************************************************************/ 

/****************************** general ***********************************/
body{ 
	margin:0; 
	padding:0; 
	background: #e8e8e8; 
	font-family: Arial;
	background: url(images/bg.gif) repeat-x top center;
}
p{
	margin:0px 0px 0px 0px;
}
a:link, a:hover, a:active, a:visited{
	text-decoration:none;
}
p#login { 
	padding:5px 0px;
	color:#fff; 
	font:bold 12px Arial;
}
p#login a{
	color:#fff; 
	text-decoration:none;
	padding:5px 20px;
}
p#login a:hover, p#login a.current{
	background:#FF9900; 
	color:#fff;
	text-decoration:none;
}
.clear{
	clear:both;
}

/****************************** wrappers ***********************************/
#wrapper{ 
	width: 800px; 
	margin:0px auto; 
	border-right:solid 2px #448CB6; 
	border-left:solid 2px #448CB6;
}
#wrapper2{ 
	width: 840px;
	margin:0px auto; 
	background:transparent url;
	background: url(images/rightshadow.gif) no-repeat top right;
}

/****************************** header ***********************************/
#header{ 
	height:200px; 
	width:800px; 
	background: #990; 
	display:block; 
	background: url(images/header.gif) no-repeat top center;
}
#header p{
	font: bold 12pt arial narrow, arial, sans serif;
}
#header h1{ 
	margin:0; 
	padding:0;
	text-indent:-999px;
} 
#header h2{ 
	margin:0; 
	padding:0;
	text-indent:-999px;
}

/****************************** menu***********************************/
#menu{
	width:728px; 
	display:block; 
	background: url(images/menubg.gif) repeat-x; 
	border-bottom: solid 1px #fff; 
	padding:10px 36px;
}
#menu a {
	padding: 10px 20px; 
	color:#1770A5;
	text-decoration: none; 
	font: bold 14px Arial;
	border-left: dotted 1px #666;
	border-right: dotted 1px #666;
}
#menu a:hover {
	color:#fff; 
	text-decoration: none; 
	background:#fff;
	background: url(images/menubg_over2.gif) repeat-x;
}
#menu a.current {
	background: url(images/menubg_curr.gif) repeat-x;
	color:#444;
}

/****************************** breadcrumbs ***********************************/
#breadcrumbs{
	height: 30px;
	font: bold 12px Arial, sans serif;
	line-height:30px;
	padding-left:40px;
	color:#000;
}
#breadcrumbs a{
	color:#FF9900;
}

/****************************** content ***********************************/
#mainfeature{
	width:786px; 
	margin: 3px auto; 
	height: 350px; 
	display: block; 
	border: double 5px #fff; 
	background: url(images/mainfeature.gif) no-repeat top center; 
	color:#000; 
	font-size:14px; 
	overflow:hidden;
}
#services{
	background: url(images/servicesbanner.jpg) no-repeat top center; 
	width:780px;height:200px;
}
#services p{padding-left:370px;width:400px;}

#content{ 
	width:780px; 
	font: normal 10pt Arial;
	background: transparent; 
	overflow: hidden;
	padding:2px 10px 8px 10px;
}

#content a{
	color:#1770A5;
}

#content a:hover{
	color:#FF9900;
}

#leftcol{ 
	width:260px;
	float:left; 
	display:inline; 
	background:#4FABF9;
	height: 535px; 
	overflow: hidden; 
	padding: 10px;
}

#rightcol{ 
	width:470px; 
	padding:10px; 
	padding-bottom:0px; 
	float:right; 
	display:inline; 
	background:#D6F0FF;
	color:#222;
}
#rightcol .feature, #leftcol .feature{
	font:normal 12px arial, verdana, sans serif; 
	margin:0px; 
	border: solid 1px #999; 
	height: auto; 
	background:#eff; 
	height:auto; 
	margin-bottom: 10px;
	background: #ffffff url(images/featurebg.gif) repeat-x bottom left;
}
#rightcol .feature img{
	margin:4px 10px 4px 4px;
}
#rightcol .feature h4, #leftcol .feature h4{
	margin:0px; 
	background:#000000; 
	color:#03147A; 
	line-height:30px; 
	text-align:center;
	background: url(images/menubg_over.gif) repeat-x; 
	font:bold 14px Trebuchet, arial, sans serif; 
	padding:8px;
}
#leftcol .feature{
	border: solid 1px #fff; 
}
#leftcol .feature h4{ 
	color:#444444;
	background: url(images/menubg_curr.gif) repeat-x; 
}
.twocol{
	width:350px;margin:10px 0px 0px 10px;border:solid 1px #FF9900;font:normal 12px Arial,Helvetica,sans serif;padding:10px;float:left;display:inline;
}
.twocol h3{margin:4px 0px;font:normal 16px Arial,Helvetica,sans serif;}

.producttitle {font:normal 12px Arial,Helvetica,sans serif;color:#000000;width:745px;margin-bottom:10px;border:solid 2px #ff9900;padding:10px 15px;}
.producttitle h3 {font:bold 15px Arial,Helvetica,sans serif;color:#ff9900;margin:0px;}
.productsubtitle {font:bold 14px Arial,Helvetica,sans serif;color:#666666;}

/****************************** footer ***********************************/
#footer{ 
	width:780px; 
	padding:10px; 
	background: #444; 
	font: normal 12px Century Gothic, verdana, sans serif;
}
#footer p{
	margin:0px; 
	color:#ccc;
}
#footer a{
	color: #fff;
	padding:0px 5px;
}
#footer a:hover{
	color: #000;
	background: #fff; 
}

/****************************** sitemap description ***********************************/
#content li a span{display:none}
#content li:hover a span,#content li a:hover span {display:inline; color:#000000; padding-left:10px;}

#signup{width:70px;height:231px;position:absolute;top:255px;right:0;}
#signup a:hover {
	color: #c00;
	border-width: 0; /* IE */
}
#signup a .linkinside {
	display:block;width:70px;height:270px;
	background: url(images/signup1.gif) no-repeat;
}
#signup a .pop {
	display: none;
	font:normal 14px Arial,Helvetica,sans serif;
}
#signup a:hover .pop {
	display: block;
	color: #000;
	background-color: #fcc;
	width: 200px; height:50px;
	padding:215px 5px 5px 25px;
	border: 0em #f90 solid;
	position: absolute;
	top: 0; cursor:pointer;
	right: 70px;
	z-index: 10;
	background: url(images/signup2.gif) no-repeat center center;
}