@charset "utf-8";
/* CSS Document */

body {
	background: #fff url(../images/bg.jpg) top center no-repeat;
	margin: 0px;
	padding: 0px;
	font: 12px Tahoma;
	color: #666;
}

#wrap {
	height: auto;
	margin: 0px auto;
	width: 940px;
}

/* HEADER */
	#header {
		height: 100px;	
		margin: 0px;
		padding: 0px;
		width: 940px;
	}
		/* header left */
		#headerLeft {
			float: left;
			height: 100px;
			margin: 0px;
			width: 340px;
		}
			#headerLeft img {
				margin: 25px 0px 0px 10px;
				padding: 0px;
			}
		
		/* header right */
		#headerRight {
			float: left;
			height: 100px;
			margin: 0px;
			width: 600px;
		}
			#headerRight h1 {
				height: 0px;
				margin: 45px 30px 0px 0px;
				padding: 0px;
				font-size: 11px;
				text-align: right;
				color: #999900;
			}
	

/* MAINMENU */
	#mainmenu {
		height: 25px;
		margin: 0px;
		padding: 0px;	
		width: 940px;
	}
	
		#menu { 
			width: 100%;
			height: auto;
			font-size: 11px; 
			font-family: Arial;
			font-weight: bold;
			list-style-type: none; 
			margin: 0; 
			padding: 0; 
			}
		#menu li {
			display: block; 
			float: left; 
			margin: 0 0 0 3px; 
		}
		#menu li a { 
			height: auto;
			width: auto;
			color: #fff; 
			text-decoration: none; 
			display: block; 
			float: left; 
			padding: 5px 10px;
			}
		#menu li a:hover { 
			color: #666600; 
			}

/* BANNER */
	#banner {
		float: left;
		height: 90px;
		margin: 2px 0px 0px 0px;
		padding: 0px;
		width: 940px;	
	}
		/* left banner */
		#bannerLeft {
			float: left;
			height: 90px;
			margin: 0px 0px 0px 0px;
			padding: 0px;
			width: 818px;
		}
		
		#bannerRight {
			float: left;
			margin: 0px 0px 0px 0px;
			padding: 0px;
			width: 122px;
			height: 90px;	
			background: #fff url(../images/bgbanner.jpg) top center no-repeat;
			text-align: center;
		}
			#bannerRight p {
				margin: 6px 0px 0px 0px;
				padding: 0px;
			}
				#bannerRight p span.txt1 {
					font-size: 18px;
					color: #e4f212;
				}
				#bannerRight p span.txt2 {
					font-size: 20px;
					color: #fff;
				}
				#bannerRight p span.txt3 {
					font-size: 11px;
					color: #e4f212;
				}
				#bannerRight p span.txt4 {
					font-size: 10px;
				}
					#bannerRight p span.txt4 a {
						text-decoration: none;
						color: #fff;						
					}				
					#bannerRight p span.txt4 a:hover {
						text-decoration: underline;
						color: #e4f212;						
					}				

/* CONTENT */
	#content {
		float: left;
		height: auto;
		margin: 10px 0px;
		padding: 0px;	
		width: 940px;			
	}
	
		#center {
			float: left;
			margin: 0px 0px 0px 0px ;
			padding: 0px;
			height: auto;
			width: 520px
		}

			#breadcrumbs {
				margin: 5px 0px 5px 0px;
				padding: 0px;
				color: #999;
				width: 500px
			}
				#breadcrumbs h4 {
					margin: 0px;
					padding: 0px;
					font-size: 10px;
					font-weight: normal;
				}
			
					#breadcrumbs a {
						text-decoration: none;
						color: #c3cc21;
					}
					
					#breadcrumbs a:hover {
						text-decoration: none;
						color: #333;
					}
		
			.post {
				width: 500px;
				margin: 10px 0px 0px 0px;
				padding: 0px 0px 10px 0px;
			}
			
				.imgleft {
					float: left;
					margin: 2px 5px 0px 0px;
					border: 1px solid #ccc;
					padding: 2px;
				}
		
				.post h2 {
					margin: 0px;
					padding: 0px;
					font-size: 15px;
					color: #0099ff;
				}
				.post p {
						margin: 10px 0px 0px 0px ;
						padding: 0px;
						line-height: 18px;
						text-align: justify
					}
					.post p a {
						text-decoration: underline;
						color: #c3cc21;
					}
					
					.post p a:hover {
						text-decoration: none;
						color: #666;
					}	
					
					.post p span {
						font-size: 11px;
						font-style: italic
					}	
					
					.post p.portfolio img {
						border: 1px solid #ccc;
						padding: 1px;
					}
					
					.post p.txtcenter {
						text-align: center;
					}
					
					.post p.viewmore {
						text-align: right;
					}
					
					.post ul li {
						line-height: 18px;
					}
					
					.post p.txt10 {
						font-size: 10px
					}
					
					.post p span.txtprice {
						font-size: 15px;
						color: #FF0000;
						font-weight: bold;
						font-style:normal
					}
					
			.bottompost {
				width: 500px;
				margin: 10px 0px 0px 0px;
				padding: 0px 0px 10px 0px;
				font-size: 11px;
				text-align: justify
			}
		
		#left {
			float: left;
			margin: 0px 10px 0px 10px ;
			padding: 0px;
			height: auto;
			width: 200px;
			background: #fcfcfc
		}
			#left h3 {
				margin: 5px 0px 5px 0px;
				padding: 0px 0px 3px 0px; 
				font: 14px Arial;
				font-weight: bold;
				color: #c3cc21;
				border-bottom: 2px solid #ccc
			}	
			
			.imgbrdr {
				margin: 0px;
				padding: 0px;
				border: 1px solid #ccc
			}
			
			#left ul {
				margin: 0px 0px 10px 0px;
				padding-left: 20px;
			}
				#left ul li {
					margin: 3px 0px 0px 0px;
					padding: 0px 0px 3px 0px;
					line-height: 18px;
					list-style: url(../images/arrow-right.gif);		
					border-bottom: 1px dotted #ccc;		
				}
					#left ul li a {
						text-decoration: none;
						color: #666
					}
					#left ul li a:hover {
						text-decoration: none;
						color: #c3cc21
					}				
		
		#right {
			float: left;
			margin: 0px 0px 0px 0px ;
			padding: 0px;
			height: auto;
			width: 200px;
		}	
		
			#right h3 {
				margin: 5px 0px 5px 0px;
				padding: 0px 0px 3px 0px; 
				font: 14px Arial;
				font-weight: bold;
				color: #c3cc21;
				border-bottom: 2px solid #ccc
			}
			
			#right p.socmed {
				margin: 0px 0px 5px 0px ;
				padding: 0px;
				text-align: center
			}			
			
			#right p.featproj {
				margin: 0px 0px 10px 0px;
				padding: 0px;
				font-size: 10px;
				text-align: center;
			}
			
			#right ul {
				margin: 0px 0px 10px 0px;
				padding-left: 20px;
			}
				#right ul li {
					margin: 3px 0px 0px 0px;
					padding: 0px 0px 3px 0px;
					line-height: 18px;
					list-style: url(../images/arrow-right.gif);		
					border-bottom: 1px dotted #ccc;		
				}
					#right ul li a {
						text-decoration: none;
						color: #666
					}
					#right ul li a:hover {
						text-decoration: none;
						color: #c3cc21
					}
					
