/**
 *	Ordyss
 *  Base Screen Styles
 *	
 *	@author:	imagin8 Web Studio <http://www.imagin8.com>
 *	@date:		17/04/2007	
 *
 *	Table of Contents:
 *		layout
 *		typography
 *		lists
 *      links
 *		forms
 *		genric styles
 *
 */

body {
	background-color:		#fff; 
	color:					#2e2e2e;
	font-family:			"Lucida Sans", Arial, Verdana, "Lucida Grande", Helvetica, sans-serif;
	font-size:				70%;
	margin:					0px 0px;
}

/** layout
--------------------------------------- */
#bg-main-wrapper {
	background:				#e8e8e8 url(../images/bg-main-wrapper.png) repeat-x;
}

#header {
	background:				transparent url(../images/bg-header.gif) 2px bottom repeat-x;
	overflow:				hidden;
	margin-bottom:			2px;
	padding-bottom:			1px;
	width:					880px;
}

body.home #header {
	background:				none;
}

#main-navigation {
	background:				transparent url(../images/navigation/bg-navigation.gif) bottom left no-repeat;
	height:					40px;
	padding:				9px 0 12px 0;
	margin:					0 auto;
	width:					880px;
	z-index:				100;
}

#brand {
	float:					right;
	width:					239px;
}

#title {
	float:					left;
	margin-top:				70px;
	width:					641px;
}

#flash-feature {
	height:					288px;
	width:					880px;
}

#breadcrumbs {
	float:					left;
	width:					641px; 
}

#content-container {
	background:				transparent url(../images/bg-content-container.gif) 656px 0 repeat-y;
	padding-top:			1.5em;
	overflow:				auto;
	width:					880px;
}

#main-content {
	float:					left;
	font-size:				1.1em;
	width:					657px;
}

#side-content {
	margin-left:			657px;
}

#bg-contact-us-wrapper {
	background:				#e8e8e8 url(../images/bg-contact-us-wrapper.png) 0 27px repeat-x;
	height:					169px;
}

#contact-us {
	background:				url(../images/bg-contact-us.jpg) 0 27px no-repeat;
	height:					169px;
	margin:					0 auto;
	width:					880px;
}

#footer {
	margin:					auto;
	padding-top:			30px;
	text-align:				center;
	text-transform:			lowercase;
	width:					880px;
}

div.content {
	margin:					0 auto;
	width:					880px;
}

div.main-content-padding {
	padding:				0 25px 20px 25px;
}

div.side-content-padding {
	padding:				0 20px;
}

/** typography
--------------------------------------- */
p {
	line-height:			1.5em;
	margin-bottom:			1em;
}

#title h2 {
	color:					#000;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				22px;
	margin-left:			25px;
}

#main-content div.main-content-padding h3,
#main-content div.main-content-padding h4 {
	text-transform:			lowercase;
}

#main-content div.main-content-padding h3 {
	font-size:				1.1em;
	margin-bottom:			0.3em;
}

#main-content div.main-content-padding h4 {
	font-size:				1em;
	margin-bottom:			0;
}

#contact-us h4 {
	background:				transparent url(../images/h2/h2-contact-us.png) no-repeat;
	height:					27px;
	text-indent:			-9999px;
}

body.home #contact-us h4 {
	background:				transparent url(../images/h2/h2-contact-us-home.png) no-repeat;
}

dl#brisbane dd p,
dl#national dd p {
	line-height:			1.1em;
	margin-bottom:			1em;
}

dl#brisbane dd p span,
dl#national dd p span {
	border-right:			1px solid #fff;
	color:					#d85856;
	display:				block;
	float:					left;
	width:					2.5em;
	margin-right:			1em;
}

dl#national dd p span {
	width:					7.5em;
}

dl#national dd p span.email {
	width:					3.5em;
}

blockquote {
	background:				transparent url('../images/quoteleft.gif') left top no-repeat;
	font-size:				1em;
	line-height:			1.5em;
	margin-bottom:			30px;
}

blockquote div {
	background:				transparent url('../images/quoteright.gif') right bottom no-repeat;
	font-family:			Georgia, "Times New Roman", Times, serif;
	font-style:				italic;
	padding:				0 50px;
}

