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

Title : Jools Consulting
Author : Wayne Roberts
URL : http://www.lushnewmedia.com/

Description : style.css

Created : 12.07.06
Modified : 14.07.06

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


html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#fff url(images/background.jpg) repeat-x;    
	
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	}
div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:798px;
	background:#fff url(images/vlines.gif) 1px 0 repeat-y;    
	border-left: 1px solid #e0e1e4;
	border-right: 1px solid #e0e1e4;

	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/

	min-height:100%; /* real browsers */
	}

h1 {
	font-size: 100%;
	margin: 0;
	padding: 0;
	}
h2 {
	font-size: 90%;
	margin: 0;
	padding: 0;
	color: #00adef;
	}
h3 {
	color: #666;
	font-size: 70%;
	font-weight: bold;
	line-height: 14px;
	padding:4px 8px 0px;
	margin: 0;
}
	h3 a{
		color: #00adef;
		background:#fff url(images/arrow.gif) left center no-repeat;    
		padding-left:8px;
		}
h5 {
	color: #666;
	font-size: 70%;
	font-weight: bold;
	line-height: 14px;
	padding:4px 8px 1px;
	margin: 0;
}
p {
	font-size: 70%;
	margin: 0;
	padding: 0;
	}
a {
	color: #00adef;
	text-decoration: none;
	}

/* HEADER */

div#header {
	width: 798px;
	height: 207px;
	margin:0;
	padding:0;
	background:#fff;
	}
	#contact {
		position: absolute;
		top: 50px;
		left: 599px;
		z-index: 10;
		width: 190px;
		margin: 0;
		padding: 0;
		background-color: inherit;
		}
	div#header p {
		color:#999;
		font-style:normal;
		font-weight:bold;
		margin:0;
		padding: 0;
		}
	div#header p a{
		color:#999;
		}
	div#header p a:hover{
		color:#00adef;
		}
	.blue {
		color:#00adef;
		}
	#logo {
		position:relative;
		top: 5px;
		left:11px;
		display: block;
		margin: 0;
		width: 225px;
		padding: 75px 0 0 0; 
		overflow: hidden;  
		background: url(images/logo.gif) no-repeat;    
		height: 0px !important; height /**/: 75px;
		}
	#logo2 {
		position:relative;
		top: 5px;
		left:11px;
		display: block;
		margin: 0;
		width: 225px;
		padding: 75px 0 0 0; 
		overflow: hidden;  
		background: url(images/logo2.gif) no-repeat;    
		height: 0px !important; height /**/: 75px;
		}
	#flashcontent {
		width: 798px;
		height: 120px;
		background-color: #fff;
		margin: 0;
		padding:12px 0 0;
		}
div#title {
	position: relative;
	display: block;
	left: 200px;
	width: 586px;
	height: 38px;
	padding:6px;
	background:#e5e5e7;
	}
	div#content p {
	padding:6px 2px;
}

/* LEFT COLUMN */

div#col-left {
	position:absolute;
	display: block;
	float:left;
	width: 198px;
	background-color: #fff;
	padding: 0;
	margin: 0;
}
	div#menu {
		width: 199px;
		font-size: 70%;
		font-weight: bold;
		text-align: left;
		padding: 32px 0 65px 0;
		}
	div#menu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
	div#menu ul li {
		width: 199px;
		border-bottom: 1px #e0e1e4 solid;
		}
	div#menu a {
		display: block;
		padding: 2px 0 2px 11px;
		text-decoration: none;
		color: #999;
		background:#fff;
		}
	div#menu a:hover {
		color: #00adef;
		background:#fff url(images/arrow.gif) left 4px no-repeat;    
		}
	div#menu a.active {
		color: #00adef;
		background:#fff url(images/arrow.gif) left 4px no-repeat;    
		}

/* MAIN CONTENT */

