/* CSS Document */


/*###########################
#######GENERAL LAYOUT########
#############################*/

body {
	margin:0px;
	behavior: url(csshover.htc);
	background-color:#f7f7f7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#1d1717;
	font-weight:normal;
	text-decoration:none;
	line-height:normal;
}

h1, h2, h3, h4, h5, h6, p, form, ul, li {
	margin:0px;
	padding:0px;
}

img, div, li, ul {
	behavior: url(iepngfix.htc);
}

#doc {
	width:100%;
	margin:auto;
	background:#f7f7f7 url(../images/doc/shadow.png) center repeat-y;
}

.clear {
	clear:both;
}

.clearNoContent {
	clear:both;
	height:0px;
	line-height:0px;
}

.hidden {
	display:none;
}

img {
	border:0px;
}

.right {
	float:right;
}

.left {
	float:left;
}

.green, a.green {
	color:#5aa403 !important;
}

.lightGreen {
	color:#68b403;	
}

.red, a.red {
	color:#ac0807;
}

.lightRed {
	color:#ca5c5b;	
}

.imgRight {
	float:right;
	padding:0 0 20px 20px;
}

.imgLeft {
	float:left;
	padding:0 20px 20px 0;
}

.scaleDown {
	line-height:120%;
	font-size:95%;
}

.largerText {
	font-size:110%;
}

.mt10 {
	margin-top:10px;	
}

.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}

.mt20 {margin-top:20px !important;}

.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt50 {padding-top:50px !important;}

.pr20 {padding-right:20px;}
.pr50 {padding-right:50px;}
.pl20 {padding-left:20px;}

.noPadding, p.noPadding {
	padding:0 !important;
}

.tcen {
	text-align:center;
}

blockquote {
	margin:10px 20px 10px 20px;
}

h1 {
	font-family:Impact, "GillSans-Bold", "Arial Rounded MT Bold", Arial;
	color:#5aa403;
	text-transform:uppercase;
	font-weight:normal;
	font-size:250%;
	letter-spacing:4px;
	padding-bottom:20px;
}

h1 .highlight {
	color:#5aa403;
	font-size:120%;
}

h1 .minor {
	color:#838383;
	font-size:90%;
}

h2 {
	color:#5aa403;
	padding-bottom:10px;
}

h3 {
	padding-bottom:10px;
}

ul {
	color:#000;
	list-style:url(../images/content/list-item.gif);
	padding-left:18px;
	font-weight:normal;
	padding-bottom:20px;
}

ul li {
	padding-bottom:5px;
}

p {
	padding-bottom:20px;
	line-height:150%;
	text-align:justify;
}

q {
	font-style:italic;
}

a {
	color:#0078ac;
	text-decoration:none;
	font-weight:bold;
}

.largeInitial {
	font-size:130%;
}

.key {
	color:#000;
	font-weight:bold;
}

/*###########################
#######HEADER LAYOUT########
#############################*/

#top {
	height:129px;
	background:url(../images/header/bg-repeat.gif) repeat-x top left;
}

#topGateway {
	height:30px;
	background:url(../images/header/bg-repeat-gateway.gif) repeat-x top left;
}

#headerGlow {
	height:129px;
	background:url(../images/header/header-glow.jpg) no-repeat top center;
}

#headerGlowGateway {
	height:30px;
	background:url(../images/header/header-glow-gateway.jpg) no-repeat top center;
}

#header {
	width:953px;
	height:129px;
	background:url(../images/header/hills.png) no-repeat bottom left;
	_background:url(../images/header/hills.gif) no-repeat bottom left;
	margin:auto;
}

#header h6 {
	float:left;
	padding:29px 110px 0 17px;
}

#header .strapline {
	float:left;
	padding-top:47px;
}

/*###########################
#########NAV LAYOUT##########
#############################*/

#mainNav {
	width:953px;
	margin:auto;
	font-family:Helvetica, Arial, sans-serif;
	font-size:85%;
}

.nav {
	width:951px;
	display:block;
	height:25px;
	border:1px solid #000;
	border-bottom:0px;
	background:url(../images/nav/bg-repeat.gif) repeat-x top left;
	padding-left:0px;
	padding-bottom:0px;
}

.nav li {
	display:block;
	float:left;
	padding-bottom:0px;
	_display:inline;
	-padding-top:6px;
}

.nav li a {
	display:block;
	text-decoration:none;
	padding:6px 10px 0px 10px;
	background:url(../images/nav/divider.gif) no-repeat top right;
	height:19px;
	color:#FFF;
	_display:inline;
	line-height:130%;
	/*text-transform:uppercase;*/
}

.nav li a img {
	vertical-align:top;
}

.nav li.contactUs {
	float:right;
	padding-right:94px;
	font-size:130%;
}

.nav li.contactUs a {
	color:#68b403;
	background:none;
	padding-top:4px;
}

.navDivider {
	background:url(../images/nav/bottom-divider.gif) repeat-x top left;
	height:6px;
	line-height:0px;
	font-size:0px;
}

/*###########################
#######MAIN LAYOUT########
#############################*/

#middle {
	background:url(../images/middle/bg.png) no-repeat bottom center;
	_background:url(../images/middle/bg.gif) no-repeat bottom center;
}

#middleGateway {
	background:url(../images/middle/bg-gateway.png) no-repeat bottom center;
	_background:url(../images/middle/bg-gateway.gif) no-repeat bottom center;
}

#middleHolder {
	width:953px;
	margin:auto;
	position:relative;
}

#middleTop {
	width:953px;
	height:16px;
	background:url(../images/middle/middle-top.png) no-repeat top left;
	_background:url(../images/middle/middle-top.gif) no-repeat top left;
	top:0px;
	position:absolute;
}

#middleContent {
	width:953px;
	background:url(../images/middle/middle-content-bg.gif) repeat-y top center;
}

#mainContent {
	clear:both;
	width:640px;
	float:left;
	padding:16px 18px 80px 18px;
	margin-left:17px;
	_margin-left:8px;
}

#mainContentGateway {
	clear:both;
	width:640px;
	padding:16px 18px 40px 18px;
	margin:auto;
}

#mainContentGateway H1 {
	padding-top:5px;
}

#mainContentGateway H2 {
	font-family:Impact, "GillSans-Bold", "Arial Rounded MT Bold", Arial;
	font-size:140%;
	color:#870202;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:3px;
	padding-top:14px;
	padding-bottom:6px;
}

#mainContentGateway p {
	text-align:justify;
}

#middleBottom {
	background:url(../images/middle/middle-bottom.png) no-repeat bottom center;
	height:95px;
	width:953px;
	clear:both;
	position:absolute;
	bottom:0px;
	_bottom:-1px;
}

#flashMainHolder {
	padding-bottom:20px;		
}

#flashMedia {
	
}

#quotesHolder {
	width:600px;
	padding:10px 20px 10px 20px;
	height:164px;
	background:url(../images/content/news-bg.jpg) no-repeat top left;
}

#quotesHolder h2 {
	color:#534343;
	font-weight:normal;
	text-transform:uppercase;
	font-size:120%;
	padding:0px 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #dbdbdb;
}

#quotesHolder h2 a {
	color:#534343;
	font-size:80%;
}

#newsHolder {
	width:600px;
	height:164px;
	position:relative;
	overflow:hidden;
}

.news {
	width:600px;
	height:164px;
	position:absolute;
	top:0;
	left:0;
}

.news p {
	padding-top:10px;
	padding-bottom:0;
}

.news q {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	color:#2b2727;
}

.news p.cite {
	color:#504d4d;
	line-height:140%;
	font-weight:bold;
	font-style:normal;
}

cite {
	font-style:normal;
}

cite {
	line-height:140%;
	font-weight:bold;
}

.GatewayButtons {
	padding-left:43px;
	float:left;
}

#registerPanelInValid, #registerPanelValid {
	background:url(../images/content/sign-up-bg.png) repeat-x top left;
	_background:url(../images/content/sign-up-bg.gif) repeat-x top left;
	/*-webkit-border-radius: 8px;
    -moz-border-radius: 8px;*/
	color:#FFF;
}

#registerPanel {
	background:url(../images/content/sign-up-bg-large.png) no-repeat top left;
	_background:url(../images/content/sign-up-bg-large.gif) no-repeat top left;
	color:#FFF;
}

#registerPanel h2 {
	color:#e2e2e2;
	text-transform:uppercase;
	font-weight:normal;
	font-size:260%;
	letter-spacing:2px;
	font-family:Impact, "GillSans-Bold", "Arial Rounded MT Bold", Arial;
	padding-bottom:4px;
}

#registerPanelInValid h2 {
	color:#e2e2e2;
	text-transform:uppercase;
	font-weight:normal;
	font-size:220%;
	letter-spacing:2px;
	font-family:Impact, "GillSans-Bold", "Arial Rounded MT Bold", Arial;
	padding-bottom:2px;
}

#registerPanelValid h2 {
	color:#e2e2e2;
	text-transform:uppercase;
	font-weight:normal;
	font-size:220%;
	letter-spacing:2px;
	font-family:Impact, "GillSans-Bold", "Arial Rounded MT Bold", Arial;
	padding-bottom:22px;
}

#registerPanel p, #registerPanelValid p {
	color:#e2e2e2;
	padding-bottom:4px;
}

#registerPanelInValid p {
	color:#e2e2e2;
	padding-bottom:6px;
}

#registerPanel input, #registerPanelInValid input, #registerPanelValid input {
	color:#666666;
	float:left;
	margin-top:4px;
}

#registerPanel label, #registerPanelInValid label, #registerPanelValid label {
	width:auto;
	float:none;
}

.panelPadding {
	padding:20px 20px 20px 20px;
}

.closePanel a {
	display:block;
	width:40px;
	height:40px;
	float:right;
	background:url(../images/gif.gif) top left no-repeat;
}

.regName {
	height:22px;
	margin-right:10px;
	width:400px;
	font-size:120%;
	border:1px solid #5aa403;
	padding-left:10px;
}

.regSubmit {
	padding-left:335px;	
}

.greyPanel {
	border-right:1px solid #e9e9e9;
	border-bottom:1px solid #cccccc;
	background-color:#eeeeee;
	margin-bottom:4px;
	padding:20px 20px 5px 20px;
	clear:both;
}

.lbText {
	font-size:140%;
	color:#000;
	font-weight:bold;
}

.showButton {
	padding-bottom:10px;
	color:#900;
	font-size:100%;
	padding-right:20px;
}

.showButton:hover {
	cursor:pointer;
}

.showButton {
	background-image:url(../images/content/open-silk.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

a.media img {
	vertical-align:text-bottom;
	margin-left:10px;
}

.tile {
	width:50%;
	float:left;
}

.tile3 {
	width:33%;
	float:left;
	text-align:center;
	padding-bottom:20px;
	line-height:140%;
}

.tile3 img {
	padding-bottom:10px;
}

.tile2 {
	width:50%;
	float:left;
	text-align:center;
	padding-bottom:20px;
	line-height:140%;
}

.tile2 img {
	padding-bottom:10px;
}

.downloadThumb {
	float:left;
	width:100px;
	text-align:center;
	padding-bottom:20px;
	padding-right:10px;
}

.downloadThumb img {
}

.download {
	list-style-position:inside;
	list-style-image:url(../images/content/download.gif);
}

.downloadAlt {
	list-style-position:inside;
	list-style-image:url(../images/content/download-alt.gif);
}


.clientList {
	list-style:none;
	padding:0 0 20px 0;
	margin:0;
	list-style-image:none;
}

.clientList li {
	padding:0;
	margin:0;
	float:left;
}

.principle {
	clear:both;
	padding:20px;
}

.principle h2 {
	padding-bottom:3px;
	font-family:Impact, "GillSans-Bold", "Arial Rounded MT Bold", Arial;
	color:#870202;
	padding-top:30px;
	font-size:180%;
	text-transform:uppercase;
	letter-spacing:4px;
	font-weight:normal;
}

.principle p {
	font-family:Impact, "GillSans-Bold", "Arial Rounded MT Bold", Arial;
	color:#838383;
	font-size:140%;
	letter-spacing:2px;
	text-transform:uppercase;
	text-align:left;
	line-height:120%;
}

ul.plain {
	font-weight:normal;
	list-style:disc;
	color:#000;
}

.noFlashHeader {
	width:300px;
	height:255px;
	padding:20px 320px 20px 20px;
	color:#FFF;
	font-size:160%;
}

.noFlashHeaderNarrow {
	width:300px;
	height:360px;
	padding:20px 230px 20px 20px;
	color:#FFF;
	font-size:160%;
}

.noFlashHeader p, .noFlashHeaderNarrow p {
	text-align:left;
}

.noFlashHeader .key, .noFlashHeaderNarrow .key {
	color:#FFF;
	font-size:200%;
}

.homeBg {
	background:url(../images/noflash/noflash-primary.jpg) no-repeat top left;
}

.inActionBg {
	background:url(../images/noflash/noflash-primary-in-action.jpg) no-repeat top left;
}

/*###########################
#########RIGHT PANEL##########
#############################*/

#rightPanel {
	width:213px;
	float:left;
	padding:16px 15px 90px 15px;
}

#rightPanel a {
	font-weight:normal;
}