#footer p {
	color: 					#b0b0b0;
}

#footer p em {
	color:					#000;
}

#footer p em span {
	color:					#ed1b34;
}

.clientTestimonials {
	font-size: 14px; 
	letter-spacing: auto; 
	margin-bottom: 14px;
}
/** lists
--------------------------------------- */
#feature-list {
	display:				inline;
	height:					288px;
	list-style:				none;
	margin:					0;
	overflow:				hidden;
	padding:				0;
	}

#feature-list li,
#feature-list li a {
}

#feature-list li {
	display:				inline;
    list-style:				none;
	margin:					0; 
	padding:				0;
	}

#feature-list a {
	float:					left;
	height:					0px; 
	overflow:				hidden;
	padding:				288px 0 0 0;
}

#feature-list a:hover {
	background-position:	0 -288px;
}

#software-development,
#software-development a {
	background:				url(../images/feature/software-development.jpg) top left no-repeat;
	width:					147px;
}

#it-intergration,
#it-intergration a {
	background:				url(../images/feature/it-integration.jpg) top left no-repeat;
	width:					147px;
}
	
#hardware-software,
#hardware-software a {
	background:				url(../images/feature/hardware-software.jpg) top left no-repeat;
	width:					147px;
}
	
#managed-services,
#managed-services a {
	background:				url(../images/feature/managed-services.jpg) top left no-repeat;
	width:					147px;
}
	
#help-desk-services,
#help-desk-services a {
	background:				url(../images/feature/help-desk-services.jpg) top left no-repeat;
	width:					147px;
}
	
#ma-support,
#ma-support a {
	background:				url(../images/feature/ma-support.jpg) top left no-repeat;
	width:					145px;
}
	
#main-content div.main-content-padding ol {
	list-style:				none;
	margin:					0 0 2em 0;
}

#main-content div.main-content-padding ol li {
	background:				transparent url(../images/bullets/bullet-arrow.gif) 0.5em 50% no-repeat;
	padding:				0.5em 0 0 1.5em;
	overflow:				hidden;
	width:					100%;
}

#main-content div.main-content-padding ol li span {
	background:				transparent url(../images/bg-list.gif) left bottom no-repeat;
	display:				block;
	padding-bottom:			0.5em;
}

#side-content div.side-content-padding ul {
	list-style:				none;
	margin-bottom:			1em;
}

#side-content div.side-content-padding ul li, .ctree_title {
	background:				transparent url(../images/bullets/bullet-side-content.gif) 0 50% no-repeat;
	color:					#dc0e2c;
	padding:				0.7em 0 0.7em 2.5em;
}

#side-content div.side-content-padding ul li a, .ctree_title a {
	color:					#dc0e2c;
	text-decoration:		none;
}

#side-content div.side-content-padding ul li a:hover, .ctree_title a:hover {
	text-decoration:		underline;
}
	
#footer ul {
	color:					#d2d2d2;
	list-style:				none;
	margin-bottom:			1em;
}

#footer ul li {
	display:				inline;
}

dl#brisbane,
dl#national {
	float:					left;
	margin-top:				25px;
}

dl#brisbane {
	padding-right:			38px;
	padding-left:			235px;
}

dl#national {

}

dl#brisbane dt,
dl#national dt {
	color:					#fff;
	padding-bottom:			0.5em;
}

dl#brisbane dd,
dl#national dd {
	color:					#e78d8c;
}


#clientList {
	list-style-type: none;
}
#clientList li {
	float: left;
	margin: 10px 20px 10px 0;
	
}

#clientList li a {
	display: block;
	height: 120px;
	width: 180px;
	text-indent: -9000px;
	outline: 0;
}
#clientList li a:link, #clientList li a:visited {
	/*border: 1px dotted #ccc;*/
}

#clientList li a:hover {
	border-color: #aaa;
}

/* panaxgeothermal */
#clientList #panaxgeothermal a:link, #clientList #panaxgeothermal a:visited {
	background: url('../images/clients/panaxgeothermal.jpg') 0 -120px no-repeat;
} #clientList #panaxgeothermal a:hover { background-position: 0 -0px; }

/* argent */
#clientList #argent a:link, #clientList #argent a:visited {
	background: url('../images/clients/argent.jpg') 0 -120px no-repeat;
} #clientList #argent a:hover { background-position: 0 -0px; }

/* supercheap */
#clientList #superCheap a:link, #clientList #superCheap a:visited {
	background: url('../images/clients/supercheapauto.jpg') 0 -120px no-repeat;
} #clientList #superCheap a:hover { background-position: 0 -0px; }

/* ozcare */
#clientList #ozCare a:link, #clientList #ozCare a:visited {
	background: url('../images/clients/ozcare.jpg') 0 -120px no-repeat;
} #clientList #ozCare a:hover { background-position: 0 -0px; }

/* queensland teachers credit union */
#clientList #qtcu a:link, #clientList #qtcu a:visited {
	background: url('../images/clients/qtcu.jpg') 0 -120px no-repeat;
} #clientList #qtcu a:hover { background-position: 0 -0px; }

/* century yuasa */
#clientList #centuryYuasa a:link, #clientList #centuryYuasa a:visited {
	background: url('../images/clients/centuryyuasa.jpg') 0 -120px no-repeat;
} #clientList #centuryYuasa a:hover { background-position: 0 -0px; }

/* gallagher bassett */
#clientList #gallagherBassett a:link, #clientList #gallagherBassett a:visited {
	background: url('../images/clients/gallagherbassett2.jpg') 0 -120px no-repeat;
} #clientList #gallagherBassett a:hover { background-position: 0 -0px; }

/* ABN Amro Morgans */
#clientList #abnAmroMorgans a:link, #clientList #abnAmroMorgans a:visited {
	background: url('../images/clients/abnamromorgans.jpg') 0 -120px no-repeat;
} #clientList #abnAmroMorgans a:hover { background-position: 0 -0px; }

/* maritimo */
#clientList #maritimo a:link, #clientList #maritimo a:visited {
	background: url('../images/clients/maritimo.jpg') 0 -120px no-repeat;
} #clientList #maritimo a:hover { background-position: 0 -0px; }

/* vip petfoods */
#clientList #vipPetfoods a:link, #clientList #vipPetfoods a:visited {
	background: url('../images/clients/vippetfoods.jpg') 0 -120px no-repeat;
} #clientList #vipPetfoods a:hover { background-position: 0 -0px; }

/* sea world nara */
#clientList #seaWorldNara a:link, #clientList #seaWorldNara a:visited {
	background: url('../images/clients/seaworldnara.jpg') 0 -120px no-repeat;
} #clientList #seaWorldNara a:hover { background-position: 0 -0px; }

/* riviera */
#clientList #riviera a:link, #clientList #riviera a:visited {
	background: url('../images/clients/riviera.jpg') 0 -120px no-repeat;
} #clientList #riviera a:hover { background-position: 0 -0px; }

/* coffee club */
#clientList #coffeeClub a:link, #clientList #coffeeClub a:visited {
	background: url('../images/clients/coffeeclub.jpg') 0 -120px no-repeat;
} #clientList #coffeeClub a:hover { background-position: 0 -0px; }

/* brisbane airport */
#clientList #brisbaneAirport a:link, #clientList #brisbaneAirport a:visited {
	background: url('../images/clients/brisbaneairport.jpg') 0 -120px no-repeat;
} #clientList #brisbaneAirport a:hover { background-position: 0 -0px; }

/* arrow energy */
#clientList #arrowEnergy a:link, #clientList #arrowEnergy a:visited {
	background: url('../images/clients/arrowenergy.jpg') 0 -120px no-repeat;
} #clientList #arrowEnergy a:hover { background-position: 0 -0px; }


/* this isn't neccesary... above to be reviewed. */
#main-content .bulletList {
	list-style:				none;
	margin-bottom:			1em;
}

#main-content .bulletList li {
	background:				transparent url(../images/bullets/bullet-side-content.gif) 0 50% no-repeat;
	padding:				0.7em 0 0.7em 2.5em;
}

/** breadcrumbs
--------------------------------------- */
#breadcrumbs-list {
	color:					#858585;
	font-size:				0.9em;
	list-style:				none;
	margin:					5px 0 0 25px;
	text-transform:			lowercase;
}

#breadcrumbs-list li {
	background-image:		url(../images/bullets/bullet-breadcrumb.gif);
	background-repeat:		no-repeat;
	background-position:	0 50%;
	display:				inline;
	padding:				0 5px 0 10px;
}

#breadcrumbs-list li.first {
	background:				none;
	margin-left:			0;
	padding-left:			0;
}
	
#breadcrumbs-list li a {
	color:					#858585;
	text-decoration:		none;
}

#breadcrumbs-list li a:hover {
	text-decoration:		underline;
}

/** links
--------------------------------------- */
#footer a {
	color: 					#b0b0b0;
	text-decoration:		none;
}

#footer a:hover {
	text-decoration:		underline;
}

#footer ul li a {
	border-right:			solid 1px #d2d2d2;
	padding:				0 10px;
}

#footer ul li a.last {
	border:					0;
}

dl#brisbane dd a,
dl#national dd a {
	color:					#e78d8c;
	text-decoration:		none;
}

dl#brisbane dd a:hover,
dl#national dd a:hover {
	text-decoration:		underline;
}

a#make-an-enquiry {
	background:				transparent url(../images/make-an-enquiry.png) 9px 0 no-repeat;
	display:				block;
	float:					right;
	height:					60px;
	margin-top:				35px;
	position:				relative;
	text-indent:			-9999px;
	width:					204px;
}
/** tables
--------------------------------------- */
/** forms
--------------------------------------- */
form#contact-us-form fieldset {
	border:						0 !important;
	padding-top:				0.5em;
}

form#contact-us-form fieldset p {
	margin-bottom:				0.3em;
}

form#contact-us-form fieldset p.button {
	margin-bottom:				0;
	text-align:					right;
}

form#contact-us-form fieldset p.button {
	padding:					0 65px 0 0;
}

form#register-form fieldset p.button {
	padding:					0 213px 0 0;
}

form#contact-us-form fieldset p label {
	float:						left;
	width:						150px;
	text-align:					left;
	padding-top:				2px;
	padding-right:				10px;
}

form#contact-us-form fieldset p label span {
	color:						#ED1B34;
}

form#contact-us-form fieldset p input {
	background:					url(../images/bg-input.gif) #fff no-repeat left top;
	border:						1px solid #b3b3b3;
	color:						#999;
	width:						225px;
	padding:					3px;
}

form#contact-us-form fieldset p.button input {
	background:					none;
	border:						0;
	width:						auto;
}

form#contact-us-form fieldset p textarea {
	background:					url(../images/bg-input.gif) #fff no-repeat left top;
	border:						1px solid #b3b3b3;
	color:						#999;
	font-family:				"Lucida Sans", Arial, Verdana, "Lucida Grande", Helvetica, sans-serif;
	height:						70px;
	padding:					3px;
	width:						375px;
}

form#contact-us-form fieldset p input:focus,
form#contact-us-form fieldset p textarea:focus {
	background-image:			url(../images/bg-input-focus.gif);
	border:						1px solid #666;
	color:						#666;
}

form#contact-us-form fieldset p.button input:focus {
	background:					none;
	border:						0;
}

form#contact-us-form fieldset p input.required,
form#contact-us-form fieldset p textarea.required {
	border:						1px solid #ED1B34;				
}

/** sitemap links
--------------------------------------- */	
	
a.category 
{
	text-decoration: 		none;
	color:					#DC0E2C;
	}
	
a.item 
{
	text-decoration: 		none;
	font-size:				90%;
	color: #666;
	}	

a.document 
{
	text-decoration: 		none;
	font-size:				90%;
	color: #000;
	}
	
a.category:hover, a.item:hover, a.document:hover
{
	text-decoration:		underline;
		}

/** generic styles
--------------------------------------- */
.clearfix {
	clear:					both;
}