/**
Project: Detective Network Websites
Structure: Layout
Designed By: Waqas Gulraiz
Created on : 13-05-09
**/

/** BODY **/

html, body 
{ 
		height:100%; 
		padding:0px; 
		margin:0px
}

body
{ 
		color:#FFFFFF;
		font-size:11px;
		font-family:'Lucida', Verdana, Arial, sans-serif;  
		text-align:center;
		height:auto; 
		padding:0px; 
		margin:0px;
		background:url(../images/bg.gif) repeat-x top;  
}

/** FORM **/
form
{ 
		margin:0px; 
		padding:0px;
}

input
{ 
		margin:0px; 
		padding:0px;
}
.formfields
{ 
		border: #FFFF00 solid 1px;
}


/** TYPOGRAPHY **/
h1
{ 
		color: #eaeaea;
		font-weight:bold;
		font-size:24px;
		font-family:'Arial Narrow', Verdana, Arial, sans-serif; 
		margin:0px; 
		padding:0px; 
} 

h2
{ 
		color:#9DC011;
		font-size:16px;
		font-family:'Lucida', Verdana, Arial, sans-serif;
		margin:0px; 
		padding:0px; 
} 
	
h3
{ 
		color:#5DA6D3; 
		margin:0px; 
		padding:0px; 
}

p
{ 
		color:#fff;
		font-size:11px; 
		font-family:'Lucida', Verdana, Arial, sans-serif;
		line-height: 18px; 
		margin:0px; 
		padding:0px; 
}

strong
{ 
		color: #66FFCC;
		font-family:'Lucida', Verdana, Arial, sans-serif;
		font-size:11px;
		font-weight:500; 
}

a 
{  

		color: #FFF5C1; 
		font-size:11px; 
		font-family:'Lucida', Verdana, Arial, sans-serif; 
}

a:hover 
{ 
		color: #CCCCCC; 
		font-size:11px; 
		font-family:'Lucida', Verdana, Arial, sans-serif; 
		text-decoration: underline; 
}

img
{ 
		border:none;
}

/** LAYOUT **/

#wrapper
{ 
		text-align:left;	
		width:710px; 
		min-width:710px; 
		height:100%;
		margin:0px auto; 
		position:relative; 
}

/** LAYOUT------ Top Level Navigation **/

#headerContainer
{ 
		height:88px; 
		padding: 0px 0px 0px 20px;
		background:url(../images/top_header.jpg) no-repeat top; 
}
#headerContainer .logo 
{ 
		color: #043770;
		font-weight:bold;
		font-size:26px;
		font-family:'Arial Narrow', Verdana, Arial, sans-serif; 
		margin:23px 0px 0px 0px;
		padding:0px;  
		float:left;
}

/** LAYOUT------ Middle Level Navigation **/

#baseContainer
{ 
		text-align:left; 
		width:710px; 
		margin:0px auto; 
		position:relative; 
		overflow:hidden;
		background-color:#FFFFFF;  
}

#baseContainer .mainBanner
{ 
		margin:0px; 
}

#baseContainer #mainContentHolder 
{ 
		width:666px; 
		margin:0px auto; 
		padding:20px 12px 20px 12px; 
}

#mainContentHolder #mainContentHolderTopper 
{ 
		width:666px; 
		height:17px; 
		background:url(../images/box_top.gif) no-repeat top;
}

#mainContentHolder #mainContentHolderMiddle 
{ 
		color:#FFFFFF;
		font-size:11px; 
		padding:0px 12px 12px 12px; 
		background-color:#043770; 
}

#mainContentHolderMiddle ul 
{ 
		margin:0px; 
		padding:0px;
}

#mainContentHolderMiddle li 
{ 
		color:#FFF; 
		font-size:11px; 
		line-height:18px; 
		font-family:'Lucida', Verdana, Arial, sans-serif; 
		margin-left:20px;
}

#mainContentHolder #mainContentHolderBottom 
{ 
		width:666px; 
		height:17px;
		background:url(../images/box_bottom.gif) no-repeat top;
}
  
/** LAYOUT------ Bottom Level Navigation **/

#footer
{ 
		color:#FFFFFF;
		font-size:10px;
		font-family:'Lucida', Verdana, Arial, sans-serif; height:15px; 
		width:100%; 
		margin:0px auto; 
		padding:3px 0px 8px 0px;
		position:relative;  
}

#footer .copyRights
{ 
		text-align: left; 
		width: 600px; 
		float:left; 
		padding:0px 0px 0px 0px; 
}

#footer .copyRights p
{ 
		color:#fff; 
		font-size:10px; 
		margin:0px; 
		padding:0px; 
}

#footer .footerLinks
{ 
		font-size:10px; 
		text-align: left; 
		padding:3px 0px 0px 0px; 
}

.footerLinks ul
{ 		
		margin:0px; 
		padding:0px; 
		list-style:none; 
		list-style-image:none; 
} 

.footerLinks li
{ 		
		color:#666666;
		font-size:10px;
		font-family:'Lucida', Verdana, Arial, sans-serif;  
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px; 
		float:right; 
		list-style:none; 
		list-style-image:none; 
} 

.footerLinks a 
{  
		color:#fff; 
		font-size:10px;
		font-family:'Lucida', Verdana, Arial, sans-serif; 
		text-decoration:none; 
}

.footerLinks a:hover 
{ 
		color:#FF0000; 
		font-size:10px;
		text-decoration: underline; 
		font-family:'Lucida', Verdana, Arial, sans-serif; 
}

/**/