
/*-------------------------------------------------
Payrolling.com Stylesheet

version: 1.0
author: ehab alatrebi
email: ehab@payrolling.com
website: http://www.payrolling.com

-------------------------------------------------*/

/*----------Home----------*/

#header img {
	position:relative;
	top:45px;
	left:420px;
}

#main {
	background:url(images/home.jpg) no-repeat;
	border:0;
	width:923px;
	height:238px
}

#main h1 {
	background:url(images/home_h1.gif) no-repeat;
}

#flash {
	float:left;
	padding:0;
	margin-top:30px;
	height:224px;
	width:596px;
}

.mainpanel#testimonials {
	background: url(images/tsm_pnl2.jpg) no-repeat;
	margin:10px 0 0 0;
	padding:0;
	height:245px;
}

.sidepanel#onboard {
	background: url(images/sidepanel_onboard.jpg) no-repeat;
	width:314px;
	height:222px;
	margin-top:30px;
}

.sidepanel#locations {
	background: url(images/sm_pnl2.jpg) no-repeat;
	height:245px;
	margin-top:10px;
	padding:0;
}

.sidepanel#locations a {
	position:relative;
	top:20px;
	left:20px;
	font:normal 12px arial;
}

.mainpanel h1, h2 {
	float:left;
	height:25px;
	border-bottom:1px dotted #999;
}

.mainpanel h1 {
	width:410px;
	margin:10px 20px 15px 20px;
	padding:0 20px 20px 0;
	background:url(images/services.gif) no-repeat;
}

.mainpanel h2 {
	width:540px;
	margin:30px 0px 5px 30px;
	padding:0 0px 20px 0;
	background:url(images/testimonials.gif) no-repeat;
}

#search {
	float:right;
	margin:17px 0 0 0;
}

#tsm {
	float:left;
	clear:both;
	margin:25px 0 0 30px;
}

#tsmppl {
	float:right;
	width:223px;
	height:225px;
	margin:-42px 10px 0 0;
}

#scrollerTOP {
	position:absolute;
	top:70px;
	right:50px;
	width:232px;
	height:17px;
	z-index:1;
	padding:0 0 13px 0;
	background:url(images/nc.png) no-repeat;
	border-bottom: solid 1px #D6D092;
}

#scroller {
	position:absolute;
	bottom:1px;
	right:20px;
	width:304px;
	height:190px;
	z-index:0;
	background:#fff url(images/nc.jpg) no-repeat 15px 50%;
}

.link {cursor:pointer; color:#666}
.link:hover {color:#000; text-decoration:underline;}
.newsslider {position:relative; overflow:hidden; height:120px; width:280px; margin:65px 10px 0 25px; font:normal 12px/1.4em arial;}
.newsslidercontent {position:absolute}
.newsslidercontent .upper {border-bottom:none;}
.newssection {margin:15px 20px 0 15px; height:120px}
.newsslider a {font-size:12px;color:#333;}

ul#lox {
	margin:0;
	padding:200px 0 0 20px;
	font:normal 10px arial;
}

ul#lox li {
	float:left;
	margin:0;
	padding:0 0 0 10px;
}

ul#lox li#noram {background:url(images/noram.gif) no-repeat left center;}
ul#lox li#latam {background:url(images/latam.gif) no-repeat left center;	margin-left:12px;}
ul#lox li#emea {background:url(images/emea.gif) no-repeat left center;	margin-left:12px;}
ul#lox li#apac {background:url(images/apac.gif) no-repeat left center;	margin-left:12px;}

.nc_hdr {
	font:italic 12px arial;
	color:#3E8E54;
}


a#w2 {
	float:right;
	height:53px;
	width:217px;
	margin:-63px 345px 0 0;
	padding:0;
	background:url(images/BTN_W2_UP.png) no-repeat;
}

a#w2:hover {
	background:url(images/BTN_W2_OVER.png) no-repeat;
}

a#onboard, a#orientation, a#whitepaper {
	float:left;
	width:272px;
	height:46px;
}

a#onboard {background:url(images/BTN_ONBOARD_GRN_UP.png) no-repeat;margin:20px 0 0 20px;}
a#onboard:hover {background:url(images/BTN_ONBOARD_GRN_OVER.png) no-repeat;}

a#orientation {background:url(images/BTN_ORIENTATION_GRN_UP.png) no-repeat;	margin:12px 0 0 20px;}
a#orientation:hover {background:url(images/BTN_ORIENTATION_GRN_OVER.png) no-repeat;}

a#whitepaper {background:url(images/BTN_WHITEPAPER_GRN_UP.png) no-repeat;	margin:12px 0 0 20px;}
a#whitepaper:hover {background:url(images/BTN_WHITEPAPER_GRN_OVER.png) no-repeat;}