body{
	margin:0;
	padding: 0;
	background:url(../img/bg-body.jpg) repeat-x center top;
	font: normal normal 14px/114% Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333333;
}

a{
	color: #997039;
	text-decoration: underline
}

a:hover{
	text-decoration: none
}

h1, h2, h3{ margin:0;}
h1{font-size:24px; margin:0 0 20px 0; }
h2{font-size:18px; margin:0 0 15px 0; font-weight:normal;}
h3{font-size:16px; color:#222222;}


#wrapper{width:779px; margin:0 auto 0 auto; overflow:hidden; position:relative;}
h1.mas-marketing-solutions{
	width:779px;
	height:473px; 
	background:url(../img/mas-marketing-solution.jpg) no-repeat;
	display:block;
	text-indent:-9999px;
	}

h1.mas-marketing-solutions a{
	width:779px;
	height:473px;
	display:block;
	text-indent:-9999px;
	}


#header{
	width:779px;
	height:183px;
	background:url(../img/bg-header.jpg) no-repeat;
	position:relative;
	display:block;
	overflow:hidden;
	}
#header ul{
	width:160px;
	height:13px;
	padding:0;
	margin:0;
	list-style:none;
	display:block;
	position:absolute;
	right:0;
	top:138px;

}
	
#header ul li{float:left;}
#header ul li a{display:block; text-indent:-9999px;}

#header ul li.home a{width:52px; height:13px; background:url(../img/main-nav.gif) no-repeat left top; margin:0 17px 0 0;}
#header ul li.home a:hover{background:url(../img/main-nav.gif) no-repeat left -13px;}
#header ul li.home a.selected{background:url(../img/main-nav.gif) no-repeat left -13px;}

#header ul li.about a{width:59px; height:13px; background:url(../img/main-nav.gif) no-repeat -69px top; margin:0 15px 0 0;}
#header ul li.about a:hover{background:url(../img/main-nav.gif) no-repeat -69px -13px;}
#header ul li.about a.selected{background:url(../img/main-nav.gif) no-repeat -69px -13px;}


#header ul li.clients a{width:72px; height:13px; background:url(../img/main-nav.gif) no-repeat -143px top; margin:0 16px 0 0;}
#header ul li.clients a:hover{background:url(../img/main-nav.gif) no-repeat -143px -13px;}
#header ul li.clients a.selected{background:url(../img/main-nav.gif) no-repeat -143px -13px;}

#header ul li.contact a{width:82px; height:13px; background:url(../img/main-nav.gif) no-repeat -231px top;}
#header ul li.contact a:hover{background:url(../img/main-nav.gif) no-repeat -231px -13px;}
#header ul li.contact a.selected{background:url(../img/main-nav.gif) no-repeat -231px -13px;}


#content{
	width:775px;
	background:url(../img/txt-mas-marketing-solutions.gif) no-repeat left top;
	display:block;
	overflow:hidden;
	}
.main-content{
	width:380px; 
	padding:10px 0 0 0;
	float:right;
	}
	
.main-content h3{font-size:20px; text-transform:uppercase; margin:0 0 15px 0; color:#00ccff; font-weight:bold}
.main-content p{line-height:18px;}


a.home{
	width:340px;
	height:230px;
	text-indent:-9999px;
	float:left;
	}

.thankyou{
	float: right;
	padding: 84px 0 0 80px;
	width: 236px;
	}

.thankyou h2{font-size:30px;}




#footer{
	width:100%;
	height:16px;
	background:url(../img/bg-footer.jpg) repeat-x;
	font-size:12px;
	display:block;
	text-align:center;
	margin:20px auto 0 auto
	}
	
	
#footer p{margin:8px 0 0 0;}

#footer p.copyright{font-weight:normal;}




.registration-form{
	width:380px;
	overflow:hidden;
	float:right;
	border:0;
	font-size:13px;
	color:#000000;
	margin:0;
	padding:60px 0 0 0;
}

.registration-form h2{line-height:22px;}

.registration-form fieldset{
	width:380px;
	margin:0 0 15px 0;
	padding:0;
	display:block;
	border:0;
	}

.registration-form label{width:182px;  margin:0; padding:0; float:left;}
.registration-form label.last{float:right}
.registration-form label.msg{width:380px;}
.registration-form label textarea{width:368px; height:85px; border:1px solid #cccccc; font-size:12px; margin:0; padding:5px; font-family:Arial, Helvetica, sans-serif;}

.registration-form label span, .registration-form label.last span, .registration-form label.msg span{display:block; margin:0 0 4px 0;}

.registration-form label input.text-field{
	width:170px;
	height:15px;
	padding: 2px 5px 2px 5px;
	font-size:13px;
	color:#333333;
	margin:0;
	border:1px solid #cccccc;
	float:left;
}

.phone-number{width:182px;  margin:0; padding:0; float:right;}
.phone-number span{display:block; margin:0 0 4px 0; float:left; clear:left}

.registration-form fieldset .phone-number span.phone{
	width:100%; display:block; margin:0 0 4px 0; clear:left;
	}
.registration-form fieldset .phone-number input.phone{
	width:44px;
	padding: 2px 3px 2px 3px;
	float:left;
	font-size:13px;
	color:#333333;
	margin:0;
	border:1px solid #cccccc;
	float:left;	
	}
	
.registration-form fieldset .phone-number input.phone-last{
	width:54px;
	padding: 2px 3px 2px 3px;
	float:left;
	font-size:13px;
	color:#333333;
	margin:0;
	border:1px solid #cccccc;
	float:left;	
	}
	
.registration-form fieldset .phone-number span.spacer{width:13px; height:22px; background:url(../img/spacer.gif) no-repeat; float:left; clear:none;}


.registration-form input.submit{
	width:90px;
	height: 30px;
	overflow:hidden;
	text-indent: -9999em;
	text-transform: uppercase;
	font-size: 1px;
	padding:0;
	border: none;
	background: url(../img/btn-submit.gif) 0 0 no-repeat;
	cursor:pointer;
	float:right;
}

.registration-form label .clear{width:100px; line-height:50px; padding:0 0 0 15px; color:#2075c2; font-size:15px; text-decoration:none; float:left;}







.notice-success, .notice_success {
	margin:0 0 1px 0;
	padding:4px 4px 4px 25px;
	background:url(../img/ico-success.png) 5px 4px no-repeat;
	color:#FFF;
}

.notice-error, .notice_error {
	margin:0 0 1px 0;
	padding:4px 4px 4px 25px;
	background:url(../img/ico-error.png) 5px 4px no-repeat;
	color:#FFF;
}

.notice-warning, .notice_warning {
	margin:0 0 1px 0;
	padding:4px 4px 4px 25px;
	background: url(../img/ico-warning.png) 5px 4px no-repeat;
	color:#FFF;
}

.notice-info, .notice_info {
	margin:0 0 1px 0;
	padding:4px 4px 4px 25px;
	background:url(../img/ico-info.png) 5px 4px no-repeat;
	color:#FFF;
}

#errors-overlay {
	position: absolute;
	left: 50%;
	top: 40%;
	z-index:10000;
	width: 236px;
	padding: 20px;
	margin: 0px 0px 0px -160px;
	overflow:hidden;
	background:#FFF;
	position: absolute;
	border: 5px solid #F00;
	-moz-box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;
	box-shadow: 0px 0px 10px #999;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=0, strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=90, strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=180, strength=5) progid:DXImageTransform.Microsoft.Shadow(color=#999999, direction=270, strength=5);
	font: normal normal 12px/128% Arial, Helvetica, sans-serif;
	color:#FFF;
}

#errors-overlay a#btn-close-errors-overlay {
	display: block;
	width: 17px;
	height: 17px;
	text-indent: -9999px;
	overflow:hidden;
	background: url(../img/btn-close-errors-overlay.gif) 0px 0px no-repeat;
	position:absolute;
	top: 5px;
	right: 5px;
	z-index:10;
	cursor: pointer
}

#errors-overlay a#btn-close-errors-overlay:hover {
	background: url(../img/btn-close-errors-overlay.gif) 0px -17px no-repeat;
}



/* text overlay */
.ajax-text-overlay { width:280px; margin:0; overflow:hidden; position:relative; background: #ffffff; border: 3px solid #037398;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#000000}
.ajax-text-overlay div.overlay-content { width:240px; margin:0 auto; padding:26px 20px 26px 20px; overflow:hidden; }
.ajax-text-overlay a.btn-close { width:11px; height:11px; display:block; background:url(../img/btn-close.png) no-repeat; text-indent:-999em; position:absolute; top:15px; right:15px; cursor: pointer }
.ajax-text-overlay a.btn-close:hover { background-position: 0 -11px;}
.ajax-text-overlay h3 { margin:0 0 10px 0; padding:0; color:#000; font-size:12px; line-height:14px; text-transform:uppercase; font-weight:bold; }
.ajax-text-overlay p { margin:0 0 10px 0; padding:0; color:#000; font-size:11px; line-height:14px; }
.ajax-text-overlay div.scroller { height: 380px; overflow: auto }
.ajax-text-overlay .loading { display: block; width: 32px; height: 32px; text-indent: -999em; overflow: hidden; background: url(../img/ajax-loader-text-overlay.gif) 0 0 no-repeat; margin: 0 auto }

/* scrollable content */
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 12px; height: 100%; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: url(../img/bg-vertical-scroll-bar.png) 5px 50% no-repeat; position: relative; }
.jspDrag { background: url(../img/ico-scroller-drag.png); position: relative; top: 0; left: 1px; cursor: pointer; width: 12px; height:11px; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { text-indent: -20000px; display: block; cursor: pointer; width: 12px; height: 18px; }
.jspArrowUp { background: url(../img/ico-scroller-up.png) 0 0 no-repeat; }
.jspArrowDown { background: url(../img/ico-scroller-down.png) 0 100% no-repeat; }
.jspArrow.jspDisabled { cursor: default; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }