/*
Theme Name: BTPLtd 
Description: Ballyheane Timber Products Wordpress Theme, single column layout with a header, footer, main content area and flat navigation
Version: 1.5
Author: James Sweeney
Author URI: james.sweeney.ie
*/

/*---
	RESET
---------------*/

*					{ 	margin: 0; padding: 0; }
html					{ 	overflow-y: scroll; }
html, body			{ 	height: 100%; }
body					{ 	font-size: 62.5%; font-family: Arial, sans-serif; color: black;
						background: url(images/bg-master.jpg) top center repeat black; }
h1					{	margin: 0 0 10px 0; padding: 15px 0 2px 10px;  background: #f2f2f2; 
						font-size: 1.3em; font-family: Charcoal, Chicago, sans-serif; color: black; }
ul					{	list-style: square inside; }
ol					{	list-style: decimal inside; }
a					{	outline: none; text-decoration: none; color: black;}
a:hover 				{	text-decoration: underline; color: black; }
a img				{	border: none; }
img					{	vertical-align: middle; }
table					{	border-collapse: collapse; }



/*---
	UTILITY
---------------*/

.floatLeft			{	float: left; }
.floatRight			{	float: right; }
.clear				{	clear: both; }
.button				{	border: 1px solid #272727; background: white; padding: 3px 8px; 
						-moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727; }
.button:hover		{	background: #990000; color: white; }
.button_search		{	border: 1px solid #272727; background: white; padding: 0 0; 
						-moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727; }
.button_search:hover{	background: #666666; color: white; }


/*---
	HEADER
---------------*/

#top-bar			{	height: 130px; background: url(images/hr-background.jpg) top center white; }
form#searchform		{	margin: 20px 10px 0 0; float: right; } 
h1#logo				{	width: 135px; height: 83px; background: url(images/hr-btplogo.png) top left no-repeat; 
						margin: 23px 0 0 50px; float: left; text-indent: -9999px; }
h1#logo a			{	-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; 
						background:transparent url(images/logo.png) no-repeat scroll 0 0; display:block; height:111px; left:0;
						position:absolute; text-indent:-9999px; top:0; width:686px; }						
#top-bar p			{	width: 375px; height: 41px; background: url(images/hr-btptext.png) top left no-repeat; 
						margin: 24px 0 0 5px; float: left; text-indent: -9999px;  }

/*---
	FOOTER
---------------*/

#footer				{	height: 15px;	background: #303030; padding: 5px 30px; color: white; }
#footer p 			{	float: left; margin: 0 0 0 0; font-family: Arial, Helvetica, sans-serif; 
						color: white;   }
#footer a			{	outline: none; text-decoration: none; color: white; }	
#footer a:hover		{	text-decoration: underline; color: white; }		
#contactdetails		{	text-align: right;}					


/*---
	MENU
---------------*/

#menu-bar			{	width:  770px; padding-top: 7px; margin-bottom: 0; background: #303030; height: 25px}
ul#main-nav			{	width:  770px; float: left; margin: 0 0 0 11px; font-family: Arial, Helvetica, sans-serif; 
						font-size: 1.2em; font-weight: bold; color: white; }
ul#main-nav li			{	display: inline; }
#main-nav a			{	text-decoration: none; padding: 0 10px; background: #303030; color: white ; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#main-nav a:hover	{	text-decoration: none; background: #7a7a7a; }

/*---
	JQUERY LAVALAMP MENU
---------------*/

.lavaLampBottomStyle 		{	position: relative; height: 29px; width: 421px; background-color: white; padding: 15px; 
								margin: 10px 0; overflow: hidden; border: 1px solid gray; }
.lavaLampBottomStyle li 		{	float: left; list-style: none; }
.lavaLampBottomStyle li.back 	{	border-bottom: 5px solid blue; width: 9px; height: 30px; z-index: 8; position: absolute; }
.lavaLampBottomStyle li a 		{	font: bold 14px arial; text-decoration: none; color: #000; outline: none; text-align: center;
								top: 7px; text-transform: uppercase; letter-spacing: 0; z-index: 10; display: block; float: left;
								height: 30px; position: relative; overflow: hidden; margin: auto 10px; }   
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited 	{	border: none; }
						
/*---
	SLIDEBANNER
---------------*/						

#slidebanner		{	float: left; margin: 0 0 20px 0; width: 770px; }

/*---
	GOOGLE MAP
---------------*/

#googlemap			{	height: 400px; width:700px; }

/*---
	STRUCTURE
---------------*/

#page-wrap			{	width: 770px; margin: 50px auto; 
						min-height: 100%; height: auto !important; height: 100%; }
#main-content		{	background: white; margin: 0 0 0 0; padding: 15px 30px; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em;}

/*---
	TABLE-CLIENT LIST
---------------*/

#wrapclientlist		{   width: 700px; margin: 25px auto;}	
table					{	width: 100%; border-color: #454545; }
.logocell			{	padding: 5px; height: 80px; width: 310px; text-align: right; vertical-align: middle; }
.textcell			{	padding: 5px; text-align: left; vertical-align: middle; }
.trademark			{	padding: 5px; text-align: right; vertical-align: middle; font-size: 70%;}