/** GENERAL INFORMATION **/

*{ padding: 0; margin: 0; }

body{
	font-family: verdana;
	font-size: 11pt;
	background-color: #E6E6E6; 
	background: url(../img/index_btm_bg.png);
	background-position: 5px 100px;
	height: 714px;
	width: 100%; 
	
} 

ul, li, ol{
	display: block;
	float: left;
	list-style: none;
	
} 
a{
	text-decoration: none;
	color: #FFFFFF;
	
} 

/* HEADER INFORMATION */
/** General information for the header section. **/

.header{
	display: block;
	width: 100%;
	height: 412px;
	//background: url(../img/header_bg.png) repeat-x;
	background: url(../img/index_top_bg.png) repeat-x;
	
} 

#portfolio .header, #news .header{
	height: 138px;
	background: url(../img/header_bg2.png) repeat-x; 
} 

.header_length{
	display: block;
	width: 1024px;
	margin: 0 auto; 
	
} 

.logo{
	display: block;
	float: left;
	padding: 42px 0 0 20px;;
} 

.logo img{
	border: none;	
} 
.menu{
	display: block;
	float: right;
	width: 360px;

} 

.menu li{
	display: block;
	float: left;
	margin: 0 10px;
	font-size: 10pt;
} 

.menu .selected_small{
	display: block;
	width: 56px;
	height: 82px;
	background: url(../img/selected_small.png) no-repeat;
	
} 

.menu .selected_big{
	display: block;
	width: 67px;
	height: 82px;
	background: url(../img/selected_big.png) no-repeat;
	
} 
.menu .selected_big a:hover, .menu .selected_small a:hover{
	color: #FFF; 
} 
.menu  a{
	display: block;
	text-align: center;
	line-height: 125px;
} 

.menu a:hover{
	color: #9CF31E;
} 

/** General information for header ends **/ 

/** INDEX PAGE SPECIFIC HEADER INFORMATION **/

#index .big_image{
	display: block;
	float: left;
	height: 324px;
	width: 564px;
	background: url(../img/big_image_frame.png) no-repeat;
	margin: 60px 0 0 0;
} 

#index .big_image div{
	display: block;
	width: 528px;
	height: 290px;
	margin: 25px 0 0 18px; 
	overflow: hidden;
} 

#index .flavor_text{
	display: block;
	float: left;
	width: 350px;
	padding: 25px 0 0 20px;
} 

#index .flavor_text h1{
	font-size: 24px;
	font-weight: normal;
	color: #A67C52;
} 

#index .flavor_text p{
	font-size: 11px;
	color: #FFF;
	padding: 35px 0 0 0;
} 

/** INDEX PAGE SPECIFIC HEADER INFORMATION ENDS **/

/** ABOUT PAGE SPECIFIC HEADER INFORMATION STARTS **/ 

#about .about_top{
	display: block;
	width: 1024px;
	padding: 140px 0 0 25px;
} 
#about .about_title{
	display: block;
	float: left;
	width: 1024px;
} 
#about .about_title p{
	color: #6A4927;
	text-transform: uppercase;
	padding: 10px 0;
	font-size: 11px; 
} 

#about .black_sep{
	display: block;
	float: left;
	width: 603px;
	height: 5px;
	background: url(../img/dark_sep_top.png) no-repeat; 
	margin: 25px 0 0 0;

} 

#about .about_intro{
	display: block;
	float: left;
	width: 600px;
	font-size: 12px;
	padding: 20px 0 0 0;
	color: #CBB69C; 
	text-align: justify;
} 

/** ABOUT PAGE SPECIFIC HEADER INFORMATION ENDS **/
/* HEADER INFORMATION ENDS */


/* BODY INFORMATION */

.body{
	display: block;
	margin: 0 auto;
	width: 1024px;
} 

.body .top_sep{
	display: block;
	float: left;
	width: 931px;
	height: 8px; 
	//background: url(../img/body_sep_top.jpg) no-repeat;	
	background: url(../img/dark_sep_top.png) no-repeat;
	margin: 20px 0 10px 0;
	padding: 0;
} 

.body .btm_sep{
	display: block;
	float: left;
	width: 929px;
	height: 8px; 
	margin: 15px 0 0 0; 
	//background: url(../img/body_sep_btm.jpg) no-repeat;
	background: url(../img/btm_sep_3.png) no-repeat;
	
} 

.body .learn_more{
	display: block;
	width: 870px;
	
	margin: 15px 0 0 45px;
} 

