/* ------------------------------------------------- */

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 94%;
	}
	#content {
		width: 100%;
	}
	/*
	#sidebar {
		width: 30%;
	}
	*/

}

/* for 700px or less */
@media screen and (max-width: 700px) {

	#content {
		width: auto;
		float: none;
	}
	/*
	#sidebar {
		width: auto;
		float: none;
	}
	*/
	#header
	{
		width: 100% !important;
		min-height: 100px !important;
	}	
	#top_logo
	{
		float: none;
		width: 100% !important;
		margin: 0px 0px 25px 0px;
	}
	#top_logo. img
	{
		width: 100% !important;
	}
	#header-banner
	{
		min-width: 100%;
		float: none;
		margin: 10px 0px !important;
		text-align: center;
		padding:none;
		position: relative;
		padding-right: 0%;
	}
	#flash_wrap
	{
		margin: 0px 0px 25px 0px;
	}
	.flash-btn
	{
		width: 100% !important;
		position: relative;
		margin-bottom: 20px;
	}

	#marq_wrap
	{
		width: 100% !important;
		margin: 0px !important;
	}
	#slider_wrap
	{
		position:relative !important;
		top: 191px;
		z-index: 0;
		max-width: 100%;
		overflow:hidden;
	}
	#iframe_wrap
	{
		min-width: 100% !important;
		margin-top: 77px !important;
	}
	#iframe_wrap iframe
	{
		min-width: 100%;
		margin: 0px !important;
		position: relative;
		left: 0px !important;
		width:100%; 
	}
	.staff
	{
		float: none !important;
		width: 100% !important;
		text-align: center;
	}
	#top_wrap_cont
	{
		padding-top: 192px;
	}
	#footer-bar-div img
	{
		max-width: 100% !important;
	}
	#about_container
	{
		background: none !important;
		width: 100%;
		float: none;
		text-align: center !important;
	}
	#about_container h2
	{
		text-align: center !important;
	}
	#read_more_btn
	{
		/*margin: 0 auto !important;*/
		width: 100% !important;
		text-align: center !important;
	}
	#about_img_wrap
	{
		float: none !important;
		width: 100% !important;
		text-align: center;
	}
	#about_text_wrap
	{
		float: none !important;
		width: 100% !important;
		color: #000 !important;
		text-align: left;
	}
	#about_text_wrap p
	{
		padding:0px 10px !important;
		/*text-overflow: ellipsis;*/
		max-width: 100%;
	}
	.circle
	{
		min-width: 100% !important;
		margin: 0px !important;
	}
	#first_circle
	{
		padding-top: 50px;
	}
	#link_wrap
	{
		text-align: center !important;
		/*float: none !important;*/
		width: 100% !important;
		margin: 0px !important;
	}
	#link_wrap table 
	{
		width: 100%;
	}
	#eve_wrap
	{
		text-align: center !important;
	}
	#homepage-div1 p
	{
		padding:0px 10px !important;
	}
}

/* for 480px or less */
@media screen and (max-width: 480px) {
	
	/*.container
	{
		overflow:visible;
	}*/

	/*#header {
		height: auto;
		overflow:visible;
		width:auto;
	}*/
	h1 {
		font-size: 24px;
	}
	
	/*#logo
	{
		width:auto;
		float:none;
	}
	#header-banner
	{
		width:auto;
		float:none;
		margin-top:15px;
	}*/
	
	#navigation
	{
		width:auto;
	}
	
	#slider
	{
		width:auto;
	}
	
	#placement
	{
		float:none; 
		width:auto; 
	}
	
	#footer-bar
	{
		float:none; 
		width:auto; 
	}
	
	#footer-bar-div {
		color:#fff; 
		width:auto; 
		float:none;
		text-align:center;
		margin-bottom:20px;
	}
	
	#footer-bar-div1 {
		width:auto; 
		float:none; 
		color:#fff;
		text-align:center;
		margin-bottom:10px;
	}
	
#homepage-div1
{
width:auto;
}

#homepage-div1-left
{
background:#fff; 
overflow:auto; 
width:auto; 
float:none;
}

#homepage-div1-left-left
{
width:auto; 
margin-right:0%; 
float:none; 
background:#fff;
}

#homepage-div1-left-right
{
width:auto; 
margin-right:0%; 
float:none; 
background:#fff;
}

#homepage-div1-right
{
padding:20px 0px;
width:auto; float:none;
text-align:center;
}

#homepage-div2
{
width:auto; 
margin:0 auto;
}

#homepage-div2-type1
{
width:auto; margin-right:0%; float:none;
}
#homepage-div2-type2
{
width:auto; float:none;
}
	
}