﻿/*logos*/
#logo						{
	position:absolute;
	top:129px;
	left:2px;
	width:109px;
	height:61px;
}
#textlogo					{
	position:absolute;
	top:100px;
	left:6px;
	width:800px;
	height:auto;
}
#logo_tagline				{position:absolute; top:200px; 		left:25px;			width:650px; 	height:auto;	 text-align:left;}
#seo_1						{position:absolute; top:200px; 		left:10px;			width:460px; 	height:auto;}
#seo_2						{position:absolute; top:245px; 		left:10px;			width:460px; 	height:auto;}

/*static components*/
#time_date					{position:absolute; top:324px; 		left:55px; 			text-align:left;}
#search						{
	position:absolute;
	top:68px;
	right:84px;

*top:67px; *right:120px;}
#themed_object				{visibility:hidden; display:none;	position:absolute; top:15px; 		left:400px;}
#bookmark					{
	position:absolute;
	top:4px;
	left:1px;
	width:auto;
	height:50px;
}
#menu_top					{position:absolute; top:44px; 		left:3px;}
#twitter-facebook			{position:absolute; top:62px; 		right:20px;}

/*animated components*/
#portfolio_component		{position:absolute; top:91px; 		left:23px;			width:945px;	height:340px;}
#secondary_src				{
	position:absolute;
	top:151px;
	right:28px;
	width:400px;
	height:240px;
}
#mp3_component				{position:absolute; top:0px; 		right:0px;			width:342px;	height:90px;}
#zoom_menu_component		{visibility:hidden; display:none;	position:absolute; top:420px; 		left:0px;			width:400px; 	height:auto;		}
#zoom_menu					{														width:400px;	margin-left:auto; 	margin-right:auto;}

/*offline / designer view*/
#headerDivssr				{width:380px;	height:200px; 		position:relative;	margin:0px 0px 0px 10px;	background:url('../themed_images/portfolio-small-1.jpg') no-repeat left top; }

/* change "PAGE WIDTHS" here */
#main_bg					{width:990px; 		margin-left:auto; margin-right:auto;/*min-width:990px; 	max-width:1680px;*/}

/* change "HEADER HEIGHT" here */
#header_bg					{height:295px;}

/* change "FOOTER HEIGHT" here */
#footer_bg					{margin:-10px 0px 0px 0px;}
#footer						{padding:30px 0px 50px 0px; text-align:center;}

/* page styles */
html, body					{margin:0px; 		padding:0px;}
#main						{width:100%; 		position:absolute; top:0px; left:0px; padding:0px; margin:0px;}
#main_wrapper				{width:100%;}

/* header styles - do not edit */
#header_bg					{width:100%;		position:relative;	top:0px;	left:0px;	padding:0px;	border: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:50px 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.png')	repeat-y center top;  }
#footer						{background:url('../graphics/footer.png') 		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:600px; max-width:990px; margin-left:auto; margin-right:auto; clear:both; height:0px;}

/* -------------------------- TEXT LOGO styles ------------------ */
#textlogo 								{color: #313E2D;	font-size:45px; padding:0px 0px 0px 0px; text-align:left; text-shadow: 2px 2px 2px #333333;}
#textlogo a:link 						{color: #313E2D;}
#textlogo a:visited 					{color: #313E2D;}
#textlogo a:hover 						{color: #ffffff;}
#textlogo a:active 						{color: #313E2D;}