#rightPanel .adWide {
	width:211px;
	margin:auto;
	padding-bottom:20px;
}

#rightPanel .ad {
	width:206px;
	margin:auto;
	padding-bottom:20px;
}

#rightPanel .ad img {
	display:block;
}

#rightPanel .adFooter {
	width:206px;
	height:21px;
	background:url(../images/right-panel/ad-footer.jpg) no-repeat top left;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	padding-top:6px;
	display:block;
}

/*###########################
#########FORM STYLE##########
#############################*/

.validationList ul {
	padding-bottom:10px;
	list-style-image:url(../images/content/list-item-error.gif);
	color:#900;
}

.formStyle {
	
}

.formStyle p {
	clear:both;	
}

.formStyle p.noLabel {
	padding-left:80px;
}

label {
	padding-top:3px;
}

.enquiryForm {
	font-size:120%;	
}

.enquiryForm input {
	box-shadow:inset 0px 2px 3px #b4b4b4;
	-moz-box-shadow:inset 0px 2px 3px #b4b4b4;
	border-top:1px solid #727272;
	border-right:1px solid #b4b4b4;
	border-bottom:1px solid #dadada;
	border-left:1px solid #b4b4b4;
	color:#666666;
	padding:4px 5px 4px 5px;
	font-size:95%;
	margin-bottom:4px;
	width:200px;
}

.enquiryForm textarea {
	box-shadow:inset 0px 2px 3px #b4b4b4;
	-moz-box-shadow:inset 0px 2px 3px #b4b4b4;
	border-top:1px solid #727272;
	border-right:1px solid #b4b4b4;
	border-bottom:1px solid #dadada;
	border-left:1px solid #b4b4b4;
	color:#666666;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	width:100%;
}

.checkBoxList {
	list-style:none;
	padding-left:0;
	color:#000;
	font-weight:normal;
	list-style-image:none;
}

.checkBoxList input {
	width:auto;
	padding:0;
	margin-bottom:0;
}

.checkBoxList input.forceInput {
	margin-bottom:4px;
	padding:4px 5px 4px 5px;
}

.formQuestions p {
	padding-bottom:10px;
}

.formQuestions textarea {
	margin-top:10px;
}

label.alt {
	float:left;
	width:100px;
}

label.altLong {
	float:left;
	width:160px;
}

input.alt {
	float:left;	
}

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

#bottom {
	clear:both;
	height:110px;
	background:url(../images/bottom/bg.gif) repeat-x bottom left;
}

#bottomGateway {
	clear:both;
	height:88px;
	background:url(../images/bottom/bg.gif) repeat-x bottom left;
}

#footer {
	width:953px;
	margin:auto;
	font-size:80%;
	color:#9c9c9c;
}

#footer a {
	font-weight:normal;
}

#footer ul {
	list-style:none;
	padding-left:0px;
}

#footerLinks {
	background:#000;	
	height:23px;
	padding:7px 20px 0 20px;
}

.footerLinksList {
	padding-top:4px;
	padding-left:0px;
	padding-bottom:0px;
}

.footerLinksList li {
	float:left;
	padding:0px 10px 0 8px;
	background:url(../images/footer/footer-list-item.gif) no-repeat top left;
}

.footerLinksList li a {
	color:#c10100;
	text-decoration:none;
}

.socialMedia {
	padding-bottom:0px;
}

.socialMedia li {
	float:left;
	padding-right:10px;
	padding-bottom:0px;
}

#footerContact {
	float:left;
	line-height:130%;
	padding-top:32px;
}

#footerLegal {
	float:right;
	line-height:130%;
	text-align:right;
	padding-top:20px;
}

#footerLegal a {
	color:#9c9c9c;
}


/*###########################
## Leave at bottom of CSS ###
###########################*/

body {
	background-image:url(../images/doc/bg.gif);
}