/* iFusion Solution 2008 | ifusionsolution.com	 - master stylesheet*/

@charset "utf-8";
@import url('global.css');

/***
* set some basics
***/

body	{
	background: #e2e3e5 url(http://www.ifusionsolution.com/beta/images/bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

#body { background:#e2e3e5 url(http://www.ifusionsolution.com/beta/images/bg.jpg) repeat-x; }
a, a:visited, a:active { color:#f7931d; }
a:hover { color:#f7d11d; }
h2 { letter-spacing:-2px; font-family:"myriad pro",myriad,arial,helvetica,sans-serif,clean; margin-bottom: 15px; font-size:36px; font-weight:bold; }
h3 { letter-spacing:-1px; font-size: 18px; font-weight:bold; margin: 0 0 12px; }
h4 { letter-spacing:-1px; margin-bottom:6px; font: 16px; font-weight:bold; }
h5 { font-size: 14px; }
h6 { color:#999; font-size: 12px; font-weight:normal; }
p { font-size: 12px; }
strong, b	{ font-weight:bold; }
em, i	{ font-style:italic; }
hr { height: 1px; background:#e8e8e8; margin:6px 0; }
li { line-height: 14px; }
.img-left { float:left; margin:0 15px 15px 0; }
	
/***
* general layout
***/

	#container { margin:auto; margin-bottom:30px; text-align:left; width:840px; }
	#content { margin:30px auto; margin-bottom:0; width:840px; }
	#left_col { float:left; width: 170px; }
	#mid_col_1 { float:left; width:670px; }
	#mid_col_2 { float:left; width:480px; }
	#right_col { float:right; width: 170px; }
	
/***
* header + menu systems
***/

	/* header */
	#header {
	margin:auto;
	padding-top:20px;
	width:840px;
	background-image: url(../images/header_02.png);
	background-repeat: repeat-x;
	height: 130px;
}
	/* change margin h1: to -neg value */
	#header h1 a {
	display:block;
	height:95px;
	overflow:hidden;
	text-indent:-9999px;
	width: 300px;
	background-image: url(../images/header_04.png);
	background-repeat: no-repeat;
}
.bottom {
	background-image: url(../images/header_07.png);
	height: 16px;
}

	#tagline {
	float:right;
	width:500px;
	margin-top: -20px;
}
	#tagline h3 { font-size:22px; color:#f7d11d; }
	
	/* main menu */
	#menu { font-size: 12px; margin:20px 0 0 0; }
	#menu ul { float:right; list-style:none; }
	#menu li { float:left; padding:0 12px; }
	
	/* side menus */
	#sidemenu_services, #sidemenu_about, #sidemenu_portfolio, #sidemenu_resources { font-size: 12px; }
	#sidemenu_services li, #sidemenu_about li, #sidemenu_portfolio li, #sidemenu_resources li { padding:6px 0; }
	#sidemenu_logos { margin:60px 0 0 0; width: 170px; }
	#sidemenu_js { /* height:78px; */ margin:0 0 6px 12px; width:98px; }
	
	/* main menu buttons */
		
		
/***
* home
***/

	
	/* slider */
	#glider { background:#f4f4f4; border: 1px solid #e4e5e7; height:360px; overflow:hidden; width:840px; }
	#glider_content { width: 10000px; }
	.shell { height:320px; margin:30px; width:780px; }
	.section { height:320px; width:840px; }
	.slist { float:left; width:300px; }
	.section ul { list-style:url(http://www.ifusionsolution.com/beta/images/checkmark.jpg); margin: 24px 20px 0; }
	.section li { color:#666; font-size: 12px; padding:6px 0; width:auto; }
	.copy { width:80%; }
	.next-1, .next-2, .next-3, .next-4 { height:33px; margin:0 0 15px 0; width:87px; }
	.last { display:block; height:33px; width:87px; }
	#glider p { line-height:22px; width:475px; }
	#glider h2 { margin-bottom:3px; }
	ul#path { background:#fff; border: 1px solid #e4e5e7; border-top:none; height:45px; margin-bottom:30px; width:840px; }
	ul#path li { float:left; font-size: 12px; padding: 15px 30px; }
	.s_on a { color:#f7d11d; }
	#section1 { background:url(http://www.ifusionsolution.com/beta/images/ebs_wheel.jpg) no-repeat; height:360px; width:840px; }
	#section2 { background:url(http://www.ifusionsolution.com/beta/images/ebs_wheel.jpg) no-repeat; height:360px; width:840px; }
	#section3 { background:url(http://www.ifusionsolution.com/beta/images/bintelligence.jpg) no-repeat; height:360px; width:840px; }
	#section4 { background:url(http://www.ifusionsolution.com/beta/images/r12upgrade.jpg) no-repeat; height:360px; width:840px; }
	#section5 { background:url(http://www.ifusionsolution.com/beta/images/extension.gif) no-repeat; height:360px; width:840px; }
	#glider a, #glider a:visited, #glider a:active { color:#000; text-decoration:none; }
	#glider a:hover { color:#000; text-decoration:none; }
	#section2 .copy p { width:65%; }