@charset "utf-8";
/* CSS Document */

body{
	padding:0;
	margin:0;
	background: url(images/bg.gif) repeat-x 0 0;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	color:#000;
	}
	
div, p, h1, h2, h3, h4, form, input, select, textarea{
	padding:0;
	margin:0;
	}
	
img{
	padding:0;
	margin:0;
	border:0;
	}		
	
ul{
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
.spacer{
	clear:both;
	font-size:0;
	line-height:0;
	}		
	
	
/*======================================== GENERAL ===========================================*/

#titles{
text-align:center;
font-weight:bold;
text-decoration:underline;
}

#theTextContent td,tr,table{
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	
}

#page{
	width:784px;
	margin:0 auto;
	}
	
#navPanel{
	background:url(images/nav-bg.gif) repeat-x 0 0;
	height:52px;
	border-top:solid 1px #982761;
	border-left:solid 1px #982761;
	border-right:solid 1px #982761;
	}
	
#navPanel ul{
	height:44px;
	padding:8px 0 0 109px;
	}
	
#navPanel ul li{
	float:left;
	padding:0 2px 0 0;
	font-size:17px;
	line-height:44px;
	}	
	
#navPanel ul li a{
	display:block;
	float:left;
	padding:0 20px;
	color:#FFFFFF;
	text-decoration:none;
	}			
	
#navPanel ul li a:hover{
	background:url(images/hover-bg.gif) repeat-x 0 0;
	}
	
#navPanel ul li a.active{
	background:url(images/hover-bg.gif) repeat-x 0 0;
	cursor:pointer;
	}
	


#bodyContent{
	background:url(images/content-shadow.gif) repeat-y 0 0;
	padding:1px 3px;
	}
	
/*------ Header -------*/	
	
#header{
	background:url(images/header-bg.gif) repeat-x 0 0;
	}
	
#headershadow{
	background:url(images/header-shadow.gif) repeat-x 0 100%;
	}	
	
.headerInner{
	/*background:url(images/newim/head.jpg) no-repeat 100% 100%;*/
	position:relative;
	
	padding:0 0 0 5px;
	}

.headerInnerContent{

	padding:0 0 0 0px;
	}
	
	
		
.logo{
	margin:10px 0 0 0;
	}
	
#languageForm{
	background:url(images/language-bg.gif) no-repeat 0 0;
	width:250px;
	height:34px;
	padding:5px 0 0 40px;
	position:absolute;
	top:-2px;
	right:21px;
	font-size:12px;
	line-height:23px;
	color:#FFFFFF;
	font-weight:bold;
	}
	
#languageForm span{
	float:left;
	display:block;
	padding:0 10px 0 0;
	}
	
#languageForm select{
	width:93px;
	height:18px;
	float:left;
	font-size:12px;
	line-height:18px;
	color:#686868;
	}					
	
h1.mainHeading{
	background:url(images/page-heading.gif) no-repeat 0 0;
	width:500px;
	height:76px;
	text-indent:-20000px;
	}
	
p.headerText{
	width:485px;
	padding-bottom:20px;
	font-size:20px;
	line-height:24px;
	color:#505050;
	}
	
.headerInner ul{
	padding:0 0 0 5px;
	}
	
.headerInner ul li{
	float:left;
	padding:0 15px 0 0;
	height:94px;
	}
	
.headerInner ul li a{
	height:52px;
	float:left;
	padding-bottom:42px;
	font-size:24px;
	line-height:52px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	}
	
.headerInner ul li a:hover{
	color:#000000;
	}	
	
.headerInner ul li a.demo{
	
	width:168px;
	}
	
.headerInner ul li a.signup{
	
	width:243px;
	}							


/*------ Body -------*/

#bodyPanel{
	padding:0 0 45px 0;
	width:778px;
	position:relative;
	}
	
#bodyPanel img.urbytus{
	position:absolute;
	bottom:50px;
	right:25px;
	}		
	
#productPanel{
	background:url(images/product-bg.gif) repeat-x 0 0 #8c2155;
	padding:0 0 4px 0;
	border-bottom:solid 1px #FFFFFF;
	float:left;
	width:778px;
	}
	
#flashPanel{
	width:525px;
	height:97px;
	margin:0 auto;
	}		
	
#flashPanel img{
	margin:0 auto;
	display:block;
	}
	
.featurePanel{
	padding:0 0 0 18px;
	}		

