/* CSS Document */

* {
	margin: 0;
	padding: 0;
	}
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background: #B4DEEE url(../images/bg_body.gif) center top no-repeat;
	}
	
/*Typography*/	
h1,
h2,
h3,
h4 {
	margin: 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
h1 {
	font-size: 200%;
	}
p {
	margin: 10px 0;
	line-height: 1.4;
	}
p.warningMessage {
	padding: 10px 10px 10px 40px;
	background: #fff2bf url(../images/warning_icon.gif) 15px no-repeat;
	border: #bea230 1px solid;
	}
p.successMessage {
	padding: 10px 10px 10px 40px;
	background: #d4fcd0 url(../images/success_icon.gif) 15px no-repeat;
	border: #2cb11b 1px solid;
	}
blockquote {
	font-style: italic;
	}
ul {
	margin: 10px 0 10px 20px;
	color: #60B3D1;
	}
ul li {
	margin: 10px 0;
	line-height: 1.4;
	}
#main ul li {
	margin: 5px 0;
	color: #333333;
	}
#main ul li a {
	color: #000000;
	text-decoration: none;
	border-bottom: #000000 1px dotted;
	}
#main ul li a:hover {
	color: #60B3D1;
	background: #000000;
	}
	
/*Container*/
#wrapper {
	width: 750px;
	margin: 0 auto;
	padding: 0 10px;
	background: #FFFFFF;
	}
	
/*Navigation*/
#navigation {
	width: 750px;
	padding: 6px 0 10px 0;
	}
#navigation ul {
	margin: 0;
	padding: 0;
	}
#navigation ul li {
	margin: 0 5px 0 0;
	display: inline;
	list-style: none;
	}
#navigation ul li a {
	padding: 4px 8px 10px 4px;
	font-size: 130%;
	text-decoration: none;
	text-transform: lowercase;
	}
/*Links*/
#links {
	width: 550px;
	float: left;
	}
#links ul li a {
	color: #69C0DC;
	}
#links ul li a:hover {
	color: #FFFFFF;
	background: #E2A4D3 url(../images/navigation-link-bottom-over.gif) bottom center no-repeat;
	}
#links ul li a .number {
	font-size: 60%;
	}
/*Call Back Request*/
#callBackRequest {
	float: right;
	}
#callBackRequest a {
	padding: 4px 8px 10px 4px;
	color: #D164B5;
	text-decoration: none;
	text-transform: lowercase;
	}
#callBackRequest a img {
	border: none;
	}

/*Header*/	
#header {
	width: 750px;
	background: #60B3D1 url(../images/bg_header-slice.jpg) top repeat-x;
	}
#header2 {
	width: 750px;
	background: url(../images/bg_header-right.jpg) bottom right no-repeat;
	}
#header #logo {
	float: left;
	}
#header p {
	margin: 10px 10px 0 0;
	padding: 0;
	float: right;
	color: #B3DCEE;
	font-size: 180%;
	font-weight: normal;
	text-transform: lowercase;
	}
#header p .number {
	color: #FFFFFF;
	}
	
/*Breadcrumbs*/
#breadcrumbs {
	width: 730px;
	padding: 5px 10px;
	color: #000000;
	font-size: 70%;
	text-transform: lowercase;
	background: #B4DEEE;
	}
#breadcrumbs a {
	color: #000000;
	font-size: 100%;
	text-decoration: none;
	text-transform: lowercase;
	border-bottom: #000000 1px dotted;
	}
#breadcrumbs a:hover {
	color: #B4DEEE;
	background: #000000;
	}

/*Main Area*/	
#main {
	width: 750px;
	margin: 9px 0 0 0;
	padding: 0 0 25px 0;
	background: url(../images/bg_main.jpg) center repeat-y;
	border-top: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 10px solid;
	}
#main p,
#main li {
	font-size: 90%;
	}
	
/*Further Information*/
#furtherInformation {
	width: 290px;
	float: left;
	overflow: hidden;
	}
#furtherInformation	h3 {
	color: #FFFFFF;
	font-size: 160%;
	font-weight: normal;
	}
#furtherInformation h4 {
	color: #FFFFFF;
	font-size: 140%;
	font-style: italic;
	font-weight: normal;
	}
#furtherInformation h3,
#furtherInformation h4,
#furtherInformation p {
	margin-left: 10px;
	margin-right: 20px;
	}
	
/*Content*/
#content {
	float: right;
	background: url(../images/bg_content-top-right.gif) right top no-repeat;
	}
