/* Author:		Rinse Stellingwerf */
/* Description:	CSS for www.lhdesign-flyrodreel.com */

@media screen 
{	
	/* General styles */
	
	html
	{		
		height:					100%;
		
		scrollbar-base-color:	#808080;
		scrollbar-arrow-color:	#FFFFFF;
	}
	
	body 
	{
		width:					100%;
		height:					100%;
		
		padding:				0px;
		margin:					0px;
		
		font-family: 			Arial;
		font-size:				9pt;
		
		line-height:			150%;
		
		color:					#2F2F2F;
		background-color:		#808080;
	}
	
	img
	{
		border:					none;
		
		padding:				0px;
		margin:					0px;
	}
	
	a
	{
		font-weight:			bold;
		text-decoration:		none;
		
		color:					#415373;
	}
	
	a:hover
	{
		font-weight:			bold;
		text-decoration:		none;
		
		color:					#FFFFFF;
	}
	
	hr
	{
		width:					100%;
		height:					1px;		
		border:					none;
		
		background-color:		#415373;
		color: 					#415373;	
	}
		
	ul li
	{
		list-style-type: 		square;		
		
		padding:				0px 0px 10px 0px;			
	}
	
	form
	{
		padding:				0px;
		margin:					0px;
	}
	
	textarea
	{
		width:					250px;
		
		border:					solid 1px #415373;	
	}
	
	/* Containers (home) */
	
	#containerWelcome
	{
		position:				absolute;
		top:					50%;
		 
		width:					100%;	
		height:					320px;
		
		margin:					-200px auto; 
	}
	
	#containerWelcomeTop
	{
		width:					100%;
		height:					60px;
		
		padding:				0px;
		margin:					0px;
		
		background-color:		#BEBAB2;		
		background-image:		url(../../images/home/top_1.jpg);
		border-top:				solid 1px #000000;
	}
	
	#containerWelcomeBottom
	{
		width:					100%;
		height:					60px;
		
		padding:				0px;
		margin:					0px;
		
		background-color:		#BEBAB2;
		background-image:		url(../../images/home/bottom_1.jpg);		
		border-bottom:			solid 1px #000000;
	}
	
	#containerWelcomeLogo
	{		
		width:					100%;
		height:					200px;		
		
		border-top:				solid 1px #000000;
		border-bottom:			solid 1px #000000;
		
		background-color:		#FFFFFF;		
		background-image:		url(../../images/home/logo.jpg);		
		background-position: 	right;
		background-repeat:		no-repeat;
		
		cursor:					pointer;
	}
	
	#containerWelcomeText
	{	
		padding:				10px 0px 0px 0px;
		margin:					0px;
	}
	
	#containerWelcomeMinis
	{
		float:					left;
		
		padding-left:			2px;
	}
	
	#containerWelcomeMinis img, #containerWelcomeLastUpdate img
	{
		opacity:				0.5;
		filter:					alpha(opacity=50); 
	}
	
	#containerWelcomeMinis img:hover, #containerWelcomeLastUpdate img:hover
	{
		opacity:				1;
		filter:					alpha(opacity=100); 
	}
	
	#containerWelcomeLastUpdate
	{
		float:					right;
		
		text-align:				right;
	}
	
	/* Containers (site) */
	
	#containerTotal 
	{
		position: 				relative;
		
		width: 					768px;
		min-height: 			100%;
		height:					auto	!important;
		height:					100%;
		
		padding:				0px;
		margin:					0px auto;	
		
		background-color:		#BEBAB2;
		
		border-left:			solid 1px #000000;
		border-right:			solid 1px #000000;			
	}	
	
	#containerPhoto
	{
		cursor:					hand;
		
		width:					768px;
		height:					100px;
		
		padding:				0px;
		margin:					0px;
		
		background-repeat:		no-repeat;		
	}
	
	#containerMenu
	{
		width:					768px;
		height:					24px;
		
		padding:				0px;
		margin:					0px;
		
		font-size:				10pt;
		font-weight:			bold;
		
		color:					#FFFFFF; 		
		background-color:		#415373;	
		
		border-top:				solid 1px #000000;
		border-bottom:			solid 1px #000000;	
	}
		
	#containerContent
	{
		width:					744px;
		
		padding:				0px 12px 6px 12px;
		margin:					0px;				
	}
	
	#containerTitle
	{
		font-size:				14pt;
		font-weight:			bold;
		
		color: 					#415373;
		
		padding:				4px 0px 0px 0px;
		margin:					10px 0px 10px 0px;
		
		line-height:			140%;
	}
	
	#containerText
	{
		width:					520px;		
		
		position:				relative;
		float:					left;
		
		padding:				0px 10px 10px 10px;
		margin:					0px;
		
		border-left:			solid 1px #415373;
		border-right:			solid 1px #415373;
		border-bottom:			solid 1px #415373;
	}	
	
	#containerText table
	{
		width:					500px;
		border:					none;		
	}
	
	#containerToTop
	{
		width:					522px;
		height:					18px;
				
		clear:					both;
		
		padding:				2px 10px 4px 10px;
		margin:					0px 101px 0px 101px;
		
		background-color:		#415373;
	}
	
	#containerToTop a
	{
		color:					#FFFFFF;
	}
	
	#containerToTop a:hover
	{
		color:					#BEBAB2;
	}
	
	/* Classes */
	
	.dummy
	{
		width:					101px;		
		height:					100%;
		
		position:				relative;
		float:					left;	
		
		padding:				0px;
		margin:					0px;
	}
	
	.dummy a
	{
		font-weight:			normal;		
	}
	
	.dummy ul
	{
		font-size:				8pt;
		
		padding:				36px 0px 0px 22px;
		margin:					0px;		
	}	
	
	.dummy ul li
	{
		padding:				0px;
		margin:					0px;		
	}
		
	.tdHead
	{
		font-weight:			bold;
	}
	
	.tdCellHead
	{
		width:					80px;		
	}
	
	.tdCellContent
	{
		width:					170px;
	}
	
	.tdCellContentSmall
	{
		width:					85px;
	}
	
	.title
	{
		clear:					both;
		
		font-weight:			bold;
		font-size:				10pt;
		
		color:					#415373;		
	}
	
	.menuItem
	{		
		float:					left;
		cursor:					pointer;
		
		height:					18px;
		
		padding:				3px 10px 3px 10px;
		margin:					0px;
		
		border-right:			solid 1px #FFFFFF;	
	}
	
	.menuItemSelected
	{
		float:					left;
		cursor:					pointer;
		
		height:					18px;
		
		padding:				3px 10px 3px 10px;
		margin:					0px;
		
		background-color:		#555555;		
		border-right:			solid 1px #FFFFFF;
	}
	
	.menuItemLast
	{		
		float:					left;
		cursor:					pointer;
		
		height:					18px;
		
		padding:				3px 10px 3px 9px;
		margin:					0px;		
	}
	
	.menuItemLastSelected
	{
		float:					left;
		cursor:					pointer;
		
		height:					18px;
		
		padding:				3px 10px 3px 9px;
		margin:					0px;
		
		background-color:		#555555;				
	}
	
	.formText
	{
		width:					150px;
		float:					left;
	}
	
	.formField
	{
		width:					254px;		
		float:					left;		
	}
	
	.inputTypeText
	{
		width:					250px;
		
		border:					solid 1px #415373;	
	}
	
	.inputTypeButton
	{
		width:					60px;
		font-weight:			bold;
		
		color:					#FFFFFF;
		background-color:		#415373;
		
		border:					solid 1px #000000;	
	}
	
	.imageLeft
	{
		float:					left;
		
		padding:				0px;
		margin:					0px 10px 10px 0px;
		
		border:					solid 1px #FFFFFF;
	}
	
	.imageRight
	{
		float:					right;
		
		padding:				0px;
		margin:					0px 0px 10px 10px;
		
		border:					solid 1px #FFFFFF;
	}
	
	.floatLeft
	{
		float:					left;
	}
	
	.floatRight
	{
		float:					right;	
	}
	.clearBoth
	{
		clear:					both;
	}
}

/* Print styles */

@media print
{
}

/* Handheld styles */

@media handheld 
{
}