@charset "UTF-8";

/*########################################

	Commpu@ssist CSS Document 
	DESIGNED BY HGWS
	www.hgws.com.au

#########################################*/



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

	GLOBAL STYLES - stucture, header, navigation

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

* { margin:0; padding:0 }

body { background:#fff url(../img/global_bg_main.gif) repeat-x top; font-family: Helvetica, Arial, sans-serif; color:#333333; font-size:12px;  }


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

	FONT STYLES - paragraphs, headings, lists

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

p { line-height:18px; margin-bottom:15px; }

h1 { font-weight:bold; font-size:18px; letter-spacing:-1px; color:#002D7B; margin-bottom:10px; text-transform:uppercase;  }

h2 { font-weight:bold; font-size:14px; letter-spacing:-1px; color:#FF5B1F; margin-bottom:10px;  }

a { color:#FF6600; text-decoration:none; }

a:hover { color:#FF9900; text-decoration:underline;}

a.bluelink { color:#002D7B; text-decoration:none; }

a.bluelink:hover { color:#FF5B1F; }

ul.textlist { margin: 0; padding: 0 0 0 26px; } 

ul.textlist li { margin-bottom:2px; list-style:url(../img/bullet.gif); padding:2px 0px; }

a.largelink { color:#FF6600; font-size:18px; text-decoration:none; }

a.largelink:hover { color:#FF9900; font-size:18px; text-decoration:underline; }

.largetext { font-size:18px; font-weight:bold; color:#003366; }

/* BUTTONS */

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden; width: 100%; clear:both; }
	
br.clear { clear: both; width:900px; }

a.button { background: transparent url('../img/bg_button_a.png') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 22px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */  text-decoration: none;
}

a.button span { background: transparent url('../img/bg_button_span.png') no-repeat; display: block; line-height: 14px; padding: 4px 0 4px 18px; }

a.button:hover { background-position: -22px right; color: #000; outline: none; /* hide dotted outline in Firefox */ }

a.button:hover span { background-position: -22px left; padding: 4px 0 4px 18px; /* push text down 1px */}

a.button:active { background-position: -44px right; color: #000; outline: none; /* hide dotted outline in Firefox */ }

a.button:active span { background-position: -44px left; padding: 4px 0 4px 18px; /* push text down 1px */ }

input { border:#3399CC 1px solid; margin-bottom:10px; padding:3px; background:#E5EFF2; }

textarea { border:#3399CC 1px solid; margin-bottom:10px; padding:3px; background:#E5EFF2; }

input:focus, textarea:focus { background:#FFFFFF; }

#form .buttonSubmit, #form .buttonSubmitHovered { color:#444; font-weight:bold; padding:2px 0px; cursor:pointer; border:none; background:url(/assets/img/buttonSubmit.png) no-repeat; background-position:top; width:167px; height:31px; float:left; }

#form .buttonSubmit:hover { background-position:bottom; }



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

	CONTENT STYLES - content structure, modules

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

#indexfeature { height:236px; background:#fff; margin-top:50px; }

#indexfeature #indexfeaturewrapper { width:970px; height:236px; margin: 0px auto; position:relative; background:url(../img/feature-bgnew.jpg) right top no-repeat; }

#indexfeature #indexfeaturewrapper #message { width:780px; padding:30px;padding-top:10px; }

#indexfeature #indexfeaturewrapper #message h1 { font-size:32px; text-transform:capitalize;color:white;text-align:center; }

#indexfeature #indexfeaturewrapper #message p { font-size:20px; line-height:26px; margin-bottom:20px;color:white; margin-top:30px;}

#indexfeature #indexfeaturewrapper #message .button {width:280px; float:none; margin: 0 auto; display:block;}

#indexfeature #indexfeaturewrapper #services { display:none; background:url(../img/index-services.png) no-repeat; width:346px; height:288px; position:absolute; right:18px; top:0px; }

#indexfeature #indexfeaturewrapper #services h2 { font-size:15px; color:#fff; margin:18px 0px 20px 26px; }

#indexfeature #indexfeaturewrapper #services ul { list-style: none; margin:0px 20px 10px 16px; font-size:12px; }

#indexfeature #indexfeaturewrapper #services ul li { border-bottom:#A6D9F4 1px solid; margin-bottom:10px; padding:10px 0px 10px 40px; background:url(../img/arrow-green.png) left 10px no-repeat; }

#indexfeature #indexfeaturewrapper #services ul li h3 { font-size:13px; padding:0px; margin:-8px 0px 10px 0px; line-height:10px; }

#indexfeature #indexfeaturewrapper #services ul li p { margin:0px; line-height:14px; }

/* INDEX CONTENT */

#contentindex { width:910px; height:400px; margin: 0px auto; background:url(../img/content-left-line.png) no-repeat left top; padding:30px; }

#contentindex #lcol { float:left; display:block; width:570px; height:auto; color:#fff; margin-right:11px;   }

#contentindex #rcol {  float:left; display:block; width:320px; height:auto; position:relative; top:-20px;  }

#contentindex #lcol h1 { color:#fff; font-size:14px; letter-spacing:-1px; }

#contentindex #lcol p { font-size:14px; }

#rcol ul#promos { list-style:none; color:#fff; }

#rcol ul#promos li { width:218px; height:58px; margin-bottom:10px; padding:10px 100px 10px 0px; }

#rcol ul#promos li h4 span { font-size:12px; padding-top:5px; line-height:16px; }

#rcol ul#promos li.one a { background:url(../img/rpan-buttons.png) right 0px; display:block; width:218px; height:58px; padding:10px 100px 10px 10px; color:#fff; text-decoration:none; }

#rcol ul#promos li.one a:hover { background:url(../img/rpan-buttons.png) left 0px; }

#rcol ul#promos li.two a { background:url(../img/rpan-buttons.png) right 78px; display:block; width:218px; height:58px; padding:10px 100px 10px 10px; color:#fff; text-decoration:none; }

#rcol ul#promos li.two a:hover { background:url(../img/rpan-buttons.png) left 78px; }

#rcol ul#promos li.three a { background:url(../img/rpan-buttons.png) right 156px; display:block; width:218px; height:58px; padding:10px 100px 10px 10px; color:#fff; text-decoration:none; }

#rcol ul#promos li.three a:hover  { background:url(../img/rpan-buttons.png) left 156px; }

#rcol ul#promos h4 { margin-bottom:10px; font-size:14px; }

#rcol ul#promos p { margin:0px; line-height:14px; }

#rcol #testies { background:url(/assets/img/testies-bg.png) no-repeat; height:157px; width:338px; margin:10px 0px 0px 0px; padding:0px; }

#rcol #testies h4 { font-size:14px; color:#fff; margin:0px; padding:10px 0px 6px 10px; }

#rcol #testies ul#news { width:295px; font-size:12px; list-style:none; color:#fff; padding:0px 10px; font-weight:bold; line-height:14px; }


/* CONTENT */



#content #contentwrapper { width:910px; overflow: hidden;  margin: 10px auto 0; background: #fff url(../img/content_bg_main.gif) repeat-x bottom; padding:30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /*background:url(../img/content-left-line-blue.gif) no-repeat left top*/

#content #contentwrapper #lcol { float:left; display:block; width:570px; _width: 500px; height:auto; color:#222D36; margin-right:11px;   }

#content #contentwrapper #rcol {  float:right; display:block; width:320px; height:auto;  }

ul#testimonials { list-style:url(../img/quote-open.gif); margin:0px; padding-left:30px; }

ul#testimonials li { background:#E2F5FE; padding:20px; margin-bottom:4px; }

ul.testimonials{
	overflow: hidden;
	background:	#fff;
	font-size: 12px;
	color: #999;
	width: 972px;
	
	
}

ul.testimonials li{
	padding: 10px 25px 0;
}


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

	FORM STYLES - input, text area, alignment

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



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

	FOOTER STYLES - links, privicy, hgws logo

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




#footer { width:970px;margin: 0 auto;overflow: hidden; color: #ccc; text-transform: uppercase;  padding: 0 0 50px}

#footer ul { list-style:none; font-size: 10px;}

#footer ul li { float:left; display:block; padding:10px; }

#footer ul li a { text-transform:uppercase; color:#888888; text-decoration:none; }

#footer ul li a:hover, #footer ul li a.selected { color:#FF5B1F!important;  }




/* -------- NEW STYLES -------- */

.alignRight{
	float:									right!important;
}

div.header{
	width:									970px;
	height:									115px;
	overflow:								hidden;
	margin:									0 auto;
}

a.logo{
	background:								url(../img/global_logo_ca.gif) no-repeat;
	width:									392px;
	height:									115px;
	display:								block;
	text-indent:							-9000px;
	float:									left;
}


ul.mainNav{
	float:									right;
	width:									571px;
	list-style:								none none;
	margin-top:								66px;
}

ul.mainNav li{
	float:									left;
}

ul.mainNav a{
	height:									45px;
	display:								block;
	text-indent:							-9000px
}

ul.mainNav a:hover, .selected{
	background-position:					0 -45px!important;
}	


ul.mainNav a.navHome{
	background:								url(../img/nav_btn_home.gif) no-repeat;
	width:									65px;
}

ul.mainNav a.navServices{
	background:								url(../img/nav_btn_services.gif) no-repeat;
	width:									81px;
}

ul.mainNav a.navAbout{
	background:								url(../img/nav_btn_about.gif) no-repeat;
	width:									68px;
}

ul.mainNav a.navSupport{
	background:								url(../img/nav_btn_support.gif) no-repeat;
	width:									80px;
}

ul.mainNav a.navTestimonials{
	background:								url(../img/nav_btn_testimonials.gif) no-repeat;
	width:									111px;
}

ul.mainNav a.navPartners{
	background:								url(../img/nav_btn_partners.gif) no-repeat;
	width:									86px;
}

ul.mainNav a.navContact{
	background:								url(../img/nav_btn_contact.gif) no-repeat;
	width:									81px;
}

div.mainContent{
	width:									972px;
	height:									443px;
	margin:									14px auto 0;
	overflow:								hidden;
}

ul.banner{
	background:								url(../img/home_bnr_loading.gif) no-repeat;
	width:									972px;
	height:									359px;
	padding:								0;
	margin:									0;
	list-style:								none none;
}

.banner li{
	position:								relative;
}

.banner li p{
	font-size:								25px;
	font-weight:							bold;
	position:								absolute;
	letter-spacing:							-1px;	
	line-height: 							25px;
}

.banner li small{
	display:								block;
	font-size:								15px;
	margin-top:								10px;
	letter-spacing:							-1px;
}

.banner1 p{
	color:									#fff;
	top:									213px;
	left:									254px;
	width:									600px;
}

.banner1 p a{
	color:									#008cc4
}

.banner2 p{
	color:									#fff;
	top:									187px;
	right:									48px;
	width:									706px;
	text-align:								right;
}

.banner2 p a{
	color:									#37e0ff
}

.banner3 p{
	color:									#fff;
	top:									98px;
	left:									30px;
	width:									536px;
}

.banner3 p a{
	color:									#ffe637
}

.partner{
	margin:									0 0 25px;
	display:								block;
}