
#page{
    width:980px;
    margin:0 auto;
	
}
	#slider{
		width:980px;
		margin:0 auto 50px auto;
		padding: 0px 5px 7px 0px;
		position:relative;
		background:#009fc3;
		height:330px;
		
	}

	#page .navigation{
		padding:10px 0 0 10px;
		height:70px;
		width:90%;
		margin:0px auto 0px auto;
	}
	
	#page .navigation li{
		height:40px;
		width:120px;
		border:3px solid #fff;
		list-style:none;
		float:left;
		margin:0px 10px;
		padding:0px;;
	}
	
	#page .navigation a{
		height:40px;
		line-height:18px;
		float:left;
		padding-top:10px;
		font-size:13px;
		color:#ccc;
		font-weight:bold;
		text-align:center;
		width:100%;
		text-transform:uppercase;
	}
		#page .navigation a:hover{
			color:#999;
			/*background:url(images/page_navigation_hover_a.png) right top no-repeat;*/
		}
		#page .navigation a.selected{
			color:#fff;
			
		}
		#page .navigation a:hover span{
			/*background:url(images/page_navigation_hover_span.png) left top no-repeat;*/
		}
		#page .navigation a.selected span{
			/*background:url(images/page_navigation_selected_span.png) left top no-repeat;*/
		}
	#page .navigation a:focus{
		outline:none;
	}

	#page .scroll{
		height:250px;
		width:965px;
		margin:10px;
		position:relative;
		clear:left;
	}
	#page .scrollContainer{
		width:9460px;
		height:250px;
	}
	
		#page .scrollContainer .panel{
			margin:0;
			height:250px;
			width:965px;
			overflow:hidden;
			border-top:10px solid #009fc3;
			/*background:url(../images/home.jpg);*/
		}		
			
			#page .panel img{
				position:absolute;
				z-index:1;
				
				
			}
			#page .panel p{
				padding:0 0 1em 0;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.5em;
				color:#3f3e4c;
			}
			
			
			#page .panel .phome{
				color:#484848;
				font-size:19px;
				margin-top:14px;
			}
			
			#page .panel .title{display:block; z-index:101; width:100%; position:absolute; z-index:2; bottom:0; }
			
			
			#page .panel .title h3{
				
				font-size:28px;
				padding:0 0 .5em 0;
				letter-spacing:-1px;
				color:#484848;
				font-weight:bold;
				margin:10px 10px 5px 55px;
				float:left;
				
			}
			
			#page .panel h3 a{
				
				color:#484848;
				
			}
			
			#page .panel h4{
				padding:0 0 .5em 0;
				font-size:15px;
				letter-spacing:-0.5px;
				font-weight:bold;
				color:#3f3e4c;
			}
			#page .panel strong{
				color:#33333e;
			}
			#page .panel em{
				font-style:italic;
			}
			#page .panel a{
				white-space:nowrap;
				color:#f60;
				font-weight:bold;
			}
				#page .panel a:hover{
					text-decoration:underline;
				}
			#page .panel .gallery img{
				padding:2px;
				border:solid 1px #c0c5d6;
			}
			#page .panel blockquote,
			#page .panel ul,
			#page .panel ol,
			#page .panel pre{
				font-size:12px;
				margin:1em 2em 2em 2em;
				padding:10px 15px;
				background:#ecedf3;
			}
			#page .panel blockquote p{
				padding:.4em 0 !important;
				text-indent:0 !important;
			}
			#page .panel li{
				list-style-position: inside;
				padding: 0 0 .5em 0;
			}
				#page .panel ul li{
					margin:0 0 0 1em;
					list-style:square;
				}
				
				#page .panel ol li{
					margin:0 0 0 1.5em;
					list-style:decimal;
				}
			#page .panel pre{
				line-height:1em;
				color:#1C194C;
				font-size:13px;
				overflow:auto;
				background:#f8f8f8;
				border:solid 1px #e5e5e5;
			}
			#page .panel code{
				padding:0 3px;
				color:#33333e;
				background:#f8f8f8;
				border:solid 1px #e5e5e5;
				font-size:13px !important;
			}
			
			#page .panel .gallery{
				text-align:center;
			}

	#page .scrollButtons{
		width:30px;
		height:30px;
		position:absolute;
		top:270px;
		cursor:pointer;
		
	}
		#page .scrollButtons a{
			display:block;
			height:45px;
			width:45px;
			margin-top:0px;
		}
		#page .scrollButtons span{
			display:none;
		}
		#page .scrollMeLeft{
			left:0px;
		}
			#page .scrollMeLeft a{
				background:url(../images/home_left.png) 0 0 no-repeat;
			}
			#page .scrollMeLeft a:hover{
				background:url(../images/home_left.png) 0 0 no-repeat;
			}
		#page .scrollMeRight{
			right:20px;
		}
			#page .scrollMeRight a{
				background:url(../images/home_right.png) 0 0 no-repeat;
			}
			#page .scrollMeRight a:hover{
				background:url(../images/home_right.png) 0 0 no-repeat;
			}



/*
-----------------------------------------
LATEST
----------------------------------------- 
*/
#index #front-bottom{
margin-top:20px; position:inherit;  z-index:0;
}
#index #latest-wrap{
float:left; width:680px; margin-top:-5px;
}
#index #latest-wrap  .latest-post-wrap{
float:left; width:162px; margin-right:8px;
}
#index #latest-wrap  .latest-post{
position:inherit; width:162px; height:auto;
}
#index #latest-wrap  .latest-image{ 
position:relative; z-index:0; clear:both;
}
#index #latest-wrap  .latest-image a img{border:none;}
#index #latest-wrap  .latest-title h4{ margin:0px 10px 7px; line-height:1.4em; font-size:0.6em; text-transform:none; padding-bottom:0; border-bottom:0}
#index #latest-wrap  .latest-title h4 a{display:block; color:#fff; text-decoration:none; padding:5px; font-size:1.0em;}
#index #latest-wrap  .latest-title h4 a:hover{color:#009fc3}
#index #latest-wrap  .latest-title{background:#484848; display:inherit; z-index:101; clear:both; width:100%; position:inherit; z-index:0; min-height:42px;}
#index #latest-wrap  .latest-content{position:inherit; width:162px; height:200px; margin-bottom:20px}
#index #latest-wrap  .latest-content h4{margin-top:15px}
#index #latest-wrap  .latest-content h4 a{color:#009fc3; text-decoration:none}
#index #latest-wrap  .latest-content h4 a:hover{color:#484848}
#index #latest-wrap  .latest-content p{color:#484848; font-size:12px; line-height:1.5; margin-top:8px; margin-bottom:1.5em; text-align:left; height:110px;}
#index #sidebar2 ul li a{ font-size:12px;}
#index #sidebar2 p{ 
font-weight:600; 
font-size:16px; 
color:#484848; 
text-align: right;
padding: 0px;
text-transform: uppercase;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #c9c9c9;
margin-top: 28px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}