/*
 
Theme Name: JBS Default
Theme URI: 
Description: Jordan Business Systems Default Template
Version: 2.0
Author: Ahmad A. Kharbat
Author URI: http://www.ahmadkharbat.com
Organization: Spring Web Technologies

*/


/* HTML Elements CSS */


* {
	margin:0pt;
	outline-color:invert;
	outline-style:none;
	outline-width:0pt;
	padding:0pt;
}

body {
	background:#ffffff url(images/bg.gif) repeat;
	font-family:Verdana;
	font-size:11px;
	font-stretch:normal;
	font-style:normal;
	font-weight:normal;
	line-height:14px;
	color:#000000;
}

h1 {font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:30px;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:28px;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:26px;}
h4 {font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px;}
h5 {font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:22px;}
h6 {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}

a {cursor:pointer; }

a, a:visited,a:active {
	color:#38c7e8;
	text-decoration:none;
}

a:hover, a:visited:hover {
	text-decoration:underline;
}

a img, img {
	border:0;
}

div#ajaxLoader {
	display:none;
	background:transparent url(images/ajax-loader.gif) no-repeat left;
}

/* Layout CSS */

div.wrapper {
	
}

div.header {
	height:150px;
}


div.logo {
	position:absolute;
	width:418px;
	height:115px;
	top:12px;
	left:14px;
	background:transparent url(images/logo-trans.png) no-repeat scroll 0 0;
}

div.logo a {
	display:block;
	height:100px;
	width:100px;	
}

div.navigation {
	height:100%;
	width:100%;
}

div.navigation a{
	display:block;
	position:absolute;
	z-index:20;
}

a.about {height:12px; width:42px; top:19px; left:264px;}
a.clients {height:15px; width:44px; top:40px; left:325px;}
a.solutions {height:13px; width:139px; top:11px; left:345px;}
a.success {height:13px; width:100px; top:45px; left:426px;}
a.press {height:12px; width:75px; top:14px; left:543px;}
a.links {height:14px; width:73px; top:34px; left:639px;}
a.gallery {height:14px; width:86px; top:79px; left:588px;}
a.contact {height:11px; width:58px; top:60px; left:739px;}
a.sitemap {height:10px; width:52px; top:38px; left:739px;}
a.email {height:11px; width:55px; top:82px; left:739px;}
a.pdf {height:15px;left:739px;top:15px;width:65px;}


div.search {
	position:absolute;
	top:119px;
	left:712px;
}

input.search_box {
	background:transparent url(images/search_box.gif) no-repeat;
	border:0;
	color:#DDDDDD;
	float:left;
	font-size:9px;
	height:14px;
	padding-top:2px;
	padding-left:2px;
	width:174px;
}

div.content_wrap {
	position:absolute;
	top:135px;
	left:113px;
	width:787px;
	background:transparent url(images/content_wrap_bg.gif) repeat-y left;
	clear:both;
}

div.content_wrap_inner {
	position:relative;
	height:100%;
	width:100%;
	background:transparent url(images/content_wrap_top.gif) no-repeat top left;
}


/*** Navigation Level ONE ***/

div.level_one {
	border-bottom:2px solid #ffffff;
	width:100%;	
}

div.level_one ul.nav {
	list-style-type:none;
	margin-left:12px;
}

div.level_one ul.nav li, div.level_one ul.nav li.current-cat {
	display:block;
	float:left;
}

div.level_one ul.nav li a {
	display:block;
	color:#AEB1B2;
	padding:12px 16px 12px 25px;
	background:transparent url(images/b_plus.gif) no-repeat 12px;
	text-decoration:none;
}

div.level_one ul.nav li.current-cat a {
	display:block;
	color:#43A9DA;
	padding:12px 16px 12px 25px;
	background:#ffffff url(images/w_minus.gif) no-repeat 12px;		
	text-decoration:none;
}
div.level_one ul.nav li.current-cat a:hover,div.level_one ul.nav li.current-cat a:active {
	color:#43A9DA;
	text-decoration:none;
}
/*** Navigation Level TWO ***/

div.level_two {
	background:#ffffff;
	width:100%;
}

div.level_two ul.nav {
	list-style-type:none;
	margin-left:12px;
	/*display:none;*/
}

div.level_two ul.nav li, div.level_two ul.nav li.current-cat {
	display:block;
	float:left;
}

div.level_two ul.nav li a {
	display:block;
	color:#AEB1B2;
	padding:12px 25px;
	background:transparent url(images/w_plus.gif) no-repeat 12px;
	text-decoration:none;
}

div.level_two ul.nav li.current-cat a {
	display:block;
	color:#43A9DA;
	padding:12px 25px;
	background:transparent url(images/w_minus.gif) no-repeat 12px;		
	text-decoration:none;
}

/*** Navigation Level THREE ***/ 

