@charset "utf-8";
/*-----------------------------------------------------------------------------

Wellington IT Solutions: 

Version:			1.1
Website Design:		Rachel McKnight
Website Author: 	Gareth Watson
Email:     			gdpwatson@w-c-s.co.uk
Website:   			http://www.w-c-s.co.uk
Date Created: 		05/Feb/2009
Last Updated:		23/Apr/2009
Last Updated By: 	Gareth Watson
Copyright: 			Wellington Computer Systems

-----------------------------------------------------------------------------*/

/* GLOBAL RESET */

*{
	margin:0;
	padding:0;
}

/*Turn borders off on images*/
img {
	border:0;

}

/* @body */
body {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:62.5%;
	background-color:#f6f5f0;
	background-color:#000000;
}

/* @inner */
/* sets the margins for all inner content portion of each section */
.inner {
	width:910px;
	text-align:left;
	margin:0 auto;
}

/* homepage @header */
#header {
	height:71px;
	background-image:url(../images/headerbg.gif);
	background-repeat:repeat-x;
}

/* subpage @header */
#subheader {
	height:109px;
	background-image:url(../images/subpagebg.gif);
	background-repeat:repeat-x;
}

/* @logo @h1 */
img.logo {
	position:absolute;	
}

/* set flags */
#flags {
	position:relative;
	top:-10px;
}

#flags li{
	background-image:none;
}

/*
==============================
NAVIGATION
==============================
*/

/* main @navigation */
ul#navigation {
	float:left;
	margin:25px 0 0 320px;
	display:inline;
}

ul#navigation li {
	background-image:none;
}

ul#navigation a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	margin:0 5px 0 5px;
}

ul#navigation a:hover {
	color:#a7ebfe;
}

#flags li, #navigation li {
	display:inline;

}

/* @flags */
#flags {
	margin:25px 0 0 0;
	float:right;
}

/*secondary column area for sub pages*/
#seccol {
	width:180px;
	float:right;
}

/* Sub Navigation @subnav */
ul#subnav {
	list-style:none;
	font-size:1.1em;

}

li.navigationheading{
	padding-bottom:5px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

ul#subnav li {
	background-image:none;
}

ul#subnav li ul li a{
	text-decoration:none;
	color:#747373;
	padding-left:15px;
}

/*hide all sub navigation sub menus when on FMCG homepage*/
#fmcg #subnav ul li{display:none;}

#subnav ul {

}

/*use this to hide any content not relevant to current page*/
.hide{display:none;}

ul.financials li {

}

a.toplevel {
	background-image:url(../images/bullet-point.gif);
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	padding:3px 0 3px 15px;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.1em;	
	color:#000;
}


/*NB This needs to be placed AFTER the above 'toplevel' styles
/*highlight current product*/
a.current {
	background-image:url(../images/bullet-point-down.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#2cb1e0;
}

.subcurrent {
	background-image:url(../images/selected.gif);
	background-repeat:no-repeat;
}

/*
========================================
PREAMBLE HOME
=======================================
*/

/* @preamble */
#home #preamble {
	background-image:url(../images/preamblebg.gif);
	background-repeat:repeat-x;
	height:261px;
}

#home #preamblemain {
	width:440px;
	float:left;
}

#home #preamble p {
		color:#ffffff;
		width:430px;
		text-align:center;
}

#home .preimg {
	margin:30px 0 0 0;
}

#home #preambleimage {
	float:right;
}

/*
===================================
CONTENT AREA
===================================
*/

/* Home page stuff first */
/* @content */
#content {
	background-image:url(../images/contentbg.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#f6f5f0;
	padding-top:50px;
	padding-bottom:20px;
}

#content .column {
	width:210px;
	float:left;
	margin:0px 5px 0 10px;
	border:0px solid red;
}

/* @quote */
#quotetop {
	width:203px;
	height:5px;
	background-image:url(../images/quote-top.gif);
	background-repeat:no-repeat;
	background-position:top;	
}

#quote {
	width:203px;
	background-image:url(../images/quote-bg.gif);
	background-repeat:repeat-y;
	background-position:left;
	color:#8a8a8a;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;

}

#quotebottom {
	width:203px;
	height:23px;
	background-image:url(../images/quote-bottom.gif);
	background-repeat:no-repeat;
	background-position:top;	
}

/* @blockquote */
blockquote {
	padding:5px 10px 5px 10px;
	/*background: url(../images/quote-close.gif) no-repeat bottom right;*/
	margin-right:10px;
}

.pullquote:first-letter{
	/*background: url(../images/quote-open.gif) no-repeat;
	padding:10px 0 0 30px;*/

	
}

/*Subpage*/
#maincol {
	width:700px;
	float:left;
	border-right:1px solid #cfcfcf;
	padding-right:20px;
}

img.mainimg {
	margin: 0 10px 0px 10px;
}

a.homepage {
	color:#747373;
	text-decoration:none;
}

/*
===================================
FOOTER
===================================
*/

/* @footer */
#footer {
	clear:both;
	background-image:url(../images/footerbg.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#393939;
	padding-top:15px;
	padding-bottom:15px;
}

/* @column1 */
#column1 {
	width:210px;
	float:left;
}

#column1 a {
	color:#f7f7f7;
	text-decoration:none;
	border-bottom:1px dotted #f7f7f7;
}

/* @column2 */
#column2 {
	width:210px;
	float:left;
	margin: 0 0 0 10px;
	padding-left:20px;
}

#column2 img {
	margin: 20px 0 0 20px;
}