/* KEYWORD DIV */
#keyfooter {
	margin: 0px auto;
	height: autuo;
	width: 850px;
	clear: both;
	font-size: 12px;
	text-align: left;
	padding-bottom: 5px;
}
	.keyfooterleft {
		float: left;
		width: 500px;
		margin-bottom: 10px
	}
	
	.keyfooterright {
		float: left;
		width: 330px;
		margin-bottom: 10px		
	}

				
/* BOTTOM LINKS */
	#bottomlinks {
		float: left;
		margin: 0px 0px 2px 0px;
		width: 0px;
		clear: both;
		width: 940px;
		height: 20px;
		text-align: center;		
		background: #fff url(../images/bgnavfoot.jpg) repeat-x;
		
	}
		#bottomlinks ul { 
			list-style: none;
			margin: 2px 0px 0px 0px;
			padding: 0px;
			}
			#bottomlinks ul li {
				display: inline;
				padding: 0px 0px 0px 5px;
				font-size: 10px
			}
				#bottomlinks ul li a { 
					color: #fff; 
					text-decoration: none; 
					}
				#bottomlinks ul li a:hover { 
					color: #ffff00; 
					}

/* SUBFOOTER */
	#subfooter {
		float: left;	
		background: #fff url(../images/bgsubfooter.jpg) top center no-repeat;
		color: #3d4100;
		margin: 0px;
		padding: 0px;	
		line-height: 15px;
		text-align: center;
		width: 940px;
		height: 65px;
	}
		#subfooter h6 {
			margin: 0px;
			padding: 15px 10px 10px 10px;
			font-size: 10px;
			font-weight: normal;			
		}
		
			#subfooter h6 a,a:active,a:visited {
				color: #3d4100;
				text-decoration: none
			}
			
			#subfooter h6 a:hover {
				color: #3d4100;
				text-decoration: underline
			}			

/* FOOTER */
	#footer {
		float: left;	
		margin: 0px 0px 10px 0px;
		padding: 10px 0 10px 0;	
		width: 850px;
		text-align: center;
		font-size: 11px;
	}
	
		#footer a {
			text-decoration: none;
			color: #666
		}	
		
		#footer a:hover {
			text-decoration: underline;
			color: #666
		}		

/** FORMS **/
input {
	margin: 0px 0px 0px 0px;
	padding:2px;
	border:1px solid #CCCCCC;
	width:150px;
	height:12px;
	font-size:11px;
}

select {
	margin: 0px;
	padding:0px;
	border:1px solid #CCCCCC;
	width:150px;
	height:auto;
	font-size:11px;
}

textarea {
	margin: 0px 0px 0px 0px;
	padding:0px;
	border:1px solid #CCCCCC;
	width:200px;
	height:100px;
	font-size:11px;
}

.submit input
{
margin-left: 4.5em;
}

/** CUSTOMIZE **/
ul.sitemap {
	font-size: 12px;
}
	ul.sitemap li {
		list-style-type: circle;
		line-height: 18px;
	}
	
		ul.sitemap li a {
			text-decoration: none;
			color: #c3cc21
		}
		
		ul.sitemap li a:hover {
			text-decoration: none;
			color: #666
		}		

ul.promo {
	font-size: 12px;
}
	ul.promo li {
		list-style-type: none;
		line-height: 18px;
	}
	
		ul.promo li a {
			text-decoration: none;
			color: #c3cc21
		}
		
		ul.promo li a:hover {
			text-decoration: none;
			color: #666
		}	
		
.h4title {text-decoration: underline; color: #999933}

#pscroller1{
	width: 200px;
	height: 160px;
	padding: 5px;
}

	#pscroller1 p {
		color: #666;
		font-size: 11px;
		margin-top: 5px;
		line-height: 16px;
		text-align: justify;
	}