/* Copyright Vanbar Multimedia Ltd 2010 */


/******************************************************************************/
/*                            Default Style                                   */
/******************************************************************************/

/* Top Level */
* { margin:0; padding:0; border:0; }
body {
	font-family:Helvetica, Verdana, Arial, Sans-serif;
	font-size:14px;
	line-height:normal;
	color:#626366;
	background:#FFF;
}

/* Text */
h1, h2, h3, h4	{font-weight:normal;font-family:Verdana, Helvetica, Arial, Sans-serif;}
h1       {font-size:40px;margin-bottom:10px;}
p			{margin:15px 0;line-height:1.3em}
sup,
sub		{height:0; line-height:1em; vertical-align:baseline; _vertical-align:bottom; position:relative;}
sup		{bottom: 1ex;}
sub		{top: .5ex;}

/* Images */
img {max-width:100%} /* Make the images re-size to their container - not pre IE7 */

/* Styles */
strong	{}

/* links */
a 					{text-decoration:none;}
a:link			{color:#903020;}
a:visited		{color:#903020;}
a:hover			{color:#626366;text-decoration:underline;}
a:active			{color:#903020;} /* MUST come after hover */

/* forms */


/* Lists */
ul, ol, dl	{margin:10px;}
li, dt, dd	{margin:2px;}

/******************************************************************************/
/*                                Page Layout                                 */
/******************************************************************************/
body 					{background-color:#8E9193}
div#page_wrap		{width:996px;margin:0 auto;background-color:#FFF;margin-bottom:30px;}
div#page_header 	{height:70px;padding-top:20px;margin-bottom:20px;} /* left and right margins in page_content */
div.content_wrap	{padding:0 33px 0 33px;}
div#page_content	{margin-top:;padding-bottom:70px;position:relative}
div#content_footer{position:absolute;bottom:0;}
div#content_right	{width:270px;margin-left;50px;float:right;}
div#content_left	{width:610px;float:left;}
div#page_footer	{margin:20px 0 0 0;}


/******************************************************************************/
/*                              Common Styles                                 */
/******************************************************************************/
/* Colours */
.color_maroon	{color:#903020}
.color_lGrey	{color:#8E9193}
.color_dGrey	{color:#626366}

/* Positioning */
.left				{float:left}
.right			{float:right}
.clearfloats	{clear:both}
.clearleft		{clear:left}
.clearright		{clear:right}
.textcenter		{text-align:center}
.textright		{text-align:right}


/* Text */

/* Images */
img.left, img.right	{margin:5px 20px 5px 20px}
img.center     		{margin:5px auto; display:block}

/******************************************************************************/
/*                          Layout Specific Styles                            */
/******************************************************************************/
/* ----- Page Header ----- */
img#page_masthead			{margin-bottom:30px}
div#masthead_text			{position:absolute;width:963px;height:280px;margin-top:-310px;color:#FFF;}
div#masthead_text h1,
div#masthead_text p		{float:right;padding:2px 5px}
div#masthead_text h1    {margin:180px 0 0 0;}
div#masthead_text p		{margin:0;font-size:18px;text-transform:lowercase;font-family:Verdana, Helvetica, Arial, Sans-serif;}
div#masthead_text.blackout	{opacity:0.9;filter:alpha(opacity=90)}
div#masthead_text.blackout h1,
div#masthead_text.blackout p	{background-color:#8E9193}
/*div#masthead_text.blackout h1,
div#masthead_text.blackout p	{background-color:#8E9193;color:#FFF}*/

/* ----- Page Content ----- */
div.column2					{float:left;width:450px;margin-right:30px}
div.column2.lastchild	{margin-right:0}

/* ---- Content Footer ---- */
div#content_footer p {font-size:32px;}


/* ----- Page Footer ----- */
div#page_footer      	{margin-top:50px}
div#registered_office   {float:left;width:405px;color:#8E9193;text-transform:uppercase;margin-top:-2px;}
div#registered_office h3,
div#registered_office p	{font-size:9px;margin:0;display:inline;}
div#registered_office h3{padding-top:0;}
img#logos               {float:right;margin-left:10px}
div#credit              {float:left;margin-right:20px;}
div#credit p            {margin:0;font-size:7px}


/******************************************************************************/
/*                             Navigation Menus                               */
/******************************************************************************/
/* ----- Top Menu ----- */
ul.top_nav					{list-style-type:none;float:right;margin:0}
ul.top_nav li				{float:left;margin:0 2px;font-weight:bold;border-right:1px solid #903020;height:10px;overflow:visible;}
ul.top_nav li.lastchild {border-right:none;margin-right:0}
ul.top_nav li.lastchild a  {padding-right:0}
ul.top_nav li a			{display:block;text-align:center;padding:5px;margin-top:-8px;}
ul.top_nav li a:hover	{color:#903020 !important;text-decoration:none;}
ul.top_nav li a:active	{color:#903020;text-decoration:none;}
ul.top_nav li a.no_link {cursor:default;}
/* Second teir */
ul.top_nav li:hover ul	{visibility:visible;}
ul.top_nav ul				{float:none !important;visibility:hidden;position:absolute;margin:0;padding:5px;background:#FFF;z-index:9}
ul.top_nav ul li			{float:none !important;margin:0;overflow:hidden;border:0;height:auto;}
ul.top_nav ul li a      {text-align:right;background:#FFF;padding:1px;margin:0;}
ul.top_nav ul li a span {background:#8E9193 url(/images/common/bullet2_off.gif) right no-repeat;display:block;color:#FFF;padding:4px 25px 4px 4px;}
ul.top_nav ul li a:hover span {background-image:url(/images/common/bullet2_on.gif);background-color:#903020;}

ul#main_nav 	{margin-top:16px;clear:right;}
ul#main_nav a	{color:#626366;font-size:13px}
ul#sec_nav  	{margin-top:7px;text-transform:uppercase;}
ul#sec_nav a	{color:#8E9193;font-weight:normal;}

/* ----- Right Menu ----- */
ul#content_nav 			{float:right;list-style-type:none;margin-top:55px}
ul#content_nav li       {text-align:right;}
ul#content_nav li a     {display:block;padding:7px 25px 7px 10px;background:url(/images/common/bullet_off.gif) right no-repeat;font-weight:bold;color:#626366;}
ul#content_nav li a:hover{background-image:url(/images/common/bullet_on.gif);text-decoration:none;}

/* ---- Footer Menu ---- */
ul#footer_nav           {margin:0;padding:10px 0 0 0;list-style-type:none;margin:10px auto 0 auto;padding-bottom:17px;}
ul#footer_nav li        {display:inline;margin:0 2px;}
ul#footer_nav li a      {color:#626366;padding:0;font-size:11px}

/* Right column membership lists */
dl.memberships          {list-style-type:none;margin-left:0;margin-right:0;}
dl.memberships dt       {float:left;clear:left;width:70px;text-align:center;margin-top:10px;}
dl.memberships dd       {float:left;width:190px;margin-top:10px;}
/*dl.memberships img		{display:inline;margin-right:5px;vertical-align:text-top}
dl.memberships li       {clear:left;margin-top:20px;border:1px solid red;}*/

/******************************************************************************/
/*                           Page Specific Style                              */
/******************************************************************************/

/*--------- Contact Page ---------*/
div#contact_wrapper     {background:url(/images/contact/contact_bg.jpg) no-repeat;padding:40px 25px; height:970px;}
/* No good as the content nested within the divs is also faded... hack galor exists but I'm not happy to test them fully
div#contact_content,
form#contact_form,
div#contact_msg			{background:#FFF;-moz-opacity:0.4;filter:alpha(opacity=40);opacity:0.4;padding:20px;color:#000;}*/
div#contact_content,
form#contact_form,
div#contact_msg			{padding:20px;}

div#contact_content     {float:left;width:430px;margin-right:30px;}
div#contact_content a   {font-size:120%;font-weight:bold}
div#contact_content h2  {clear:left;}
div#contact_content dl  {margin-bottom:20px; margin-top:0;}
div#contact_content dl,
div#contact_content dt,
div#contact_content dd	{float:left;}
div#contact_content dt  {clear:left;font-weight:bold}
div#contact_content dd  {width:350px;}
div#contact_content dd a{font-size:100%;font-weight:normal}
/* second tier */
div#contact_content dl dl  {float:none;clear:left}
div#contact_content dd dd  {width:200px}
dl#departments dl          {margin-left:0;}
dl#departments dt          {margin-top:10px; clear:none;}

dl#departments dl          {margin:0}
dl#departments dl dt,
dl#departments dl dd			{margin-top:0;}
dd.tel                     {width:100px !important}

form#contact_form			{float:right;width:405px;height:343px}
form#contact_form label,
form#contact_form input,
form#contact_form textarea {float:left;padding:2px;margin:4px 0}
form#contact_form input,
form#contact_form textarea	{border:1px solid #626366;background:#FFF;width:270px;height:18px}
form#contact_form label		{clear;left;color:#FFF;text-align:right;width:75px;height:16px;background:url(/images/contact/label_bg.gif) no-repeat;padding:4px 30px 4px 5px;margin-right:15px;}
form#contact_form textarea {height:170px}
form#contact_form div#buttons {margin-left:125px;clear:left;}
form#contact_form div#buttons input {width:131px;height:23px;background:url(/images/contact/submit_bg.gif) no-repeat;padding:2px 4px 4px 4px;color:#FFF;text-align:left;cursor:pointer;border:0}
form#contact_form div#buttons input#reset {margin-right:15px}

div#contact_msg		{float:right; width:405px;background:#FFF}


/*--------- Floor Screeds / Service ---------*/
div.column  {float:left;margin-right:30px;}
div.column.top 	{margin-top:15px;}
div.column.bottom {margin-bottom:25px;}
div.column5  {width:162px;}
div.column4  {width:210px;}
div.column.lastchild {margin-right:0}
div.column h2		{margin-bottom:5px;font-weight:bold;text-align:right}
div.column h2 a	{display:block;font-size:13px;padding-right:30px;background:url(/images/common/bullet_off.gif) top right no-repeat;color:#626366;}
div.column h2 a:hover		{background-image:url(/images/common/bullet_on.gif);text-decoration:none;}
div.column p              {margin:0}
div.column p a.more			{display:block;background:url(/images/common/more_button.gif) no-repeat;color:#FFF;width:66px;height:21px;padding:3px 4px 2px 15px;font-size:18px;margin-top:10px}
div.column p a.more:hover {text-decoration:none;}