@import url("misc/nivo_slider.css");
@import url("misc/responsive.css");

/* TURN COMPONENTS ON OR OFF BY CHANGING THE 'visiblity' FROM 'visible' TO 'hidden' */
/*logo and seo----------------------------------------------*/
#graphic_logo				{visibility:visible;}
#text_logo					{visibility:visible;}
#logo_tagline				{visibility:visible;}
#seo_1						{visibility:visible;}
#seo_2						{visibility:visible;}
#optional_content			{visibility:hidden; display:none;}
/*----------------------------------------------------------*/

/*static components-----------------------------------------*/
#news_ticker				{visibility:visible;}
#search						{visibility:visible;}
#bookmark					{visibility:visible;}
#twitter-facebook			{visibility:visible;}
#themed_object				{visibility:visible;}
#get_in_touch				{visibility:hidden; display:none;}
/*----------------------------------------------------------*/

/*menu components------------------------------------------*/
#menu_top					{visibility:visible;}
.sidemenu					{visibility:visible;}
/*----------------------------------------------------------*/

/*global news boxes ----------------------------------------*/
.whatsnew					{visibility:visible;}
.currentnews				{visibility:visible;}
.recentevents				{visibility:visible;}
/*----------------------------------------------------------*/

/*animated components---------------------------------------*/
#zoom_menu_component		{visibility:hidden; display:none;}
/*----------------------------------------------------------*/

/*main image component--------------------------------------*/
#nivo_slider				{visibility:visible;}
/*----------------------------------------------------------*/

/*small image component-------------------------------------*/
#nivo_slider_small			{visibility:hidden; display:none;}
/*----------------------------------------------------------*/

/* POSITION COMPONENTS BY INCREASING OR DECEASING THE 'top' / 'left' OR 'right' PIXEL NUMBERS */
/*logos*/

#text_logo					{position:absolute; 	top:35px; 		left:2%;			width:auto;		height:auto; /*background:url('../graphics/logo_bg.png') no-repeat left top; width:530px; height:150px;*/}
#logo_tagline				{position:absolute; 	top:80px; 		left:3%;			width:auto; 	height:auto;}
#graphic_logo				{position:absolute; 	top:0px; 		left:2%;			width:auto; 	height:auto;}
#seo_1						{position:absolute; 	top:35px; 		right:2%;			width:auto; 	height:auto;	text-align:right;/*static componentsbackground:url('../graphics/seo_h1bg.png') no-repeat;*/}
#seo_2						{position:absolute; 	top:60px; 		right:2%;			width:auto; 	height:auto; 	text-align:right;}
#optional_content			{position:absolute; 	top:150px; 		left:4%;			width:33%; 		height:auto; }

/*static components*/

#news_ticker				{position:absolute; 	top:429px; 		left:60px; 			 width:100%;	height:40px;	text-align:left; }
#search	{position:absolute; top:441px; right:60px; /* updated may 14 2012*/}
#bookmark					{position:absolute; 	top:17px; 		right:2%; 			width:140px; 	height:30px;	z-index:999;}

#menu						{position:absolute; 	top:0px; 		width:100%; 		z-index:990;}

#twitter_facebook			{position:absolute; 	top:-8px; 		right:2%;			width:140px;					z-index:999;}
#themed_object				{position:absolute; 	top:0px; 		left:2%;}
#get_in_touch				{position:absolute; 	top:680px; 		right:0px;}

/*animated components*/

#zoom_menu_component		{position:absolute; 	top:500px; 		left:0px;			width:300px; 	height:auto;		}
#zoom_menu					{															width:300px;	margin-left:auto; 	margin-right:auto;}

/*main image component*/

#nivo_slider				{position:absolute; 	top:105px; 		width:100%; 		margin:0px; 	padding:0px; 	border:0px;}
#video_player				{position:absolute; 	top:115px; 		width:100%; 		margin:0px; 	padding:0px; 	border:0px;}


/*custom components*/
#custom_component1			{position:absolute; 	top:0px; 		left:0px;}
#custom_component2			{position:absolute; 	top:0px; 		left:0px;}
#custom_component3			{position:absolute; 	top:0px; 		left:0px;}



/* CHANGE PAGE WIDTH / APPLIES TO FIXED LAYOUTS ONLY */
#main 						{width:960px; margin-left:auto; margin-right:auto;} /* min-width:960px; max-width:1280px; *//* for flexible pages, warning: they do not render well in the design window */

/* CHANGE HEADER HEIGHT */
#headerTop					{height:500px; width:100%; position:relative;}

/* CHANGE FOOTER WIDTH / APPLIES TO FIXED LAYOUTS ONLY */
.footer 					{width:960px; margin-left:auto; margin-right:auto;} /* min-width:960px; max-width:1280px; *//* for flexible pages, warning: they do not render well in the design window */

 
/* DO NOT CHANGE PAST THIS LINE UNLESS OTHERWISE INSTRUCTED  
#columns_top				{background: url('../graphics/columns_top.png') top center no-repeat; height:0px; width:auto;}

#columns_bg					{background: url('../graphics/columns_bg.png') top center repeat-y;}

#columns_bottom				{background: url('../graphics/columns_bottom.png') bottom center no-repeat; height:0px; width:auto;}
*/
#footer_bg					{width:100%;		padding:0px;}
#footer						{width:100%;		padding:10px 0px 160px 0px;	height:auto;}
#footer_bg					{background:url('../graphics/footer.jpg') repeat-y center top;}
#footer						{background:url('../graphics/footer_bg.jpg') no-repeat center bottom;}

#footer_bg					{margin:0px 0px 0px 0px;}
#footer						{padding:0px 0px 30px 0px; 		text-align:center;}

#backtotop					{height:40px; 		width:98%;}
.back_to_top				{position:absolute; top:-20px; left:0px;margin:0px auto 0px auto; }
.backtotop					{height:40px; 		width:100px; margin-left:auto; margin-right:auto;}
#advertising				{background:url('../graphics/advertising.jpg') no-repeat center top;}
#advertising_wrapper		{background:url('../graphics/advertising_bg.jpg') repeat-y center center;}

/* CHANGE PAGE BACKGROUND COLOR AND IMAGE HERE */ 
html, body, #bdy_wrapper	{margin:0px; padding:0px; border:0px;}
#bdy_wrapper				{background:url('../graphics/primary_bg.jpg') no-repeat center top; width:100%}
body						{background:url('../graphics/body_bg.jpg') center top;}