/* master.css */

@import url(reset.css);
@import url(typography.css);
/*@import url(grid.css);*/   /*not yet implement*/

/*--------------------Global Properties------------------------*/
img	{display:inline;
	border:none;}

.hide	{display:none;
		visibility:hidden;}	

.float_left	{float:left;}	

.float_right	{float:right;}	

.clear	{clear:both;}

hr	{height:1px;
	background-color:#cccccc;
	border:none;}

/*----------------Customisation starts here---------------------*/
a:link	{text-decoration:underline;
		color:#000000;}
a:visited	{text-decoration:underline;
			color:#000000;}
a:hover	{text-decoration:underline;
		color:#000000;}
a:active	{text-decoration:underline;
			color:#000000;}
			
/*---------------------------Wrapper---------------------------*/		
#wrapper	{position:relative;
			width:860px;	
			margin:auto;		
			font-size:1.4em;}			

/*---------------------------Header---------------------------*/		
#header	{position:absolute;
		left:0;
		top:0;
		height:50px;
		width:100%;}	
		
#logo 	{float:left;
		width:304px;
		margin-left:20px;
		height:50px;} /*In order to show the logo, this is needed. There is also <IMG /> on the HTML markup.*/
		
/*----------------------------Menu----------------------------*/			
#menu	{position:absolute;
		top:0;
		right:0;
		height:50px;
		font-family: Georgia, serif;
		font-size: 20px;
		font-style: italic;
		font-weight: normal;
		text-transform: normal;
		letter-spacing: normal;
		line-height: 1.4em;
		width:430px;}	

#cssdropdown li	{float:left; }

#menu a	{padding:15px 20px 0; 
		color:#000000;
		display:block;
		text-decoration:none;}
						
#menu a:hover	{background-color:#FF6600;
				display:block;
				color:#ffffff;
				text-decoration:none;}
				
#menu a:active	{background-color:#ccc;
				display:block;
				color:#FF6600;
				text-decoration:none;}	
				
#home .menu_home,	
#services .menu_services,	
#aboutus .menu_about,
#contactus .menu_contact	{background-color:#FF6600;
							display:block;
							color:#ffffff;
							text-decoration:none;}	
							
/* Sub menu */
#menu ul li:hover ul,
#menu ul li.over ul {display:block;}

#menu ul ul {display:none;
			width:170px;
			position:absolute;
			z-index:999; 
			background:#eee;}
			
#menu ul ul li	{width:100%; font-size:0.8em; padding:0;}	
#menu ul ul li a	{padding:0 0 0 20px;}										

#menu ul .mouse_over	{background-color:#eee; color:#000000;}
					

								
/*---------------------------Content---------------------------*/			
#content	{position:absolute;
			top:350px;
			width:100%;
			z-index:100;}

.col_1	{width:580px;
		float:left;}
.col_2	{width:279px;
		float:left;
		border-left:1px solid #eeeeee;}		
		
.col_1 ul,
.col_2 ul	{padding-left:26px;
			margin-bottom:10px;
			font-family: Verdana, sans-serif;
			font-size: 13px;
			font-style: normal;
			font-weight: normal;
			text-transform: normal;
			letter-spacing: normal;
			line-height: 1.4em;	}		
	
/* Banner */		
.banner	{height:500px;}
				
/*---------------------------Footer---------------------------*/							
#footer	{position:relative;
		width:100%;
		clear:both;
		font-size:11px;
		text-align:right;
		padding-top:25px;}

		
/*-----------------------------------------------------------------*/	
/*			PNG fix, if Dean Edwards script fail.
/*-----------------------------------------------------------------*/	

/*

div {azimuth: expression(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter ="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "images/blank.gif"):(this.origBg = this.origBg? this.origBg:this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);}

*/


.date	{color:#555555;}

li	{padding-bottom:15px;}

ul.bullet, ul.bullet li	{list-style-type:circle; padding-left:40px;}

#map	{padding-left:30px;}