@charset "utf-8";


/* --------------- */
/* Sitewide styles */
/* --------------- */
body {
	font:76%/1.6 /* "Trebuchet MS", */ Arial, Verdana;
	background: #088afe;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #59564e;
	}

.oneColFixCtr #container {
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-top: 20px solid #088afe;
	border-bottom: 10px solid #ffffff;
	text-align: left; /* this overrides the text-align: center on the body element. */
	}

.oneColFixCtr #mainContent {
	margin: 30px 0 0 0;
	padding: 0 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	}

.oneColFixCtr #Masthead {
	min-height:100px;
	background:url(../img/logo.gif) bottom right no-repeat;
	padding-bottom:20px;
	border-bottom: 2px dotted #999;
	}

.oneColFixCtr #HomeFooter,  .oneColFixCtr #AgencyFooter, .oneColFixCtr #AboutFooter, .oneColFixCtr #SmesFooter, .oneColFixCtr #CorporateFooter, .oneColFixCtr #WorkFooter, .oneColFixCtr #ContactFooter, .oneColFixCtr #ClientsFooter{
	border-top: 2px dotted #999;
	min-height:50px;
	padding-top:10px;
	margin-top:30px;
	}


/* ----------------- */
/* Navigation styles */
/* ----------------- */
.oneColFixCtr #Masthead #Nav {
	text-align:left;
	border:0px solid #f00;
	margin-left:-28px;
	width: 300px;
	}
	
.oneColFixCtr #Masthead #Contact {
	float:right;
	text-align:right;
	border:0px solid #f00;
	margin-left:-28px;
	width: 300px;
	}
	
.oneColFixCtr #Masthead #Contact a, .oneColFixCtr #Masthead #Contact font
{
	color:#59564e;
	font-weight:normal;
}	

.oneColFixCtr #Masthead #Nav ul {
	width:100px;
	padding:0;
	margin:0;
	}

.oneColFixCtr #Masthead #Nav li {
	/* padding:0; */
	color:#59564e;
	width:108px; 
	list-style:none;
	border:0px dotted #999;
	padding:2px 0 2px 4px;
	}

#Nav li a {color:#59564e; text-decoration:none;}
#Nav li a:active {}
#Nav li a:visited {}
#Nav li#selected a:visited {color:#fff;}
#Nav li a:hover {color:#fff;}

#Nav ul li a {
	display: block;
	width:85px;
	padding: 0px 0 0px 20px;
	text-decoration: none;
	}
* html #Nav ul li a {
	width: 1%;
	}


.oneColFixCtr #Masthead #Nav li:hover.home, .oneColFixCtr #Masthead #Nav li.home#selected {
	color:#fff;
	background:#868481 url(../img/blank.gif) left no-repeat;
	}
.oneColFixCtr #Masthead #Nav li:hover.home a {
	color:#fff;
	}
.oneColFixCtr #Masthead #Nav li.home#selected {
	color:#fff;
	background:#868481 url(../img/asterisk_home.gif) left no-repeat;
	}

.oneColFixCtr #Masthead #Nav li:hover.news, .oneColFixCtr #Masthead #Nav li.news#selected {
	color:#fff;
	background:#ff132c url(../img/blank.gif) left no-repeat;
	}
.oneColFixCtr #Masthead #Nav li:hover.news a {
	color:#fff;
	}
.oneColFixCtr #Masthead #Nav li.news#selected {
	color:#fff;
	background:#ff132c url(../img/asterisk_news.gif) left no-repeat;
	}

.oneColFixCtr #Masthead #Nav li:hover.about, .oneColFixCtr #Masthead #Nav li.about#selected {
	color:#fff;
	/* background:#f5dd00 url(../img/blank.gif) left no-repeat; original colour */
	/* background:#adfd46 url(../img/blank.gif) left no-repeat; light green */
	background:#a200f6 url(../img/blank.gif) left no-repeat;
	}
.oneColFixCtr #Masthead #Nav li:hover.about a {
	color:#fff;
	}
.oneColFixCtr #Masthead #Nav li.about#selected {
	color:#fff;
	/* background:#f5dd00 url(../img/asterisk_about.gif) left no-repeat; original colour */
	/* background:#adfd46 url(../img/asterisk_about.gif) left no-repeat; light green */
	background:#a200f6 url(../img/asterisk_about.gif) left no-repeat;
	}


.oneColFixCtr #Masthead #Nav li:hover.smes, .oneColFixCtr #Masthead #Nav li.smes#selected {
	color:#fff;
	background:#088afe url(../img/blank.gif) left no-repeat;
	}
.oneColFixCtr #Masthead #Nav li:hover.smes a {
	color:#fff;
	}
.oneColFixCtr #Masthead #Nav li.smes#selected {
	color:#fff;
	background:#088afe url(../img/asterisk_smes.gif) left no-repeat;
	}


.oneColFixCtr #Masthead #Nav li:hover.corporate, .oneColFixCtr #Masthead #Nav li.corporate#selected {
	color:#fff;
	background:#3ddc06 url(../img/blank.gif) left no-repeat;
	}
.oneColFixCtr #Masthead #Nav li:hover.corporate a {
	color:#fff;
	}
.oneColFixCtr #Masthead #Nav li.corporate#selected {
	color:#fff;
	background:#3ddc06 url(../img/asterisk_corporate.gif) left no-repeat;
	}


.oneColFixCtr #Masthead #Nav li:hover.agency, .oneColFixCtr #Masthead #Nav li.agency#selected {
	color:#fff;
	background:#f20389 url(../img/blank.gif) left no-repeat;
	}
.oneColFixCtr #Masthead #Nav li:hover.agency a {
	color:#fff;
	}
.oneColFixCtr #Masthead #Nav li.agency#selected {
	color:#fff;
	background:#f20389 url(../img/asterisk_agency.gif) left no-repeat;
	}

.oneColFixCtr #Masthead #Nav li:hover.work, .oneColFixCtr #Masthead #Nav li.work#selected {
	color:#fff;
	background:#ff8908 url(../img/blank.gif) left no-repeat;
	}
.oneColFixCtr #Masthead #Nav li:hover.work a {
	color:#fff;
	}
.oneColFixCtr #Masthead #Nav li.work#selected {
	color:#fff;
	background:#ff8908 url(../img/asterisk_work.gif) left no-repeat;
	}

.oneColFixCtr #Masthead #Nav li:hover.clients, .oneColFixCtr #Masthead #Nav li.clients#selected {
	color:#fff;
	background:#0033ff url(../img/blank.gif) left no-repeat;
	}
.oneColFixCtr #Masthead #Nav li:hover.clients a {
	color:#fff;
	}
.oneColFixCtr #Masthead #Nav li.clients#selected {
	color:#fff;
	background:#0033ff url(../img/asterisk_clients.gif) left no-repeat;
	}


.oneColFixCtr #Masthead #Nav li:hover.contact, .oneColFixCtr #Masthead #Nav li.contact#selected {
	color:#fff;
	/* background:#a200f6 url(../img/blank.gif) left no-repeat; purple */
	background:#adfd46 url(../img/blank.gif) left no-repeat;
	}
.oneColFixCtr #Masthead #Nav li:hover.contact a {
	color:#fff;
	}
.oneColFixCtr #Masthead #Nav li.contact#selected {
	color:#fff;
	/* background:#a200f6 url(../img/asterisk_contact.gif) left no-repeat; purple */
	background:#adfd46 url(../img/asterisk_contact.gif) left no-repeat;
	}



/* ----------- */
/* Home styles */
/* ----------- */
.oneColFixCtr #mainContentHome {
	margin: 30px 0;
	padding: 0 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:url(../img/home_bg.gif) top left no-repeat;
	}

.oneColFixCtr #mainContentHome #HomeIntro	{
	padding: 40px 0;
	margin-bottom:0;
	}


/* ----------- */
/* Page styles */
/* ----------- */
#AboutIntro, #SmesIntro, #NewsIntro, #CorporateIntro, #AgencyIntro, #WorkIntro, #ClientsIntro, #ContactIntro {
	width:525px;
	}

#AboutBoxout {
	float:right;
	margin-top:60px;
 	width:323px;
	background:#a200f6 url(../img/boxout_btm_about.gif) bottom left no-repeat;
	border:0px dashed #f00;
	}
	
#NewsBoxout {
	float:right;
	margin-top:60px;
 	width:323px;
	background:#ff132c url(../img/boxout_btm_news.gif) bottom left no-repeat;
	border:0px dashed #f00;
	}

#SmesBoxout {
	float:right;
	margin-top:60px;
 	width:323px;
	background:#088afe url(../img/boxout_btm_smes.gif) bottom left no-repeat;
	border:0px dashed #f00;
	}

#CorporateBoxout {
	float:right;
	margin-top:60px;
 	width:323px;
	background:#03de28 url(../img/boxout_btm_corporate.gif) bottom left no-repeat;
	border:0px dashed #f00;
	}

#AgencyBoxout {
	float:right;
	margin-top:60px;
 	width:323px;
	background:#ff339a url(../img/boxout_btm_agency.gif) bottom left no-repeat;
	border:0px dashed #f00;
	}

#AboutBoxout #comment {padding:5px 20px 1px 20px; font-weight:bold; font-size:small; color:#fff;}
#AboutBoxout #author p {padding:10px 0 0 20px; margin-top:0; font-weight:bold; font-size:small;}

#NewsBoxout #title {padding:0px 0px 0px 20px; font-weight:bold; font-size:medium; color:#fff;}
#NewsBoxout #list p {padding:35px 20px 1px 20px; margin-top:0; font-weight:bold; font-size:small;}
#NewsBoxout #list li {padding:5px 20px 1px 5px; width:250px; margin-top:0; list-style-image:url("../img/asterisk_newslist.gif"); font-weight:normal; font-size:small; color:#fff}
#NewsBoxout #list li a {color:#fff; text-decoration:none;}
#NewsBoxout #list li a:active {}
#NewsBoxout #list li a:visited {}
#NewsBoxout #list li#selected a:visited {color:#fff;}
#NewsBoxout #list li a:hover {color:#59564e; font-weight:bold;}


