/*Global Styling*/
body{ background:#fff; font:13px/150% Tahoma, Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; color:#333;}
a:focus{outline:1px dotted invert}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0; }
h1{font-size:30px}h2{font-size:30px}h3{font-size:18px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}
ol{list-style:decimal}
ul{list-style:square}
li{margin-left:30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,address,fieldset{margin-bottom:20px}
#skiplinks{display:none;}
strong{font-weight:bold;}
small{font-size:9px;}
.clearme{clear:both;}
.imgfloat{float:left; padding:0 10px 10px 0;}

/*h*/
h2						{color:#003668; text-transform:uppercase;}
h3						{color:#003668;}

/*links*/
a:link 					{color: #3286c2; text-decoration:none;}
a:visited 				{color: #3286c2; text-decoration:none;}
a:hover 				{color: #53a1d9; text-decoration:none;}

blockquote				{font:normal 16px/140% Helvetica,Arial; color:#125cab; background:url(../images/design/quotes.gif) 15px 15px no-repeat #e9f1f8; padding:20px; margin:20px;}

/*colours
blue: #3286c2
mid blue: #125cab
light light blue: #e9f1f8
text: #333
light grey: #d6d6d6
*/

/*foundations*/
#container				{}

#header					{margin:20px 0 30px 0; height:70px; font:11px/140% normal "Lucida Sans Unicode", Arial, Helvetica;}

#logo					{height:84px; background:url(../images/design/logo.gif) no-repeat;}
#logo a					{display:block; /*width:220px;*/ height:84px;}
#logo span				{text-indent:-9999px;}

#utility				{margin:5px 0 0 350px; height:70px; width: 325px; background-position:right; background-image:url(../images/design/training.jpg); background-repeat:no-repeat}

#util-nav				{height:20px; margin-bottom:15px;}
#util-nav ul			{list-style-type: none; border: none; margin:0; padding:0; }
#util-nav ul li			{padding:7px 0 0 35px; margin: 0; height:56px; float:left; }
#util-nav ul li a		{padding:0; margin: 0; height:56px; display:block;}
.tel					{width:95px;height:20px; background:url(../images/design/tel.png) 0 0 no-repeat;}
.email					{height:20px; background:url(../images/design/email.png) 0 0 no-repeat;}
#search					{height:28px; background:none;}

#search ul				{list-style-type: none; border: none; margin:0; padding:0; }
#search ul li			{padding:7px 0 0 35px; margin: 0; height:56px; float:left; }
#search ul li a			{padding:0; margin: 0; height:56px; display:block;}


#search-field			{float:left;}
.search-button			{float:left;}
.s-form 				{margin:0; padding:0; text-align:left;}
.s-form input.field		{border:none; color:#999999; font-size:11px; padding:5px 5px 4px 30px; width:170px; background:none;}
.s-form input.button	{width:75px; height:30px; border:none; background:none;}

#menu					{height:56px; padding:0; background:url(../images/design/nav.png) 0 0 no-repeat;}
#menu ul				{list-style-type: none; border: none; margin:0; padding:0; }
#menu ul li				{padding:0; margin: 0; height:56px; float:left; }
#menu ul li a			{padding:0; margin: 0; height:56px; display:block;}
#menu span				{text-indent:-9999px; display:none;}

.menu1 a				{display:block; width:118px;}
.menu2 a				{display:block; width:117px;}
.menu3 a				{display:block; width:117px;}
.menu4 a				{display:block; width:117px;}
.menu5 a				{display:block; width:117px;}
.menu6 a				{display:block; width:117px;}
.menu7 a				{display:block; width:117px;}
.menu8 a				{display:block; width:120px;}

.menu1 a:hover			{display:block; width:118px; height:56px; background:url(../images/design/nav-ovr.png) 0 0 no-repeat;}
.menu2 a:hover			{display:block; width:117px; height:56px; background:url(../images/design/nav-ovr.png) -118px 0 no-repeat;}
.menu3 a:hover			{display:block; width:117px; height:56px; background:url(../images/design/nav-ovr.png) -235px 0 no-repeat;}
.menu4 a:hover			{display:block; width:117px; height:56px; background:url(../images/design/nav-ovr.png) -352px 0 no-repeat;}
.menu5 a:hover			{display:block; width:117px; height:56px; background:url(../images/design/nav-ovr.png) -469px 0 no-repeat;}
.menu6 a:hover			{display:block; width:117px; height:56px; background:url(../images/design/nav-ovr.png) -586px 0 no-repeat;}
.menu7 a:hover			{display:block; width:117px; height:56px; background:url(../images/design/nav-ovr.png) -703px 0 no-repeat;}
.menu8 a:hover			{display:block; width:120px; height:56px; background:url(../images/design/nav-ovr.png) -820px 0 no-repeat;}

.current a				{display:block; width:60px; height:42px; background:url(images/design/menu-ovr.png) 0 0 no-repeat;}

#buckets				{border-top:10px solid #d6d6d6;  border-bottom:10px solid #d6d6d6; margin-top:30px; font:13px/140% normal Tahoma, Arial, Helvetica; margin-bottom:20px; margin-left:0px;} 
#buckets h3				{ text-transform:uppercase; font:16px/140% normal Arial, Helvetica, sans-serif; margin-bottom:10px; color: #00A857;	font-size:20px;}
#client-portal			{background:none;}
#client-portal p		{width:300px;}
.buckets-pad			{padding-top:20px; }

#news					{height:140px; background:url(../images/design/news-line.png) 0 20px  no-repeat;}
#news ul				{list-style:none;}
#news li				{float:left; padding-bottom:10px; margin-left:0;}
#news h4				{font-size:13px!important; color:#3286c2!important; text-transform:uppercase!important; margin-bottom:0!important;}
#news ul li h4			{font-size:13px!important; color:#3286c2!important; text-transform:uppercase!important; margin-bottom:0!important;}
/*#news p 				{margin-bottom:10px!important; display:block; width:230px;}*/
/*#news h2				{font-size:14px!important; color:#679ac9!important; text-transform:uppercase!important;}*/
.rssimporttwo			{}
#news small				{/*text-align:left; float:left;*/ /*width:230px;*/}

#footer					{height:50px; padding:20px 0; font:11px/140% normal "Lucida Sans Unicode", Arial, Helvetica;}
#footer ul 				{float:left; margin-bottom:5px!important;}
#footer ul li			{list-style:none; margin-left:0!important; display:inline; }
#footer a				{color:#333;}
#footer a:hover			{color:#666666;}

/*home specific*/
#masthead				{height:315px; margin-bottom:30px;}
#flash					{height:315px;}
#carousel				{height:300px;}


/*inner page specific*/
#masthead-inner			{height:115px; background:url(../images/design/inner-header-bg.jpg) 0 0 no-repeat; margin-bottom:30px; padding:30px 20px 20px 20px;}
.maintitle				{font:60px/100% Arial, Helvetica, sans-serif; color:#125cab; letter-spacing:-6px; text-transform:uppercase;}
.subtitle				{font:35px/100% Arial, Helvetica, sans-serif; color:#88bd5b; letter-spacing:-2px; text-transform:uppercase;}
/*#masthead-inner	br		{ margin-bottom:-15px;}*/

#article				{}
#article h1				{font:bold 20px/140% Arial, Helvetica, sans-serif; color:#88bd5b;}
#article p.intro 		{font:bold 18px/140% Arial, Helvetica, sans-serif; color:#125cab;}
#article p				{}
#article h4 			{text-transform:uppercase; color:#003668!important;}
#article h4 a			{text-transform:uppercase; color:#003668!important;}
#article img			{float:left; padding:0 20px 10px 0; }
.innerimg				{float:left; padding:10px 0 20px 0!important;}

#sidebar				{}
#sidebar p				{font:11px/140% Tahoma, Arial,Verdana; color:#333; margin-bottom:10px!important;}
#sidebar h3				{text-transform:uppercase; font:16px/140% normal Arial, Helvetica, sans-serif;  margin-bottom:10px!important;}
#sidebar ul				{list-style:none; margin:10px 0 20px 0; padding:0; border-top:1px solid #d6d6d6;}
#sidebar li				{/*height:19px;*/ margin-left:0; padding:6px 0 10px 0; border-bottom:1px solid #d6d6d6; font:11px/140% Tahoma, Arial,Verdana; text-indent:20px; color:#333; background:url(../images/design/bullet.png) 0 12px no-repeat; height:17px;}


/*products page*/
.productimg				{float:left; border:1px solid #d6d6d6; margin:0 15px 15px 0; padding:3px!important;}
#tab-area				{float:left; margin-top:40px; width:640px;}
.breadcrumbs			{width:692px; height:20px; color:#666666; margin:0 0 20px 0; font-size:10px;}
.breadcrumbs a			{color:#999999;}
.breadcrumbs ul			{list-style:none;}



#footerbanner
{
	width: 100%;
	height: 5px;
	color: #ffffff;
}

.box
{
	position: relative;
	/*border: dashed 1px #dadada;*/
	margin-top: 15px;
	background: inherit;
	color: #AAB165;
}

.box p
{
	font-size: 10px;
	line-height: 16px;
	margin: 0px;
}

.box_inner
{
	border: dashed 1px #dadada;
	/*border: solid 1px #fff;*/
	padding: 15px;
	background: #FFFFE9 url('images/design/a4.gif') repeat-x;
	color: #000000;
}

/*-- Robs Beautiful Kick Arse Form --*/
/*form 				{margin:0; padding:0; text-align:left;}
fieldset 			{width:198px; margin:5px;}
fieldset p			{background:#e8e5de;}
fieldset dl 		{background:#e8e5de; padding:1px;}
fieldset dt 		{float:left; width:150px; padding:1px;}
fieldset dd 		{margin:0; padding:1px;}
label 				{font-weight:normal;}
legend 				{font-size:13px; color:#666666; background:#e8e5de; margin:2px; padding:5px; border:solid 1px #ccc; font-weight:bold;}
input, textarea 	{border:1px solid #ccc; color:#999999; font-size:11px; padding:4px;}
.formfield			{width:130px;}
.checkydt			{width:140px;}
.checkyinput		{border:none!important;}
.required			{color:#cc0000; font-weight:normal;}
.mybutton			{width:100px; height:30px; padding:5px 10px 10px 10px;}
.mybutton2			{font-weight:bold; height:30px; padding:5px 5px 10px 5px; margin: 5px; background:#ccc; color:#222;}*/

