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

body{
	color: #4b4b4b;
	margin: 0 auto 0 auto;
}
a{
	color: #9e1d1d;
	text-decoration: none;
}
a:hover{color:#990404;}

.right{float:right;text-align:right;}
.left{float:left}
.strong{font-weight:bold;}
/* ------------------------------------------------------- HEADER ----- */

#header{
	height:130px;
}

#header div.logo {
	float:left;
	width:580px;
}
#header div.headerinfo{
	float:right;
	width:360px;
}
#header div.headerinfo div.contactus{
	height:67px;
	font-weight:bold;
	font-size:12px;
	text-align:right;
	float:right;
	width:253px;
	margin:20px 0 0 0;
	letter-spacing:0.07em;
}
#header div.headerinfo div.contactus span{
	float:right;
	width:260px;
}
#header div.headerinfo div.contactus span a{
	background:url(../images/li-buttons.png) no-repeat 0 0;
	height:21px;
	display:block;
	margin-left:150px;
}
.livechat{
	background:url(../images/buttonset1.png) no-repeat 0 -36px;
	height:36px;
	width:220px;
	float:right;
}

a:hover .livechat{
	background:url(../images/buttonset1.png) no-repeat 0 0;
}
.live-support{
	margin:0 auto 20px auto;
	text-align:center;
	
}
/* ---- 16x16 icons ---- */
.btn16x16{width:16px; height:16px;}
.msn-16{background:url(../images/li-buttons.png) no-repeat 0 -114px; padding:0 0 0 20px;}
.skype-16{background:url(../images/li-buttons.png) no-repeat 0 -130px; padding:0 0 0 20px;}
.gtalk-16{background:url(../images/li-buttons.png) no-repeat 0 -146px; padding:0 0 0 20px;}
.plus{background:url(../images/li-buttons.png) no-repeat 0 -162px;}
.minus{background:url(../images/li-buttons.png) no-repeat 0 -175px;}
.aim-16{background:url(../images/li-buttons.png) no-repeat 0 -246px; padding:0 0 0 20px;}
.icq-16{background:url(../images/li-buttons.png) no-repeat 0 -261px; padding:0 0 0 20px;}

/* ------------------------------------------------------- NAVIGATION ----- */
#navigation{
	background:#ffffff;
	border-bottom:5px solid #ccc;
	border-top:1px solid #d1d1d1;
	border-left:1px solid #d1d1d1;
	border-right:1px solid #d1d1d1;
	height:55px;
	color:#ffce4c;
	-moz-border-radius:10px 10px 0 0;
}
#navigation ul{
	list-style-type:none;
}
#navigation ul li{
	background:url(../images/li-buttons.png) no-repeat right -46px;
	border-right:1px solid #d1d1d1;
	display:inline;
	float:left;
	text-align:center;
	padding:17px 9px;
	margin-left:0px;
}
#navigation ul li a{
	font-weight:bold;
	color:#777777;
	margin-left: 7px;
	margin-right: 7px;
	text-transform: uppercase;
}
/* ------------------------------------------------------- BANNERS ----- */
.banner{
	border:1px solid #fff;
	background:#fff;
}
.getstarted-btn{
	background:url(../images/buttonset1.png) no-repeat 0 -143px;
	height:43px;
	width:220px;
	position:absolute;
	left:400px;
	top:200px;
}
/* ------------------------------------------------------- MAIN ----- */
.main{
	overflow:hidden;
	background:#fff /*url(../images/container-bg.jpg) repeat-y center top*/;
	display: inline;
	float: left;
	width:940px;
	padding:0 10px 50px;
	border:1px solid #fff;
}
.whole{
	padding:20px;
}
.whole ol{}
.whole ol li{
	font-weight:bold;
}
.whole ol div{
	padding-left:25px;
	margin-bottom:20px;
	font-weight:normal;
}
.whole-center{
	margin:0 auto;
	text-align:center;
}
/* ------------------------------------------------------- LEFT CONTENT ----- */
.content{
	float:left;
	width:640px;
	margin:20px 27px 0 20px;
}
.content2{
	float:left;
	width:640px;
	margin:20px 27px 0 20px;
	display:block;
	overflow:hidden;
	margin-bottom:10px;
	line-height:1.8em;
	-moz-border-radius:10px;
}
.content div.content-heading{
	margin:10px 0 20px;
	overflow:hidden;
}
.content span.title{
	font-size:19px;
	padding-left:20px;
	padding-bottom:20px;
	display:block;
	font-weight:bold;
}
.content span.subtitle{
	font-size:14px;
	padding-left:20px;
	padding-bottom:20px;
	display:block;
	font-weight:bold;
}
.content span.info{
	padding-left:35px;
	display:block;
	overflow:hidden;
	margin-bottom:10px;
	line-height:1.8em;
	-moz-border-radius:10px;
}
.content3{
	float:left;
	width:640px;
	margin:0 27px 0 20px;
}

