﻿#animations_component		{position:absolute; top:0px; 		left:0px; 		width:990px; 	height:300px;}
#time_date					{position:absolute; top:253px; 		left:70px; 	text-align:center;}
#icons						{position:absolute;	top:193px; 		right:98px;}
#search						{position:absolute; top:330px; 		left:40px;}
#themed_object				{position:absolute; top:0px; 		left:-100px;}
#logo						{position:absolute; top:20px; 		width:100%; 	height:auto;}
#textlogo					{position:absolute; top:0px; 		left:40px;		width:400px; 	height:auto;}
#logo_tagline				{position:absolute; top:90px; 		left:100px;}
#scroll_menu				{position:absolute; top:207px; 		left:30px; 		width:252px; 	height:280px;}
#portfolio_component		{position:absolute; top:0px; 		right:20px;		width:500px;	height:230px; }
#zoom_menu_component		{position:absolute; top:120px; 		left:50px;		width:500px; 	height:auto;}
	#zoom_menu				{ visibility:hidden; display:none; margin-left:auto; 	margin-right:auto;				width:500px;}
#bookmark					{position:absolute; top:351px; 		left:300px; 	width:200px; 	height:50px;}
#menu_top					{position:absolute; top:200px; 		left:65px;}
#mp3_component				{position:absolute; top:233px; 		right:100px; 	width:310px; 	height:45px;}
#twitter-facebook			{position:absolute; top:195px; 		left:583px;}
#image_rotator_component	{position:absolute; top:-40px; 		right:-110px; 		width:600px; 	overflow:hidden;text-align:center;}

/* component styling */
/* .portfolio					{background:url('../themed_images/portfolio1.jpg') no-repeat 14px 0px; }
 */
.port_offline1				{position:absolute; top:210px; 	left:0px; 	width:500px; 	text-align:center; 	font-size:24px; color:gray; 	font-family:Arial, Helvetica, sans-serif;}
.port_offline2				{position:absolute; top:235px; 	left:0px;	width:500px; 	text-align:center; 	font-size:16px; color:black; font-family:Arial, Helvetica, sans-serif;}
.mp3_offline1				{position:absolute; top:0px; 	left:0px; 	width:300px; 	text-align:center; 	font-size:10px; color:white; 	font-family:Arial, Helvetica, sans-serif;}
.mp3_offline2				{position:absolute; top:11px; 	left:0px; 	width:300px; 	text-align:center; 	font-size:9px; 	color:white; font-family:Arial, Helvetica, sans-serif;}
.scrollermenu_offline1		{position:absolute; top:50px; 	left:10px; 	width:200px; 	text-align:center; 	font-size:20px; color:gray; 	font-family:Arial, Helvetica, sans-serif;}
.scrollermenu_offline2		{position:absolute; top:90px; 	left:10px; 	width:200px; 	text-align:center; 	font-size:14px; color:black; font-family:Arial, Helvetica, sans-serif;}

/* page styles */
html, body					{margin:0px; padding:0px;}
body						{background:#797979 url('../graphics/secondary_body_bg.jpg') repeat-x center top;}

#main						{width:100%;}


#header_bg					{width:100%;		padding:0px; border:0px; position:absolute; top:0px; left:0px;}
#header_wr					{width:990px;		height:300px;	margin-left:auto;	margin-right:auto; 											padding:0px; border:0px;}
#header_l					{width:0px;			float:left;																						padding:0px; border:0px;}
#header_r					{width:0px;			float:right;																					padding:0px; border:0px;}
#header						{margin-left:auto; 	margin-right:auto;		position:relative; width:990px; 										padding:0px; border:0px;}
.boxh-content				{height:300px;}
.header_bg					{width:100%;		padding:0px; border:0px; position:absolute; top:140px; left:0px;}
 
#content1_bg				{width:100%;		margin:270px 0px 0px 0px;	padding:0px; border:0px;}
#content1_wr				{min-width:990px; 	max-width:990px;	min-height:350px;	margin-left:auto;	margin-right:auto;	position:relative;	padding:0px; border:0px;}
#content1_l					{width:0px;			float:left;																						padding:0px; border:0px;}
#content1_r					{width:0px;			float:right;																					padding:0px; border:0px;}
#content1					{margin-left:0px; 	margin-right:0px; position:relative; 															padding:30px 0px 10px 0px; border:0px;}

#content2_bg				{width:100%;		padding:0px; border:0px;}
#content2_wr				{min-width:990px; 	max-width:990px;	min-height:0px;	margin-left:auto;	margin-right:auto;	position:relative;	padding:0px; border:0px;}
#content2_l					{width:0px;			float:left;																						padding:0px; border:0px;}
#content2_r					{width:0px;			float:right;																					padding:0px; border:0px;}
#content2					{margin-left:0px; 	margin-right:0px; position:relative; 															padding:0px; border:0px;}

#footer_bg					{width:100%;		padding:0px; border:0px;}
#footer_wr					{min-width:990px; 	max-width:990px;	min-height:100px;	margin-left:auto;	margin-right:auto;	position:relative;	padding:0px; border:0px;}
#footer_l					{width:0px;			float:left;																						padding:0px; border:0px;}
#footer_r					{width:0px;			float:right;																					padding:0px; border:0px;}
#footer						{margin-left:0px; 	margin-right:0px;  position:relative;															padding:0px; border:0px;}


/* column1 padding / margins */
#columns1					{padding-top:10px; 			padding-bottom:0px;}					
#column1_wrapper			{padding:0px 0px 0px 0px;	margin:0px;}
#left1col					{padding:0px 0px 0px 0px;	margin:0px;}
#left1pad					{padding:0px 0px 0px 0px;	margin:0px;}
#right1col					{padding:0px 0px 0px 0px;	margin:0px; position:relative;}
#right1pad					{padding:0px 0px 0px 0px;	margin:0px;}
#center1col					{padding:0px 20px 0px 30px ;}

/* column2 padding / margins */
#columns2					{padding-top:10px; 			padding-bottom:0px;}					
#column2_wrapper			{padding:0px 0px 0px 0px;	margin:0px;}
#left2col					{padding:0px 0px 0px 0px;	margin:0px;}
#left2pad					{padding:0px 0px 0px 0px;	margin:0px;}
#right2col					{padding:0px 0px 0px 0px;	margin:0px;}
#right2pad					{padding:0px 0px 0px 0px;	margin:0px;}
#center2col					{padding:0px 20px 0px 30px ;}


/* seo */	
#seo						{width:100%; height:50px; position:absolute; top:0px; left:0px;}
#seo_wrapper				{position:relative; top:0px; left:0px;}
#seo_wrapper				{margin-left:auto; margin-right:auto; border:0px;}

.clear						{min-width:990px; max-width:1280px; margin-left:auto; margin-right:auto; clear:both; height:0px;}


