/* ####################### */
/* General settings
/* ####################### */

body,
h1, h2, h3, h4,
p, ul, li, img
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

ul
{
    list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

	li
	{
		display: inline;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}


/* ####################### */
/* Body
/* ####################### */

body
{
	background: #000000 url(/Graphics/Backgrounds/bg.gif) repeat-x top left; 
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.79em;
	color: #4a4a4a;
}

/* ####################### */
/* Text elements
/* ####################### */

h1, h2, h3, h4, h5
{
	font-family: Verdana, Arial, Helvetica;
} 

h1
{
	margin-bottom: 15px;
	font-family: Georgia, Verdana, Arial, Helvetica;
	font-size: 2.2em;
} 

h2
{
	font-size: 1.5em;
	font-weight: lighter;
	margin-bottom: 10px;
} 

h3
{
	font-size: 1.2em;
	font-weight: lighter;
	margin-bottom: 2px;
}

h4
{
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 2px;
}

hr
{
	margin: 15px 0px 15px 0px;
}


/* ####################### */
/* Links
/* ####################### */

a
{
	color: #4a4a4a;
}
	
	a:hover
	{
		color: #969696;
	}
	
	a.lnk_arrow
	{
		padding: 0px 0px 1px 12px;
		background: url(/Graphics/Links/link_arrow.gif) no-repeat left;
	}
	

/* ####################### */
/* Framework
/* ####################### */

#framework
{
	background: url(/Graphics/Backgrounds/bg_tyre.gif) no-repeat top right; 
	margin: 0px auto 0px auto;
	width: 990px;
}

#header
{
	font-weight: bold;
	color: #FFFFFF;
	padding: 8px 20px 7px 20px;
	width: 950px;
	height: 114px;
}

	#header p
	{
		font-size: 1.3em;
	}
	
	#header p.logo
	{
		font-size: 4.2em;
		/*text-transform: lowercase;*/
		margin-bottom: 10px;
	}
	
		#header p.logo a
		{
			text-decoration: none;
			color: #FFFFFF;
		}

#container
{ 
	float: left;
	width: 990px;
	background: #FFFFFF;
}

#content
{
	float: left;
	width: 690px;
	padding: 10px 0px 20px 20px;
}

#breadcrumb
{
	height: 30px;
}

#main
{
	float: left;
	width: 470px;
}

#main.wide
{
	width: 100%;
}

	#main p
	{
		margin-bottom: 20px;
		line-height: 1.4em;
	}

	/* Minimum height for Firefox */
	#main {
	min-height: 400px; 
	height:auto;
	}
	/* Minimum height for IE */
	/*\*/
	* html #main {
	height: 400px;
	}
	/**/

	#main #panorama
	{
		background: #000000 url(/Graphics/Start/wide_start_01.jpg) no-repeat top left;
		width: 610px;
		height: 299px;
		color: #FFFFFF;
		float: left;
		padding: 20px 30px 0px 30px;
		text-align: right;
		margin-bottom: 10px;
	}
	
		#main #panorama h1
		{
			margin-top: 220px;
			float: right;
			width: 100%;
			margin-bottom: 10px;
		}
		
		#main #panorama p
		{
			float: right;
			margin: 0px 0px 0px 0px;
		}
		
		#main #panorama a
		{
			font-size: 1.2em;
			text-decoration: none;
			color: #FFFFFF;
			background: url(/Graphics/Links/link_forward_large.gif) no-repeat right center;
			padding: 0px 16px 4px 0px;
		}
		
		#main .startbox
		{
			width: 157px;
			margin-right: 10px;
			float: left;
			line-height: 1.4em;
		}
	
#center
{
	float: left;
	width: 220px;
	margin-top: 45px;
}

#side
{
	float: right;
	width: 250px;
	padding: 10px 10px 0px 0px;
	background-color: #FFFFFF;
}

	#side .ad
	{
		display: block;
		margin-bottom: 10px;
	}

#footer
{
	background: url(/Graphics/Backgrounds/bg_footer.gif) repeat-x top left;
	padding: 0px 20px 0px 20px;
	line-height: 27px;
	float: left;
	width: 950px;
	text-align: right;
}

	#footer a
	{
		text-decoration: none;
	}



/* ####################### */
/* Navigation
/* ####################### */

#topnavigation
{
	background: #000000;
	color: #FFFFFF;
	text-align: right;
	font-size: 0.87em;
	padding: 0px 10px 0px 0px;
	line-height: 21px;
}

	#topnavigation a
	{
		color: #FFFFFF;
		text-decoration: none;
	}

#navigation
{
	background: url(/Graphics/Backgrounds/bg_navigation.gif) repeat-x top left;
	color: #2A2A2A;
	width: 990px;
	float: left;
}

	#navigation ul
	{
		display: inline;
		margin: 0px 20px 0px 20px;
		height: 35px;
		line-height: 35px;
		float: left;
	}
	
	#navigation li
	{
		margin-right: 4px;
	}
	
		#navigation li a
		{
			color: #000000;
			text-decoration: none;
		}

/* ####################### */
/* SearchBox
/* ####################### */

#searchbox
{	
	float: left;
	margin: 0px 0px 10px 0px;
}

	#searchbox .freetext
	{
		width: 310px;
		display: block;
		margin-bottom: 4px;
	}

	#searchbox .dropdownlist
	{
		width: 120px;
		margin-right: 9px;
	}
	
	#searchbox .button
	{
		width: 40px;
		height: 22px;
		background: url(/Graphics/Forms/form_button_small.gif) no-repeat center top;
		border: none;
	}


/* ####################### */
/* Catalog list
/* ####################### */

