/*
THEME NAME: clientbase
VERSION: 1.3
DATE: 2009-09-16
AUTHOR: Matt Hobbs
AUTHOR URI: http://isuseful.com/

Copyright Matt Hobbs - Not for distribution/re-use!
*/


/* Force both scrollbars to stop page jitter: http://www.webmasterworld.com/forum119/129.htm */
/* Moz specific from http://archivist.incutio.com/viewlist/css-discuss/42371 */
/* http://archivist.incutio.com/viewlist/css-discuss/42409 */
/* http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
html {
	/* overflow:	scroll; */
	/* overflow: -moz-scrollbars-vertical; */
	height: 100.02%; /* firefox only - not safari */
}


body, div, p, td, tr, span, h1, h2, h3, ul, li, ol, a, label, input {
	font-family: 	Tahoma, Geneva, sans-serif;
	font-weight:	normal;
	color:			#000033; /* #090A38; */
	margin:			0px;
	padding:		0px;
}

img {
	border-style:	no-border;
	border-width: 	0px;
	margin:			0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


body {
	position:			relative;
	background-color: 	#ffffff;
	vertical-align:		top;
	
	padding-top:		0px;
	margin-top:			0px;
}


h1, h1 span, h1 a, 
h2, h2 span, h2 a,
h3, h3 span, h3 a
{ 
	color: 			#234AA2; 
	font-size:		20px; 
	font-weight:	bold;
	}
	
h2, h2 span, h2 a { 
	/*
	color:				#234AA2;
	font-size:			18px;
	font-weight:		bold;
	*/
	padding-bottom:		2px;
	padding-top:		14px;
}

h3, h3 span, h3 a { 
	/*
	color:			#234AA2;
	font-size:		16px; 
	*/
	padding-top:	10px;
}

label, input { font-size: 12px; }
	
p, ul, ol, li, span, a { 	font-size:		12px; }

p, p a {
	line-height:	13px;
	padding-bottom:	4px;
}

a {
	font-style:			normal;
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
}

#skip {
	display: none;
}

.clearall { clear: both; }

div.div_base {
	clear:		both;
}

#wholepage {
	position:		relative;
	
	margin: 		0 auto;
	width: 			793px;

	background:		#fff;
}




#header {
	position:	relative;	
	width:		100%;
	
	padding:	0px;
	padding-top:    30px;
}
	#header h1 { display: none; }
	#header img.logo { }
	
#mainnav {
	position:		relative;
	
	width:			749px;
	height:			21px;

	margin-left:	22px;
	margin-right:	22px;

	padding-top:	10px;
	padding-bottom:	10px;
	
	overflow:		hidden;
}
	#mainnav h2 { display: none;}

	#mainnav ul.mainnav {
		display:		inline;
		
		margin:			0px;
		padding:		0px;
		
		left:			0px;
		top:			0px;
	}


	#mainnav ul.mainnav li {
		display: 	block;
		float:		left;

		margin-left:	0px;
		padding-right:	0px;
	}

	#mainnav ul.mainnav li a {
		display:		block;
		
		background-repeat:	no-repeat;
		background-position: 0px -2px;

		width:			101px;
		height:			24px;
	}
		#mainnav ul.mainnav li.here a { background-position: 0px 10px;}
		#mainnav ul.mainnav li a span { display: none; }
		
			#mainnav ul.mainnav li.home a { 
				background-image: url(/images/mainnav/mainnav-home.gif);	
				width: 47px;
			}
			
			#mainnav ul.mainnav li.contact-centre a { background-image: url(/images/mainnav/mainnav-contact_centre.gif);	}
			#mainnav ul.mainnav li.warehouse a { background-image: url(/images/mainnav/mainnav-warehouse.gif); } 
			#mainnav ul.mainnav li.systems a { background-image: url(/images/mainnav/mainnav-systems.gif); } 
			#mainnav ul.mainnav li.clients a { background-image: url(/images/mainnav/mainnav-clients.gif); } 
			#mainnav ul.mainnav li.case-study a { background-image: url(/images/mainnav/mainnav-case_study.gif); } 
			#mainnav ul.mainnav li.australia a { background-image: url(/images/mainnav/mainnav-australia.gif); } 
			#mainnav ul.mainnav li.contact a { 
				width: 96px; 
				background-image: url(/images/mainnav/mainnav-contact_us.gif); 
			} 

			/* NEEDS TO BE AFTER DEFINITIONS */
			#mainnav ul.mainnav li a:hover { background-position: 0px -4px;}
			#mainnav ul.mainnav li.here a:hover { background-position: 0px 0px;}

			body.home #mainnav ul.mainnav li.home a,
			body.contact-centre #mainnav ul.mainnav li.contact-centre a,
			body.warehouse #mainnav ul.mainnav li.warehouse a,
			body.systems #mainnav ul.mainnav li.systems a,
			body.clients #mainnav ul.mainnav li.clients a,
			body.case-study #mainnav ul.mainnav li.case-study a,
			body.australia #mainnav ul.mainnav li.australia a,			
			body.contact #mainnav ul.mainnav li.contact a			
				{ background-position: 0px -30px;}

				body.home #mainnav ul.mainnav li.home a:hover, 
				body.contact-centre #mainnav ul.mainnav li.contact-centre a:hover
					{ background-position: 0px -30px; }


				


/*
******************** BANNER SIDEBAR *************************
*/

#sidebar_banner {
	display:		block;
	position:		relative;
	
	padding-left:	22px;
	padding-right:	22px;
	
	width:			749px;
}
/* html > body .wordpress home page logged_in > div #wholepage > div #sidebar_banner > div .widget widget_home-callout widget_sb-html > div .banner_image > p > img */

	#sidebar_banner div.widget {
		clear:			both;
		width:			749px;
		margin-top:		0px;
		margin-bottom:	0px;
	}
		#sidebar_banner div.widget h3 { display: none; }

/* **************** Home banner **************** */
		
		#sidebar_banner div.widget_home-callout div.banner_callout {
			padding-top:	0px;
		}
			#sidebar_banner div.widget_home-callout div.banner_callout h2 {
				display:		block;
				width:			154px;
				height:			30px;
				background:		url(/images/subtitles/subtitle-welcome.gif) no-repeat;
				margin-top:		0px;
				padding-top:	0px;
			}
				#sidebar_banner div.widget_home-callout div.banner_callout h2 span { display: none; }
				#sidebar_banner div.widget_home-callout div.banner_callout p { 
						padding-top: 2px;
						padding-left: 2px;
						}
				
			
		
		#sidebar_banner div.widget_home-callout div.banner_image {
				float:		right;
			}
			
/* **************** Home subnav **************** */

		#sidebar_banner div.widget_home-subnav {
			height:			67px;
			padding-left:	0px;
			margin-left:	-2px;
			width:			751px;
			
			padding-top:	2px;
			
			overflow:		hidden;
		}
			#sidebar_banner div.widget_home-subnav ul {
				display:		block;
				
				width:			800px; /* wider than div but hidden */
				height:			67px;
				
				margin:			0px;
				padding:		0px;

				left:			0px;
				top:			0px;
			}

				#sidebar_banner div.widget_home-subnav ul li {
					display: 	block;
					float:		left;

					margin-left:	2px;
				}
				
					#sidebar_banner div.widget_home-subnav ul li a {
						display:		block;

						background-repeat:	no-repeat;
						background-position: 0px 0px;

						width:			248px;
						height:			67px;
					}
						#sidebar_banner div.widget_home-subnav ul li a span { display: none; }
						
						#sidebar_banner div.widget_home-subnav ul li.contact-centre a {
							background-image:	url(/images/home/homecallout-contact_centre.gif);
						}
						#sidebar_banner div.widget_home-subnav ul li.warehouse a {
							background-image:	url(/images/home/homecallout-warehouse_services.gif);
						}
						#sidebar_banner div.widget_home-subnav ul li.systems a {
							background-image:	url(/images/home/homecallout-software.gif);
						}								
/*
******************** MAINBODY *************************
*/

#mainbody {
	position:		relative;
	clear:			both;

	padding-left:	22px;
	padding-top:	4px;
	width:			749px;
}
	
	body.home #mainbody { padding-top: 10px; }
		body.home #mainbody h1 { display:	none; }


/*
******************** #CONTENT *************************
*/

	#content {
		position:		relative;
		float:			left;
		width:			499px;
		
		padding-top:	0px;
		padding-bottom:	10px;
	}
	
		#content ul, #content ol {
			margin-left:	20px;
		}
			#content * li { }
	

	#content p, #content ul, #content ol {
		padding-right:	14px;
		
		padding-top:	4px;
		padding-bottom:	14px;
	}
	
	p.illustration {
		float:				left;
		padding-right:		4px;
		padding-bottom:		4px;
	}
	
	#content p.intro {
		color:				#444;
		font-style:			italic;
	}

	div.case-study-source {
		float:				left;
		width:				208px;
		margin-left:		2px;
		padding:			20px;
		background:			#aaa;
		color:				#fff;
	}
		div.case-study-source * { color: #fff; }
	
	/*
	******************** PAGE TITLE REPLACEMENT *********************
	*/
	
	body.contact-centre h1.page_title,
	body.warehouse h1.page_title,
	body.systems h1.page_title,
	body.clients h1.page_title,
	body.case-study h1.page_title,	
	body.australia h1.page_title,	
	body.contact h1.page_title
	{
		display:		block;
		width:			450px;
		height:			35px;
		padding-top:	0px;
		margin-top:		0px;
	
		background-repeat:		no-repeat;
		background-position:	0px 0px;
	}
		body.contact-centre h1.page_title span,
		body.warehouse h1.page_title span,
		body.systems h1.page_title span,
		body.clients h1.page_title span,
		body.case-study h1.page_title span,
		body.australia h1.page_title span,		
		body.contact h1.page_title span
		{ display: none; }
		
		/* specifics */
		body.contact-centre h1.page_title {
			background-image: url(/images/subtitles/subtitle-contact_centre.gif);
		}
		body.warehouse h1.page_title {
			background-image: url(/images/subtitles/subtitle-warehouse.gif);
		}
		body.systems h1.page_title {
			background-image: url(/images/subtitles/subtitle-systems.gif);
		}

		body.clients h1.page_title {
			background-image: url(/images/subtitles/subtitle-clients.gif);
		}
		body.case-study h1.page_title {
			background-image: url(/images/subtitles/subtitle-suitably_fulfilled.gif);
		}
		body.australia h1.page_title {
			width:	500px;
			background-image: url(/images/subtitles/subtitle-australia.gif);
		}
		
		body.contact h1.page_title {
			background-image: url(/images/subtitles/subtitle-contact_us.gif);
		}


	/*
	******************** RIGHT SIDEBAR *************************
	*/

	#sidebar_right {
		position:		relative;
		float:			right;

		width:			248px;
		margin-top:		0px;

		padding:		0px;
	}
		#sidebar_right div.widget {
			position:	relative;
			float:		left;
			width:		244px;

			border:		2px solid #003399;
			background:	#ffffff;

			padding:	0px;

			margin-bottom:	6px;		
		}
			#sidebar_right div ul {
				position:	relative;
				display:	block;
				margin:		0px;
				padding:	0px;
			}
				#sidebar_right div ul li {
					margin-left: 	10px;
				}

		#sidebar_right div.widget_sidebar-contact {
			border-style: 		no-border;
			border-width:		0px;			
		}
		
		#sidebar_right div.widget_sidebar-contact a {
			display:			block;
			height:				123px;
			width:				248px;
			background:			url(/images/sidebars/sidebar-contact_us.gif) no-repeat;
		}
			#sidebar_right div.widget_sidebar-contact h3 { display: none; }
			#sidebar_right div.widget_sidebar-contact a * { display: 			none; }
	

/*
******************** #FOOTER *************************
*/

