/* 

	ciSUITE.com.au SITE-WIDE STYLESHEET

////////////////////////////////////////////////////////////////////////////////////

///////////////////////////////////////////////////////////////



	This document contains all the necessary styles for the ciSUITE: site.

	The document is split into numerous style sections:



	///	SS01: Override styles - styles that override base xhtml elements.

	/// SS02: Unique Styles - styles for unique ID objects

	/// SS03: Combination Styles - styles that combine to make reflexive classes

	/// SS04: Anchor & Link Styles - styles that redesign links, anchors etc.

	

///////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////////////////////////

*/



/* 

SS01: OVERRIDE STYLES

////////////////////////////////////////////////////////////////

///////////////////////////////////////////

*/





body, html

{

	height: 100%;

	width: 100%;

	margin: 0px;

	padding: 0px;

	background: url(../images/img_diaglines.gif) repeat;

	font-family: arial, verdana, sans-serif;

	font-size: 11px;

	color: black;

}



img

{

	border: none;

}



em

{

	font-weight: bold;

	font-style: normal;

}



h2

{

	font-family: arial, verdana, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #ca0000;

}



h1

{

	font-family: arial, verdana, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #ca0000;

	text-transform:uppercase;

}



a:link

{ 

color: black; 

text-decoration: underline;

}

a:visited { color: black; text-decoration: underline;}

a:hover { color: black; text-decoration: underline;}

a:active { color: black; text-decoration: underline;}



/*

/////////////////////////////////////////// Override

////////////////////////////////////////////////////////////////

*/



/* 

SS02: UNIQUE STYLES

////////////////////////////////////////////////////////////////

///////////////////////////////////////////

*/



#CT_Banner

{

	height: 84px;

	width: 100%;

	background: url(../images/img_banner.jpg) repeat-x;

	text-align: center;

	margin: auto;

}



	#CT_holder

	{

		width: 874px;

		text-align:center;

		margin: auto;

		vertical-align: middle;

		position:relative;

	}	

	

	#sitesearch

	{

		width:260px;

		height:20px; 

		padding:30px 0px 0px 0px;

		text-align:right;

		margin-left:390px;

		* display: inline;

		float:left;

	}

	

	.tagLine

	{

		position:absolute;

		top:33px;

		left: 230px;

	}

	

#CT_Nav

{

	height: 27px;

	width: 100%;

	background: #171717;

	border-top: 1px solid #a6a6a6;

	border-bottom: 1px solid #a6a6a6;

	text-align: center;

	margin: auto;

}





	.Navholder

	{

		width: 874px;

		height: 27px;

		text-align:left;

		margin: auto;

	}	



#CT_Container

{

	height: 100%;

	width: 100%;

}



#CT_Backer

{

	width: 860px;

	background: url(../images/img_backer.gif) repeat-x #4c4c4c;

	text-align:left;

	margin: auto;

	margin-top: 12px;

	padding: 7px;

	position: relative;

}	



#CT_Footer

{

	width: 846px;

	height: 36px;

	background: url(../images/img_footer2.gif) no-repeat top left #1c1c1c;

	margin: auto;

	overflow:hidden;

	line-height:36px;

	padding: 0px 0px 0px 17px;

}



	.HostedBy

	{

		float:right;

		margin-right:15px;

		line-height:36px;

		vertical-align:middle;

		margin-top:2px;

	}	



.CONT_info

{

	width: 300px;

	margin-bottom: 8px;

	padding: 0px 0px 6px 0px;

	margin-left: auto;

	margin-right: auto;

	float: left;

	margin: 0px 7px 7px 0px;

	

}



	.CONT_info_top

	{

		background: url(../images/img_infotop.gif) no-repeat;

		width: 300px;

		height:10px;

		text-align: center;

		line-height: 10px;

	}

	

	.CONT_info_cont

	{

		width: 254px;

		padding: 13px 23px 13px 23px;

		* padding: 13px 23px 25px 23px;

		text-align: left;

		background: url(../images/img_infomid.gif) repeat-y;

	}

	

	.CONT_info_bot

	{

		width: 300px;

		height:18px;

		text-align: center;

		background: url(../images/img_infobot.gif) no-repeat;

		line-height: 10px;

		text-align: left;

	}



