html, body
{
	background:#000;
	color:#fff;
	font-size:12px;
	font-family:Arial;
}

p {margin:10px 5px;}
strong {font-weight:bold; font-size:105%;}

a:link, a:visited{color:grey; text-decoration:none; font-weight:bold; line-height:25px; height:25px;}
a:hover{color:silver;  text-decoration:none; font-weight:bold; line-height:25px; height:25px;}
a.mainlevel {color:#fff;}

h1{font-weight:bold; font-size:18px; line-height:30px;}
h2, .contentheading {font-weight:bold; font-size:16px; line-height:28px;}
h3{font-weight:bold; font-size:14px; line-height:25px;}
h41{font-weight:bold; font-size:13px; line-height:25px;}
h5{font-weight:bold; font-size:12px; line-height:25px;}
h6{font-weight:bold; font-size:12px; line-height:25px;}


#wrapper {position:relative; z-index:10; overflow:hidden; margin:0px; text-align:left; width:100%; background: url('../images/background.jpg') 50% 0 no-repeat;}
	#header{margin:0px; background: url('../images/menu_bar.png') 0 0 repeat-x; color:#000; position:fixed; z-index: 20; width:100%;}
		#hornav {width:100%; height:64px; margin:0px; background: url('../images/menu_bar.png') 0 0 repeat-x; clear:both;}
			#hornav ul{margin:0; padding:0; width:auto;}
			#hornav ul li{margin:0; float:left; position:relative; z-index: 30;}
			#hornav ul li a{color:#000; text-transform:uppercase; padding:9px 20px; display: block;}
			#hornav ul li a:hover{text-decoration:none; text-decoration:none; background:#fff; border-right:#a6a6a6 1px solid; border-left:#a6a6a6 1px solid;}
			#hornav ul li ul {display:block; height:auto; width: 166px; margin-left:-10px; position:absolute; z-index:99; left: -999em; background: url('../images/dropdown_ul.png') 0 100% no-repeat; padding-bottom:12px;}
			#hornav ul li ul li {width:166px; background: url('../images/dropdown_li.png') 0 0 repeat-y;}
			#hornav ul li ul li a{color:#000; text-transform:none; display: block; padding:6px 0px 0px 20px; }
			#hornav ul li ul li a:hover{color:#000; text-transform:none; display: block; padding-left:10px; margin:0px 10px; background: url('../images/dropdown_over.png') 0 5px repeat-x; border:0px;}
			#hornav ul li ul li ul {display:block; height:auto; width: 166px; margin:-20px 0px 0px 145px !important; padding:0px 0px 12px 0px !important; position:absolute; z-index:90; left: -999em; background: url('../images/dropdown_ul.png') 0 100% no-repeat; }
			#hornav ul li ul li ul li{width:166px;}
			#hornav ul li ul li ul li a{color:#000; text-transform:none; display: block; padding:6px 0px 0px 20px; background: url('../images/dropdown_li.png') 0 0 repeat-y; }
			#hornav ul li ul li ul li a:hover{color:#000; text-transform:none; display: block; padding:6px 0px 0px 20px; background: url('../images/dropdown_li.png') 0 0 repeat-y; border:0px;}
			#hornav ul li:hover ul ul, #hornav ul li:hover ul ul ul {left: -999em;}
			#hornav ul li:hover ul, #hornav ul li li:hover ul, #hornav ul li li li:hover ul {left: auto;}
			#top_right {float:right; margin-right:35px; padding:0px;}
				#top_right ul{margin:0; padding:0; width:auto;}
				#top_right ul li{margin:0; float:left; position:relative;}
				#top_right ul li a{color:#000; text-transform:uppercase; padding:9px 20px; display: block;}
				#top_right ul li a:hover{text-decoration:none; background:#fff; border-right:#a6a6a6 1px solid; border-left:#a6a6a6 1px solid;}
				#top_right ul li ul {display:block; height:auto; width:166px; margin-left:-50px; position:absolute; z-index:99; left: -999em; background-color:#fff; background: url('../images/dropdown_ul.png') 0 100% no-repeat; padding-bottom:12px;}
				#top_right ul li ul li {width:166px; background: url('../images/dropdown_li.png') 0 0 repeat-y;}
				#top_right ul li ul li input{margin:6px 0px 0px 20px; width:115px; padding:2px;}
				#top_right ul li:hover ul ul, #top_right ul li:hover ul ul ul {left: -999em;}
				#top_right ul li:hover ul, #top_right ul li li:hover ul, #top_right ul li li li:hover ul {left: auto;}
	#body {overflow:hidden; width:100%; margin-top:50px; padding:0px; position:relative; z-index: 10;}
		#content {overflow:hidden; width:800px; margin:10px auto; padding:20px 0px; position:relative; z-index: 10;}
			#logo {width:235px; height:150px; margin:0 auto 30px auto; background: url('../images/logo.png') 0 0 no-repeat;}
			#user1 {width:370px; margin:0px; color:#fff; padding:10px 15px 0px 15px; float:left;}
			#user2 {width:370px; margin:0px; color:#fff; padding:10px 15px 0px 15px; float:left;}
				.clear {width:100%; height:1px; clear:both;}
				.body_module_left {width:22px; height:84px; background: url('../images/body_module_left.png') 0 0 no-repeat; float:left;}
				.body_module_middle {width:326px; padding-top:15px; background: url('../images/body_module_middle.png') 0 0 repeat-x; float:left;}
				.body_module_right {width:22px; height:84px; background: url('../images/body_module_right.png') 0 0 no-repeat; float:left;}
			.portfolio_item {background: url('../images/portfolio_background.png') 0 0 no-repeat; width:700px; height:157px; padding:20px; margin:0 auto; clear:both; float:left; display: table-cell; vertical-align: middle;}
			.portfolio_item:hover{background: url('../images/portfolio_background_over.png') 0 0 no-repeat;}
			.portfolio_item .info h1 {font-weight:normal; font-size:18px; color:#bcbcbc;}
			.portfolio_item img {float:left; margin: 0px 5px 0px 5px; width:130px;}
			.portfolio_item .info {float:left; width:500px; padding:5px 20px;}
	#footer {width:100%; margin:0px;}
		#sliding_portfolio {width:100%; margin:0px; overflow:hidden; background: url('../images/footer_bar_middle.png') 0 0 repeat-x;}
		.sliding_portfolio {width: 3500px; height: 157px; padding:45px 20px 0px 20px; }
		.client{margin:0px; height:100px; float:left; padding-right:25px;}
                        .client img {cursor:pointer;}
			.sliding_portfolio_info {color:black;}
				.sliding_portfolio_info h2 {font-size:13px; text-transform:capitalize;}
				.sliding_portfolio_info p {margin:0px; padding:5px; font-size:10px;}
	#copyright {overflow:hidden; width:100%; margin:0px; text-align:center; font-size:85%;}
	
/*Custom Stuff*/

/* Portfolio Module */
.portfolio_content_description {display:block; background:#fff; color:#000; padding:15px; width:500px; margin:0 auto;}
.portfolio_content_description h1 {margin:5px; padding:0px; font-size:14px; text-transform:capitalize;}
.portfolio_content_description p {margin:0px; padding:5px; font-size:12px;}
/* END Portfolio Module */

/* Tool Tips */
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url('../images/tooltip.png') top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url('../images/tooltip.png') bottom right;
}
 
.custom-tip {
	color: #fff;
	width: 300px;
	z-index: 13000;
	text-align:left;
}
 
.custom-title {
	color: #fff;
	font-size:18px;
	font-weight:bold;
	padding:5px; 
	font-size:14px; 
	text-transform:capitalize;
	background: url('../images/portfolio_tooltip.png') 0 0;
}
 
.custom-text {
	margin:0px; 
	padding:5px; 
	font-size:12px;
	background: url('../images/portfolio_tooltip.png') 0 0;
}

.custom-text ul li, #content  ul li, #user1  ul li, #user2  ul li {background:url('../images/bullet.png') 0 0 no-repeat; padding-left:18px; margin-left:10px;}
/* END Tool Tips */

/* System Messages */
dl {margin:0px; padding:0px; display:block;}
#system-message{margin:0px auto; display:block; border:1px solid #af0000; background: url('../images/portfolio_tooltip.png') 0 0 repeat; padding:10px; text-align:center;}
#system-message dt.error {font-size:14px; text-align:left; font-weight:bold; line-height:20px; color:#af0000;}
#system-message dd{color:#ffcdcd;}
#system-message dd.error ul li{background:transparent; padding:0px; margin:0px;}