#column3 {
	width: 210px;
	float:left;
}


#column3 p {
	margin-left:20px;
}

#column3 img {
	margin:5px 13px 5px 0;
	float:none;
}

#column3 .brochure {
	width:90px;
	float:left;
	padding-left:15px;
}


a.pdf {
	background-image:url(../images/page_pdf.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:20px;
}

/* @column4 */
#column4 {
	width:210px;
	float:left;
	margin: 0 0 0 10px;

}

#column4 p {
	color:#2ebbed;
}

/* @footernav */
#footernav {
	clear:both;
	padding:15px 0 15px 13px;
	color:#f7f7f7;
	background-color:#000000;
}

#footernav a {
	color:#f7f7f7;
	text-decoration:none;
	margin:0 7px 0 7px; 
}img



#footernav a:hover {
	text-decoration:underline;
}

/* @clear */
.clear {clear:both;}


/* @fonts */
.column h2 {
	font-size:1.4em;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #cfcfcf;
	color:#747373;
	margin:0 0 10px 0;
}

#content .column p{	
	margin:5px 5px 0 5px;	
}

h2 {
	font-size:2.5em;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #cfcfcf;
	color:#747373;
	margin:0 0 10px 0;
}

#column1 h3 {
	font-size:1.2em;
	color:#2ebbed;
	font-weight:normal;
	margin:10px 0 0 20px;	
}


#column1 p, #column4 p {
	font-size:1.1em;
	line-height:150%;
	color:#747373;
	margin:5px 10px;
	padding:0 0 0 10px;
}

h3.news {
	border:1px solid red;
}

h3 {
	font-size:1.8em;
	color:#2ebbed;
	font-weight:normal;
	margin:15px 0 0 0;
}

h4 {
	font-size:1.2em;
	color:#2ebbed;
	margin:10px 0 0 0;
}

#footer h2 {
	border:0;
	color:#FFFFFF;
	margin:0 0 0 20px;
}

h2.sidecol {
	font-size:1.5em;
	border:0;
}




p.news {
	padding-left:10px;
}

p {
	font-size:1.1em;
	line-height:150%;
	color:#747373;
	margin:15px 10px 15px 0px;
}

#copyright {
	margin-left:20px;
	color:#a1a1a1;
}

/* lists */
ul {
	color:#747373;
	list-style:none;
	font-size:1.1em;
}

#home ul {
	color:#2cb1e0;
}

li {
	background-image:url(../images/bullet-point.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding: 0 0 0 15px;	
	margin: 5px 0;
}

/* links */
a {
	color:#2cb1e0
}

a:hover, a:focus {
	/*background-color:#b7d3eb;*/
	color:#245d9d;
}



/* contact form */

fieldset{
	font-size:1.1em;
	border:0;
	margin:5px 0 0 25px;
}

label {
	color:#a1a1a1;
	font-size:1.1em;
}

input.text_input {
	margin:5px 0 5px 0;
	background-color:#000;
	border:1px dotted #a1a1a1;
	color:#a1a1a1;
	padding: 2px 0 2px 5px;
	font-size:1.0em;
}

label.error {
	display:inline;
	background-image:url(../images/jqueryform1-error.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:red;
	font-weight:bold;
	padding-left:18px;
}

#message {
	padding:30px 0 0 25px;
}

#message p, #message h2{
	margin:0 0 0 50px;
	color:#80CE0C;
	
}

#message h2 {
	
}

#checkmark {
	margin:0 0 0 60px;
	position:relative;
	top:-40px;
	left:-65px;
}

input.button {
	
}

.error {
	color:red;
	font-weight:bold;
	padding-left:15px;
	background-image:url(../images/jqueryform1-error.gif);
	background-repeat:no-repeat;
	background-position:left;
	display:block;
	margin: 2px 0;
}

/*
======================
About Us Page
======================
*/

#about #speechbubble {
	width:210px;
	float:right;
	padding-left:50px;
}

#about #speechbubble p{
	margin:3px 0 0 0;
	padding:0 0 0 0 0;
}

img.customer-logo {
	padding:15px;
}

/*
====================
Product Landing Page
====================
*/

.productboxes {
	width:337px;
	float:left;
	margin-right:10px;
}

.productboxes h3 {
	margin:0 0 5px 5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	
}

.productboxes p {
	margin:5px 5px 5px 5px;
	width:150px;
	float:left;
}

.productboxes img {
	margin-top:8px;
}

.productboxestop {
	width:337px;
	height:9px;
	background-image:url(../images/productbox-top.gif);
	background-repeat:no-repeat;
	background-position:top;
}

.productboxesmain {
	background-image:url(../images/productbox-bg.gif);
	background-repeat:repeat-y;
	padding-left:5px;
	padding-right:5px;
	
}

.productboxesbottom {
	width:337px;
	height:10px;
	background-image:url(../images/productbox-bottom.gif);
	background-repeat:no-repeat;
	background-position:top;
}


/* contact */
.contact {
	width:300px;
	float:left;
}

.radio {
	float:left;
	width:80px;
	color:#a1a1a1;
	padding: 6px 10px 10px 0;
}

.imagepadding {
	padding:10px 8px 6px 0;
	}
	
.imagepadding2 {
	padding:0 0 6px 10px;
	}
	
#contact_form label{
	font-size:11px;
	}
	
.networkimage {
	padding:0 10px 0 0;
	float:left;
	}
	
.networkbrochure {
	padding:8px 0 0 10px;
	}