/* 	Author: Ben Festus
	Copyright: Ben Festus 2013
	
	Client: Transconnex Limited
	Job Sublet from: Geovics Limited
	Job Sublet to: Fecom-Bit Business Enterprises
	
	This CSS document is written for Transconnex Limited, 
	a company concerned with freight forwarding, clearing and
	haulage business.
	
	The document administers the structure Website and It is powered by:
	Fecom-Bit Business Enterprises. If you come across this script and
	need training on css document or want a professionally website design
	or hosting service, then call +234-703-006-7492
	
*/
\HTML {	OVERFLOW-Y: scroll; 	
}
body {	font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		height:auto;
		margin: 0 auto 0;
		padding: 0;
		line-height: 20px;
		color:#666666;
}

/***** Hyperlinks ********************/

a, a:visited {
	color: #ab0634;
	text-decoration: none;
	}
	
a:hover {
	color: #ab0634;
	text-decoration: underline;
	}
	
a img {
	border: none;
	}
	
a:focus, a:hover, a:active {
	outline: none;
	}

/***** Wrap ********************/
#strippers {
	width:100%;
	height:auto;
	position:relative;
}

#navholder {
	width:100%;
	height:42px;
	position:relative;
	background: url(../images/navbg2.jpg) repeat-x top;
}

#transwrap {
	width:1000px;
	height:auto;
	position:relative;
	left:50%; 
	margin-left:-600px;  /*dd*/
	background:#FFFFFF repeat top;
}


#layfloat {
	width: 1000px;
	height:235px;
	position:absolute;
	margin-top:0px;
	background:url(../images/bgfloat.png) no-repeat bottom;
	top: 103px;
	left: 0px;
}

#translogo {
	width: 450px;
	height:100px;
	background:url(../images/logo.jpg) no-repeat top;
	text-indent:-99999px;
	margin:0px;
}

#translogo a {
	width:450px;
	height: 100px;
	display:block;
	margin:0px;
}




/***** Cleaars ********************/
#clr {	clear:both}
#clr30 {clear:both; margin-bottom:30px;}
#clr15 {clear:both; margin-bottom:15px;}
#clr10 {clear:both; margin-bottom:10px;}
#clr20 {clear:both; margin-bottom:20px;}
#clr5 {clear:both; margin-bottom:5px;}


/***** Navigation ********************/
#nav {width:1000px; height:40px; background:url(../images/navl.gif) repeat-x right top; float:left; }
#navR {width:150px; height:40px; background:url(../images/navr.gif) repeat left top; float:left; border-right:#b7bfcd 2px solid;}

ul#nipnav {margin:0px 0px 0px -27px; font-weight:bold; list-style:none; }
ul#nipnav li {float:left;  background:url(../images/navr.gif) repeat top; margin:0px; border-right:#b7bfcd 2px solid; }
ul#nipnav A {display:block; padding:13px 13px 13px 13px; text-decoration:none; color:#FFFFFF; font-size:12px;}
ul#nipnav li.noBrd {border-right-width:0px;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
ul#nipnav A {float:none;}
/* End Backslash */
ul#nipnav A:hover {text-decoration:none; background:url(../images/navl.gif) repeat top;}
ul#nipnav A:active {text-decoration:none; background:url(../images/navl.gif) repeat top;}
.active {background:url(../images/navl.gif) center top; float:left; width:inherit; }		
#location {float:left; width:987px; height:13px; background: #E1E1E1 repeat top; padding:3px 3px 8px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000033;}	


/***** Banner ********************/
#overwrap {
	width:100%;
	height:auto;
	position:relative;
	left:50%; 
	margin-left:-50%;
	background:#FFFFFF repeat top;
	overflow:hidden;
}

#navmainwrap {
	width:1000px;
	height:auto;
	position:relative;
	left:50%; 
	margin-left:-500px;
	padding:15px;
}

#banner {width:1000px;
		position:absolute;
		height:370px;
		margin-left:172px;
}
#fade-slider {
	width:1000px;
	height:370px;
	position:relative;
	overflow:hidden;
	margin:0px; 
	padding:0px;
}

#slidenav {
	width:50%;
	height:350px;
	float:left;
	background:url(../images/slopeg.gif) repeat-x left;
}
#slidenavR {
	width:50%;
	height:350px;
	float:right;
	background:url(../images/slopegR.gif) repeat-x right;
}


.position-zero{
	position:absolute;
	top:0px;
	left:1px;
}

img{
	border:none;
}



/***** Borrowed ********************/
#transsearchbox {
	width:300px;
	position:absolute;
	margin:0px;
	top:38px;
	left: 697px;
	z-index:4;
	height: 94px;
}

#transsearchbox LABEL {	display:none;	}
#transsearchbox FORM {
	display:block;
	position:relative;
	height:50px;
}

#transsearchbox FORM .searchinput {
	width:210px;
	height:20px;
	border:#a9b5c8 1px solid;
}

#transsearchbox FORM .searchbutton {
	width:56px;
	background-color:#cc0000;
	color:#FFFFFF;
	margin:0px;
	padding:2px 3px 1px 3px;
	
}
	

/***** Body ********************/

#bodycont {width:980px; height:auto; position:relative; padding:10px; margin:20px 0px 0px 0px; }