#content2 {
	width: 440px;
	padding: 10px;
	background: url(../images/bg_content-bottom-left.gif) bottom left no-repeat;
	}
#content h1 {
	color: #298CB3;
	font-weight: normal;
	}
#content h2 {
	margin: 5px 0;
	color: #D463B3;
	font-size: 120%;
	font-style: italic;
	font-weight: normal;
	}
#content p {
	}
#content a {
	color: #D463B3;
	text-decoration: none;
	border-bottom: #D463B3 1px dotted;
	}
#content ul li {
	margin: 5px 0;
	line-height: 1.4;
	}
#content a:hover {
	color: #FFFFFF;
	background: #D463B3;
	}
	
/*Further Reading*/
#content .furtherReading {
	width: 420px;
	padding: 5px 10px;
	background: #F0F8FB;
	}
#content .furtherReading p {
	margin: 0;
	font-weight: bold;
	}
	
/*Footer*/
#footer {
	padding: 0 0 10px 0;
	color: #333333;
	}
#footer a {
	color: #D363B5;
	font-size: 90%;
	text-decoration: none;
	border-bottom: #D363B5 1px dotted;
	}
#footer a:hover {
	color: #FFFFFF;
	background: #D363B5;	
	}
#smallPrint {
	font-size: 90%;
	font-style: italic;
	text-align: center;
	}
	
/*Latest Portfolio Items*/
.latestPortfolioItem {
	margin: 20px 0;
	}
.latestPortfolioItem a img.imagePreview {
	margin: 0 0 0 5px;
	border: #B4DEED 5px solid;
	}
.latestPortfolioItem a img.imagePreview:hover {
	border-color: #D263B2;
	}
.latestPortfolioItem h4 {
	margin: 5px 0 0 0;
	}
.latestPortfolioItem h4 a {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: #FFFFFF 1px dotted;
	}
.latestPortfolioItem h4 a:hover {
	color: #60B3D1;
	background: #FFFFFF;	
	}
.latestPortfolioItem p {
	margin: 0 0 5px 0;
	color: #333333;
	font-size: 80%;
	}
.latestPortfolioItem p a {
	color: #333333;
	font-size: 80%;
	text-decoration: none;
	text-transform: lowercase;
	border-bottom: #333333 1px dotted;
	}
.latestPortfolioItem p a:hover {
	color: #60B3D1;
	background: #333333;
	}
	
/*News Items*/
.newsItem {
	margin: 20px 0;
	}
.newsItems h2,
.newsItem h3 {
	margin: 5px 0;
	color: #D463B3;
	font-size: 120%;
	font-style: italic;
	font-weight: normal;
	}
.newsItem h2 .created,
.newsItem h3 .created {
	color: #8B8B8B;
	font-size: 90%;
	}
.newsItem p {
	}
	
/*Tips*/
.tip {
	background: url(../images/bg_tip-slice.jpg) repeat-y;
	}
.tip2 {
	background: url(../images/bg_tip-top.jpg) top no-repeat;
	}
.tip3 {
	width: 250px;
	padding: 10px 10px 25px 30px;
	background: url(../images/bg_tip-bottom.jpg) bottom no-repeat;
	overflow: hidden;
	}
.tip h3,
.tip p {
	margin: 0 0 10px 0;
	}
.tip h4 {
	margin: 20px 0 0 0;
	}
#furtherInformation .tip h3 {
	color: #2C8AB0;
	}
#furtherInformation .tip a {
	color: #000000;
	text-decoration: none;
	border-bottom: #000000 1px dotted;
	}
#furtherInformation .tip a:hover {
	color: #B4DEEE;
	background: #000000;
	}

/*Home*/
.home #navigation ul li#linkHome a {
	color: #FFFFFF;
	background: #D164B5 url(../images/navigation-link-bottom.gif) bottom center no-repeat;
	}
.home #missionStatement {
	color: #D463B3;
	}
.home #missionStatement #statement {
	color: #60B3D1;
	font-size: 80%;
	font-style: italic;
	}
.home h3.titleHomeInto {
	margin: 5px 0;
	color: #D463B3;
	font-size: 120%;
	font-style: italic;
	font-weight: normal;
	}
.home h2#titleLatestNews {
	margin-top: 50px;
	color: #298CB3;
	font-size: 200%;
	font-weight: normal;
	}
.home #content .furtherReading p {
	font-weight: normal;
	}
.home #content .furtherReading a {
	font-weight: bold;
	}
.home #callToAction {
	}
.home #callToAction a,
.home #callToAction a img {
	border: none;
	}