.featureBox{
	float:left;
	width:251px;
	background:url(images/box-bg1.gif) repeat-y 0 0;
	}
	
.featureBoxTop1{
	background:url(images/free-bg.jpg) no-repeat 0 0;
	height:92px;
	}
	
.featureBoxTop2{
	background:url(images/basic-bg.jpg) no-repeat 0 0;
	height:92px;
	}
	
.featureBoxTop3{
	background:url(images/professional-bg.jpg) no-repeat 0 0;
	height:92px;
	}
	
.featureBoxButtom{
	background:url(images/box-bottom.gif) no-repeat 0 100%;
	padding:0 21px 16px 9px;
	}
	
.featureTextPanel{
	background:url(images/product-text-bg.gif) repeat-x 0 0;
	padding:10px;
	}			
	
h2.featureHeading{
	font-size:28px;
	line-height:35px;	
	font-weight:normal;
	color:#FFFFFF;
	padding:38px 0 0 25px;
	}
	
.featureTextPanel p{
	padding:0 0 16px 0;
	}		


.featureTextPanel a.downloadButton{
	background:url(images/button-bg1.jpg) no-repeat 0 0;
	width:173px;
	height:29px;
	padding-bottom:18px;
	text-align:center;
	display:block;
	margin:0 auto;
	font-size:12px;
	line-height:29px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	}
	
.featureTextPanel a.downloadButton:hover{
	color:#acddff;
	}
	
.featureTextPanel p strong{
	color:#b5015b;
	}	
	
	
#bottomContent{
	background:url(images/bottom-content-bg.gif) repeat-x 0 0;
	padding:23px 23px 0 23px;
	}	



	
.contentBox{
	width:262px;
	float:left;
	padding:0 30px 0 0;
	}
	
.contentBox2{
	width:418px;
	float:left;
	}	
	
h2.contentHeading{
	font-size:18px;
	line-height:26px;
	font-weight:normal;
	padding-bottom:10px;
	}	

.contentBoxRT{
	width:131px;
	float:right;
	}
	
#questionForm {
	/*width:220px;*/
	}	
	
#questionForm input{
	width:197px;
	padding:0 0 0 65px;
	height:18px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom:7px;
	border-bottom:solid 1px #d4d0c8;
	border-right:solid 1px #d4d0c8;	
	border-left:solid 2px #bdbdbd;
	border-top:solid 2px #bdbdbd;
	}
	
#questionForm input.name{
	background:url(images/name.gif) no-repeat 0 0;
	}	
	
#questionForm input.email{
	background:url(images/email.gif) no-repeat 0 0;
	}
	
#questionForm textarea{
	width:197px;
	padding:0 0 0 65px;
	height:68px;
	margin-bottom:7px;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#000000;
	background:url(images/message.gif) no-repeat 0 0;	
	border-bottom:solid 1px #d4d0c8;
	border-right:solid 1px #d4d0c8;
	border-left:solid 2px #bdbdbd;
	border-top:solid 2px #bdbdbd;	
	}
	
#questionForm input.submitbutton{
	border:none;
	width:84px;
	height:27px;
	background:url(images/submit-bg.gif) repeat-x 0 0;
	font:bold 12px/27px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0;
	float:right;
	cursor:pointer;
	}			

/*---- footer ---*/
	
#footer{
	background:url(images/shadow-bottom.gif) no-repeat 0 0;
	padding:10px 10px 30px 10px;
	text-align:right;
	font-size:11px;
	line-height:20px;
	}
	
#footer a{
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	}
	
#footer a:hover{
	text-decoration:underline;
	}		
	

/*============================================ Testimonials ==========================================================*/

.testimonialHeader{
	background:url(images/header-pic2.jpg) no-repeat 100% 147px;
	}


h1.testimonialsHeading{
	/*background:url(images/testimonials.gif) no-repeat 0 0;*/
	width:500px;
	height:76px;
	text-indent:-20000px;
	}
	
p.testimonialText{
	width:485px;
	padding-bottom:10px;
	font-size:16px;
	line-height:24px;
	color:#505050;
	}
	
p.testimonialLink{
	padding-bottom:30px;
	}		
	
p.testimonialLink a{
	font-size:14px;
	color:#0271bd;
	text-decoration:none;
	}				
	
p.testimonialLink a:hover{
	text-decoration:underline;
	}