.body .learn_more p{
	display: block;
	float: left;
	color: #5F5444;
	font-size: 18px;
	font-weight: normal;
	width: 620px;
	padding: 5px 0 10px 0;
} 


.body .learn_more b{
	color: #000; 
} 

.body .learn_more .learn_more_btn{
	display: block;
	float: left;
	height: 55px;
	width: 217px;
	//background: url(../img/btn_norm.jpg) no-repeat; 	
	background: url(../img/learn_btn.png) no-repeat; 
	margin-left: 25px;
} 


.body .three_col{
	display: block;
	float: left;
	height: 366px;
	width: 923px;
	background: url(../img/btm_menu.png) no-repeat;
	margin: 20px 0 5px 25px;
} 

.body .col1{
	display: block;
	float: left;
	width: 250px;
	padding: 30px 25px 0 30px;
} 

.body .col2{
display: block;
	float: left;
	width: 250px;
	padding: 30px 25px 0 30px;

}

.body .col3{
	display: block;
	float: left;
	width: 250px;
	padding: 30px 0 0 30px;
}  
.body .three_col .title{
	color: #B4B4B4;
	font-size: 24px;
} 
.body .three_col .sub_title{
	font-size: 11px;
	color: #ABC880;
	padding: 0 0 25px 0;
} 

.body .three_col .text{
	font-size: 12px;
	color: #A7A7A7; 
	height: 170px;
	text-align: justify;
} 

.body .three_col .img{
	display: block;
	overflow: hidden;
	height: 53px;
	width: 250px;
	padding: 15px 0;
} 


#about .about_big{
	display: block;
	float: left;
	width: 630px;
	
} 
 
#about .about_small{
	display: block;
	float: left;
	width:350px;
	height: 500px;
	margin:  10px 0 0 15px;
} 
#about .body .top_sep, #about .body .btm_sep{
	
	display: block;
	float: left;
	margin: 10px 0 0 20px;
	padding: 0;
	width: 600px;
	//background: url(../img/about_white_top_sep.png) no-repeat;
	background: url(../img/dark_sep_tshort.png) no-repeat; 

} 	

#about .body .learn_more p{
	width: 570px;
	margin: 0;
	color: #5F5444; 
} 


#about .body .about_pic_big, #news .body .about_pic_big{
	display: block;
	float: left;
	height: 88px;
	width: 600px;
	background: url(../img/about_menu_frame_big.png) no-repeat; 
	margin: 10px 0 0 20px;
} 

#about .body .about_pic_big div, #news .body .about_pic_big div{
	display: block;
	float: left;
	height: 72px;
	width: 583px;
	overflow: hidden;
	margin: 7px 0 0 9px;
	
} 

#news .body .about_pic_big{
	margin: 20px 0 0 0;
} 

#about .body .sample_text{
	display: block;
	float: left;
	font-size: 12px;
	color: #1A1512;
	width: 600px;
	margin: 25px 0 15px 20px;
	text-align: justify;
} 

#about .body  .category .top{
	display: block;
	float: left;
	width: 316px;
	height: 15px;
	background: url(../img/small_frame_top.png) no-repeat;
	
} 

#about .body  .category .mid{
	display: block;
	float: left;
	width: 316px;
	height: auto;
	background: url(../img/small_frame_mid.png) repeat-y;
	
} 

#about .body .category .btm{
	display: block;
	float: left;
	width: 316px;
	height: 13px;
	background: url(../img/small_frame_btm.png) no-repeat;
	padding: 0 0 10px 0;
	
} 


#about .body .about_small .title{
	text-indent: 15px;
	font-weight: bold;
	color: #565656;
	font-size: 14px;
	line-height: 25px;
} 

#about .body .about_small .text, #about .about_small .list{
	display: block;
	float: left;
	width: 280px;
	font-size: 11px; 
	text-align: justify;
	color: #979797;
	padding: 5px 0 15px 15px;
} 
#about .about_small .list{
	padding-left: 0; 
} 

#about .list .item{
	display: block;
	float: left;
	width: 80px;
	height: 80px;
	border: 1px solid #d3d3d3;
	background-color: #FFF;
	padding: 0;
	margin: 4px;
} 

#about .list .item:hover{
	border: 1px solid #979797;
} 
#about .list .item a{
	display: block;
	float: left;
	width: 70px;
	height: 70px;
	overflow: hidden;
	margin: 5px;
} 

