/*-------------------------------------
[ Page setup ]
-------------------------------------*/

body {
	background:url(../images/left_main_bg2.jpg) repeat-x 0px 0px;
}

.backgroundTwo 
{
    width: 50%;
    height: 468px; /* height of bg! */
    position: absolute;
    top: 0;
    right: 0;
    background: transparent url(../images/right_main_bg.jpg) repeat-x;
}

/*.joinWrapper {
	position:absolute;
	width:330px;
	height:260px;
	top:140px;
	left:650px;
	background:transparent url(../images/spacer.gif) no-repeat scroll 0px 0px;
}*/

.pageWrapper {
}

.contentWrapper 
{
    height:340px;
}

.contentPadding {
	padding:0px 0px 0px 10px;
}


.priNavWrapper {
    margin:0px;
    position:relative;
    z-index:100;
}


.promoWrapper {
	width:970px;
	height:290px;
}

.promoPadding {}

.promo {
	height:290px;
	position:relative;
}


.promo .title
{
    margin:0px 10px 0px 0px;
}
.promo .btnWrapper 
{
    width: 360px;
}

.btnWrapper .signUpBtnWrapper , .btnWrapper .tagNowBtnWrapper
{
    float:left;
    font-weight: bold;
    width: 175px;
    height:50px;
    display: block;
}

.btnWrapper .tagNowBtnWrapper a.btnTagNow {
    background:transparent url(../images/tag_now_button.png) top left no-repeat;
	display:block;
	width: 175px;
    height:50px;
}

.btnWrapper .signUpBtnWrapper a.btnSignUp {
    background:transparent url(../images/sign_up_to_tag.png) top left no-repeat;
	display:block;
	width: 175px;
    height:50px;
}

.promo .info 
{
    font:normal 16px arial;
	color:#fff;
	margin:10px 0px;
	padding:0;
	line-height:24px;
    float:right;
}

.promo h1 {
	font:normal 45px arial;
	border-bottom:0;
	color:#fff;
	margin:0px 0px 10px 0px;
	padding:0;
	text-transform:none;
}



.promo .promoTxt {
	position:absolute;
	top:20px;
	left:10px;
	width:360px;
}


.promo a.lnkPardot
{
    z-index:3;
    background: url("../images/download_product_card_pdf.gif") no-repeat;
    position:absolute;
    top: 310px;
    right: 200px;
    padding-left:20px;
    min-height:35px;
    color:White;
    text-decoration:none;
}


.mainImage 
{
    position:absolute;
    top:0px;
    right:16px;
    z-index:2;
}

.colsWrapper {
	/*width:970px;*/
	margin: 10px 0px 0px 44px;
}

.colsWrapper .box 
{
    background:transparent url(../images/bg_box.png) no-repeat scroll 0px 0px;
    height:229px;
    width:290px;
    margin:0px 10px 0px 0px;
    float:left;
}

.colsWrapper .box .boxContent 
{
    padding:25px 0px 0px 25px;
}

.colsWrapper .box .boxContent h3 
{
    margin-bottom:10px;
}

.colsWrapper .box .boxContent p 
{
    width:235px;
    text-align:left;
    margin-bottom:10px;
} 

.colsWrapper .box .boxContent a 
{
    text-decoration:none;
    color:#488cb3;
}

.colsWrapper .box .directAdvantage 
{
    background:transparent url(../images/magnify-chart.png) no-repeat scroll 0px 0px;
    height:82px;
    width:90px;
    float:right;
    position:relative;
    bottom:24px;
    right:10px;
}

.colsWrapper .box .startUpStepUp 
{
    background:transparent url(../images/susu_logo.png) no-repeat scroll 0px 0px;
    width: 213px;
    height:62px;
    float:right;
    position:relative;
    bottom:-13px;
    right:36px;    
}

.colsWrapper .box .partOfTheSolution 
{
    background:transparent url(../images/udm_logo.png) no-repeat scroll 0px 0px;
    width: 138px;
    height:80px;
    float:right;
    position:relative;
    bottom:4px;
    right:20px;    

}
/***** columns ****

.colsWrapper {
	width:990px;
}

.colsPadding {
	padding:10px 10px 0px 10px;
}

.colsPadding h1 {
	font:normal 14pt arial;
	color:#666;
	text-decoration:none;
	text-transform:none;
	border-bottom:1px solid #ccc;
	margin:0px 0px 8px;
	padding:0px 0px 8px;
}

.colsPadding h4 {
	border:0;
	padding:0;
	margin:0px 0px 4px 0px;
	color: #F58B2A;
}



.colsWrapper .sshot {
	width:150px;
	height:110px;
	float:left;
	cursor:pointer;
}

.colsWrapper .sshot.management {
	background:url(../images/sshot_management.jpg) top left no-repeat;
}

.colsWrapper .sshot.reports {
	background:url(../images/sshot_reports.jpg) top left no-repeat;
}

.colsWrapper .sshot.report {
	float:left;
	width:140px;
	height:110px;
	background:url(../images/sshot_report.jpg) top center no-repeat;
}

.sshot a:link, .sshot a:visited, .sshot a:hover, .sshot a:active {
	width:150px;
	height:110px;
	display:block;
}



.colLeftWrapper {
	width:290px;
	float:left;
}

.colLeftPadding {
	padding:0;
}

.colLeftWrapper p {
	font:normal 11px arial;
}




.colMiddleWrapper {
	width:330px;
	float:left;
}

.colMiddlePadding {
	padding:0px 20px 0px 0px;
}

.colMiddleWrapper p {
	font:normal 11px arial;
}


.colRightWrapper {
	width:350px;
	float:left;
}

.colRightBorder {
	border-left:1px solid #e5e5e5;
}

.colRightPadding {
	padding:0px 0px 0px 19px;
}

.colRightWrapper p {
	padding:0px 0px 5px 0px;
}

.colRightWrapper a:link, .colRightWrapper a:visited, .colRightWrapper a:hover, .colRightWrapper a:active {
	font:normal 11px arial;
}







#managementModal {
	display:none;
}

#reportsModal {
	display:none;
}


.homepageModal {
	text-align:left;
}

.homepageModal .screenShotWrapper {
	width:660px;
	height:457px;
}

.homepageModal .screenShot.reports {
	background:url(../images/sshot_bg_reports.jpg) top left no-repeat;
}

.homepageModal .screenShot.management {
	background:url(../images/sshot_bg_management.jpg) top left no-repeat;
}

.homepageModal .screenShot {
	border:1px solid #000;
	width:100%;
	height:100%
}

.homepageModal h4 {
	border:0;
	padding:0;f
	margin:0;
	float:left;
}

.homepageModal p {
	width:300px;
	border:0;
	padding:0;
	margin:0px 0px 0px 20px;
	float:left;
}

*/