/* -- HOMEPAGE SERVICE SUMMARY -- */
.service-position{
	width:320px;
	height:120px;
	float:left;
	margin:20px 0;
}
.service-position div.image{
	float:left;
	width:120px;
	text-align:right;
}
.service-position div.title{
	font-size:14px;
	float:left;
	width:190px;
	height:auto;
	color:#ab0000;
	font-weight:bold;
	padding-left:10px;
}
.service-position div.info{
	float:left;
	width:190px;
	height:auto;
	padding-left:10px;
}
.detail-btn{
	background:url(../images/submit-btn.png) no-repeat 0 0;
	float:left;
	width:117px;
	height:20px;
	margin:10px;
}
/* -- FORMS -- */
.quick-mail{
	background:#d0ca9c url(../images/quick-mail-bg.jpg) no-repeat left top;
	padding:80px 15px 15px 15px;
}
.quick-testi{
	background:#d0ca9c url(../images/quick-tesi-bg.jpg) no-repeat left top;
	padding:80px 15px 15px 15px;
}
.generic-submit{
	border:none;
	background:transparent url('../images/btn-change.png') no-repeat;
	color:#fff;
	font-weight:bold;
	width:77px;
	height:25px;
	padding:0 0 2px 0;
}

.notice-failed-icon{
	background:transparent url(../images/invalid.png) no-repeat 0 0;
	padding:0 0 0 30px;
	color:#d20000;
}
.form_validation_field_error_error_message{
	background:transparent url(../images/invalid.png) no-repeat 0 1px;
	padding:0 0 0 25px;
	color:#d20000;	
}
/* -- HOMEPAGE SERVICE SUMMARY -- */
.MoreBox{
	background:url(../images/box-bg.png) no-repeat 0 top;
	padding:20px;
	color:#555;
}
.gain-entry{
	width:163px;
	margin:15px;
	display:block;
	float:left;
}

.info ul{
	list-style-type:none;
	overflow:hidden;
}
.info ul div{
	padding-left:25px;
	margin:15px 0;
}
.info ul li{
	background:url(../images/li-red.gif) no-repeat 0 5px;
	float:left;
	text-align:left;
	margin-left:0px;
	padding-left:25px;
	width:100%;
}

