/*------------------------------

	Name: Figure 8 Consultancy Styles

	Author: Oskar Kirkwood

	Website: http://www.waracle.com/

	Copyright: Waracle Ltd 2008

-------------------------------*/



*{

	margin:0;

	padding:0;

}



html, body {

	height: 100%;

	background:url(../images/bg-repeater.png) repeat-x #fff;

	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

}



#container{

	width:980px;

	background:#fff;

	margin: auto;

}



/* -- Body --*/



#body-inner{

 	width:960px;

	margin:0 auto;

	background:url(../images/bg-leftfade.png) repeat-y #fff;

	text-align:left;

}



#body-left{

	float:left;
	
	border-top:10px solid #fff;

	width:195px;

	/* min-height hack */

	min-height:690px;

  	height:auto !important;

  	height:690px;

  	/* end min-height hack */

	background:url(../images/bg-sidebar.png) no-repeat #4173C4;

}



#body-right{

	float:right;
	
	margin-top:10px;

	width:755px;

	/* min-height hack */

	min-height:690px;

  	height:auto !important;

  	height:690px;

  	/* end min-height hack */

}



#header-box{

	width:755px;

	height:74px;

	background:url(../images/bg-header.jpg) no-repeat #004489;

	margin-bottom:10px;

	text-align:right;

}



#header-box img{margin-top:10px; margin-right:10px;}



#title-box{

	width:755px;

	height:50px;

	background:url(../images/bg-title.png) no-repeat #004489;

	margin-bottom:10px;

}



#title-box h3{

	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;

	font-size:30px;

	font-weight:normal;

	color:#fff;

	padding-top:6px;

	margin-left:30px;

}



/* ------------------------------

	

Content Styles - Share with wysiwyg

	

------------------------------ */



#body-content{ /* This will change to body in the wysiwyg stylesheet */

	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;

	font-size:12px;

	color:#000;

	/*background:#666;*/

}



p{

	/*this might need restyled*/

	margin-bottom:10px;

	text-align:justify;

	line-height:1.5em;

	}



h1, h2, h3{

	margin-bottom:10px;

	font-size:2em;

	font-weight:bold;
	
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;

}



h4{

	margin-bottom:10px;

	font-size:1.5em;

	font-weight:bold;
	
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;

}



h5{

	margin-bottom:10px;

	font-size:1.2em;

	font-weight:bold;
	
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;

}



img{border:0;}



img.left{float:left; margin-right:10px;}



img.right{float:right; margin-left:10px;}

.ghost{
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1
}

/* These list styles need to be prefixed with #body-content */

#body-content ul{padding-left:30px; margin-bottom:10px;}

#body-content ol{padding-left:30px; margin-bottom:10px;}

#body-content li{padding:3px;}



table{

	margin-bottom:10px;

	border-collapse: collapse;

	/*width:500px;*/

	background:#d8e2ed;

	}



table th{

	border:1px solid #4173C4; 

	padding:5px;

	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;

	font-size:11px;

	font-weight:bold;

	text-align:center;

	background: #4173C4;

	color:#fff;

}



table td{

	border:1px solid #4173C4; 

	padding:5px;

	/*width:25%;*/

	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;

	font-size:11px;

	}



form{

	margin-bottom:10px;

	padding-top:10px;

	padding-left:10px;

	padding-right:10px;

	padding-bottom:5px;

	background:#d8e2ed;

	}

	

label{display:block; margin-bottom:5px;}



select{

	width:200px;

	background:#d8e2ed;

	border:1px solid #004489;

	padding:2px;

	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;

	font-size:11px;

	color:#000;

	margin-bottom:5px;

	}

	

input{

	width:200px;

	background:#d8e2ed;

	border:1px solid #004489;

	padding:2px;

	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;

	font-size:11px;

	color:#000;

	margin-bottom:5px;

	}



input.button{

	margin-top:5px;

	width:150px;

	background:#eee;

	color:#222;

	border-top:1px solid #ccc;

	border-left:1px solid #ccc;

	border-right:1px solid #333;

	border-bottom:1px solid #333;

	cursor:pointer;

	}



input.button:hover{background:#D9EFF9;}



textarea{

	display:block;

	overflow:auto;

	width:400px;

	height:150px;

	background:#d8e2ed;

	border:1px solid #004489;

	padding:2px;

	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;

	font-size:11px;

	color:#000;

	}



a:link, a:visited{

	color: #000080;

	text-decoration:none;

	font-weight:bold;

	}



a:hover {

	color: #000080;

	text-decoration:underline;

	font-weight:bold;

	}



/* -- Footer -- */



#footer-container{

 	width:980px;

 	height:74px;

	/*margin:0 auto;

	text-align:left;*/

	background:url(../images/bg-footer.png) no-repeat #fff;

	color:#fff;

}



#footer-container a{color:#fff; font-weight:bold;}



#footer-left{

	float:left;

	margin-top:30px;

	margin-left:20px;

}



#footer-right{

	float:right;

	margin-top:30px;

	margin-right:20px;

	text-align:right;

}



/* --- clearfix --- */



.clearfix:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}



.clearfix {

	display: inline-block;

}



html[xmlns] .clearfix {

	display: block;

}



* html .clearfix {

	height: 1%;

}



/* -- sidenav -- */



ul#sidenav{
	
	/*margin-top:10px;*/

	margin-top:74px;

	margin-left:15px;

	list-style-type:none;	

	}



ul#sidenav li{

	width:180px;

	padding:0px;

	margin-bottom:5px;

}



ul#sidenav li a{

	display:block;

	text-decoration: none;

	font-weight:normal;

	text-align:right;

	padding:3px 10px;

	/*border-bottom:1px solid #ffffff;*/

	color:#fff;

}



/* Active Link */

ul#sidenav li a.active{background:#fff; color:#063963;}



ul#sidenav li a:hover{background:#fff; color:#063963;}



/* -- reusable classes -- */



.hor-line{border-top:1px solid #000; margin-bottom:10px;}



.align-left{text-align:left;}



.align-right{text-align:right;}



.float-left{float:left;}



.float-right{float:right;}

.size-50{width:50px;}

.size-100{width:100px;}

.size-150{width:150px;}

.size-200{width:200px;}

/* -- contact form styles -- */



.email_error{

	background-color:#FFCACA;

	padding:5px;

	border:1px solid #CC0000;

	margin-bottom:10px;

}



.email_success{

	background-color:#E4FFCA;

	padding:5px;

	border:1px solid #336600;

	margin-bottom:10px;

}



.smalltext{

	font-size:10px;

	color:#999999;

}