#cataloglist
{
	float: left;
	width: 100%;
}
	#cataloglist .companyrow
	{
		padding: 6px;
		border: 1px solid #D5D5D5;
		float: left;
		width: 436px;
		margin: 0px 0px 10px 0px;
	}
	
	#cataloglist .companyrow h2
	{
		margin-bottom: 5px;
		font-size: 1.2em;
	}
	
	#cataloglist .companyrow.sponsored h2
	{
		margin-bottom: 5px;
		font-size: 1.4em;
	}
	
		#cataloglist .companyrow h2 a
		{
			color: #000080;
			text-decoration: none;
		}
		
	#cataloglist .companyrow p
	{
		margin-bottom: 5px;
		width: 320px;
		float: left;	
	}
	
	#cataloglist .companyrow .logo
	{
		float: right;
		margin-left: 10px;
	}
	
	#cataloglist .companyrow .website
	{
		background: url(/Graphics/Icons/icon_link.gif) no-repeat left top;
		padding-left: 20px;
		text-decoration: none;
		color: #000080;
	}
	
	#cataloglist .companyrow .details
	{
		background: url(/Graphics/Icons/icon_info.gif) no-repeat left top;
		padding-left: 20px;
		text-decoration: none;
		color: #000080;
		margin-left: 10px;
	}


/* ####################### */
/* Company
/* ####################### */

#company
{
	width: 400px;
	line-height: 1.5em;
}
	
	#company .logo
	{
		float: right;
	}
	
	#company a.website
	{
		display: block;
		background: url(/Graphics/Icons/icon_link.gif) no-repeat left top;
		padding-left: 20px;
		text-decoration: none;
		color: #000080;
		margin: 10px 0px 10px 0px;
	}
	
	#company p.send_email
	{
		display: block;
		margin: 10px 0px 10px 0px;
	}
	
		#company p.send_email a
		{
			/*background: url(/Graphics/Icons/icon_link.gif) no-repeat left top;
			padding-left: 20px;*/
			text-decoration: none;
			color: #000080;
		}
	
	#company p
	{
		margin-bottom: 15px;
	}

/* ####################### */
/* Region cloud
/* ####################### */

#regioncloud
{
	float: left;
	margin: 10px 0px 0px 0px;
}

	#regioncloud h3
	{
		margin: 0px 0px 10px 0px;
		float: left;
	}


/* ####################### */
/* Region ListCloud
/* ####################### */

#regionlistcloud
{

}

	#regionlistcloud h3
	{
		margin-bottom: 0px;
	}
	
	#regionlistcloud h4
	{
		margin-top: 15px;
	}

	#regionlistcloud li
	{
		padding: 0px 0px 1px 12px;
		background: url(/Graphics/Links/link_arrow.gif) no-repeat left top;
		display: block;
	}
	

/* ####################### */
/* Form elements
/* ####################### */

#add_company
{
	padding: 20px;
	border: 1px solid #D5D5D5;
	width: 260px;
	float: left;
	background: #F5F5F5;
}

#form_regions
{
	margin-bottom: 10px;
}

.textbox_205, .textbox_245, .textbox_260, .textbox_50, .freetext
{
	height: 18px;
	border: none;
	margin: 0px 0px 10px 0px;
	padding: 2px 0px 0px 0px;
}

.areabox_260
{
	height: 135px;
	border: none;
	margin: 0px 0px 10px 0px;
	padding: 2px 0px 2px 0px;
	width: 260px;
	background: url(/Graphics/Forms/areabox_260.gif) no-repeat center left;
}

.areabox_260_35
{
	height: 35px;
	border: none;
	margin: 0px 0px 10px 0px;
	padding: 2px 0px 2px 0px;
	width: 260px;
	background: url(/Graphics/Forms/areabox_260_35.gif) no-repeat center left;
}

.textbox_50
{
	width: 50px;
	background: url(/Graphics/Forms/textbox_50.gif) no-repeat center top;
}

.textbox_205
{
	width: 205px;
	background: url(/Graphics/Forms/textbox_205.gif) no-repeat center top;
}

.textbox_245
{
	width: 245px;
	background: url(/Graphics/Forms/textbox_245.gif) no-repeat center top;
}

.textbox_260
{
	width: 260px;
	background: url(/Graphics/Forms/textbox_260.gif) no-repeat center top;
}

.freetext
{
	width: 310px;
	background: url(/Graphics/Forms/textbox_310.gif) no-repeat center top;
}


	#add_company .horizontal .textbox_50
	{
		margin-right: 5px;
		display: inline;
		float: left;
	}
	
	#add_company .horizontal .textbox_260
	{
		margin-right: 5px;
		float: right;
	}
	
#form_categories
{
	margin-bottom: 10px;
	float: left;
	width: 100%;
}
	#form_categories h4
	{
		margin-bottom: 5px;
	}
	
	#form_categories div
	{
		width: 50%;
		float: left;
	}

.save_buttons
{
	float: left;
	display: inline;
	width: 100%;
	margin-top: 10px;
}

.save_buttons .submit_button
{
	width: 58px;
	height: 22px;
	background: url(/Graphics/Forms/form_button.gif) no-repeat center top;
	border: none;
	float: left;
}

	.save_buttons .submit_button.right
	{
		float: right;
		display: inline;
	}

#contact_form
{
	padding: 20px;
	border: 1px solid #D5D5D5;
	width: 360px;
	float: left;
	background: #F5F5F5;
}

	#contact_form .rb_header
	{
		font-size: 0.95em;
	}
	
	#contact_form .msg
	{
		float: left;
		width: 100%;
	}

.small_margin
{
	margin: 0px 0px 5px 0px;
}

/* ####################### */
/* Adsense
/* ####################### */

.adsense_468
{
	float: left;
	margin: 5px 0px 15px 0px;
}

/* ####################### */
/* ShareThis
/* ####################### */

#share_this
{
	float: right;
}