@import url("inner.css");


body {
	margin:					0;
	padding:				0;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	line-height:			18px;
	background:				#161616 url("/framework/images/main_bg.jpg") top center repeat-x;
}

:focus { outline:none;}
img { border:none}

#main { border:0px solid #ff0; width:990px; margin:0 auto; padding:10px 0 0 0}

.header {
	background:				url("/framework/images/logo.png") top left no-repeat;
	height:					146px;
}
.wrapper {
	border-top:				1px solid #fff;
}

.footer-box {
	display:				block;
	position:				relative;
	width:					910px;
	height: 				43px;
	background:				url("/framework/images/footer.jpg") top left repeat-x;
	padding-left:			80px;
	padding-top:			8px;
	font-size:				12px;
	font-weight:			bold;
}
.footer-box img {
	position:				absolute;
	right:					16px;
	top:					-9px;
}
.footer-box span.twittername {
	color:					#78caff;
}
.footer-box div.twittermsg {
	color:					#fff;
}
.footer-box div.twitterdate {
	color:					#1b3545;
}

.logo a {
	display:				block;
	width:					218px;
	height:					123px;
	text-indent:			-1999px;
	overflow:				hidden;
}
.top-nav {
	height:					13px;
	margin-top:				52px;
	float:					right;
	margin-bottom:			18px;
	overflow: 				hidden;
}
.top-nav .home {
	background:				url(/framework/images/top-nav.png) no-repeat left top;
	padding:				0px 17px;
	margin-right:			15px;
	height:					13px;
	display:				block;
	float:					left;
	overflow:				hidden;
}
.top-nav .home:hover {
	background-position:	left -14px;}
.top-nav .members {
	background:				url(/framework/images/top-nav.png) no-repeat -50px top;
	padding:				0px 58px;
	margin-right:			15px;
	height:					13px;
	display:				block;
	float:					left;
	overflow:				hidden;
}
.top-nav .members:hover {
	background-position:	-50px -14px;
}
.top-nav .contact {
	background:				url(/framework/images/top-nav.png) no-repeat -180px top;
	padding:				0px 36px;
	margin-left:			5px;
	height:					13px;
	display:				block;
	float:					left;
	overflow:				hidden;
}
.top-nav .contact:hover {
	background-position:	-180px -14px;
}
.top-nav .research {
	background:				url(/framework/images/top-nav.png) no-repeat -258px top;
	padding:				0px 42px;
	height:					13px;
	display:				block;
	float:					left;
	margin-right:			2px;
	overflow:				hidden;
}
.top-nav .research:hover {
	background-position:	-258px -14px;
}

.top-nav .training {
	background:				url(/framework/images/top-nav.png) no-repeat right top;
	padding:				0px 35px;
	height:					13px;
	display:				block;
	float:					left;
	overflow:				hidden;
}
.top-nav .training:hover {
	background-position:	right -14px;
}

.main-nav-size {
	width:					722px;
	display:				block;
	float:					right;
}
.main-nav {
	overflow:				hidden;
	padding: 				0px 0px 0px 0px;
	border-top:				1px solid #cecece;
	width:					722px;
}
.main-nav .maxedge {
	background:				url(/framework/images/nav.jpg) no-repeat left top; 
	padding:				0px 58px;
	height:					48px;
	display:				block;
	margin:					0px;
	float:					left;
}
.main-nav .maxedge:hover {
	background-position:	left -48px
}
.main-nav .maxedge.selected {
	/*background:				url(/framework/images/nav.jpg) left -48px no-repeat; 
	padding:				0px 58px;
	height:					48px;
	display:				block;*/
}
.main-nav .oursystem {
	background:				url(/framework/images/nav.jpg) no-repeat -116px top;
	padding:				0px 48px;
	height:					48px;
	display:				block;
	margin:					0px;
	float:					left;
}
.main-nav .oursystem:hover {
	background-position:	-116px -48px
}
.main-nav .oursystem.selected {
	/*background:				url(/framework/images/nav.jpg) -116px -48px no-repeat;
	padding:				0px 48px;
	height:					48px;
	display:				block;*/
}
.main-nav .testimonials {
	background:				url(/framework/images/nav.jpg) no-repeat -212px top;
	padding:				0px 53px;
	height:					48px;
	display:				block;
	margin:					0px;
	float:					left;
}
.main-nav .testimonials:hover {
	background-position:	-212px -48px
}
.main-nav .testimonials.selected {
	/*background:				url(/framework/images/nav.jpg) -212px -48px no-repeat;
	padding:				0px 53px;
	height:					48px;
	display:				block;*/
}
.main-nav .location {
	background:				url(/framework/images/nav.jpg) no-repeat -318px top;
	padding:				0px 60px;
	height:					48px;
	display:				block;
	margin:					0px;
	float:					left;
}
.main-nav .location:hover {
	background-position:	-318px -48px
}
.main-nav .location.selected {
	/*background:				url(/framework/images/nav.jpg) -318px -48px no-repeat;
	padding:				0px 60px;
	height:					48px;
	display:				block;*/
}
.main-nav .retail {
	background:				url(/framework/images/nav.jpg) no-repeat -438px top;
	padding:				0px 59px;
	height:					48px;
	display:				block;
	margin:					0px;
	float:					left;
}
.main-nav .retail:hover {
	background-position:	-438px -48px;
}
.main-nav .retail.selected {
	/*background:				url(/framework/images/nav.jpg) -438px -48px no-repeat;
	padding:				0px 59px;
	height:					48px;
	display:				block;*/
}
.main-nav .business {
	background:				url(/framework/images/nav.jpg) no-repeat -556px top;
	padding:				0px 83px;
	height:					48px;
	display:				block;
	margin:					0px;
	float:					left;
}
.main-nav .business:hover {
	background-position:	-556px -48px;
}
.main-nav .business.selected {
	/*background:				url(/framework/images/nav.jpg) -556px -48px no-repeat;
	padding:				0px 83px;
	height:					48px;
	display:				block;*/
}