div.level_three {
	background:#eff6fb;
	width:100%;	
}

div.level_three ul.nav {
	list-style-type:none;
	margin-left:12px;
}

div.level_three ul.nav li, div.level_three ul.nav li.current-cat {
	display:block;
	float:left;
}

div.level_three ul.nav li a {
	display:block;
	color:#AEB1B2;
	padding:12px 2px 12px 25px;
	background:transparent url(images/bb_plus.gif) no-repeat 12px;
	text-decoration:none;
}

div.level_three ul.nav li.current-cat a {
	display:block;
	color:#43A9DA;
	padding:12px 2px 12px 25px;
	background:transparent url(images/bb_minus.gif) no-repeat 12px;		
	text-decoration:none;
}

/** END OF NAVIGATION **/

div.page_content {
	position:relative;
	padding:15px;	
}

div.page_content p{
	margin:0;
	padding:0;
}

div.top_image {margin-bottom:33px !important;}

div.container {
display:inline-block;
}

div.sidebar {
	float:left;
	width:169px;
	color:#14579c;
	font-size:14px;
	line-height:18px;
	height:100%;
}

div.content {
	float:left;
	margin-left:10px;
	font-size:11px;
	line-height:15px;
	width:430px;
	height:100%;		
}

div.footer {
	height:23px;
	padding:6px 21px 8px 21px;
	width:745px;
	background:transparent url(images/content_wrap_bottom.gif) no-repeat bottom left;
	font-size:10px;
}

div.footer a, div.footer a:visited {
	color:#000000;
	text-decoration:none;
}

div.footer a:hover, div.footer a:visited:hover {
	color:#000000;
	text-decoration:underline;
}

.clear {clear:both;}
.soon {font-size:14px;}


/** Home Page Styles **/

div.content_bg {
	position:relative;
	height:100%;
	width:100%;
	background:transparent url(images/bg_plus.gif) no-repeat top right;
}

div.bb_box {
	width:420px;
	height:164px;
	background:transparent url(images/bb_box_image.gif) no-repeat;
	float:left;
	clear:both;
	color:#ffffff;
}

div.bb_box a{
	display:block;
	height:100%;
	width:100%;
}

div.bb_box div.text_block {
	margin-top:100px;
	margin-left:202px;
	width:140px;
	line-height:16px;
}

div.db_box {
	width:410px;
	height:153px;
	background:transparent url(images/db_box.gif) no-repeat;
	float:left;
	margin-top:10px;*margin-top:0; /* Fix IE 6 and 7 */
	padding-top:45px;
	padding-left:10px;
	color:#ffffff;
	overflow:hidden;
	font-size:10px;
	line-height:12px;
}

div.db_box div.jbs_news {
	width:175px;
	float:left;
}

div.db_box div.jbs_news ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

div.db_box div.jbs_news ul li{
	background:transparent url(images/db_li.gif) no-repeat 0px 4px;
	padding-left:10px;
	margin-bottom:10px;
}

div.db_box div.solutions {
	width:216px;
	float:right;
}

div.db_box div.solutions ul {
	list-style-type:none;
	margin:10px;
	padding:0;
}

div.db_box div.solutions ul li{
	background:transparent url(images/bb_li.gif) no-repeat 0px 4px;
	padding-left:10px;
	margin-bottom:15px;
}

div.success_box {
	width:184px;
	height:93px;
	background:transparent url(images/success_box.gif) no-repeat;
	float:left;
	margin-top:10px;*margin-top:0; /* Fix IE 6 and 7 */
	margin-left:10px;
	color:#ffffff;
	position:relative;
	padding-top:105px;
	padding-left:10px;
	padding-right:10px;	
	font-size:10px;
	line-height:14px;
}

div.success_image {
	position:absolute;
	top:46px;
	left:0;
	height:47px;
	width:205px;
	background:transparent url(images/logo_success.gif) no-repeat;
}

div.login_area {
	float:left;
	margin-top:10px;*margin-top:0; /* Fix IE 6 and 7 */
	margin-left:10px;
	position:relative;
}

div.login_area ul {
	list-style-type:none;
	position:absolute;
	left:0;
	top:0;
	padding:0px;
}

div.login_area ul li {
	margin-bottom:10px;
}

div.login_area li.customer a {
	display:block;
	height:27px;
	width:117px;
	background:transparent url(images/customer_button.gif) no-repeat;
}

div.login_area li.customer a.selected {
	display:block;
	height:27px;
	width:117px;
	background:transparent url(images/customer_tab.gif) no-repeat;
}

div.login_area li.employee a {
	display:block;
	height:26px;
	width:116px;
	background:transparent url(images/emp_button.gif) no-repeat;
}

div.login_area li.employee a.selected {
	display:block;
	height:26px;
	width:116px;
	background:transparent url(images/emp_tab.gif) no-repeat;
}

