/* fd styles */

/* Dark Blue #0752A3; */
/* Light Blue #5996CF; */
/* Purple #A65DA2; */
/* Orange #F4733A; */
/* Green #02AC63; */
/* Red #ed1b24; */

body {
	color: #000000;
	background: #63b7ff url('images/bknd_v1.jpg') repeat-x top left;
	font-size: medium;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	margin: 0
}

.noscreen {display: none;}

.floatright {float: right; margin: 0 0 5px 10px;}
.floatleft {float: left; margin: 0 10px 5px 0;}

img {border: 0  none;}
image {border: 0  none;}

.main {width: 960px; border: 0 none; margin: 10px auto; padding: 0;}

.header {clear: both; width: 100%; height: 110px; border: 0 none; padding: 0; margin: 0; display: block;}

.logo {float: left; padding: 0; margin: 0;}

.headernav {float: right; margin: 0; padding: 0 3px; font-size: 0.75em; font-weight: normal; color: #0752A3;}
.headernav a {margin: 0 6px;}
a.headerlink:link {color: #0752A3; text-decoration: none;}
a.headerlink:visited {color: #0752A3; text-decoration: none;}
a.headerlink:hover {color: #ed1b24; text-decoration: underline;}
a.headerlink:active {color: #0752A3; text-decoration: none;}

/* begin bulleted top menu */

topmenupanel {}

ul.topmenu {width: 100%; display: block; padding: 0; margin: 0; font-size: 14px; color: #ffffff; background: transparent url('images/nav_right_bg.gif') top right no-repeat; list-style-type: none;}

li.topmenuend {vertical-align: middle; color: #ffffff; margin: 0; padding: 12px 0 12px 50px; text-align: right; font-weight: normal; display: inline; zoom: 1;}

li.topmenu {color: #ffffff; padding: 0; margin: 0; font-weight: normal; display: inline; zoom: 1; background: transparent url('images/nav_bg.gif') top left repeat-x;}
li.topmenu a {vertical-align: middle; margin: 0 0 0 0; padding: 12px 21px 13px 21px; text-decoration: none; color: #ffffff; background: transparent url('images/nav_bg.gif') top left repeat-x;}
li.topmenu a:visited {text-decoration: none; color: #ffffff; background: transparent url('images/nav_bg.gif') top left repeat-x;}
li.topmenu a:hover {text-decoration: none; color: #ffffff; background: transparent url('images/nav_bg_on.gif') top left repeat-x;}
li.topmenu a:active {text-decoration: none; color: #ffffff; background: transparent url('images/nav_bg.gif') top left repeat-x;}

li.topmenuthis {color: #ffffff; padding: 0; margin: 0; font-weight: normal; display: inline; zoom: 1;}
li.topmenuthis a {vertical-align: middle; margin: 0 0 0 0; padding: 12px 21px 13px 21px; text-decoration: none; color: #ffffff; background: transparent url('images/nav_bg_on.gif') top left repeat-x;}
li.topmenuthis a:visited {text-decoration: none; color: #ffffff; background: transparent url('images/nav_bg_on.gif') top left repeat-x;}
li.topmenuthis a:hover {text-decoration: none; color: #ffffff; background: transparent url('images/nav_bg.gif') top left repeat-x;}
li.topmenuthis a:active {text-decoration: none; color: #ffffff; background: transparent url('images/nav_bg_on.gif') top left repeat-x;}

li.topmenured {color: #ffffff; padding: 0; margin: 0; font-weight: normal; display: inline; zoom: 1; background: transparent url('images/nav_bg_red.gif') top left repeat-x;}
li.topmenured a {vertical-align: middle; margin: 0 0 0 0; padding: 12px 21px 13px 21px; text-decoration: none; color: #ffffff; background: transparent url('images/nav_bg_red.gif') top left repeat-x;}
li.topmenured a:visited {text-decoration: none; color: #ffffff; background: transparent url('images/nav_bg_red.gif') top left repeat-x;}
li.topmenured a:hover {text-decoration: none; color: #ffffff; background: transparent url('images/nav_bg_red_on.gif') top left repeat-x;}
li.topmenured a:active {text-decoration: none; color: #ffffff; background: transparent url('images/nav_bg_red.gif') top left repeat-x;}

li.topmenuredthis {color: #ffffff; padding: 0; margin: 0; font-weight: normal; display: inline; zoom: 1;}
li.topmenuredthis a {vertical-align: middle; margin: 0 0 0 0; padding: 12px 21px 13px 21px; text-decoration: none; color: #ffffff; background: transparent url('images/nav_bg_red_on.gif') top left repeat-x;}
li.topmenuredthis a:visited {text-decoration: none; color: #ffffff; background: transparent url('images/nav_bg_red_on.gif') top left repeat-x;}
li.topmenuredthis a:hover {text-decoration: none; color: #ffffff; background: transparent url('images/nav_bg_red.gif') top left repeat-x;}
li.topmenuredthis a:active {text-decoration: none; color: #ffffff; background: transparent url('images/nav_bg_red_on.gif') top left repeat-x;}

li.topmenuhome {color: #ffffff; padding: 0; margin: 0; font-weight: normal; display: inline; zoom: 1;}
li.topmenuhome a {vertical-align: middle; margin: 0 0 0 0; padding: 12px 21px 13px 21px; text-decoration: none; color: #ffffff; background: transparent url('images/nav_home_bg.gif') top left no-repeat;}
li.topmenuhome a:visited {text-decoration: none; color: #ffffff; background: transparent url('images/nav_home_bg.gif') top left no-repeat;}
li.topmenuhome a:hover {text-decoration: none; color: #ffffff; background: transparent url('images/nav_home_bg_on.gif') top left no-repeat;}
li.topmenuhome a:active {text-decoration: none; color: #ffffff; background: transparent url('images/nav_home_bg.gif') top left no-repeat;}

li.topmenuhomethis {color: #ffffff; padding: 0; margin: 0; font-weight: normal; display: inline; zoom: 1;}
li.topmenuhomethis a {vertical-align: middle; margin: 0 0 0 0; padding: 12px 21px 13px 21px; text-decoration: none; color: #ffffff; background: transparent url('images/nav_home_bg_on.gif') top left no-repeat;}
li.topmenuhomethis a:visited {text-decoration: none; color: #ffffff; background: transparent url('images/nav_home_bg_on.gif') top left no-repeat;}
li.topmenuhomethis a:hover {text-decoration: none; color: #ffffff; background: transparent url('images/nav_home_bg.gif') top left no-repeat;}
li.topmenuhomethis a:active {text-decoration: none; color: #ffffff; background: transparent url('images/nav_home_bg_on.gif') top left no-repeat;}

.navdivide {width: 2px; height: 41px; margin: 0px 0 0px 0; padding: 0; vertical-align: middle;}

/* end bulleted top menu */

/* begin bulleted left sub menu */

ul.leftmenu {padding: 0; margin: 10px 0 0 20px; text-align: left; font-size: 0.9em; list-style: none;}

li.leftmenu {color: #080084; list-style-image:url('images/menubullet.gif'); 5px 0 5px 0; padding: 3px 0;}
li.leftmenu a {text-decoration: none; color: #10398c; list-style-image:url('images/menubullet.gif');}
li.leftmenu a:visited {text-decoration: none; color: #10398c; list-style-image:url('images/menubullet.gif');}
li.leftmenu a:hover {text-decoration: underline; color: #ff6600; list-style-image:url('images/menubullet_on.gif');}
li.leftmenu a:active {text-decoration: none; color: #10398c; list-style-image:url('images/menubullet.gif');}

li.leftmenuthis {color: #080084; list-style-image:url('images/menubullet.gif'); 5px 0 5px 0; padding: 3px 0; font-weight: bold;}
li.leftmenuthis a {text-decoration: none; color: #10398c; list-style-image:url('images/menubullet.gif');}
li.leftmenuthis a:visited {text-decoration: none; color: #10398c; list-style-image:url('images/menubullet.gif');}
li.leftmenuthis a:hover {text-decoration: underline; color: #ff6600; list-style-image:url('images/menubullet_on.gif');}
li.leftmenuthis a:active {text-decoration: none; color: #10398c; list-style-image:url('images/menubullet.gif');}

li.leftsubmenu {color: #080084; list-style-image:url('images/menubullet_on.gif');margin: 5px 0 5px 20px; padding: 0;}
li.leftsubmenu a {text-decoration: none; color: #10398c; list-style-image:url('images/menubullet_on.gif');}
li.leftsubmenu a:visited {text-decoration: none; color: #10398c; list-style-image:url('images/menubullet_on.gif');}
li.leftsubmenu a:hover {text-decoration: underline; color: #ff6600; list-style-image:url('images/menubullet.gif');}
li.leftsubmenu a:active {text-decoration: none; color: #10398c; list-style-image:url('images/menubullet_on.gif');}

li.leftsubmenuthis {color: #080084; list-style-image:url('images/menubullet_on.gif');margin: 5px 0 5px 20px; padding: 0; font-weight: bold;}
li.leftsubmenuthis a {text-decoration: none; color: #10398c; list-style-image:url('images/menubullet_on.gif');}
li.leftsubmenuthis a:visited {text-decoration: none; color: #10398c; list-style-image:url('images/menubullet_on.gif');}
li.leftsubmenuthis a:hover {text-decoration: underline; color: #ff6600; list-style-image:url('images/menubullet.gif');}
li.leftsubmenuthis a:active {text-decoration: none; color: #10398c; list-style-image:url('images/menubullet_on.gif');}

/* end bulleted left sub menu */

.leftpanel {float: left; width: 190px; margin: 0 0 20px 0; min-height: 500px;}

.maincontent {clear: both; width: 100%; min-height: 500px; margin: 0; padding: 0; font-size: 0.8em;}

.contentleft190 {clear: left; float: left; width: 190px; margin: 0; padding: 0;}
.contentright755 {clear: right; float: right; width: 755px; margin: 0; padding: 0;}

.contentleft550 {clear: left; float: left; width: 550px; margin: 0; padding: 0;}
.contentright190 {clear: right; float: right; width: 190px; margin: 0; padding: 0;}
.contentright400 {clear: right; float: right; width: 400px; margin: 0; padding: 0; text-align: justify;}

#homecontent {width: 500px;}

.contentleft490 {clear: left; float: left; width: 490px; margin: 0; padding: 0;}
.contentright250 {clear: right; float: right; width: 250px; margin: 0; padding: 0;}

.contentleft390 {clear: left; float: left; width: 390px; margin: 0; padding: 0;}
.contentright360 {clear: right; float: right; width: 360px; margin: 0; padding: 0;}

.crumbtrail {}

hr {clear: both; height: 0px; background: transparent; border: 0 none; border-bottom: 1px solid #0752A3; margin: 10px 0;}

.vmiddle {vertical-align: middle;}

.tightul {margin: 10px 0; padding: 0 0 0 20px;}

.col2left {clear: left; float: left; width: 45%;}
.col2right {clear: right; float: right; width: 45%;}

.footer {clear: both; width: 100%; border: 0 none; padding: 10px 0; margin: 0;}
.footer a:link {color: #000000; text-decoration: none;}
.footer a:visited {color: #000000; text-decoration: none;}
.footer a:hover {color: #ed1b24; text-decoration: underline;}
.footer a:active {color: #000000; text-decoration: none;}
.address {font-size: 0.9em; color: #000000; padding: 0; margin: 0; text-align: center; line-height: 1.5em;}
.copyright {color: #0752A3; width: 70%; float: right; text-align: right; margin: 0; padding: 0; font-size: 0.85em;}
.webmaster {color: #0752A3; width: 25%; float: left; margin: 0; padding: 0; font-size: 0.85em;}

.calltoaction {margin: 15px 0 0 0; text-align: center;}

form {padding: 0; margin: 0;}

.enquiryform {width: 95%;}
.formfield {margin: 5px;}
.formfieldwide {margin: 5px 10px;}
.formlabel {width: 35%; float: left; font-weight: bold; margin: 0 5px 0 5px;}
.formlabelwide {width: 75%; float: left; font-weight: bold; margin: 0 5px 0 5px;}
.rightformlabel {width: 35%; float: left; font-weight: bold; margin: 0 5px 0 5px; text-align: right;}

.button {font-weight: bold; cursor: pointer;}
.smallbutton {font-size: 0.9em; cursor: pointer; margin: 0;}
.plaintextbox {border: 0 none; font-weight: bold;}
.smalltextbox {font-size: 0.8em;}
.smallselect {font-size: 0.8em;}

h1 {font-size: 1.6em; color: #0752A3; margin: 15px 0;}
h2 {font-size: 1.4em; color: #0752A3;}
h3 {font-size: 1.2em; color: #0752A3;}
h4 {font-size: 1.2em; color: #5996CF;}
h5 {font-size: 1.1em; color: #0752A3;}
h6 {font-size: 1.1em; color: #ed1b24;}

.spacer {clear: both; height: 1px; margin: 7px 0;}
.separator {clear: both; height: 1px; margin: 0px; font-size: 0.1em;}

.house {color: #0752A3; font-weight: bold;}
.highlight {color: #ed1b24; font-weight: bold;}
.boldred {color: #dc4433; font-weight: bold;}
.larger {font-size: 1.2em;}
.smaller {font-size: 0.85em;}
.centered {text-align: center;}
.quote {font-size: 0.7em; margin: 10px; font-style: italic;}
.underlined {text-decoration: underline;}
.context {font-size: 0.85em;}
.clickable {cursor: pointer;}
.righttext {text-align: right;}
.tight {margin: 0;}

a:link {color: #0752A3; text-decoration:none;} 
a:visited {color: #0752A3; text-decoration:none;} 
a:hover {color: #ed1b24; text-decoration:underline;}
a:active {color: #0752A3; text-decoration:none;}

a.antilink:link {color: #0752A3; text-decoration:underline;} 
a.antilink:visited {color: #0752A3; text-decoration:underline;} 
a.antilink:hover {color: #ed1b24; text-decoration:none;}
a.antilink:active {color: #0752A3; text-decoration:underline;}

a.whitelink:link {color: #ffffff; text-decoration:none;} 
a.whitelink:visited {color: #ffffff; text-decoration:none;} 
a.whitelink:hover {color: #ffffff; text-decoration:underline;}
a.whitelink:active {color: #ffffff; text-decoration:none;}

a.bluelink:link {color: #0752A3; text-decoration:none;} 
a.bluelink:visited {color: #0752A3; text-decoration:none;} 
a.bluelink:hover {color: #0752A3; text-decoration:none;}
a.bluelink:active {color: #0752A3; text-decoration:none;}

.buttoncontainer {position: relative; display: block; float: left; margin: 10px 10px 10px 0; width: 114px; height: 42px;}
a.imgbutton {position: absolute; top: 0; left: 0;}
a.imgbutton:link {margin: 0 3px 3px 0;}
a.imgbutton:visited {margin: 0 3px 3px 0;}
a.imgbutton:hover {margin: 1px 2px 2px 1px;}
a.imgbutton:active {margin: 3px 0 0 3px;}

.submitbutton {position: absolute; top: 0; left: 0; width: 135px; height: 30px; color: #ffffff; font-weight: bold; border: 1px solid #ffffff; background: #cd2727 url('images/nav_bg_red.gif') center left repeat-x; cursor: pointer;}
.submitbutton:hover {margin: 1px 2px 2px 1px;}

.boxspacer {float: left; width: 30px; height: 50px; margin: 0; display: inline;}
.sboxspacer {float: left; width: 10px; height: 50px; margin: 0; display: inline;}
.vlinespacer {float: left; width: 1px; height: 150px; margin: 0 15px; background: #d6d6d6;}

.floatedbox260 {float: left; width: 260px;}
.floatedbox270 {float: left; width: 270px;}
.floatedbox280 {float: left; width: 280px;}
.floatedbox290 {float: left; width: 290px;}
.floatedbox300 {float: left; width: 300px;}

.sbox {margin: 10px 0; width: 100%; float: left;}
.sbox280 {width: 280px; margin: 25px 0;}
.sbox280float {float: left; width: 290px; margin: 0 0 0 3px; display: inline;}
.sbox320float {float: left; width: 330px; margin: 0 0 0 3px; display: inline;}
.sboxtight {width: 350px; float: left; text-align: left; margin: 0;}
.sboxcontent {padding: 20px; font-size: 0.9em;}
.sbox280heading {margin: 0; padding: 5px; font-size: 2.2em; color: #0752A3; font-family: 'arial narrow', arial, tahoma, verdana, helvetica, sans-serif; font-weight: normal;}
h2.sbox280heading {margin: 0; padding: 10px 0 0px 10px; font-size: 2.2em; color: #0752A3; font-family: 'arial narrow', arial, tahoma, verdana, helvetica, sans-serif; font-weight: normal;}
.sbox280content {padding: 5px 10px; font-size: 0.95em;}
.sboxtightcontent {padding: 10px 10px 1px 10px; min-height: 50px;}
.sboxcontent h3 {margin: 0 0 6px 0;}
.sboxcontent h6 {margin: 0; font-weight: normal;}
.sboxcontent p {margin: 0 0 6px 0;}
.sboxcontent li {padding: 3px 0;}

.fbox {margin: 10px 0; width: 100%; float: left; background: #ffffff url('images/swoosh_960.jpg') top right no-repeat;}
.fboxcontent {padding: 20px; font-size: 0.9em;}
.fboxcontent h3 {margin: 0 0 6px 0;}
.fboxcontent h6 {margin: 0; font-weight: normal;}
.fboxcontent p {margin: 0 0 6px 0;}
.fboxcontent li {padding: 3px 0;}
.fledge {background-position: left top; background-image: url('images/fl.gif'); background-repeat: repeat-y;}
.fuedge {background-position: right top; background-image: url(images/ft.gif); background-repeat: repeat-x;}
.fredge {background-position: right top; background-image: url(images/fr.gif); background-repeat: repeat-y;}
.fbedge {background-position: left bottom; background-image: url(images/fb.gif); background-repeat: repeat-x;}
.fulcorner {background-position: left top; background-image: url(images/ftl.gif); background-repeat: no-repeat;}
.furcorner {background-position: right top; background-image: url(images/ftr.gif); background-repeat: no-repeat;}
.fblcorner {background-position: left bottom; background-image: url(images/fbl.gif); background-repeat: no-repeat;}
.fbrcorner {background-position: right bottom; background-image: url(images/fbr.gif); background-repeat: no-repeat;}

.w_box {background: #ffffff;}
.w_boxcontent {padding: 5px 10px; color: #080084;}
.w_boxcontent h3 {color: #080084; margin: 0 0 10px 0;}
.w_boxcontent p {margin: 5px 0;}

.b_box {background: #080084;}
.b_boxcontent {padding: 5px 10px; color: #e76b00;}
.b_boxcontent h3 {color: #e76b00; margin: 0 0 10px 0;}
.b_boxcontent p {margin: 5px 0;}

.o_box {background: #e76b00;}
.o_boxcontent {padding: 5px 10px; color: #ffffff; text-align: center;}
.o_boxcontent h3 {color: #ffffff; margin: 0 0 10px 0;}
.o_boxcontent p {margin: 5px 0;}
.o_ledge {background-position: left top; background-image: url('images/o_l.gif'); background-repeat: repeat-y;}
.o_uedge {background-position: right top; background-image: url('images/o_t.gif'); background-repeat: repeat-x;}
.o_redge {background-position: right top; background-image: url('images/o_r.gif'); background-repeat: repeat-y;}
.o_bedge {background-position: left bottom; background-image: url('images/o_b.gif'); background-repeat: repeat-x;}
.o_ulcorner {background-position: left top; background-image: url('images/o_tl.gif'); background-repeat: no-repeat;}
.o_urcorner {background-position: right top; background-image: url('images/o_tr.gif'); background-repeat: no-repeat;}
.o_blcorner {background-position: left bottom; background-image: url('images/o_bl.gif'); background-repeat: no-repeat;}
.o_brcorner {background-position: right bottom; background-image: url('images/o_br.gif'); background-repeat: no-repeat;}

.pb_box {background: #d2e3f2;}
.pb_boxcontent {padding: 5px 10px; color: #080084;}
.pb_boxcontent h3 {color: #ffffff; margin: 0 0 10px 0;}
.pb_boxcontent p {margin: 5px 0;}

.po_box {background: #ffe7ce;}
.po_boxcontent {padding: 5px 10px; color: #080084;}
.po_boxcontent h3 {color: #080084; margin: 0 0 10px 0;}
.po_boxcontent p {margin: 5px 0;}

.pg_box {background: #e0ede0; margon: 0; padding: 0; display: block;}
.pg_boxcontent {padding: 5px 10px; color: #080084;}
.pg_boxcontent h3 {color: #ffffff; margin: 0 0 10px 0;}
.pg_boxcontent p {margin: 5px 0;}

.pr_box {background: #ffdbdb;}
.pr_boxcontent {padding: 5px 10px; color: #080084;}
.pr_boxcontent h3 {color: #ffffff; margin: 0 0 10px 0;}
.pr_boxcontent p {margin: 5px 0;}

.pp_box {background: #ecdeeb;}
.pp_boxcontent {padding: 5px 10px; color: #080084;}
.pp_boxcontent h3 {color: #ffffff; margin: 0 0 10px 0;}
.pp_boxcontent p {margin: 5px 0;}

.g_boxcontent {padding: 5px 10px; color: #080084;}
.g_boxcontent h3 {color: #080084; margin: 0 0 10px 0;}
.g_boxcontent p {margin: 5px 0;}

.darkblue_fade_uedge {background-position: right top; background-image: url('images/st_dark_blue_fade.jpg'); background-repeat: repeat-x;}
.lightblue_fade_uedge {background-position: right top; background-image: url('images/st_light_blue_fade.jpg'); background-repeat: repeat-x;}
.orange_fade_uedge {background-position: right top; background-image: url('images/st_orange_fade.jpg'); background-repeat: repeat-x;}
.green_fade_uedge {background-position: right top; background-image: url('images/st_green_fade.jpg'); background-repeat: repeat-x;}
.red_fade_uedge {background-position: right top; background-image: url('images/st_red_fade.jpg'); background-repeat: repeat-x;}
.purple_fade_uedge {background-position: right top; background-image: url('images/st_purple_fade.jpg'); background-repeat: repeat-x;}

li.pdf {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/pdf.gif')}
li.ppt {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/ppt.gif')}
li.doc {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/doc.gif')}
li.xls {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/xls.gif')}
li.web {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/web.gif')}
li.install {margin: 0 15px; padding: 0 0 5px 5px; list-style-image: url('images/install.gif')}
li.nobull {margin: 0 20px; padding: 0 0 5px 0; list-style: none;}
