@charset "utf-8";
@import url('reset.css');
@import url('slider.css');
html, body,form, fieldset, legend,input, div
{
	margin: 0pt;
	padding: 0pt;
}

body  {
	font-size: 13px; 
	font-family: helvetica, arial, sans-serif; 
	line-height: 20px;
	background: #EBEBEB;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
} 

p {
	text-align: left;
	}

a {
	text-decoration:none;
	}

h1 {
color:#000000;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	padding: 0px;
}

img {
	border: none;
	vertical-align:middle;
	}
	
 li {
	list-style:none;
	margin:0;
	padding:0;
	
}

.wrapper {
	width: 960px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
}

/*----------------------------------------------------------------------------------------------------
Header
-------------------------------------------------------------------------------------------------------*/
#header {
	padding-bottom: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	position: relative;
	min-width:980px;
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.greenBar{
height:5px;
min-width:980px;
width:100%;
background-color: #60BB46;	
}
#logo {
	width: 300px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top:20px;
	//float:left;
}

#tag {
	width: 275px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}
.search{
position:absolute;
top:70px;
right:0;
height:25px;
text-align:right;
}


.search input.box {
	color: #575757;
	width: 176px;
	height: 25px;
	float:left;
	line-height: inherit; !important
	display:inline;
	background:  url(../Images/search-bg.png) repeat-x left top;
	border:none;
	outline:none;
}
.search-left{
background:	url(../Images/search-left.png) no-repeat left top;
float:left;
width:7px;
height:25px;
}
.search-right{
background:	url(../Images/search-right.png) no-repeat left top;
float:left;
width:31px;
height:25px;
cursor:pointer; 
}

.search input.searchbtn{
	float:left;
}
.demoBtn{
position:absolute;
top:15px;
right:0;
}

/*----------------------------------------------------------------------------------------------------
SidebarS
-------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
Main body Index
------------------------------------------------------------------------------*/
.sprites {
background-image     : url(../Images/index.png);
width:50px; height:50px; overflow:hidden; 
}
.contentBoxContainer{
float:left;
margin-top:15px;
}
#bigbtm{
/*background: url(../Images/btm_medium.png) left bottom no-repeat;*/
background-position: 0 -52px;
width:624px;
height:24px;
margin-left:-1px;
}
#bigtop{
/*background: url(../Images/top_medium.png) left bottom no-repeat;*/
background-position: 0 -574px;
width:624px;
height:18px;
}
.contentBox{
width:570px;
background-color:#fff;
text-align:left;
padding:0 25px 0px 25px;
border-left:#ccc 1px solid;
border-right:#ccc 1px solid;
min-height:520px;

}
#greenRibbon{
height:29px;
width:520px;
margin-left:-37px;
background-position: 0 -250px;	
color:#fff;
font-weight:bold;
font-size:110%;
text-shadow: 1px 1px 1px  #006;
padding:15px 70px 10px 30px;
line-height:1.2;
}
#greenRibbon p{
margin:10px auto 5px auto;
padding-top:5px;
width:420px;
text-align:center;
font-size:110%;
}
#greenRibbon_right{
width: 281px;
height: 42px;
/*background:url(../Images/greenShape_right.png) right top no-repeat;*/
background-position: 0 -305px;
text-align:center;
color:#fff;
font-size:110%;
padding-top:13px;
font-weight:bold;
position:relative;
right:-9px;
text-shadow: 1px 1px 1px  #006;
}
.moveRight{
position:absolute;
 top:-30px;
 right:0;	
}
.blueRibbon{
width: 292px;
height: 26px;
background-position: 0 0;
margin-left:-7px;
/*background: url(../Images/blueRibbon.png) no-repeat center top;*/
text-align:center;
color:#fff;
font-weight:bold;
padding-top:4px;
text-shadow: 1px 1px 1px  #006;
}
#btm{
/*background-position  : -1404px -0px;*/
position:absolute;
left:0;
margin-top:13px;
/*background:url(../Images/btm.png) no-repeat bottom center;*/
background-position: 0 -31px;
width:962px;
height:20px;
margin-left:-1px;	
}
.lilBox{
width:280px;
background-color:#fff;
text-align:center;
padding:0;
border-left:#ccc 1px solid;
border-right:#ccc 1px solid;
min-height:150px;
color: #424242;
font-weight:bold;
line-height:1.3;
position:relative;
}
#rightBox{
background: #fff url(../images/wp_bio_btn.png) no-repeat bottom center;
}
.demo{width:150px; position:absolute; left:10px; top:63px; font-size:130%; z-index:1000;}
.lilBox a{color: #424242;}
.lilbtm{
/*background:url(../Images/lilbtm.png) no-repeat left bottom;*/
background-position: 0 -533px;
width:283px;
height:23px;
margin-right:-1px;
}
.liltop{
/*background:url(../Images/liltop.png) no-repeat left bottom;*/
background-position: 0 -557px;
width:283px;
height:16px;
margin-right:-1px;	
}
.lilBoxConteiner{
margin-top:30px;
margin-right:54px;
float:left;
margin-bottom:30px;
width:280px;
}
.rightCol{
float:right;
margin-right:0;
margin-bottom:0;
margin-top:18px;
	
}
.lilBoxImg{
bottom:-18px;right:0px; position:absolute;	
}

.more{
color:#60BB46;
position:relative;
top:10px;
/*left:60px;*/
font-size:14px;
font-weight:bold;	
}
/*-----------------------------------------------------------------------------------------------
Footer
------------------------------------------------------------------------------------------------*/
#footer {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #ffffff;
	clear:both;
	height: 100px;
	min-width:980px;
	position: relative;
	border-top: 1px solid #60BB46;
	padding: 15px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Arial, sans-serif;
	font-size:11px;
	color:#999999;
	
} 
#footerLeft ul li{
list-style: disc;
}
	
#footer a {
	color: #999999;
	}	
	
#footer a:hover {
	color: #000000;
	text-decoration: underline;
	}
	
#footerLeft {
float:left;
text-align: left;
margin-top:-10px;
}
.footerMiddle {
float:left;
text-align: left;
border-left-color: #D5D5D5;
border-left-style:solid;
border-left-width:1px;
margin-left:40px;
padding-left:30px;
height:85px;
}
.footerWrap{
position:relative;
width:100px;
padding-bottom:5px;	
}

.footerImg{
position:absolute;
top:0;
right:0	
}
.footerText{
position:absolute;
top:0;
left:0;	
}
.authThumb{
position:absolute; top:-15px;right:0; 	
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 0px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 0px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#topnav {
	min-width:980px;
	margin-top:  0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	z-index: 100;
	height: 36px;
	background: url(../Images/tabBG.png) repeat-x top left;
}

/* *****************Index Page Redesign starts*************************** */
.slider{
background:#fff; 
border-left:#ccc 1px solid;
border-right:#ccc 1px solid; 
height:315px;
margin-bottom:20px;	
}
.lof-slidecontent{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	width:910px;   /*change width of main content, correlates with .lof-navigator-outer width line 103*/
	height:310px;
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	color:#FFF;
	text-align:center
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
}
/* main flash */
.lof-main-wapper{
	margin-right:auto;
	overflow:hidden;
	padding:0px;
	height:100%;
	width:600px;
	position:relative;
	overflow:hidden;
}

.lof-main-wapper .lof-main-item{
	overflow:hidden;
	padding:0px;
	margin:0px;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.lof-main-wapper .lof-main-item img{
	padding:0px;	
	width:600px;
}

.lof-main-item-desc{
	z-index:100px;
	position:absolute;
	top:170px;
	left:20px;
	width:400px;
	background:url(../images/transparent_bg.png);
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;

	/* filter:0.7(opacity:60) */
}
.lof-main-item-desc p{
	color:#FFF;
	margin:0 8px;
	padding:0 0 10px 10px;
	font-size:115%;
}
.lof-main-item-desc h3 a{
	color: #fff;	
	margin:0 0 5px 15px;
	font-size:140%;
	//padding:20px 8px 2px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
	text-decoration:underline;
}
.lof-main-item-desc h3 a:hover{
	
	text-decoration:underline;
}


/* item navigator */
ul.lof-navigator{
	top:0;
	left:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
	
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
	
}
.lof-navigator-outer{
	position:absolute;
	right:0;
	top:0px;
	//z-index:100;
	height:300px;
	width:328px; /*change width of navigation scroller, correlates with .lof-slidecontent width line 7*/
	overflow:hidden;
	color:#FFF;
}
.lof-navigator li.active{
	background:url(../images/arrow-bg.png) no-repeat scroll left center; 
	color:#FFF;
	
}
.lof-navigator li:hover{
	
}


.lof-navigator li h3{
	color:#0D7BC0;
	font-size:100%;
	padding:15px 0 0 !important;
	margin:0;
}
.lof-navigator a:hover{
	color: #0D7BC0;	
	text-decoration:underline;
}
.lof-navigator li div{
	background-color: #F8F8F8;
	color: #6C6C6C;
	height:100%;
	position:relative;
	margin-left:15px;
	padding-left:15px;
	text-align:left;
	border-top:1px solid #E1E1E1;
}

.lof-navigator li.active div{
	background-color: #EBEBEB;
	color:#000;
	
}
.lof-navigator li img{
	height:60px;
	width:60px;
	margin:15px 15px 10px 0px;
	float:left;
	padding:3px;
	border:#C5C5C5 solid 1px;
}
.lof-navigator li.active img{
	border:##6C8E5C  solid 1px;
}
.lof-navigator li.active h3{
	color:#0D7BC0;
}
.lof-next{
	position:absolute;
	top:0;
	height:30px;
	background:#F9F9F9;
	display:block;
	width:100%;
}
.lof-previous{
	position:absolute;
	bottom:0;
	height:30px;
	background:#F9F9F9;
	display:block;
	width:100%;
}
/*===========================================================================================
Event Slider
==============================================================================================*/
#eventSlider{
position:relative;
width:267px;
height:113px;
clear:both;
display:block;
margin:0 auto;
overflow:hidden;	
}