.hometext {
	width:375px;
	float:left;
	height:auto;
	line-height:22px;
	text-align:justify;
	margin:0px 40px 0px 40px;

}
.headnews {
	width: 270px;
	height:auto;
	float:left;
	border:#efefef 1px solid;
}

.innernews{
	width:221px;
	margin:auto;
	padding:15px 0px;
	border-bottom:1px solid #efefef;
	line-height:17px;
}
.innernews a {
	text-decoration: none;
}
.innernewslast{
	width:221px;
	margin:auto;
	padding:21px 0px 41px 0px;
	line-height:17px;
}
.rssdate {
	font-style: italic;
	padding: 5px 0px;
}

.quote {
	width: 250px;
	float:right;
	height:auto;
	border:1px solid #efefef;
}
.h3news {width:96%; font-size:16px; font-weight:bold; color:#ffffff; height:20px; padding:10px; background:#0080FF; text-align:center;}

.maintext {
	width:570px;
	height:auto;
	float:left;
	margin-right:40px;
	padding:10px;
	text-align:justify;
}

.textflow {
	width:320px;
	height:auto;
	border:1px #f4f4f4 solid;
	float:right;
	padding:10px;
}

.caption {
	font-family:"Lucida Grande", sans-serif;
	font-size:18px;
	color:#2291FF;
	font-weight:bold;
}

.innercap {
	font-family:"Lucida Grande", sans-serif;
	font-size:18px;
	color:#4e4e4e;
	font-weight:bold;
	margin-bottom:10px;
}

.captext {
	font-family:"Lucida Grande", sans-serif;
	font-size:12px;
	color:#666666;
	border-bottom:1px #f4f4f4 solid;
		margin-bottom:20px;
		text-align:justify;
}

.contactadd {
	width: 300px;
	height:auto;
	float:left;
	padding:10px;
}
.cform {
	width:250px;
	height:auto;
	border:1px #f4f4f4 solid;
	float:left;
	margin:0px 40px 0px 40px;
	padding:10px;

}
.cserve {
	width: 288px;
	height:auto;
	float: right;
	padding:10px;
}

/***** footer nav ********************/
.footer{
	padding-top:1px;
	width:100%;
	color:#727272;
	font-size:10px;
	background-color:#f4f4f4;
	height:122px;
}
.footernav{
	margin:auto;
	margin-top:30px;
	/*width:960px;*/
	width: 740px;
	text-align:center;
}
.footernav ul{
    margin: 0; padding: 0;
    float: left;
	text-align:center;
}
 
.footernav ul li{
    display: inline;
	list-style-type:none;
	margin: 0; padding: 0;
		text-align:center;
}
 
 .footernav ul li a{
    float: left; text-decoration: none;
	color:#727272;
    padding-right: 37px;
	font-weight:bold;
	}
.footernav ul li a:hover{
    color: #b70100;
}
.clearing{
	clear:both;
	width:2px;
}
.legal{
	margin:auto;
	margin-top:20px;
	width:450px;
}


/* Servies Borrowed */
#spicban {
	width:300px;
	height:150px;
	float:left;
	padding:5px;
	background:#ebebeb repeat;
	margin-top:20px;
}


#maintext2 {
	width:365px;
	padding:5px;
	height:auto;
	float:right;
}

#sidelinks	{
	width:220px;
	height:auto;
	padding:10px;
	margin-right:35px;
	float:left;
}
.clrnav {clear:both; border-top: #c9d0dc 1px solid; }

ul#sidenav {	
	text-align:left;
	list-style-type:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:100;
	text-transform:uppercase;
}
ul#sidenav li {	
	display:block;
	padding:5px;
	margin:0px;
	font-size:12px;
	border-top: #c9d0dc 1px solid; 	
	text-indent:5px;
	background:url(../images/arrow.jpg) no-repeat left;


}
ul#sidenav li.noBrd { border-left-width:0px;}
ul#sidenav li.noPad	{ padding:0px 2px 0px 7px; }
ul#sidenav li A	{ 
	color:#006799; 
	text-decoration:none; }				
ul#sidenav li A:hover {
	text-decoration:underline; 
	color:#D3170E;}

#fade-slider2 {
	width:300px;
	height:150px;
	position:relative;
	overflow:hidden;
	padding:0px;
	background:#ffffff top;
}


.position-zero{
	position:absolute;
	top:0px;
	left:1px;
}

img{
	border:none;
}


#webmail {
	width: width:980px; height:30px; position:relative; padding:10px; margin:20px 0px 0px 0px; background:#F1F1F1 repeat center;
}

.mailtag1 {
	width:200px;
	height:auto;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
	text-transform:uppercase;
}

.mailbox FORM {
	display:block;
	position:relative;
	height:30px;
}

.mailbox FORM .searchinput {
	width:210px;
	height:20px;
	border:#a9b5c8 1px solid;
}

.mailbox FORM .searchbutton {
	width:56px;
	background-color:#cc0000;
	color:#FFFFFF;
	margin:0px;
	padding:2px 3px 1px 3px;
	
}


#readmore {width:43px; height:13px; background:url(../images/more001.gif) no-repeat top; float:right;}
#readmore A {width:43px; height:13px; background:url(../images/more001.gif) no-repeat top; display:block;  float:right;}

#news {width:960px; height:auto; position:relative; margin-top:15px; margin-left:50px;
}
.pagename {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:xx-large;
	color:#D3170E;
	font-weight:300;
	text-transform:uppercase;
}