#portfolio .portfolio_title{
	display: block;
	float: left;
	height: 42px;
	width: 239px;
	background: url(../img/port_title.png) no-repeat;
	margin: 35px 0 0 15px;
}

#portfolio .port_tdesc{
	display: block;
	float: left;
	font-size: 11px;
	text-transform: uppercase;	
		color: #6A4927;
	width: 800px;
	padding: 0 0 15px 20px;
} 

#portfolio .port_list{
	display: block;
	float: left;
	width: 900px;
	padding: 15px 0 0 20px;
} 

#portfolio .port_list .port_item{
	display: block;
	float: left;
	padding: 15px;
	width: 270px;
}
#portfolio .port_img{
	display: block;
	float: left;
	height: 200px;
	width: 273px;
	background: url(../img/portfolio_item_box.png) no-repeat;

}

#portfolio .port_img a{
	display: block;
	float: left;
	overflow: hidden;
	height: 175px;
	width: 249px;;
	margin: 13px 0 0 12px;
	
}

#portfolio .port_title{
	display: block;
	float: left;
	font-weight: bold;
	font-size: 16px;
	height: 40px;
	padding: 25px 0 10px 15px;
}   

#portfolio .port_desc{
	display: block;
	float: left;
	color: #6A4927;
	text-align: justify;
	font-size: 11px;
	padding: 0 0 0 15px;
	width: 250px;
	height: 70px;
	
} 

#portfolio .view_project{
	display: block;
	float: left;
	height: 45px;
	width: 139px;
	background: url(../img/btn_small.png) no-repeat;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	line-height: 25px;
	margin: 20px 0 0 15px;
} 

#news .news_list{
	display: block;
	float: left;
	width: 600px;
	padding: 60px 0 0 0;
	
} 

#news .news_item{
	display: block;
	float: left; 
} 

#news .news_list .news_title{
	display: block;
	flat: left;
	font-size: 28px;
	color: #000;
} 

#news .news_list .news_posted{
	text-transform: uppercase;
	font-size: 12px;
	color: #695139; 
	padding: 3px 0; 
	font-size: 12px;
} 

#news .news_list .posted_by{
	color: #695139; 
	font-weight: bold;
	
} 

#news .read_more{
	display: block;
	float: left;
	height: 29px;
	width: 115px;
	background: url(../img/read_more_btn.png) no-repeat; 
	border: 0;
	margin: 25px 0;
} 
#news .news_list .comments{
	display: block;
	float: right; 
} 
#news .news_list .green{
	color: #5B3507; 
} 

#news .news_list .text{
		color: #6A4927;
	font-size: 11px;
	width: 590px;
	display: block;
	float: left;
	line-height: 18px;
	text-align: justify;
	padding: 20px 0 0 5px;
} 

#news .news_list .btm_sep{
	display: block;
	float: left;
	width: 580px;
	height: 3px;
	background: url(../img/btm_sep_3.png) no-repeat; 
	margin: 20px 0;
} 

 
#news .body  .category .top{
	display: block;
	float: left;
	width: 316px;
	height: 15px;
	background: url(../img/small_frame_top.png) no-repeat;
	
} 

#news .body  .category .mid{
	display: block;
	float: left;
	width: 316px;
	height: auto;
	background: url(../img/small_frame_mid.png) repeat-y;
	
} 

#news .body .category .btm{
	display: block;
	float: left;
	width: 316px;
	height: 13px;
	background: url(../img/small_frame_btm.png) no-repeat;
	padding: 0 0 10px 0;
	
} 

#news .body .category .title{
		text-indent: 15px;
	font-weight: bold;
	color: #565656;
	font-size: 14px;
	line-height: 25px;
} 

#news .body .category .list{
	display: block;
	float: left;
	width: 280px;
	font-size: 11px; 
	text-align: justify;
	color: #979797;
	padding: 5px 0 15px 15px;

} 

#news .body .category .list li{
	display: block;
	float: left;
	width: 100%;
} 

/* BODY INFORMATION ENDS */

/* FOOTER INFORMATION BEGINS */
.footer{
	display: block;

	width: 1024px;
	margin: 0 auto;
} 

.footer div{
	width: 919px;
	height: 26px;
	display: block;
	float: left;
	background: url(../img/btm_footer.jpg) no-repeat;
	margin: 0 0 30px 27px;
	font-size: 11px;
	color: #FFF;
	text-indent: 35px;
	line-height: 25px;
} 
										


/* FOOTER INFORMATION ENDS */ 

#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:528px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
	#nextBtn{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}