@import url('misc/nivo_slider_small.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;}
/*----------------------------------------------------------*/

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

/*main image component--------------------------------------*/
#nivo_slider				{visibility:hidden; display:none;}
/*----------------------------------------------------------*/

/*small image component-------------------------------------*/
#nivo_slider_small			{visibility:visible;}
/*----------------------------------------------------------*/

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

#text_logo					{position:absolute; 	top:60px; 		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:122px; 		left:3%;			width:auto; 	height:auto;}
#graphic_logo				{position:absolute; 	top:0px; 		left:2%;			width:auto; 	height:auto;}
#seo_1						{position:absolute; 	top:180px; 		left:2%;			width:50%; 		height:auto;	text-align:left;/*static componentsbackground:url('../graphics/seo_h1bg.png') no-repeat;*/}
#seo_2						{position:absolute; 	top:215px; 		left:2%;			width:50%; 		height:auto; 	text-align:left;}
#optional_content			{position:absolute; 	top:100px; 		left:2%;			width:50%; 		height:auto; }

/*static components*/

#news_ticker {position:absolute; top:305px; left:2%; width:98%;	height:40px; text-align:left; /*updated may14/2012*/}
#search	{position:absolute; top:310px; right:20px; z-index:999; /*updated may14/2012*/}
#bookmark					{position:absolute; 	top:15px; 		right:2%; 			width:140px; 	height:50px;}

#menu						{position:absolute; 	top:0px; 		width:100%;}

#twitter_facebook			{position:absolute; 	top:0px; 		right:2%;			width:140px;}
#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:535px; 		left:0px;			width:300px; 	height:auto;		}
#zoom_menu					{															width:300px;	margin-left:auto; 	margin-right:auto;}

/*mini image component*/

#nivo_slider_small			{position:absolute; 	top:70px; 		right:2%;}


/*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:370px; 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 */ 
#footer_bg					{width:100%;		padding:0px;}
#footer						{width:100%;		padding:10px 0px 160px 0px;	height:auto;}
#footer_bg					{background:url('../graphics/footer_bg.jpg') repeat-y center bottom;}
#footer						{background:url('../graphics/footer.jpg') no-repeat center top;}

#footer_bg					{margin:0px 0px 0px 0px;}
#footer						{padding:0px 0px 0px 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;}

#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/secondary_bg.jpg') no-repeat center top; width:100%}
body						{background:url('../graphics/body_bg.jpg') center top;}