@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project:		XL Business Finance
Version:		1.0
Last change:	29/06/10 []
Author:			Andrew Yee (andrew@citruscube.com)
Primary use:	Web site
-------------------------------------------------------------------*/

/* Layout */
* {
	margin: 0;
	padding: 0;
}

html {
	/* non-ie browsers short page fix */
	margin-bottom: 1px;
	height: 100%;
	margin: 0 auto;
}

body {
	font: 12px Arial, Helvetica, sans-serif;
	color : #000000;
	background-color:#FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	height: 100%;
}

.main{
	width: 920px;
	padding-top: 5px;
	/*margin: 0 auto;*/
	text-align: left;
	display: table;
	background-color:#FFFFFF;
	padding:15px;
	margin: 0px auto;
	
}

.header{
	width: 920px;
	margin: 0 auto;
	text-align: left;
	display: table;
	background-color:#FFFFFF;
	height:78px;
}

.header-left{
	float:left;
	width:710px;
	text-align: left;
}

.header-right{
	float:left;
	width:210px;
	text-align:right;
	color:#0072A4;
	font-weight:bold;
	padding-top:10px;
}

/*.navigation{
	width: 920px;
	margin: 0 auto;
	text-align: left;
	display: table;
	background-color:#1373A5;
	height:30px;
	background-image:url(../media/bg-navigation-start.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}*/

.navigation2{
	width: 920px;
	margin: 0 auto;
	text-align: left;
	display: table;
	background-color:#1373A5;
	height:50px;
	background-repeat:no-repeat;
	background-position:bottom left;
}

.main-body{
	width: 920px;
	margin: 0 auto;
	text-align: left;
	margin-top:20px;
	
}

