/*-------------------------------------------------
Payrolling.com Stylesheet

version: 1.0
author: ehab alatrebi
email: ehab@payrolling.com
website: http://www.payrolling.com

-------------------------------------------------*/

/*----------Services----------*/

#main {
	background:url(images/services.jpg) no-repeat;
	border:0;
	width:923px;
	height:238px
}

#main h1 {
	background:url(images/services_h1.gif) no-repeat;
}

#services {
	float:left;
	margin-top:30px;
	border:solid 1px #ccc;
	border-top:solid 5px #3E8E54;
	width:544px;
	height:635px;
	padding:25px;
	background:url(images/lg_pnl.jpg) repeat-y;
}

#services h1 {
	float:left;
	width:460px;
	height:23px;
	margin:0;
	padding:0 0 15px 0;
	border-bottom:1px dotted #999;
	background:url(images/services_h2.gif) no-repeat;
}

#services h2 {
	float:left;
	width:460px;
	font:normal 14px/1.8em arial;
	padding:10px 0 0 0;
	border:0;
}

.sm_pnl {
	float:right;
	margin-top:10px;
	padding:25px;
	border:solid 1px #ccc;
	border-top:solid 5px #3E8E54;
	width:264px;
	background:url(images/sm_pnl3.jpg) repeat-y;
}	

.sm_pnl p {
	float:left;
	clear:both;
	width:260px;
	font:normal 11px arial;
	margin:0 20px 0 30px;
}

a.ie {
	font:bold 11px arial;	
	color:#3E8E54	
}

.sm_pnl#contact {
	padding:0;
	width:314px;
	height:305px;
}

.sm_pnl h1 {
	height:23px;
	width:268px;
	margin-bottom:5px;
	padding:0 0 15px 0;
	border-bottom:1px dotted #999;
}

.sm_pnl h2 {
	float:right;
	padding:0 0 0 230px;
	margin:0;
	border:0;
	height:30px;
	width:84px;	
	background:url(images/side_hdr.gif) no-repeat right -5px;
	font:normal 13px arial;
	color:#fff;
}

div#test-accordion {
	float:left;
	border: none;
	background-color: transparent;
	padding:0;
}

div.accordion {
	position: relative; /* required for bounding */
	width: 545px;
	padding:0;
	margin:10px 0 0 0;
}

div.accordion-toggle {
	position: relative; /* required for effect */
	z-index: 10;		/* required for effect */
	background:url(images/arw1.gif) no-repeat 10px center;
	border:solid 1px #ccc;
	cursor: pointer;
	margin:2px 0 2px 0;
	padding:7px 5px 7px 25px;
	font:bold 12px arial;
}

div.accordion-toggle:hover, div.accordion-toggle-active {
	background:#3E8E54 url(images/arw3.gif) no-repeat 10px center;
	color:#fff;
}

div.accordion-content {
	overflow: hidden;	/* required for effect */
	background: #fff;
	border:solid 1px #ccc;
	font:normal 12px arial;
	color: #333;
}

div.accordion-content p {
	margin:15px;
}

div.accordion-content a:hover {
	text-decoration:underline;
}

div.accordion-content li {
	list-style-type:square;
	margin:0 15px 0 30px;
}

ul#sp_left {
	float:left;
	margin:25px 0 0 30px;
}

ul#sp_left li {
	font:normal 13px arial;
	margin-bottom:30px;
}

ul#sp_left a {
	font:normal 13px arial;
}

ul#sp_right {
	float:right;
	margin:35px 20px 0 0;
}

a.btn {
	display:block;
	width:113px;
	height:30px;
	padding:7px 0 0 0;
	margin:0 0 15px 0;
	text-align:center;
	text-decoration:none;
	font:normal 12px arial;
	background:url(images/btn.gif) no-repeat;
}

ul#sp_right a:hover {
	text-decoration:underline;
}

a#chat {
	display:block;
	margin:0 0 25px 5px;
}

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

.listsmall li {
	margin:0 15px 0 15px;
	font:normal 13px/1.7em arial;
	list-style:square;
	list-style-position:outside;
	padding:5px 0 5px 0;
}

a.lnk {
	background:url(images/arw4.gif) no-repeat left center;
	padding:5px 0 10px 20px;
	font:bold 13px/1.8em arial;
	color:#3E8E54;
}

#w2 {height:316px;margin-top:30px;}
#w2 h1 {background:url(images/ben_h13.gif) no-repeat;}