.slider {
	border:					10px solid white;
	margin:					0 0 10px 0;
	display:				block;
	width: 					970px;
	height: 				340px;
	overflow:				hidden;
}
.slider_wrapper {
	border-top:				1px solid #cecece;
}


/*--------------------POSITION -----------------*/
.fl-right { float:right}
.fl-left { float:left}
/*-------------------POSITION END ----------------*/

/*------------------SIZE ---------------*/
.w350 { width:350px;}
.w365 { width:363px;}
.w235 {
	width:				235px;
	height:				232px;
	overflow:			hidden;
	display:			block;
}
.w235 img {
	margin-bottom:		0px;
	border:				0px;
}
.mr20 { margin-right:20px;}
.mlr20 { margin-left:20px; margin-right:20px;}
/*-----------------SIZE END-----------*/

/*----------------TEXT - DESIGN ----------*/
.blue-head { font-size:16px; color:#FFFFFF; background:#14aef3; border:1px solid #62d0ff; padding:10px 0 10px 20px; text-transform:uppercase;}
.red-list { margin:0; padding:0; list-style:none;}
.red-list li { background:url(/framework/images/bl-corner.png) no-repeat left center #ba1300; margin:0; padding:7px 0 7px 40px; color:#FFFFFF; width:140px; font-weight:bold; text-transform:uppercase; margin:4px 0;}
.uppertxt {
	text-transform:		uppercase;
	color:				#FFFFFF;
	height:				150px;
	width: 				340px;
	overflow: 			auto;
	display:			block;
}
.uppertxt p {
	width:				168px;
	padding: 			0px;
	margin: 			0px;
	display: 			-moz-inline-stack;
    display: 			inline-block;
    zoom: 				1;
    *display: 			inline;
    _height: 			12px;
}
.areaclip {
	height:				150px;
	width: 				340px;
	overflow: 			hidden;
	display:			block;
}
.shadow { 
	background:			url(/framework/images/shadow.png) repeat-x bottom;
	position:			absolute;
	bottom:				0;
	left:				0;
	right:				0;
	height:				90px;
	width: 				340px;
	z-index: 			999;
}
.red-box { background:url(/framework/images/red-bg.jpg) repeat-x; padding:18px 0; font-size:20px; color:#FFFFFF; text-align:center; text-transform:uppercase}
.red-box a {
	color: #FFF;
	text-decoration: none;
}
.red-box a:hover {
	color: #FFF;
	text-decoration: underline;
}
/*--------------TEXT - DESIGN  END ---------*/

.footer { background:#fff; padding:5px 20px; font-size:11px; color:#4d4949}
.footer a { color:#494949; text-decoration:none;}
.footer a:hover {text-decoration:underline;}
.facebook {background:url(/framework/images/facebook.jpg) no-repeat left top; padding:0 30px; font-size:10px; }
.facebook:hover { background-position:left bottom;}
.twitter {background:url(/framework/images/facebook.jpg) no-repeat right top; padding:0 29px; font-size:10px;}
.twitter:hover { background-position:right bottom}

/*--------- Font Styling ------------*/

h1 {
	font-size:				36px;
	color: 					#006fb7;
	text-transform:			uppercase;
	padding:				3px 0px;
	margin:					0px;
	display:				block;
}
h5 {
	font-size:				16px;
	color: 					#e00e17;
	text-transform:			uppercase;
	padding:				3px 0px;
	margin:					0px;
}
h5 a {
	display:				block;
	text-decoration:		none;
	color: 					#e00e17;
}
h5 a:hover {
	color: 					#000;
	text-decoration:		underline;
}
h5.selected {
	color: 					#006fb7;
}