.info2 ul li{
	float:left;
	text-align:left;
	margin-left:0px;
	padding-left:25px;
	width:100%;
}
/* -- SERVICE PAGE INDUSTRY SOLUTIONS -- */
.service-offer{
	border-top:1px solid #e5e5e5;
	background:url(../images/box-bg.png) no-repeat 0 top;
	padding:20px 35px;
	overflow:hidden;
}
.service-image{
	float:left;
	width:140px;
	text-align:center;
}
.service-image img{border:1px solid #e7e7e7;}
.service-title{
	font-size:18px;
	float:left;
	width:380px;
	height:31px;
	color:#ab0000;
	font-weight:bold;
	padding-left:35px;
}
.service-info{
	float:left;
	width:420px;
	height:auto;
	padding-left:10px;
}
.service-info ul{
	width:200px;
	float:left;
	display:block;
	padding-left:10px;
}
.service-info ul li{}
.more-info{
	background:url(../images/submit-btn.png) no-repeat 0 0;
	float:left;
	width:117px;
	height:20px;
	margin:20px;
}
.service-testimonial{
	float:right;
}
.skill-set{
	float:left;
	width:250px;
	padding:20px 0 0 40px;
}
.skilltitle{
	color:#008388;
	font-weight:bold;
	line-height:3;
}
/* -- PRICING -- */
.pricing-tab{
	width:280px;
	padding:10px 20px;
	float:left;
}
.pricing-tab span.top{display:block}
.pricing-tab span.bottom{
	font-size:16px;
	font-weight:bold;
	display:block;
}
.monthly-fees{
	background:#bbb;
	color:#ffffff;
}
.hourly-rate{
	background:#ececec;
	color:#4b4b4b;
}
.pricing-table{}
.pricing-table div.th{
	font-weight:bold;
}
.pricing-table div.tr{
}
.pricing-table div.td1{
	float:left;
	width:230px;
	padding:3px 0;
	border-bottom:1px solid #e0e0e0;
}
.pricing-table div.td2{
	float:left;
	width:180px;
	padding:3px 0;
	border-bottom:1px solid #e0e0e0;
}
.pricing-table div.td3{
	float:left;
	width:180px;
	padding:3px 0;
	border-bottom:1px solid #e0e0e0;
}
/* -- STAFF PROFILES -- */
.staff-profile{
	width:400px;
	float:left;
	border:1px solid #dedede;
	padding:10px;
	margin:14px;
}
.profile-title{
	font-size:16px;
	float:left;
	width:240px;
	color:#ab0000;
	font-weight:bold;
	padding-left:20px;
}
.profile-position{
	float:left;
	width:240px;
	height:31px;
	padding-left:20px;
}
.profile-info{
	float:left;
	width:240px;
	height:60px;
	padding-left:10px;
}
.profile-info ul{
	width:100px;
	float:left;
	display:block;
}
.profile-info ul li{}
.more-info{
	background:url(../images/submit-btn.png) no-repeat 0 0;
	float:left;
	width:117px;
	height:20px;
	margin:20px;
}
.view-resume{
	background:url(../images/submit-btn.png) no-repeat 0 -20px;
	float:left;
	width:117px;
	height:20px;
	margin:20px;
}
/* -- TESTIMONIALS PAGE-- */
.testi-pane{
	margin:0 0 40px;
	border:1px dashed #c2c2c2;
	-moz-border-radius:8px;
}
.testi-top{
	background:url(../images/quote-top.jpg) no-repeat 0 0;
	width:598px;
	height:27px;
}
.testi-mid{
	padding:15px 30px 0;
}
.testi-bottom{
	background:url(../images/quote-bottom.jpg) repeat-x 0 0;
	height:18px;
}
.thetesti{font:12px georgia, serif;}
.theauthor{font-size:14px; font-weight:bold; margin-top:25px; color:#ab0000;}
.theauthor span{font-size:12px; font-weight:normal;}
/* ------------------------------------------------------- RIGHT CONTENT ----- */
.sidebar {
	float:left;
	width:220px;
	margin:20px 20px 0 13px;
}
.free-quote{
	background:url(../images/buttonset1.png) no-repeat 0 -72px;
	height:71px;
	width:220px;
	display:block;
	margin-bottom:20px;
}
.btn-get-started{
	background:url(../images/buttonset1.png) no-repeat 0 -264px;
	height:30px;
	width:220px;
	display:block;
	margin-bottom:20px;
}
.btn-get-started-home{
	background:url(../images/btn-get-started.png) no-repeat 0 0;
	height:40px;
	width:220px;
	display:block;
	margin-bottom:20px;
}
/*.inquire-btn{
	background:url(../images/buttonset1.png) no-repeat 0 -264px;
	height:35px;
	width:220px;
	display:block;
	margin-bottom:20px;
	margin:0 auto;
}*/
.inquire-btn{
	background:url(../images/getstarted-btn.png) no-repeat 0 0;
	height:67px;
	width:317px;
	display:block;
	margin-bottom:20px;
	margin:0 auto;
}
.link-box{
	width:220px;
	border:1px solid #e5e5e5;
	margin-bottom:20px;
}
.link-box div.industry-solution{
	background:url(../images/buttonset1.png) no-repeat 0 -186px;
	height:39px;
	width:220px;
}
.link-box div.our-services{
	background:url(../images/buttonset1.png) no-repeat 0 -225px;
	height:39px;
	width:220px;
}

.link-box ul{
	list-style-type:none;
	overflow:hidden;
}
.link-box ul li{
	background:url(../images/li-red.gif) no-repeat 0 5px;
	float:left;
	text-align:left;
	margin:10px 10px 0px 20px;
}
.link-box ul li a{
	font-weight:bold;
	color:#646464;
	padding-left:25px;
	font-size:11px;
	display:block;
}
.link-box ul li a.li-title{
	padding-left:10px;
	font-size:12px;
	background:#e7e7e7;
}
.link-box ul li ul li a{
	font-weight:normal;
	font-size:12px;
}
.sidebar-sub-title{
	padding:10px 0 0 10px;
}
/* -- ADS -- */
.advertisement-1{
	margin:10px 0;
}

/* -- NEWSLETTER -- */
.newsletter{
	background:#fff;
	color:#ffffff;
	padding:5px;
	-moz-border-radius:10px;
}
.newsletter div.title{
	color:#fff;
	font-weight:bold;
}
.newsletter div.lettercontent{
	font-size:10px;
}
/* -- TESTIMONIALS -- */
.testimonial{
	margin:10px 0;
	border:1px dotted #d1d1d1;
	overflow:hidden;
	padding:15px;
}
.testi-box{
	margin:15px 0;
}
.testi-message{
	display:block;
}
.testi-message a{
	font-weight:bold;
	font-size:14px;
}
.author{
	color:#222222;
	text-align:right;
	font-weight:bold;
	display:block;
	width:100%;
}
.testi-company{
	text-align:right;
	display:block;
}
/* -- CONTACT US -- */
.contact-name{
	color:#007d81;
	font-weight:bold;
}
.contact-info{
	margin:0 auto;
}
/* ------------------------------------------------------- FOOTER ----- */
#footer{	
	color:#333;
	font-size:11px;
	background:#fff url(../images/bg-footer.jpg) no-repeat center top;
	display: inline;
	float: left;
	width:940px;
	padding:15px 10px 40px;
	position:relative;
	margin-top:-2px;
}
#footer a{
	color:#333;
}
#footer a:hover{
	color:#999;
}
#footer .quicklink{
	float:left;
	width:300px;
}
#footer .quicklink ul{
	list-style-type:none;
	width:140px;
	display:block;
	float:left;
}
#footer .quicklink ul div.quicklinks{
	color:#971012;
	font-weight:bold;
}
#footer .quicklink ul li{
}
#footer .policy{
	float:left;
	width:340px;
	padding:20px 20px 20px 65px;
}
#footer .copyright{
	float:left;
	width:200px;
	text-align:right;
	position:relative;
}
#footer .copyright div{
	margin-top:70px;
}
#footer .copyright div.sign{
	margin-top:90px;
}
#footer .footer-logo{
	position:absolute;
	top:-150px;
	left:0px;
}

/* For tabular navigation data */
ul.tabs {
	margin: 0;
	margin-bottom: -1px;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	width: 100%;
}
ul.tabs li.list {
	width: 32%;
	height: 60px;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #efefef;
	background: #eee;
	overflow: hidden;
	position: relative;
	width: 40%;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 15px;
	outline: none;
}
ul.tabs li a:hover {
	background: #ddd;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border: 1px solid #eee;
	float: left;
}
.tab_content {
	padding: 5px;
}
/* End tabular navigation data */

/* jQuery Toggle View */

h2.trigger {
	padding: 0 0 0 0px;
	margin: 0 0 5px 0;
	height: 30px;
	line-height: 46px;
	width: 550px;
	font-size: 13px;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #c00;
	text-decoration: none;
	display: block;
	font-size:13px;
	font-weight:bold;
}
h2.trigger a:hover { color: #c00; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border: 1px solid #d6d6d6;
	background: #fefefe;
	overflow: hidden;
	font-size: 12px;
	width: 550px;
	clear: both;
	font-size:12px;
}
.toggle_container .block {
	padding: 10px; /*--Padding of Container--*/
}
/* end jQuery Toggle View */