/*-----------MAIN CSS------------------*/

body { margin:0; background-color:#155a83; background-repeat:repeat-x; background-position:center; background-position:top; background-attachment:scroll; background-image:url(../images/bg.png); font-size: 11px; color: #fff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; margin:0 auto; position:relative; }

h1.top { margin:0; padding-top:30px; }

.mainleft { text-align:left; width:550px; position:relative; z-index:998; line-height: 1.7em;}


#wrapper { width:100%; margin:0 auto; position:relative;}

#header { width:100%; background-image:url(../images/header.png); background-repeat:repeat-x; position:center top; width:987px; height:199px; margin:0 auto }

#headerContent {  }

.logo { float:left; margin-left:25px; margin-top:18px; } 

.nav { float:right; position:relative; z-index:999;  }

#maincontentwrapper { width:100%; background-image:url(../images/maincontentwrap.png); background-repeat:repeat-x; background-color:#293B50; margin-bottom:-12px;  }

#maincontent { background-image:url(../images/maincontent.png); background-repeat:no-repeat; background-color:#293B50; background-position:top; width:987px; text-align:left; margin: 0 auto;}

#maincontentbottom { height:39px; width:100%; background-image:url(../images/maincontentBottom.png); background-repeat:repeat-x; margin-top:0; margin-bottom:0  }


#bottomindex { width:100%;  position:relative; z-index:999; }

.bottomindexcontent { margin:0 auto; margin-top:-50px; width:1000px; height:304px; }

/*.whywebinke { float:right; margin-top:-205px; margin-right:-125px;  } */

.whywebinke { float:right; margin-top:-13px; margin-right:45px; }

#featured { float:left; margin-top:-13px; margin-left:30px; }

.copyright { width:100%; clear:both; height:15px; padding:5px; padding-bottom:25px;   }  

/*#featured { margin-top:-198px; margin-left:20px; float:left}*/

/*div {border:1px solid #000; }*/

/*#bottomindexcontent { width:987px; margin-left:-30px;}*/


.orange { color:#C94302; font-weight:bold;  }

td { text-align:left; line-height:20px; }

a { color:#C94302; text-decoration:none; }

a:hover { color:#97060A; text-decoration:none; }





/*------------NEWS---------------*/

#news { float:right; background-image:url(../images/news_bg.png); background-repeat:no-repeat; width:433px; height:500px; padding-top:235px; margin-top:-180px; position:relative; z-index:100; }

.entry { width:306px; overflow:hidden; background-image:url(../images/datetag.png); background-position:left top; background-repeat:no-repeat; margin-right:13px; float:right; padding-bottom:10px;  
	font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em;  }

#date { float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#FFF; margin-left:35px; margin-top:6px }

#entryP { float:right; margin-top:3px; font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:11px; text-align:left; width:195px; margin-right:5px; }

#entrybreak { float:right; }

#news a { color:#F06C1E; font-weight:bold;}

#news a:hover { color:#97060A; text-decoration:none; }


/*------------TIDBITS---------------*/

#tidbits { float:right; background-image:url(../images/tidbits_bg.png); background-repeat:no-repeat; width:433px; height:500px; padding-top:235px; margin-top:-180px; position:relative; z-index:100; }

#title { float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:17px; color:#FFF; margin-left:10px; margin-top:6px }

.tentry { width:306px; overflow:hidden; background-image:url(../images/datetag.png); background-position:left top; background-repeat:no-repeat; margin-right:13px; float:right; padding-bottom:10px;  
	font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em;  }
	
#tentryP { float:right; margin-top:3px; font-family:Verdana, Geneva, sans-serif; color:#FFF; font-size:11px; text-align:left; width:240px; margin-right:5px; }

#tidbits a { color:#fff; font-weight:bold;}

#tidbits a:hover { color:#97060A; text-decoration:none; }

.tidbitnet { padding:3px; }


/*------------FOOTER---------------*/

#footercontainer { background-image:url(../images/footerbg.png); background-repeat:repeat-x; width:100%; height:81px; clear:both;  }

.footercontent { width: 900px; }

.comply { float:left; margin-left:10px; margin-top:10px; text-align:left;}

.info { float:right; margin-right:50px; margin-top:15px; text-align:right; }





/*------------NAVIGATION---------------*/

ul#topnav {
	margin: 0; padding: 0;
	list-style: none;
	width: 522px; 
	float: left;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
}
ul#topnav a {
	float: left;
	display: block;
	height: 57px;
	text-indent: -99999px;
	background-position: left top;
}
ul#topnav a:hover {
	background-position: left -57px;
}
#home li.home a,
#who li.who a,
#work li.work a,
#what li.what a,
#how li.how a,
#inke li.inke a, 
#contact li.contact a {
background-position: left bottom;
}
/*--Assign an image and width to each link--*/
ul#topnav li.home a {
	background-image: url(../images/home_a.png);
	width: 56px;
}
ul#topnav li.who a {
	background-image: url(../images/who_a.png);
	width: 78px;
}
ul#topnav li.work a {
	background-image: url(../images/work_a.png);
	width: 82px;
}
ul#topnav li.what a {
	background-image: url(../images/what_a.png);
	width: 80px;
}
ul#topnav li.how a {
	background-image: url(../images/how_a.png);
	width: 77px;
}
ul#topnav li.inke a {
	background-image: url(../images/inke_a.png);
	width: 71px;
}

ul#topnav li.contact a {
	background-image: url(../images/contact_a.png);
	width: 78px;
}