.CONT_main

{

	width: 645px;

	margin-bottom: 8px;

	padding: 0px 0px 6px 0px;

	float: left;

	margin: 0px 7px 7px 0px;

}



	.CONT_main_top

	{

		background: url(../images/img_maintop.gif) no-repeat;

		width: 645px;

		height:10px;

		text-align: center;

		line-height: 10px;

	}

	

	.CONT_main_cont

	{

		width: 599px;

		padding: 13px 23px 13px 23px;

		* padding: 13px 23px 25px 23px;

		text-align: left;

		background: url(../images/img_mainmid.gif) repeat-y;

	}

	

	.CONT_main_bot

	{

		width: 645px;

		height:18px;

		text-align: center;

		background: url(../images/img_mainbot.gif) no-repeat;

		line-height: 10px;

		text-align: left;

		overflow: hidden;

	}



.CONT_form

{

	width: 440px;

	margin-bottom: 8px;

	padding: 0px 0px 6px 0px;

	float: left;

	margin: 0px 7px 7px 0px;

}



	.CONT_form_top

	{

		background: url(../images/img_formtop.gif) no-repeat;

		width: 440px;

		height:10px;

		text-align: center;

		line-height: 10px;

	}

	

	.CONT_form_cont

	{

		width: 394px;

		/*padding: 13px 23px 13px 23px;*/

		padding: 13px 23px 25px 23px;

		text-align: left;

		background: url(../images/img_formmid.gif) repeat-y;

		

	}

	

	.CONT_form_bot

	{

		width: 440px;

		text-align: center;

		background: url(../images/img_formbot.gif) no-repeat;

		line-height: 10px;

		text-align: left;

		overflow: hidden;

	}



.CONT_result

{

	width: 859px;

	margin-bottom: 8px;

	padding: 0px 0px 6px 0px;

	float: left;

	margin: 0px 7px 7px 0px;

}



	.CONT_result_top

	{

		background: url(../images/img_resulttop.gif) no-repeat;

		width: 859px;

		height:10px;

		text-align: center;

		line-height: 10px;

	}

	

	.CONT_result_cont

	{

		width: 813px;

		padding: 13px 23px 25px 23px;

		text-align: left;

		background: url(../images/img_resultmid.gif) repeat-y;

		

	}

	

	.CONT_result_bot

	{

		width: 859px;

		text-align: center;

		background: url(../images/img_resultsbot.gif) no-repeat;

		line-height: 10px;

		text-align: left;

		overflow: hidden;

	}



.CONT_cisuite

{

	width: 273px;

	float: left;

	margin:  0px 7px 7px 0px;

	

}



	.CONT_cisuite_top

	{

		background: url(../images/img_focustop.gif) no-repeat;

		width: 273px;

		height:10px;

		line-height: 10px;

	}

	

	.CONT_cisuite_cont

	{

		width: 263px;

		text-align: left;

		padding: 0px 0px 0px 10px;

		background: url(../images/img_focusmid.gif) repeat-y;

	}

	

	.CONT_cisuite_bot

	{

		width: 273px;

		height: 18px;

		background: url(../images/img_focusbot.gif) no-repeat;

		text-align: left;

	}



.CONT_poweredby

{

	width: 273px;

	float: left;

	margin:  0px 0px 7px 0px;	

	

}



	.CONT_poweredby_top

	{

		background: url(../images/img_focustop.gif) no-repeat;

		width: 273px;

		height:10px;

		line-height: 10px;

	}

	

	.CONT_poweredby_cont

	{

		width: 263px;

		text-align: left;

		padding: 0px 0px 0px 10px;

		background: url(../images/img_focusmid.gif) repeat-y;

	}

	

	.CONT_poweredby_bot

	{

		width: 273px;

		height: 18px;

		background: url(../images/img_focusbot.gif) no-repeat;

		text-align: left;

	}



.SideBoxContainer

{

	width: 201px;

	float: left;

	

}

.CONT_sidebox

{

	width: 201px;

	float: left;

	margin:  0px 7px 7px 0px;

	* display:inline;

}



	.CONT_sidebox_top

	{

		background: url(../images/img_newstop.gif) no-repeat;

		width: 208px;

		height:10px;

		line-height: 10px;

	}

	

	.CONT_sidebox_cont

	{

		width: 198px;

		background: url(../images/img_newsmid.gif) repeat-y;

		padding: 0px 0px 0px 10px;

		text-align: left;

	}

	

	.CONT_sidebox_bot

	{

		width: 208px;

		height:18px;

		background: url(../images/img_sidebot.gif) no-repeat;

		text-align: left;

	}





.CONT_map

{

	width: 413px;

	float: left;

	margin:  0px 0px 7px 0px;	

	display:inline;

}



	.CONT_map_top

	{

		background: url(../images/img_maptop.gif) no-repeat;

		width: 413px;

		height: 10px;

		line-height: 10px;

	}

	

	.CONT_map_cont

	{

		width: 403px;

		background: url(../images/img_mapmid.gif) repeat-y;

		padding: 3px 3px 3px 13px;

		

	}

	

	.CONT_map_bot

	{

		width: 413px;

		height:18px;

		background: url(../images/img_mapbot.gif) no-repeat;

		text-align: left;

	}





.CONT_projects

{

	width: 338px;

	margin-bottom: 8px;

	padding: 0px 0px 7px 0px;

	margin-left: auto;

	margin-right: auto;

	float: left;

	margin:  0px 7px 0px 0px;
	
	display: inline;

}

* html .CONT_projects

{
}


	.CONT_projects_top

	{

		background: url(../images/img_projectstop.gif) no-repeat;

		width: 338px;

		height:10px;

		line-height: 10px;

	}

	

	.CONT_projects_cont

	{

		width: 298px;

		padding: 7px 20px 0px 20px;

		* padding: 6px 20px 0px 20px;

		text-align: left;

		background: url(../images/img_projectsmid.gif) repeat-y;

		line-height: 11px;

	}

	

	.CONT_projects_bot

	{

		width: 338px;

		height:18px;

		background: url(../images/img_projectsbot.gif) no-repeat;

		text-align: left;

	}

	

	.CONT_projects_bg

	{

		background: url(../images/img_whitetobluegrad.jpg) repeat-x #c0d7e2;

		width:338px;

	}	

	

	

.CONT_news

{

	width: 202px;

	margin-bottom: 8px;

	padding: 0px 0px 6px 0px;

	margin-left: auto;

	margin-right: auto;

	float: left;

	margin:  0px 0px 7px 0px;	

}



	.CONT_news_top

	{

		background: url(../images/img_newstop.gif) no-repeat;

		width: 208px;

		height:10px;

		line-height: 10px;

	}

	

	.CONT_news_cont

	{

		width: 168px;

		padding: 7px 20px 12px 20px;

		* padding: 6px 20px 20px 20px;

		text-align: left;

		background: url(../images/img_newsmid.gif) repeat-y;

	}

	

	.CONT_news_bot

	{

		width: 208px;

		height: 18px;

		background: url(../images/img_newsbot.gif) no-repeat;

		text-align: left;

	}

	

	.CONT_news_bg

	{

		background: url(../images/img_whitetobluegrad.jpg) repeat-x #c0d7e2;

		width:208px;

	}

		

	.projectheading

	{

		font-family: arial, verdana, sans-serif;

		font-size: 12px;

		color: #ca0000;

		text-transform: uppercase;

		font-weight: bold;

	}

	

	.projectimages

	{

		width: 100px;

		vertical-align:top;

		padding-bottom: 22px

		

	}

	

			.projectimages img

		{

			border: 1px solid #4e1f20;

		}

		

	.projecttext

	{

		padding:0px;

		margin: 0px;

		vertical-align: top;

		text-align: left;

		padding-bottom: 5px;

	}

	

.display-1

	{

	display:none;

	}

	

.display1

	{

	display:block;

	}

	

	.floatingImage-1 

	{

	float:left;

	margin: 0px 8px 8px 0px;

	}

	

.floatingImage1

	{

	float:right;

	margin: 0px 0px 8px 8px;

	}	

	



	

	

/*/////////////////////////////////////////// Unique////////////////////////////////////////////////////////////////*/



/*SS03: COMBINATION STYLES///////////////////////////////////////////////////////////////////////////////////////////////////////////*/





.maincontent

{

	font-family: arial, verdana, sans-serif;

	font-size: 11px;

	color: black;

}





.bold

{

	font-family: arial, verdana, sans-serif;

	font-size: 11px;

	color: black;

	font-weight: bold;

}



.bolditalic

{

	font-family: arial, verdana, sans-serif;

	font-size: 11px;

	color: black;

	font-weight: bold;

	font-style: italic;

}



.italic

{

	font-family: arial, verdana, sans-serif;

	font-size: 11px;

	color: black;

	font-style: italic;

}



.subheadings

{

	font-family: arial, verdana, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #ca0000;

}



.newsstorytitle

{

	font-family: arial, verdana, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #ca0000;

	text-transform:uppercase;

}



.newsdate

{

	font-family: arial, verdana, sans-serif;

	font-size: 10px;

	font-style: italic;

	color: black;

}



.newspreview

{

	font-family: arial, verdana, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color:black;

	text-align: left;

}



.searchtext

{

	font-family: arial, verdana, sans-serif;

	font-size: 11px;

	color:white;

	text-align: left;

}



.footertext

{

	font-family: arial, verdana, sans-serif;

	font-size: 9px;

	color: white;

	text-transform:uppercase;

	vertical-align: middle;

	text-align: left;

	text-decoration: none;

}



	a.footertext:link 

	

	{

		font-family: arial, verdana, sans-serif;

		font-size: 9px;

		color: white;

		text-transform:uppercase;

		vertical-align: middle;

		text-align: left;

		text-decoration: underline;

	}

	

	a.footertext:visited

	{

		text-decoration: underline;

		color: white;

		font-size: 9px;

	}

	

	a.footertext:hover

	{

		text-decoration: none;

		color: white;

		font-size: 9px;

	}



.boxfooter

{

	font-family: arial, verdana, sans-serif;

	text-transform: uppercase;

	color: white;

	font-size: 10px;

	vertical-align: middle;

	padding: 0px 0px 0px 6px;

	text-align: left;

	line-height: 18px;

}



.hr

{

	height:1px; 

	width: 100%; 

	background: url(../images/gr_hr.gif);

	margin-bottom: 7px;

	clear: both;

}



.hr2

{

	height:1px; 

	width: 100%; 

	background: url(../images/gr_hr.gif);

	margin-bottom: 7px;

	clear: both;

}



.hrinfo

{

	height:1px; 

	width: 100%; 

	background: url(../images/gr_hr3.gif);

	margin-bottom: 7px;

	clear: both;

}



.hrprojects

{

	height:1px; 

	width: 100%; 

	background: url(../images/gr_hr2.gif);

	margin-bottom: 7px;

	clear: both;

}



.infoimage

{

	margin: 5px 7px 7px 0px; 

	float: left;

}



.w100per

{

	width: 100%

}



.w14

{

	width: 14px;

}



.bannerlogo

{

	margin-top: 4px;

}



.footerspacer

{

	height: 10px; clear:both;

}



.floatR

{

	float: right;

}



.aligntop

{

	vertical-align: top;

}



.imageheadings

{

	margin: 0px; padding: 0px;

}



.spacer

{

	clear:both;

}



.marginL8

{

	margin-left: 8px;

}



.marginT5