.home #callToAction img {
	display: block;
	}
	
/*Portfolio*/
.portfolio #navigation ul li#linkPortfolio a {
	color: #FFFFFF;
	background: #D164B5 url(../images/navigation-link-bottom.gif) bottom center no-repeat;
	}
.portfolio #content a {
	text-decoration: none;
	border-bottom: none;
	background: none;
	}
.portfolio #content a:hover {
	text-decoration: none;
	background: none;
	}
.portfolio #content a.portfolioLink {
	width: 440px;
	height: 100px;
	margin: 10px 0;
	display: block;
	text-decoration: none;
	}
.portfolio #content a.portfolioLink:hover {
	background: #89D3EE url(../images/bg_portfolio-item.jpg) right no-repeat;
	}
.portfolio #content .portfolioLink img {
	margin: 0 10px 0 0;
	float: left;
	border: #DBDBDB 5px solid;
	}
.portfolio #content .portfolioLink h2 {
	display: inline;
	color: #6ABDDD;
	font-size: 140%;
	background: url(../images/icon_internal-link.gif) right no-repeat;
	}
.portfolio #content .portfolioLink:hover h2 {
	color: #FFFFFF;
	text-decoration: underline;
	}
.portfolio #content .portfolioLink p {
	margin: 5px 0 0 0;
	padding: 0;
	color: #000000;
	font-size: 70%;
	text-decoration: none;
	text-transform: lowercase;
	}
.portfolio #content .portfolioLink:hover p {
	text-decoration: underline;
	}

/*Portfolio Case Study*/
.portfolioCaseStudy #navigation ul li#linkPortfolio a {
	color: #FFFFFF;
	background: #D164B5 url(../images/navigation-link-bottom.gif) bottom center no-repeat;
	}
.portfolioCaseStudy #content img,
img.portfolioCaseStudy {
	border: #B4DEED 5px solid;
	}
	
/*Services*/
.services #navigation ul li#linkServices a {
	color: #FFFFFF;
	background: #D164B5 url(../images/navigation-link-bottom.gif) bottom center no-repeat;
	}
.services #content ul li a img {
	border: none;
	}
	
/*Company Profile*/
.companyProfile #navigation ul li#linkCompanyProfile a {
	color: #FFFFFF;
	background: #D164B5 url(../images/navigation-link-bottom.gif) bottom center no-repeat;
	}
	
/*News*/
.news #navigation ul li#linkNews a {
	color: #FFFFFF;
	background: #D164B5 url(../images/navigation-link-bottom.gif) bottom center no-repeat;
	}
	
/*Contact Us*/
.contactUs #navigation ul li#linkContactUs a {
	color: #FFFFFF;
	background: #D164B5 url(../images/navigation-link-bottom.gif) bottom center no-repeat;
	}
.contactUs #main #locationMap {
	border: #DBDBDB 5px solid;
	}
	
/*Links*/
/*E-mail Link*/
.linkEmail {
	color: #000000;
	text-decoration: none;
	border-bottom: #000000 1px dotted;
	}
.linkEmail:hover {
	color: #60B3D1;
	background: #000000;
	}
/*External Link*/
.linkExternal {
	}
.linkExternal {
	}
	
/*General*/
.hidden {
	display: none;
	}
.icon {
	border: none;
	}
	
/* Overlay */
#overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 90;
	width: 100%;
	height: 100%; /* Height will be set by Javascript */

	background-color: #000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: .50;
}
#companyStatement {
	position: absolute;
	
	border: 1px solid #6ABDDB;
	background-color: #F3F9F9;
	font-size: 90%;
	
	top: 60px;
	left: 50%;
	width: 480px;
	height: 320px;
	margin-left: -240px;
	overflow: none;
	
	padding: 20px;
	
	z-index: 100;
}
#companyStatement img {
	border: 1px solid #6ABDDB;
}
#companyStatement li {
	margin: 2px 0;
	font-size: 95%;
}
#companyStatement ul {
	margin-bottom: 20px;
}
#companyStatement a {
	color: #000;
}
#companyStatement p#redirect {
	border: 1px solid #6ABDDB;
	background-color: #B4DEEE;
	margin: 0;
	padding: 5px;
	margin-bottom: 20px;
}
#companyStatement #ballyhoo {
	float: left;
	width: 250px;
}
#companyStatement #thecolourmill {
	float: right;
	width: 230px;
}
#companyStatement p#statement {
	clear: both;
	border-top: 1px solid #6ABDDB;
	font-size: 85%;
	line-height: 2;
	padding-top: 10px;
}