div.login_area li form {
	width:101px;
	height:87px;
	background:transparent url(images/w_box.gif) no-repeat;
	padding:8px;
}

div.login_area label {
	font-size:10px;
	margin-bottom:2px;
}

div.login_area input {
	width:97px;
	margin-bottom:5px;
	font-size:10px;
}

.submit {
	display:block;
	height:14px;
	width:42px;
	background:transparent url(images/login.gif) no-repeat;
	border:0;
	margin:0 0 0 58px !important;
	width:42px !important;
}


/** Photo Gallery Styles **/

.tools {position:relative; height:20px; width:90%; margin:0 auto !important;_position:none}
.next {display:block; height:11px; width:34px; background:transparent url(images/next_active.gif) no-repeat; position:absolute; top:0; right:0;_position:none;_float:right;}
.next_active {display:block; height:11px; width:34px; background:transparent url(images/next_active.gif) no-repeat; position:absolute; top:0; right:0;_position:none;_float:right;}
.back {display:block; height:11px; width:36px; background:transparent url(images/back.gif) no-repeat; position:absolute; top:0; left:0;;_position:none;_float:left;}
.back_active {display:block; height:11px; width:36px; background:transparent url(images/back_active.gif) no-repeat; position:absolute; top:0; left:0;_position:none;_float:left;}

div.current_photo {
	float:left;
	width:408px;
}

div.all_photos {
	float:left;
	margin-left:10px;
	width:160px;
}


div.all_albums {
	float:left;
	margin-left:10px;
	width:174px;
}

div.album {
	display:block;
	height:60px;
	width:114px;
	background:transparent url(images/album.gif) no-repeat;
	padding:5px 10px 5px 50px;
	color:#75b7de;
	font-size:9px;
	margin-bottom:6px;
	cursor:pointer;
}

div.album_active {
	display:block;
	height:60px;
	width:114px;
	background:transparent url(images/album_active.gif) no-repeat;
	padding:5px 10px 5px 50px;
	color:#fff;
	overflow:hidden;
	font-size:9px;
	margin-bottom:6px;
	cursor:pointer;
}

div.photo {
	float:left;
	height:56px;
	width:75px;
	overflow:hidden;
	display:inline;
	cursor:pointer;
	margin-left:4px;
}

div.the_photo {
	width:408px;
	height:307px;
}

div.photo_info {
	position:absolute;
	_position:none;
	_margin-left:5px;
	float:left;
	width:100%;
	left:22px;
	bottom:15px;
	height:23px;
	background:transparent url(images/photo_info.gif) no-repeat;
	font-size:9px;
	width:389px;
}

span.album_name {
	color:white;
	display:inline-block;
	margin:4px 7px 7px 7px;
	padding-right:5px;
	margin-top:4px;
}

span.comment {
	color:#000;
	margin-left:7px;
	margin-top:4px;
	display:inline-block;
	margin:4px 7px 7px 7px;
}

/** More Styles **/

.headline {
	display:block;
	background:#75b7de url(images/headline_left.gif) left top no-repeat;
	min-width:10px;
	color:#fff;
	float:left;
	margin-bottom:8px;
}

.headline_inner {
	display:block;
	background:transparent url(images/headline_right.gif) right top no-repeat;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;
	height:19px;
	width:auto;
}

a.headline_inner{
	color:#fff;
	text-decoration:none;
	cursor:default;
}

.gray {
	font-size:10px;
	color:gray;
}

.post {
	margin-top:15px;
}

div.content p {

	margin-bottom:10px;
}

div.sidebar select {
	width:90%;
	margin-top:5px;
}

ul.sitemap ul {
margin-left:10px;
}
ul.sitemap ul ul {
margin-left:20px;
}
ul.sitemap ul ul ul {
margin-left:30px;
}
.sidebar li {
	list-style-type:none;
	margin-left:10px;
	.margin-left:0px;
}
.header_event {
	background-color:white;
	border:1px solid #38C7E8;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#38C7E8;
}
.alignright {
float: right;
}
div.alignleft {
float: left
}

.go {
	background:transparent url(images/go.jpg) no-repeat scroll 0 0;
	border:medium none;
	float:left;
	font-size:9px;
	height:16px;
	padding-top:2px;
	width:11px;
	cursor:pointer;
}

ul li {
	margin-left:0px;
}
#content {
	display:inline-block;
	float:none;
	width:100%;
}
#ser_content {
	width:530px;
	margin-left:30px;
	float:left;
}

.success-stories-div {
    background: url("images/b_plus.gif") no-repeat scroll 0 6px transparent;
    float: none;
}

a.success-stories,a.success-stories:hover {
    background: none repeat scroll 0 0 transparent;
    color: #829099;
    cursor: pointer;
    font-family: verdana;
    font-size: 11px;
    padding-left: 10px;
}