{

	margin-bottom: 5px;

}



.floatL

{

	float: left;

}



.margin8

{

	margin: 0px 8px 8px 0px;

}



.marginRB15

{

	margin: 0px 15px 15px 0px;

}



.valignmiddle

{

	vertical-align: middle;

}



.1pxblackborder

{

	border: 1px solid black;

}



.searchbutton

{

	position: relative;

	vertical-align: middle;

}



.searchfield

{

	width:130px;

	border: 1px solid black;

	background-color: #f2f7f9;

	height: 18px;

	vertical-align:middle;

}



.formfields

{

	width: 380px; 

	margin: 2px 0px 5px 0px;

	border: 1px solid black;

	background-color: #f2f7f9;

	height: 22px;

	vertical-align:middle;

}



.formfieldheadings

{

	font-family: arial, verdana, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color:black;

	text-align: left;

	line-height: 22px;



}



.formsubmit

{

	background-color: #f2f7f9;

	border: 1px solid black;

	height: 20px;

	font-weight:bold;

}



.messagetext

{

	font-family: arial, verdana, sans-serif;

	font-size: 12px;

	color: black;

	border: 1px solid black;

	background-color: #f2f7f9;

	width: 380px;

	height: 180px;

}



.notionalPosImage

{

	

}



/*/////////////////////////////////////////// Combo////////////////////////////////////////////////////////////////*/



/*SS04: ANCHOR AND LINK STYLES///////////////////////////////////////////////////////////////////////////////////////////////////////////*/



#BT_Home

{

	width:49px;

	height:27px;

	display:block;

	float:left;

	text-decoration:none;

	margin-right: 17px;

	background-position:0px 0px;

}



#BT_Home:hover

{

	background-position:0px -27px;

}



#BT_Product

{

	width:141px;

	height:27px;

	display:block;

	float:left;

	text-decoration:none;

	margin-right: 17px;

}



#BT_Product:hover

{

	background-position:0px -27px;

}



#BT_Benefits

{

	width:71px;

	height:27px;

	display:block;

	float:left;

	text-decoration:none;

	margin-right: 17px;

}



#BT_Benefits:hover

{

	background-position:0px -27px;

}



#BT_Modules

{

	width:142px;

	height:27px;

	display:block;

	float:left;

	text-decoration:none;

	margin-right: 17px;

}



#BT_Modules:hover

{

	background-position:0px -27px;

}



#BT_News

{

	width:101px;

	height:27px;

	display:block;

	float:left;

	text-decoration:none;

	margin-right: 17px;

}



#BT_News:hover

{

	background-position:0px -27px;

}



#BT_Contact

{

	width:79px;

	height:27px;

	display:block;

	float:left;

	text-decoration:none;

	margin-right: 17px;

}



#BT_Contact:hover

{

	background-position:0px -27px;

}



.mainNav

{

	position: relative;

}



.mainNav:hover

{

	opacity: 0.6;

	filter:alpha(opacity=60);

}



.dropDownDiv

{

	background:#171717; 

}



.dropDownContainer

{

}



.dropDownBody

{

	line-height:20px;

}



.dropDownLinkContainer

{

}



a.dropDownLink:link, a.dropDownLink

{

	color: white;

	text-decoration:none;

	border:1px solid #a6a6a6;

	border-top: none;

	font-family: arial, verdana, sans-serif;

	font-size: 11px;

	padding: 0px 6px 0px 6px;

}



a.dropDownLink:visited, a.dropDownLink

{

	color: white;

	text-decoration:none;

	padding: 0px 6px 0px 6px;

}



a.dropDownLink:hover, .dropDownLink:hover

{

	color: #a1a1a1;

	text-decoration:none;

	padding: 0px 6px 0px 6px;

}



.dropDownContainer tr:first-child td:first-child table tr:first-child td:first-child

{

	border-top: 1px solid #a6a6a6;

}



/*/////////////////////////////////////////// Anchors////////////////////////////////////////////////////////////////*/