@charset "utf-8";
html {
     overflow: -moz-scrollbars-vertical;
	 height: 101%;
}
body {
	padding:0;	margin:0; 
	background:transparent url(../img/bg-1.jpg) no-repeat top center;
	/*background:#fff url(../img/background-big2.jpg) repeat;*/
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#5d5d5d;height: 101%;
}
div, p, h1, h2, h3, h4, form, input, select, textarea{padding:0; margin:0;}
img {padding:0; margin:0; border:0;}		
ul{padding:10px 30px; margin:0;list-style-type:disk;}
	
/*======================================== GENERAL ===========================================*/

#big-container {
	border:0px solid #ff0;
	background:transparent url(../img/bg2.png) repeat-x 0 0;
}
#container {
	position:relative;
	margin:0 auto 0 auto;
	border:0px solid #ff0;
	width:780px
}
#linktop {
	float:right; 
	margin-top:25px
}
/*
#linktop a {
	color:#fff;
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	padding-top:6px;
	width:138px;
	height:47px;
	float:left;
	margin:2px 0 0 4px;
	text-align:center;
	background:transparent url(../img/topmenu-bg.gif) repeat-x 0 0;
}
*/
a.ocm {
	color:#fff;
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	padding-top:7px;
	padding-left:45px;
	width:120px;
	height:40px;
	float:left;
	margin:2px 0 0 1px;
	background:transparent url(../img/icons-topmenu.png) no-repeat 0 0;
}
a.ocm:hover {
	background:transparent url(../img/icons-topmenu.png) no-repeat 0 -48px;
}
a.ocmfaq {
	border:0px solid #ff0;
	color:#fff;
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	padding-top:7px;
	padding-left:45px;
	width:60px;
	height:40px;
	float:left;
	margin:2px 0 0 1px;
	background:transparent url(../img/icons-topmenu.png) no-repeat 0 -96px;
}
a.ocmfaq:hover {
	background:transparent url(../img/icons-topmenu.png) no-repeat 0 -144px;
}
a.ocmtesti {
	color:#fff;
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	padding-top:7px;
	padding-left:45px;
	width:100px;
	height:40px;
	float:left;
	margin:2px 0 0 1px;
	background:transparent url(../img/icons-topmenu.png) no-repeat 0 -192px;
}
a.ocmtesti:hover {
	background:transparent url(../img/icons-topmenu.png) no-repeat 0 -240px;
}
a.ocmcontact {
	color:#fff;
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:block;
	padding-top:7px;
	padding-left:45px;
	width:80px;
	height:40px;
	float:left;
	margin:2px 0 0 1px;
	background:transparent url(../img/icons-topmenu.png) no-repeat 0 -288px;
}
a.ocmcontact:hover {
	background:transparent url(../img/icons-topmenu.png) no-repeat 0 -336px;
}
/*
#linktop a:hover {
	background:transparent url(../img/topmenu-bg.gif) repeat-x 0 -47px ;
	border:0px solid #cacaca;
}*/
#tmenu a:hover {
	/*-webkit-box-shadow: #2F8BBA 0 0 10px;
    -moz-box-shadow: 0 0px 10px #ffff00;*/
}
h2 {
	font-size:18px;
	font-weight:bold;
	color:#2D75A7;
	line-height:32px; margin-top:10px
}
#subtext{
	font-size:18px; line-height:26px;
	background:url(../img/tile-bg.jpg) repeat-x 0 0
}
#subtext p{
	margin-top:20px
}
#subtext h3{
	font-size:26px; line-height:26px; margin-top:20px
}
#subtext2 {
	color:#5d5d5d;
	font-size:12px; line-height:20px;
	margin-top:40px; 
	padding:20px 20px 20px 20px; 
	border:1px solid #E4E4E4; 
	width:740px; 
	background:transparent url(../img/tile-bg.png) repeat-x 0 0
}
#subtext2 p{margin-top:10px}
#subtext2 p.faqQuestion{
	font-size:14px; 
	font-weight:bold;
	color:#2D75A7;
}
#subtext2 h3{
	font-size:26px; line-height:26px; margin-top:0;
	color:#2D75A7
}
#subtext2 h4{
	font-size:12px; 
	color:#2D75A7;
	margin-bottom:10px; 
	margin-top:0;
	border-bottom:1px solid #E4E4E4
}
img.urbytus{margin-top:2px}		