div#content {
	position: relative;
	display: block;
	left: 200px;
	width: 398px;
	min-height: 400px;
	padding:0 0 120px; /* bottom padding for footer */
	}
	#heading01 {
		display: block;
		margin: 0;
		width: 390px;
		padding: 60px 0 0 0; 
		overflow: hidden;  
		background: url(images/heading01.gif) no-repeat;    
		height: 0px !important; height /**/: 60px;
		}
	#heading02 {
		display: block;
		margin: 0;
		width: 390px;
		padding: 37px 0 0 0; 
		overflow: hidden;  
		background: url(images/heading02.gif) no-repeat;    
		height: 0px !important; height /**/: 37px;
		}
	#heading03 {
		display: block;
		margin: 0;
		width: 390px;
		padding: 37px 0 0 0; 
		overflow: hidden;  
		background: url(images/heading03.gif) no-repeat;    
		height: 0px !important; height /**/: 37px;
		}
	#heading04 {
		display: block;
		margin: 0;
		width: 390px;
		padding: 37px 0 0 0; 
		overflow: hidden;  
		background: url(images/heading04.gif) no-repeat;    
		height: 0px !important; height /**/: 37px;
		}
	#heading05 {
		display: block;
		margin: 0;
		width: 390px;
		padding: 60px 0 0 0; 
		overflow: hidden;  
		background: url(images/heading05.gif) no-repeat;    
		height: 0px !important; height /**/: 60px;
		}
	#heading06 {
		display: block;
		margin: 0;
		width: 390px;
		padding: 37px 0 0 0; 
		overflow: hidden;  
		background: url(images/heading06.gif) no-repeat;    
		height: 0px !important; height /**/: 37px;
		}
	#heading07 {
		display: block;
		margin: 0;
		width: 390px;
		padding: 37px 0 0 0; 
		overflow: hidden;  
		background: url(images/heading07.gif) no-repeat;    
		height: 0px !important; height /**/: 37px;
		}
	#heading07b {
		display: block;
		margin: 0;
		width: 390px;
		padding: 37px 0 0 0; 
		overflow: hidden;  
		background: url(images/heading07b.gif) no-repeat;    
		height: 0px !important; height /**/: 37px;
		}
	#heading07c {
		display: block;
		margin: 0;
		width: 390px;
		padding: 37px 0 0 0; 
		overflow: hidden;  
		background: url(images/heading07c.gif) no-repeat;    
		height: 0px !important; height /**/: 37px;
		}
	#heading07d {
		display: block;
		margin: 0;
		width: 390px;
		padding: 37px 0 0 0; 
		overflow: hidden;  
		background: url(images/heading07d.gif) no-repeat;    
		height: 0px !important; height /**/: 37px;
		}
	#heading07e {
		display: block;
		margin: 0;
		width: 390px;
		padding: 37px 0 0 0; 
		overflow: hidden;  
		background: url(images/heading07e.gif) no-repeat;    
		height: 0px !important; height /**/: 37px;
		}
	#heading08 {
		display: block;
		margin: 0;
		width: 390px;
		padding: 60px 0 0 0; 
		overflow: hidden;  
		background: url(images/heading08.gif) no-repeat;    
		height: 0px !important; height /**/: 60px;
		}
	#heading09 {
		display: block;
		margin: 0;
		width: 390px;
		padding: 37px 0 0 0; 
		overflow: hidden;  
		background: url(images/heading09.gif) no-repeat;    
		height: 0px !important; height /**/: 37px;
		}
	#heading11 {
		display: block;
		margin: 0;
		width: 390px;
		padding: 37px 0 0 0; 
		overflow: hidden;  
		background: url(images/heading11.gif) no-repeat;    
		height: 0px !important; height /**/: 37px;
		}
	#heading12 {
		display: block;
		margin: 0;
		width: 390px;
		padding: 37px 0 0 0; 
		overflow: hidden;  
		background: url(images/heading12.gif) no-repeat;    
		height: 0px !important; height /**/: 37px;
		}
#heading13 {
		display: block;
		margin: 0;
		width: 390px;
		padding: 37px 0 0 0; 
		overflow: hidden;  
		background: url(images/heading13.gif) no-repeat;    
		height: 0px !important; height /**/: 37px;
		}
	div#content p {
		line-height: 14px;
		padding:2px 8px;
		}
	div#content p a{
		color: #00adef;
		font-weight: bold;
		}
	.intro {
		font-weight: bold;
		}
	div#content ul.list {
		margin: 0;
		padding: 0;    
		width: 390px;
		}
	div#content ul.list li {
		list-style-type: none;
		margin: 0;
		padding: 2px 6px 2px 19px;    
		font-size: 70%;
		font-weight: normal;
		background:url(images/bullet.gif) 8px 6px no-repeat;    
		line-height: 14px;
		}
	div#content ul.list li a{
		color: #00adef;
		font-weight: bold;
		}
	div#content hr {
		border: 0;
		border-bottom: 1px dotted #e0e1e4;
		padding: 15px 0 15px;
		margin: 8px 8px;
		width: 382px;
		height: 1px;
		}
	 

/* RIGHT COLUMN */

div#col-right {
	position: absolute;
	top:0px;
	left:401px;
	width: 185px;
	height: 400px;
	background:#fff url(images/bluebackground.jpg) 0 0 repeat-x;    
	padding: 6px;
	margin: 0;
	}
	div#col-right p {
		padding: 0;
		margin: 0;
		}
	div#col-right .thumb {
		margin: 0; 
		padding: 0 0 10px 0;
		}
	div#col-right .thumb img {
		float: left;
		margin-right: 6px;
		border: 0;
		}
	div#col-right .thumb p {
		padding: 0;
		color: #000;
		line-height: 13px;
		}
	div#col-right .thumb h4 {
		font-size: 70%;
		padding: 0;
		margin: 0; 
		color: #00adef;
		}
	div#col-right .thumb a {
		color: #00adef;
		text-decoration: none;
		}

/* CONTACT FORM */

#contactform {
	margin: 0;	
	background: #fdfdfd;
	}
form fieldset {
	border:0;
	margin:0;
	padding:0;
	}
form p {
	padding:0 0 8px;
	margin:3px 0;	
	line-height: 21px;
	}
form textarea {
	overflow:auto;
	}
#contactform input {
	font-size: 100%;
	border: 1px solid #a5a5a5;
	margin: 0;
	padding: 3px 3px;
	background-color: #fff;
	color: #4b4b4b;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	}
form .hidden {
	display:none;
	}

/* FOOTER */

div#footer {
	position:absolute;
	width:598px;
	bottom:0; /* stick to bottom */
	right:0;
	color: #999;
	background:#fff;
	border-top:1px solid #e0e1e4;
	border-left:1px solid #e0e1e4;
	}
	div#footer p {
		line-height: 15px;
		font-weight: bold;
		padding:6px 6px 20px;
		margin:0;
		}
	div#footer p a{
		color: #999;
		text-decoration: none;
		}
	div#footer p a:hover{
		color: #00adef;
		text-decoration: none;
		}
	div#footer p .credit {
		color: #ccc;
		font-size: 90%;
		font-weight: normal;
		}
	div#footer p .credit a{
		color: #ccc;
		font-weight: normal;
		}
	div#footer p .credit a:hover{
		color: #00adef;
		}
	div#footer img {
		float:right;
		border: 0;
		padding:6px 50px 20px 10px;
		margin:0;
		}