/*
====================================================================================================================================
Title:				  Style sheet - ardenresourcing.css
Author:				  Michal Balazi
E-mail:				  michal_balazi@yahoo.com
Website:			  http://www.musenuovo.co.uk
Copyright:		      Copyright (c) 2011 Arden Resourcing
Created:			  6th May 2011
====================================================================================================================================


/* Reset Browsers setting
----------------------------------------------------------- */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form fieldset, input, p, blocquote, th, td
{margin:0; padding:0;}

/* Normalizes font size for headers */
h1, h2, h3, h4, h5, h6
{font-size: 100%;}

/* Removes list-style from lists */
ol, ul
{list-style: none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{font-style: normal; font-weight: normal;}

/* Reset tables */
table
{border-collapse: collapse; border-spacing: 0;}

/* Removes border from fieldset and img */
fieldset, img
{border: 0;}

/* Left-aligns text in caption and th */
caption, th
{text-align: left;}

/* Removes quotation marks from q */
q:before, q:after
{content:'';}

/* Removes dashed outline in mozilla */
*:focus { outline: none; }

.clear {
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
height:0;
width:0;
}

*{padding:0;margin:0;}


/* General Settings ------------------------------------------------------------------------------------------------------------------ */


/* Page Layout
----------------------------------------------------------- */
body{font-family:Frutiger, Arial, Helvetica, sans-serif; font-size:14px;color:#fff ;background:#fff;}
#container{width:840px;position:relative;margin:0 auto; background:#00bce4;}
em, a{color:#005288;}

/* Header
----------------------------------------------------------- */
#header{background:#fff;width:840px; height:100px;border-bottom:#005288 30px solid; margin:0 auto;}
#branding{width:800px;margin:0 auto;height:100px;position:relative;}
#branding h1 a{background:url(../images/logo.gif) no-repeat;display:block;width:232px;height:89px;position:absolute;right:30px;top:5px; text-indent:-9999px;}

/* Navigation
----------------------------------------------------------- */
#nav_features{position:absolute;top:65px;}
#nav_features li{float:left;}
#nav_features a{display:block;padding:5px 40px 5px 0;color:#00bce4;text-decoration:none;}
#nav_features a:hover, #nav_features .active{color:#005288;}
 #nav_features .active{font-weight:bold;}

/* Content Left
----------------------------------------------------------- */
#main_content{background:url(../images/bg.gif) no-repeat right bottom; min-height:500px; font-weight:bold; padding:0 20px; }
#main_image{width:555px;height:133px;display:block; position:relative; margin:-10px 0 20px 0; }

#content_left{float:left; margin-right:30px;}
#content_left p{width:490px; margin-bottom:30px;}
#content_left ul{margin:20px 0; font-size:12px;  width:210px; float:left; margin-right:30px;} 
#content_left li{list-style:disc; margin-left:15px;}

#content_right{ float:left;}
#content_right #contact_box{
	background:url(../images/bg_sider.png) no-repeat;
	display:block;
	width:238px;
	height:92px;
	padding:15px;
	position:absolute;
	top:120px;
}
#content_right li{color:#005288; margin-bottom:5px; font-weight:bold;}



/* Content Right
----------------------------------------------------------- */




/* Footer
----------------------------------------------------------- */
#footer{margin-top:20px; background:#00bce4;  height:30px;}
#footer p{
	float:right;
	color:#005288;
	padding-right:20px;
	font-family: Frutiger, Arial, Helvetica, sans-serif;
	font-size: 10px;
}