/*
Author : Shoaib Yasin
Project: Civil Tree
Designer & Developer: E-webcraft
Company URL:http://www.ewebcraft.com
Date: 1st August, 2008
Author Email:whitemoon786@hotmail.com
*/


*{margin:0px; padding:0px;}
body{
	margin:0px; padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	line-height:100%;
	background:#fff url(../siteimages/background/bg_body.jpg) left top repeat-x;
	font-size:12px;
	line-height:100%;
	z-index:000;
}


/**** Global Elements *****/
.left{float:left;}
.right{float:right;}
.clr{clear:both;}
.center{text-align:center;}
.hidden{display:none;}
.blue{color:#054792;}
.redish{color:#990033;}
.black{color:#343434;}
.green{color:#74AC00;}
.orange{color:#FF7C00;}
.hr{position:relative; margin:10px; border-top:1px solid #ccc; width:98%; height:1px; margin-left:0px;}

h1,h2,h3,h4,h5,h6,h7,h8{
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:100%;
}
h1{ font-size:22px;}
h2{ font-size:20px}
_h2{ font-size:15px;}
h3{ font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding:0; margin:0;}
h4{ font-size:12px;}
h5{ font-size:11px;}

small{font-size:90%;}
p{line-height:16px;}
strong{font-weight:bold;}

{}
p, strong, em, ul, li, ol{color:#6a6a6a;}

/**************end Global Elements************/

/**********Conatiainer**********/

#container
{
	position:relative;
	width:780px;
	margin:0 auto;
	padding:0;
}
#header, #content, #footer, #navigation
{
	position:relative;
	width:780px;
	margin:0;
	padding:0;
	margin:0 auto;
	z-index:100;
	

}
#header
{
	height:108px;
	z-index:999;
}

#content
{
	margin-top:30px;
	z-index:100;
}

#header .logo
{
	position:relative;
	margin:0;	padding:0px;
	margin-top:5px;
	width:18%;
	text-align:center;
}
	.logo img{position:relative; border:none;}

#header .right-links
{
	position:relative;
	width:80%;

}

	.right-links .top-links, .right-links .user
	{
		position:relative;
		margin:0; padding:0;
		margin-top:5px;
		color:#fff;
		text-align:right;
		margin-right:5px;
	}
	
	.top-links a{color:#FFFFFF; line-height:12px; text-decoration:none; margin-left:5px; margin-right:5px; }
	
	.top-links a:hover{color:#666666; text-decoration:underline;}
	
	
	
	
	#header #navigation{
	
		position:relative;
		width:100%;
		margin:0; padding:0px;
		margin-top:15px;
		#margin-top:12px;
		_margin-top:12px;
		text-align:right;
		z-index:999;
	}
	
	ul .nav, .nav ul { 
		position:relative;
		margin:0; padding:0;
		list-style:none;
		z-index:999;
	
	}

	.nav {
	 
	  position: relative; z-index:999;
	}
	.nav li.menu-link {
	  	position:relative;
		background:url(../siteimages/background/bg_menu.jpg) left top no-repeat;
		width:101px;
		height:28px;
		line-height:28px;
		color:#FFFFFF;
		float:left;
		text-align:center;
		margin-right:3px;
		list-style:none;
	}
	
	.nav li.price-link
		{
			position:relative;
			background:url(../siteimages/background/bg_price_package.jpg) left top no-repeat;
			width:145px;
			height:28px;
			line-height:28px;
			color:#FFFFFF;
			text-align:center;
			margin-right:3px;
			float:left;
			list-style:none;
		}
		
		
	.nav li.order-link{background:url(../siteimages/background/bg_order.jpg) left top no-repeat; float:left;}
	
	
	.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited
	  {color:#FFFFFF; text-decoration:none;}
	  
	
	
	
	
	#nav-one li.menu-link a:hover,
	#nav-one li.sfHover a { /*** activate on drop down ***/
	  		position:relative;
			background:url(../siteimages/background/active.jpg) left top no-repeat;
			height:28px;
			display:block;
			color:#000000;
	}
	
	#nav-one li.price-link a:hover,
	#nav-one li.price-link a
	{
			position:relative;
			background:url(../siteimages/background/price-active.jpg) left top no-repeat;
			width:145px;
			height:28px;
			display:block;
			color:#000000;
	}
	
	#nav-one li.price-link a{background:none; color:#fff;}
	
		 
	#nav-one li.sfHover ul a {
	  background:none;
	  color: #3D67A3;
	  width: 135px;	
	  z-index:999;
	}
	#nav-one li:hover ul a{
		color:#3D67A3;
		width: 135px;
		z-index:999;
		 }
	#nav-one li:hover ul a:hover, 
	#nav-one li.sfHover ul a:hover {
	  color: #3D67A3;
	  margin:0;
	  padding:0;
	  background:#ECFAFF;
	  width:131px;
	  _width:134px;
	  padding-left:3px;
	  
	}
	
	.nav ul {
	  background-color:#D0E9FF;
	  list-style: none;
	  margin: 0;
	  width: 135px;
	  position: absolute;
	  top: -999em;
	  left: -1px;
	  z-index:999;
	}
	.nav li:hover ul,
	.nav li.sfHover ul {
	  top:28px;
	  #top: 29px;
	  _top:29px;
	}
	.nav ul li {
	  border: 0;
	  float: none;
	  padding:0;
	  margin:0px;
	  border:1px solid #fff ;
	  border-top:none;
	  text-align:left;
	 
	}
	.nav ul li a {
	  /*padding-right: 20px;*/
	  position:relative;
	  margin:0;
	  padding:0;
	  width:135px;
	  white-space: nowrap;
	  padding:0px;
	  background:none;
	  margin-left:3px;
	}
		
	
	
	
		
	

	
/**************End COnatiner***********/

/*****************Footer Container*********************/
.footer-container
{
	position:relative;
	width:100%;
	margin:0 auto;
	margin-top:20px;
	padding-top:10px;
	background:url(../siteimages/background/bg_footer.jpg) left top repeat-x;
	padding-bottom:5px;

}

.footer-container #footer{position:relative;  text-align:center;}
#footer a{color:#6a6a6a; margin-left:5px; margin-right:5px; line-height:18px; text-decoration:none;}
#footer a:hover{color:#0080d9; text-decoration:underline;}

/******************************************************/

#Testim{position:relative; overflow:auto;}
#quote_attrib{position:relative; float:right; font-weight:bold;}