.testimonials {
	padding:30px 20px 20px; background:transparent url(../img/tile-bg.png) repeat-x 0 0; border:1px solid #e4e4e4;
	margin-bottom:10px;
}
.featureframe h4 {
	font:bold 16px Arial; color:#2D75A7; margin:0 0 10px 0;
}
.testimonials_right {float:right; width:420px;}
.testimonials div.testimonial_names {
	border:0px solid #dd0;
	font:normal italic 13px Arial; color:#0099cc; margin:10px 0 0 0;
}
.testimonials a {font-weight:bold; text-decoration:none; color:#0099cc;}
.testimonials a:hover {text-decoration:underline}
.testimonials .featureframe {
	border:1px solid #E4E4E4; padding:6px; margin-bottom:10px
}
.whatOCM {
	float:right; position:relative;
}
.whatOCM a {
	color:#000;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
	border-bottom:1px solid #dcdcdc;
	height:20px;
	float:left;
	margin:4px 0 0 20px;
}
.whatOCM a:hover {
	color:#0033cc;
	border-bottom:1px solid #0033cc;
}
/*---- footer ---*/
.footer-dude {
	clear:both;
	border:0px solid #dcdcdc;
	 background:transparent url(../img/footer-bg.png) repeat-x 0 0;
	 width:770px;
	 height:52px;
	 margin-top:10px;
	 padding:6px
}	
.footer {position:relative; float:right; text-align:right; font-size:11px; line-height:20px;}
.footer a {text-decoration:none;font-weight:bold; color:#000;}
.footer a:hover{text-decoration:underline;}		

/* buttons */
a.demo {
	font-size:14px;
	display:block;
	background:transparent url(../img/btn-sedemo.png) repeat-x 0 -83px;
	width:250px;
	height:83px;
	text-indent:-3000px;
}
a.demoSmall {
	font-size:14px;
	display:block;
	background:transparent url(../img/btn-small2.png) repeat-x 0 0px;
	width:203px;
	height:41px;
	padding:17px 0 0 0;
	color:#fff;
	text-decoration:none
}		
a.registerSmall {
	text-align:center;
	font-size:14px;
	display:block;
	background:transparent url(../img/btn-small2.png) repeat-x 0 -61px;
	width:203px;
	height:41px;
	padding:17px 0 0 0;
	color:#fff;
	text-decoration:none
}
a.registerSmall:hover, a.demoSmall:hover {
	display:block;
	background:transparent url(../img/btn-small2.png) repeat-x 0 -122px;
	width:203px;
	height:41px;
	padding:17px 0 0 0;
	color:#fff;
	text-decoration:none
}	
a.extrasmall {
	text-align:center;
	font-size:14px;
	display:block;
	background:transparent url(../img/btn-extra-small.png) repeat-x 0 0;
	width:112px;
	height:41px;
	padding:17px 0 0 0;
	color:#fff;
	text-decoration:none
}
a.extrasmall:hover {
	display:block;
	background:transparent url(../img/btn-extra-small.png) repeat-x 0 -61px;
	width:112px;
	height:41px;
	padding:17px 0 0 0;
	color:#fff;
	text-decoration:none
}							

/* TABLE CONTACT */
.tableT2{background-color:#ccc; border:1px solid #e4e4e4; }
.tableT2 tr {vertical-align:top}
.tableT2 td {font-size:12px; border-bottom:0; background-color:#fff}
.tableT2 td.head {padding:5px; border-bottom:1px solid #e4e4e4; background:#fff url(../img/form/table-tile-h.jpg) repeat-x 0 0;}
td.even {padding:5px; border-bottom:1px solid #ccc; background-color:#e4e4e4;}
td.odd {padding:5px; border-bottom:1px solid #e4e4e4; background:#eee url(../img/form/table-tile-odd.jpg) repeat-x 0 0;}			
td.eventwo {padding:10px; border-bottom:1px solid #ccc; border-left:1px solid #eee; background-color:#fff}
td.oddtwo {padding:10px; border-bottom:1px solid #e4e4e4; border-left:1px solid #eee; background:#fff url(../img/form/table-tile-odd.jpg) repeat-x 0 0;}	

/* INPUT etc */
input {margin:0 0 2px 0; padding:2px; font:normal 11px tahoma, verdana; border:1px solid #dadada; border-top:1px solid #cacaca; background:#eee url(../img/form/form-tile.jpg) repeat-x 0 0;}
textarea {padding:2px; font:normal 11px tahoma, verdana; border:1px solid #dadada; background:#eee url(../img/form/form-tile.jpg) repeat-x 0 0; margin-bottom:3px}
textarea:hover {border:1px solid #916080;}
input:hover {border:1px solid #916080;}
.red12 {color:#ff0000; font:normal 10px/18px Arial; }
.textwidth {width:240px}
.textwidthtwo {width:310px}

.submitnext {
	color:#fff;
	width:119px;
	height:39px;
	background:transparent url(../img/btn-next.png) repeat-x 0 0;
    border: 0px solid #006;
}
.submitnext:hover {
    border: 0px solid #f00;
    background:transparent url(../img/btn-next.png) repeat-x 0 -39px;
}
/* TABLE SLUT */


.textfieldRequiredMsg {background:#eee url(../img/form/form-tile.jpg) repeat-x 0 0; font-size:11px}
.textareaRequiredMsg {background:#eee url(../img/form/form-tile.jpg) repeat-x 0 0; font-size:11px; padding:3px;}
.checkboxRequiredMsg {margin-right:10px; padding:3px; background:#eee url(../img/form/form-tile.jpg) repeat-x 0 0; font-size:11px}

#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;
	}
	
#languageDiv{
	/*background:url(images/language-bg.gif) no-repeat 0 0;*/
	border:0px solid #dd0;
	padding:5px 5px 0 0;
	position:absolute;
	top:-2px;
	right:0px;
	}
	
#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:-30000px;
	}
	
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:disk;
	}
	
.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;
	}
	

	
#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;
	}			


	

/*============================================ 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;
	}