#footer {
	clear:			both;
	width:			749px;
	text-align:		left;

	padding-top:	10px;
	padding-bottom:	10px;
	
	margin-left:	22px;
	margin-right:	22px;
	
	
	border-top: 1px solid #777; 
}
	#footer p, #footer p a {
		color:			#ccc;
		font-weight:	normal;
		
		font-size:		8px;
		color:			#777;
	}
		#footer p { padding: 0px; margin: 0px; }
		#footer p.site_by, #footer p.site_by * { color: #aaa; }
		

		
/*
******************** BLOG/NEWS ******************
*/

div.post {
	padding-bottom:		20px;
}
	div.post h2.entry-title { }

	div.post div.entry-content { padding-bottom: 0px; margin-bottom: 0px; color: blue; }
		div.post div.entry-content p { }

	div.entry-meta {
	}
		div.entry-meta, div.entry-meta *, div.comment-meta, div.comment-meta * {
			font-size:		10px;
			color:			#555;
			font-style:		italic;
			line-height:	12px;
		}

		div.entry-meta span.meta-sep { } /* seperator between meta data */

		div.entry-meta span.entry-category { } /* list of categories this entry is filed in */
			div.entry-meta span.entry-category a { } /* link to category page */

		div.entry-meta span.entry-edit { } /* admin only link */

		div.entry-meta span.entry-comments { }
			div.entry-meta span.entry-comments a { }


#nav-below {
	padding-top:	6px;
	width:			100%;
}

	/* ************ Comments *********** */
	#post_comments { padding-left: 54px;}
		#post_comments ol { padding-left: 12px; }
			#post_comments ol li { padding-bottom: 8px; padding-top: 4px; }
			#post_comments div.comment-author, #post_comments div.comment-author * { font-style: italic; font-weight: bold;}
	
	/* *** submit comments *** */
	#post_submit_comment {
		margin-top:	20px;
	}
	
	div.form-label { padding-top:	6px;}
		div.form-label label { font-style: italic; }


/*
******************** SYSTEMS ******************
*/

#system_list {
}
	#system_list li { 
		display:			block;
		width:				300px;
		float:				left;
		padding-bottom:		30px;
	}
	
		#system_list li span.company_name { display: none; }


/*
******************** CLIENTS ******************
*/

#client_list {
}
	#client_list li { 	
		display:			block;
		width:				300px;
		float:				left;
		padding-bottom:		20px;
	}
	
		#client_list li span.company_name { display: none; }


/*
******************** CONTACT ******************
*/	

div.contact_main {
	margin-right:	60px;
	margin-left:	40px;
	margin-top:		10px;
	margin-bottom:	30px;
	
	padding:		10px;
	padding-left:	20px;
	padding-top:	20px;
	
	background-color:	#eee;
}
	
	div.contact_main * {
		font-size:		20px;
		font-weight:	normal;
	}
	
	div.contact_main p.contact_names { font-weight: bold; margin-bottom: 0px; }

div.address {
	margin-top:		10px;
	margin-bottom:	10px;
}
	div.address p {
		padding:	0px;
		margin:		0px;
	}
	
	div.address p.address_title {
		display: 		block;
		line-height:	10px;
		width:			100px;
		float:			left;
	}
	
	div.address p.full_address {
		float:			left;
		line-height:	8px;	
		margin-bottom:	10px;
	}
		div.address p.full_address span.map {
			display:	block;
			margin-top:	4px;
		}
			div.address p.full_address span.map a {
				color:		#555;
				font-size:	10px;
			}

div.directions {
	clear:				both;
	padding-bottom:		20px;
}
	div.directions p span.direction_option { font-weight: bold; }


/*
**************** ADMIN ***************
*/

.entry-edit {
	font-style:		italic;
	font-weight:	bold;
}
	.entry-edit a { color: #339; }
	
	.note {
	   color: #ff2222;
	   background: #dd8;
	}

	.pic_here {
	   display: block;
	   width: 50%;
	   height: 50px;
	   border: 2px #f00 solid;
	}	
	

#accessibility_header { display: none; }

div.rightbar {
	float:		right;
	width:		345px;
}