@charset "utf-8";

/*     Font Styles     */
p {
	margin: 0px;
	padding: 5px 0px;
}
.normal, body, table { /* This will apply this font to text and tables by default */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
}
body {
	text-align: justify;
}
.normal_black, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
}
h1 {
	font-size: 16px;
	line-height: 19px;
	margin: 0px;
	padding-top: 13px;
	padding-bottom: 13px;
	background: url(../images/layout/coloured_logo_icon.png) no-repeat left center;
	padding-left: 30px;
}
h2 {
	font-size: 14px;
	color: #f4911e;
	line-height: 14px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
h3 {
	font-size: 12px;
	color: #f4911e;
	line-height: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.orange {
	color: #f4911e;
}
.white {
	color: #fff;
}
a {
	color: #f4911e;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: underline;
}
#headerinfo_general h1 {
	font-size: 16px;
	line-height: 19px;
	margin: 0px;
	padding-top: 13px;
	padding-bottom: 13px;
	background: url(../images/layout/general/grey_logo_icon.png) no-repeat left center;
	padding-left: 30px;
}
#headerinfo h2, #headerinfo_general h2 {
	font-size: 14px;
	color: #000;
	line-height: 14px;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#headerinfo a {
	font-size: 12px;
	color: #000;
	text-decoration: none;
	line-height: 12px;
	background: url(../images/layout/arrow.png) no-repeat left center;
	padding-left: 15px;
}
#headerinfo_general a {
	font-size: 12px;
	color: #333;
	line-height: 12px;
	text-decoration: underline;
}
#headerinfo a:hover {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	line-height: 12px;
	background: url(../images/layout/arrow_ro.png) no-repeat left center;
	padding-left: 15px;
}
#headerinfo_general a:hover{
	font-size: 12px;
	color: #fff;
	line-height: 12px;
}
.loginbox_a { /* for bc menu */
	font-size: 10px;
	line-height: 10px;
	background: url(../images/layout/square.png) no-repeat left 2px;
	padding-left: 10px;
	text-decoration: none;
	color: #FFFFFF;
	cursor: pointer; /* renders a hand cursor rather than text cursor */
}
.loginbox_ahover { /* for bc menu */
	font-size: 10px;
	line-height: 10px;
	background: url(../images/layout/square_ro.png) no-repeat left 2px;
	padding-left: 10px;
	text-decoration: none;
	color: #000000;
	cursor: pointer; /* renders a hand cursor rather than text cursor */
}
/*     CSS HELPERS     */
.clear { /* For Clearing Floats */
	clear: both;
}
.nopadormarg {
	margin: 0px;
	padding: 0px;
}

/* Main Structure Div Styles */
body {
	background-image: url(../images/layout/general/bg_gradient_main_02.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	background-color: #424242;
}
#dropshadow_container {
	background: url(../images/layout/dropshadow_repeat.png) repeat-y;
	margin: 0px auto;
	width: 1007px;
	z-index: -2;
}
#contentshell {
	width: 999px;
	background-image: url(../images/layout/home/bg_gradient.jpg);
	background-repeat: repeat-x;
	background-color: #181818;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 0;
}
#top_navigation {
	height: 17px;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 413px;
}

#bigflash {
	margin-left: 587px;
	/*width: 412px;*/
	height: 339px;
	z-index: -1;
	position: absolute;
	top: 0px;
	right: 0px;
}
#logo {
	width: 587px; 
	height: 85px;
	left: 0;
	top: 0;
}
#logo_general {
	width: 585px;
	height: 85px;
	left: 0;
	top: 0;
	background-image: url(../images/layout/logo.png);
}
#navigation {
	width: 570px;
	height: 30px;
	margin-left: 17px;
}
#navigation_general {
	width: 970px;
	height: 30px;
	margin-left: 17px;
}
#floatcontent {
	width: 810px; 
}
/* Main Structure Div Styles */
#headerinfo {
	float: left;
	width: 570px;
	height: 227px;
	background: url(../images/layout/home/orange_box.gif) no-repeat;
	margin: 0px 0px 0px 17px;
	color: #000;
	display: inline; /* Stops IE6 Double Margin Bug */
}
#headerinfo_general {
	float: left;
	width: 970px;
	height: 187px;
	background: url(../images/layout/general/orange_box.gif) no-repeat;
	margin: 0px 0px 0px 17px;
	color: #000;
	display: inline; /* Stops IE6 Double Margin Bug */
	position: relative;
}
#smallflash {
	float: left;
	width: 186px;
	height: 215px;
	margin-top: 12px;
}
#smallflash_general {
	float: left;
	width: 157px;
	height: 181px;
	margin-top: 6px;
}
#search_box {
	position: absolute;
	top: 12px;
	right: 20px;
	height: 20px;
}
.search_button {
	background: url(../images/layout/general/search_button.png);
	height: 17px;
	width: 18px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
}
#infobox {
	float: left;
	width: 186px;
	height: 184px;
	padding-top: 15px;
	padding-left: 14px;
	padding-bottom: 16px;
	overflow: hidden;
}
#infobox_general {
	float: left;
	width: 744px;
	height: 170px;
	overflow: auto;
	padding: 10px 47px 7px 22px;
}
#testimonials_adrotator {
	height: 153px;
	overflow: auto;
	text-align: justify;
	padding-right: 5px;
	margin-bottom: 5px;
}

#infobox_right {
	float: left;
	padding-bottom: 16px;
	overflow: hidden;
	width: 151px;
	height: 211px;
	padding-right: 5px;
	text-align: left;
	padding-left: 20px;
}
#loginbox {
	float: left;
	width: 197px;
	height: 187px;
	background-image: url(../images/layout/home/login_panel.gif);
	padding-top: 40px;
	padding-left: 26px;
}
#navigation2 {
	width: 793px;
	height: 37px;
	margin: 0px 0px 0px 17px;
	background: url(../images/layout/home/full_nav_bg.gif) no-repeat;
	padding: 0px;
}
#navigation2_general {
	width: 970px;
	height: 37px;
	margin: 0px 0px 0px 17px;
	background: url(../images/layout/general/full_nav_bg.gif) no-repeat;
}
#content {
	width: 954px;
	padding: 20px 15px 15px 30px;
}
#content_general {
	width: 954px;
	padding: 33px 14px 15px 29px;
}
#home_content_left {
	width: 360px;
	padding-right: 28px;
	float: left;
}
#general_content_left {
	width: 528px;
	float: left;
	padding-right: 25px;
}
#home_content_right {
	float: left;
	width: 556px;
}
#general_content_right {
	float: left;
	text-align: center;
	width: 400px;
}
#news_top {
	background: url(../images/layout/home/news_top.png) no-repeat;
	height: 12px;
	width: 556px;
}
#news_repeat {
	background: url(../images/layout/home/news_middle_repeat.png) repeat-y;
	width: 520px;
	padding-right: 18px;
	padding-left: 18px;
}
#news_base {
	background: url(../images/layout/home/news_end.png);
	height: 17px;
	width: 556px;
}

#footer {
	background: url(../images/layout/footer.png);
	margin: 0px auto;
	height: 22px;
	width: 1007px;
	text-align: center;
}
#footer a, #text_links a  {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover, #text_links a:hover {
	text-decoration: underline;
}
#website_info{
	width: 999px;
	padding-left: 10px;
	height: 20px;
	padding-top: 2px;
	margin: 0px auto;
}
.float23{
	float: left;
	width: 23%;
}
.float53{
	float: left;
	width: 53%;
}
#text_align {
	float: left;
}
#quadtech {
	float:left;
}
#quadtech a {
	background-image: url(/images/layout/quadtech_logo_light_smaller.png);
	background-repeat: no-repeat;
	display: block;
	height: 14px;
	width: 63px;
	overflow: hidden;
}
#quadtech a:hover {
	background-image: url(/images/layout/quadtech_logo_light_smaller.png);
	background-repeat: no-repeat;
	display: block;
	height: 14px;
	width: 63px;
	overflow: hidden;
	background-position: -63px;
}
#preload img { /* By placing imgs in this div (in the content holder) they will preload to stop the flicker on rollovers etc */
	display: none;
	visibility: hidden;
}
#text_links {
	margin: 5px auto 0px;
	width: 999px;
	text-align: center;
}