#eventSlider img{
	display:none;
	position:absolute;
	top:0; left:2px; 
	width:267px;
}
.contentBox ul{
margin:5px auto 5px auto;
width:530px;
}
.contentBox ul li {
list-style: disc;
list-style-position:inside;
height:25px;
vertical-align:middle;
}
.contentBox p{padding:15px 0 0 0; margin:0;}	

.inlineBlock{
display:inline-block;
clear:both;

}
.lilBox ul {
margin:	-10px auto 0 auto;
}
.popLinks{float:right; margin-right:20px;}
.popLinks ul{
margin-top:15px;
text-align:left;
font-weight:normal;	
}
.popLinks li{
list-style:square url("../Images/bullet.png");
height:24px;
margin-top:5px;
vertical-align:top;
}
.popLinks li:hover{
list-style-image: url("../Images/bulletHover.png");
}
.popLinks a{
color: #0d7bc0;
font-weight:bold;	
}
.popLinks a:hover{text-decoration:underline;}
.popLinksHeader{
background: #ebebeb no-repeat left top; 
width:100%; height:25px;
top:0;left:0; 
text-align:center;
padding-top:7px; 
color: #828282; 
font-weight:bold; 
border-bottom:1px #E0E0E0 solid;  
border-top:1px #E0E0E0 solid; 
margin-top:15px;	
}
/*=====================================================================================
Smaller Solutions BTNS
======================================================================================*/
#iam{
/*background:url(../Images/homepage_btns/im1.gif) no-repeat top left;*/
background-position: 0 -447px;
width:116px;
height:42px;
float:left;
text-align:center;
cursor:pointer;
margin-left:20px;
margin-top:10px;
}
#iam:hover{
/*background:url(../Images/homepage_btns/im2.gif) no-repeat top left;*/
background-position: 0 -490px;
text-decoration:none;

}
#ecomm{
/*background:url(../Images/homepage_btns/e1.gif) no-repeat top left;*/
background-position: 0 -77px;
width:116px;
height:42px;
float:left;
cursor:pointer;
margin-left:15px;
margin-top:10px;
}
#ecomm:hover{
/*background:url(../Images/homepage_btns/e2.gif) no-repeat top left;*/
background-position: 0 -120px;
text-decoration:none;
}
#finance{
/*background:url(../Images/homepage_btns/fs1.gif) no-repeat top left;*/
background-position: 0 -163px;
float:left;
width:116px;
height:42px;
cursor:pointer;	
margin-top:20px;
margin-left:20px;
}
#finance:hover{
/*background:url(../Images/homepage_btns/fs2.gif) no-repeat top left;*/
background-position: 0 -206px;
text-decoration:none;
}
#health{
/*background:url(../Images/homepage_btns/h1.gif) no-repeat top left;*/
background-position: 0 -361px;
float:left;
width:116px;
height:42px;
cursor:pointer;	
margin-top:20px;
margin-left:15px;	
}
#health:hover{
/*background:url(../Images/homepage_btns/h2.gif) no-repeat top left;*/
background-position: 0 -404px;
text-decoration:none;
}
#health p{
color: #fff;
font-size:85%;
text-align:center;
margin:15px 3px 5px 53px;
}
#ecomm p{
color: #fff;
font-size:85%;
text-align:center;
margin:15px 5px 5px 50px;
}
#iam  p{
color: #fff;
font-size:85%;
text-align:center;
margin:15px 5px 5px 40px;
}

#finance p{
color: #fff;
font-size:85%;
text-align:center;
margin:10px 5px 5px 50px;
line-height:1;
}