﻿/*logos*/
#logo						{
	position: absolute;
	top: 30px;
	left: 60px;
	width: 100%;
	height: auto;
}
#textlogo					{position:absolute; top:80px; 		left:40px;			width:650px; 	height:auto;}
#logo_tagline				{
	position: absolute;
	top: 75px;
	left: 100px;
	width: 450px;
	height: auto;
}

/*static components*/
#time_date					{position:absolute; top:8px; 		left:120px; 			text-align:right;}
#search						{position:absolute; top:270px; 		right:70px;}
#themed_object				{position:absolute; top:160px; 		left:155px;}
#bookmark					{position:absolute; top:300px; 		left:68px; 		width:auto; 	height:50px;}
#menu_top					{position:absolute; top:0px; 		right:80px;}
#twitter-facebook			{position:absolute; top:1px; 		left:0px;}

/*animated components*/
#portfolio_component		{position:absolute; top:91px; 		left:23px;			width:945px;	height:340px;}
#secondary_src				{position:absolute; top:58px; 		right:60px;			width:400px;	height:240px;}
#mp3_component				{position:absolute; top:258px; 		right:110px;		width:300px; 	height:40px;}
#zoom_menu_component		{position:absolute; top:450px; 		right:30px;			width:500px; 	height:auto;		visibility:hidden; display:none;}
#zoom_menu					{														width:500px;	margin-left:auto; 	margin-right:auto;}

/*offline / designer view*/
#headerDivportfolio			{width:950px;	height:448px; 		position:relative;	padding:0px 0px 0px 0px; 	background:url('../graphics/FL_portfolio_bg_offline.png') no-repeat left top;}
.port_offline1				{width:950px; 	height:50px; 		position:absolute; 	top:200px; 		left:0px;}
.port_offline2				{width:950px; 	height:50px; 		position:absolute; 	top:250px; 		left:0px;}

#headerDivssr				{width:380px;	height:200px; 		position:relative;	margin:2px 150px 0px 0px;	background:url('../themed_images/portfolio-small-1.jpg') no-repeat left top; }
.ssr_offline1				{width:380px; 	height:50px; 		position:absolute; 	top:50px; 		left:0px;}
.ssr_offline2				{width:380px; 	height:50px; 		position:absolute; 	top:100px; 		left:0px;}

#headerDivmp3				{width:260px; 	height:40px;		position:relative;	padding:0px 0px 0px 0px;	background:url('../graphics/FL_MP3_bg_offline.png') no-repeat left top; }
.mp3_offline1				{width:260px; 	height:20px; 		position:absolute; 	top:5px; 		left:0px;}
.mp3_offline2				{width:260px; 	height:20px; 		position:absolute; 	top:22px; 		left:0px;}

#ImageRotator				{width:220px; 	height:220px;		position:relative;	padding:10px 0px 0px 10px; 	background:url('../graphics/FL_image_rotator_offline.png') no-repeat left top;}
#image_rotator_wrapper		{width:220px; 	height:220px;		}
.image_rotator_offline1		{width:220px; 	height:50px; 		position:absolute; 	top:50px; 		left:0px;}
.image_rotator_offline2		{width:220px; 	height:50px; 		position:absolute; 	top:90px; 		left:0px;}


/* change "PAGE WIDTHS" here */
#header_wr					{min-width:990px; 	max-width:990px;		/*min-width:990px; 	max-width:1680px;*/}
#header						{min-width:990px; 	max-width:990px;		/*min-width:990px; 	max-width:1680px;*/}
.header_bg					{min-width:990px; 	max-width:990px;		/*min-width:990px; 	max-width:1680px;*/}
#content1_wr				{min-width:990px; 	max-width:990px;		/*min-width:990px; 	max-width:1680px;*/}

/* change "HEADER HEIGHT" here */
.boxh-content				{height:270px;}
#content1_bg				{margin-top:280px;}

/* change "FOOTER HEIGHT" here */
#footer_bg					{margin:-10px 0px 0px 0px;}
#footer						{padding:100px 0px 50px 0px; 		text-align:center;}

/* page styles */
html, body					{margin:0px; 		padding:0px;}

#main						{width:100%; 		background:url('../graphics/secondary_bg.jpg') no-repeat center top; position:absolute;}

/* header styles - do not edit */
#header_bg					{width:100%;		position:absolute;	top:0px;	left:0px;	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_wr					{margin-left:auto;	margin-right:auto; 	height:auto;		padding:0px; 	border:0px;}
#header						{margin-left:auto; 	margin-right:auto;	position:relative;  padding:0px; 	border:0px;}
.header_bg					{padding:0px; 		border:0px; 		position:absolute; 	top:0px; 		left:0px;}

/* content styles - do not edit */
#content1_bg				{width:100%;		padding:0px; 		border:0px;}
#content1_wr				{margin-left:auto;	margin-right:auto;	position:relative;	padding:0px; 	border:0px;	min-height:350px;	}
#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;}

/* footer styles - do not edit */
#footer_bg					{width:100%;		padding:0px;}
#footer_wr					{}
#footer_l					{width:0px;			float:left;}
#footer_r					{width:0px;			float:right;}
#footer						{width:100%;		height:auto;}
#footer_bg					{background:url('../graphics/footer_bg.jpg')	repeat-y center top;  }
#footer						{background:url('../graphics/footer.jpg') 		no-repeat center top;  }


/* 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 ;}


/* 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;}