.sub-sections{
	
	width:165px; 
	float:left;
	display:table;
	background-image:url(../media/bg-sub-sections.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:659px;
	padding:10px;
}

.body-main{
	background-color: #FFFFFF;
	width: 482px;
	float:left;
	display:table;
	margin:0 20px 0 20px;
}

.body-main-blog{
	background-color: #FFFFFF;
	width: 690px;
	float:left;
	margin:0 0 0 20px;
}


.sidebar{
	
	width: 208px;
	float:left;
	display:table;
	background-image:url(../media/sidebar2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:669px;
	padding-left:5px;
}


.sidebar-quotebox{
	
	width: 203px;
	padding-left:0px;
}

.sidebar-quotebox-tel{
	
	width: 198px;
	height:85px;
	font-size: 18px;
	text-align:center;
	color:#FFF;
	padding-top:5px;
}

.sidebar-quotebox-tel-location{
	
	font-size: 13px;
	font-weight:bold;
}

.sidebar-quotebox-getquote{
	
	width: 198px;
	height:25px;
	font-size: 18px;
	text-align:center;
	color:#FFF;
	padding-top:3px;
}

.sidebar-quotebox-form{
	
	width: 178px;
	height:235px;
	padding-top:10px;
	padding-left:15px;
}

.sidebar-blog{
	
	width: 203px;
	padding-left:5px;
	margin-top:3px;
}



.sidebar-blog-title{
	
	width: 193px;
	height:35px;
	font-size: 18px;
	text-align:center;
	color:#FFF;
	padding-top:12px;
	
}


.sidebar-blog-box{
	
	width: 173px;
	height:195px;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	font-size:11px;
}

/*Features */

.features{
	background-image:url(../media/feature-buttons.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:432px;
	height:73px;
	padding:10px 14px 10px 14px;
	
}

.feature1{
	width: 121px;
	float:left;
	margin-right:14px;
	padding:6px;
}

.feature1 a{
	color: #FFF;
	font-weight:bold;
	font-size:13px;
	
}

.feature2{
	width: 121px;
	float:left;
	margin-right:14px;
	padding:6px;
}

.feature2 a{
	color: #FFF;
	font-weight:bold;
	font-size:13px;
	
}

.feature3{
	width: 121px;
	float:left;
	padding:6px;
}

.feature3 a{
	color: #FFF;
	font-weight:bold;
	font-size:13px;
	
}



.footer{
	width: 920px;
	padding-top: 5px;
	margin: 0 auto;
	display: table;
	border-top:#999 1px solid;
	
}

.footer-col1{
	float:left;
	width:150px;
	font-size:14px;	
	font-weight:bold;
}

.footer-col1 a{
	color:#999;
	font-weight:bold;
	font-size:14px;
}

.footer-col1 a:hover{
	color:#666;
	font-weight:bold;
	font-size:14px;
	text-decoration:underline;
}

.footer-col2{
	float:left;
	width:150px;
	font-size:14px;	
	font-weight:bold;	
}

.footer-col2 a{
	color:#999;
	font-weight:bold;
	font-size:14px;
}

.footer-col2 a:hover{
	color:#666;
	font-weight:bold;
	font-size:14px;
	text-decoration:underline;
}

.footer-col3{
	float:left;
	width:620px;	
	font-size:12px;	
	font-weight:bold;
	color:#999;
}

.clear{
	clear:both;	
}

/* Text */

h1{
	font-size:26px;
	font-weight:normal;
	margin-bottom:7px;
	color:#1373A5;
}

h2{
	font-size:16px;
	font-weight:normal;
	margin-bottom:7px;
	color:#1373A5;
}

h3{
	font-size:12px;
	font-weight:bold;
	color:#1373A5;
}

h4{
	font-size:12px;
	font-weight:bold;
	color:#2D409A;
	padding:0;
	margin:0;
}

p{
	margin: 5px 0 10px 0;
}

/* Links */

a {
	text-decoration:underline;
	color: #1373A5;
}

a:hover{
	text-decoration:underline;
}



/* Lists */

ul li{
	
	margin-left:0px;
	margin-bottom: 10px;
	margin-top: 10px;

}

ul li ul li{
	
	margin-left:20px;
	margin-bottom: 10px;
	margin-top: 10px;

}

/* Form - Get Quote */

form label {
  color:#FFF;
  
}


#contact_name {

	background-color: #FFFFFF;
	border: 1px #000 solid; 
	margin: 2px;
	padding: 2px;
	width:150px;
	font: 12px Arial, Helvetica, sans-serif;
}


#email_address {

	background-color: #FFFFFF;
	border: 1px #000 solid; 
	margin: 2px;
	padding: 2px;
	width:150px;
	font: 12px Arial, Helvetica, sans-serif;
}


#telno {

	background-color: #FFFFFF;
	border: 1px #000 solid; 
	margin: 2px;
	padding: 2px;
	width:150px;
	font: 12px Arial, Helvetica, sans-serif;
}

#message {

	background-color: #FFFFFF;
	border: 1px #000 solid; 
	margin: 2px;
	padding: 2px;
	font-size:12px;
	width:150px;
	height:50px;
	font: 12px Arial, Helvetica, sans-serif;
}

.submitbutton {
  color: #000000;
}

.hideform {
	display: none;
}

.required{
	color:#333333;
	font-size:10px;
}

/* Sidebar - telephone */

.sidebar-telephone{
	height:27px;
	background-color:#09C;
	width:188px;
	margin-bottom:10px;
	padding:5px;
	color:#FFF;
}

/* Navigation - sub sections */

#nav-submenu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav-submenu li
{
	margin: 0 0 10px 0;
}

#nav-submenu li a
{
	
	display: block;
	color: #1373A5;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;
	text-align: left;
	margin-right:15px;
	margin-bottom:16px;
	width:150px;
}

#nav-submenu li a:hover
{
	text-decoration: none;
	color:#FBB040;
}

/* Hide from IE5-Mac \*/
#nav-submenu li a
{
	float: none
}
/* End hide */

#nav-submenu
{
	width:155px;
	padding-left:10px;
}