#CorporateBoxout #comment {padding:5px 20px 1px 20px; font-weight:bold; font-size:small; color:#fff;}
#CorporateBoxout #author p {padding:10px 0 0 20px; margin-top:0; font-weight:bold; font-size:small;}

#AgencyBoxout #comment {padding:5px 20px 1px 20px; font-weight:bold; font-size:small; color:#fff;}
#AgencyBoxout #author p {padding:10px 0 0 20px; margin-top:0; font-weight:bold; font-size:small;}

#SmesBoxout #comment {padding:5px 20px 1px 20px; font-weight:bold; font-size:small; color:#fff;}
#SmesBoxout #author p {padding:10px 20px 0 20px; margin-top:0; font-weight:bold; font-size:small;}

.oneColFixCtr #mainContent #ContactIntro p {
	width:210px;
	}

h1 {padding:0 0; margin:20px 0 -15px 0;}

.oneColFixCtr #mainContent #SmesIntro h1 {
	color: #088afe;
	}

.oneColFixCtr #mainContent #SmesIntro font {
	color: #ffffff;	padding:2px 3px 2px 3px; background: #088afe; font-weight:normal;
	}

.oneColFixCtr #mainContent #NewsIntro h1, .oneColFixCtr #mainContent #NewsIntro a{
	color: #ff132c;
	}

.oneColFixCtr #mainContent #NewsIntro font {
	color: #ff132c;
	font-weight:bold;
	}	
	
.oneColFixCtr #mainContent #AboutIntro h1 {
	color: #a200f6;
	}
	
.oneColFixCtr #mainContent #AboutIntro font {
	color: #a200f6;
	font-weight:bold;
	}

.oneColFixCtr #mainContent #CorporateIntro h1 {
	color: #3ddc06;
	}

.oneColFixCtr #mainContent #AgencyIntro h1 {
	color: #f20389;
	}
	
.oneColFixCtr #mainContent #WorkIntro h1 {
	color: #ff8908;
	}
	
.oneColFixCtr #mainContent font {
	color: #ff8908;
	font-weight:bold;
	}

.oneColFixCtr #mainContent #ClientsIntro h1 {
	color: #0033ff;
	}

.oneColFixCtr #mainContent #ContactIntro h1 {
	border:0px dotted #999;
	background:url(../img/asterisk_green.gif) top left no-repeat;
	margin:40px 0 -15px -15px;
	padding-top:190px;
	padding-left:15px;
	color: #adfd46;
	}

.oneColFixCtr #mainContent #ContactIntro a {
	color: #59564e;	padding:2px 3px 2px 3px; background: #adfd46; font-weight:normal;
}

.oneColFixCtr #mainContent #ContactIntro font {
	color: #59564e;	padding:2px 3px 2px 3px; background: #adfd46; font-weight:normal;
}

#clientlogos {padding:20px 0;}

/* -------------------------------- */
/*footer styles */
/* -------------------------------- */
.oneColFixCtr #SmesFooter a, .oneColFixCtr #SmesFooter font
{
	color:#088afe;
	font-weight:normal;
}

.oneColFixCtr #AgencyFooter a, .oneColFixCtr #AgencyFooter font
{
	color:#f20389;
	font-weight:normal;
}

.oneColFixCtr #NewsFooter a, .oneColFixCtr #NewsFooter font
{
	color:#ff132c;
	font-weight:normal;
}

.oneColFixCtr #AboutFooter a, .oneColFixCtr #AboutFooter font
{
	color:#a200f6;
	font-weight:normal;
}

.oneColFixCtr #CorporateFooter a, .oneColFixCtr #CorporateFooter font
{
	color:#3ddc06;
	font-weight:normal;
}

.oneColFixCtr #WorkFooter a, .oneColFixCtr #WorkFooter font
{
	color:#ff8908;
	font-weight:normal;
}

.oneColFixCtr #ClientsFooter a, .oneColFixCtr #ClientsFooter font
{
	color:#0033ff;
	font-weight:normal;
}

.oneColFixCtr #ContactFooter a, .oneColFixCtr #ContactFooter font
{
	color:#59564e;
	font-weight:normal;
}

 .oneColFixCtr #HomeFooter a, .oneColFixCtr #HomeFooter font
{
	color:#59564e;
	font-weight:normal;
}

/* -------------------------------- */
/* Miscellaneous classes for re-use */
/* -------------------------------- */
#floatright {
	float: right;
	padding-top:10px;
	margin-left: 0px;}

#floatleft {
	float: left;
	padding-top:10px;
	margin-right: 0px;}

/*  Clearing  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */