/* CSS Document */

/* Yahoo Calendar*/

/* Generic Styles*/
body {background:#3C3C3C; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6, h7, p, a {text-align:left; margin:0; padding:0;}
.clearer {clear:both; font-size:0; line-height:1px;}
.width { width:250px; float:left;}
.sml-width { width:120px; float:left;}
img {border:0;}


/* Main Document */
#wrapper { background:url(../Images/bodyBackground.gif) repeat-y; width:850px; text-align:center; margin:0 auto; position:relative; }
#main {margin:0; margin-left:40px; padding:0;}

#banner01 { position:absolute; top:9px; left:270px;}
#banner02 { position:absolute; top:9px; left:400px;}

/* Header Section */
#header {background:#F2F2F0; height:114px; text-align:left; width:757px; text-align:center; margin:0 auto; margin-top:4px;}
#logo {float:left; width:400px;}
#search { display:block; float:left; width:165px; height:68px;}
#search p, #search h4, #search form {display:none;}
/*#search {float:left; width:165px; height:68px; border-right:solid 4px #FFF; padding-top:25px; margin-bottom:19px;}*/


#newsletter {float:left; width:188px; height:68px; padding-top:25px; }
/*#search p,*/ #newsletter p {font-size:70%; color:#979797; padding:5px; padding-left:15px;}
/*#search h4,*/ #newsletter h4 {font-size:80%; color:#3C3C3C; padding-left:15px;}
#newsletter p, #newsletter h4 {padding-left:25px;}
#sitemap { float:right; padding-top:8px; padding-right:20px; margin:0; color:#979797;}
#sitemap a {color:#979797; text-decoration:none; padding:0; margin:0;}
#sitemap a:hover {text-decoration:underline;}

/* Search and newsletter Form Section */
form {margin:0; padding:0;}
input {width:100px; text-align:left; margin:0; font-size:70%;}
button {width:25px; font-size:60%; color:#3C3C3C; padding:1px; margin-left:5px;}

/* Welcome Section */
#welcomeSection { margin:0; padding:0;}
/* Navigation Section */
#nav {float:left; width:182px; text-align:left;}
#nav ul {list-style:none; padding:0; margin:0; margin-left:7px;}
#nav li { height:27px; padding-left:18px; }
#nav a {font-size:80%; color:#7E7D79; text-decoration:none; display:block; width:150px;}
#nav a:hover {color:#2D2D2C;}
#nav li.home {background:url(../Images/navHome01.jpg); height:26px; padding-top:9px;}
#nav li.about {background:url(../Images/navAbout01.jpg); padding-top:9px;}
#nav li.services { background:url(../Images/navSevervices01.jpg); padding-top:9px;}
#nav li.news {background:url(../Images/navNews01.jpg); padding-top:9px;}
#nav li.offers {background:url(../Images/navOffers01.jpg); padding-top:9px;}
#nav li.clients {background:url(../Images/navClients01.jpg); padding-top:9px;}
#nav li.talk {background:url(../Images/navTalk01.jpg); padding-top:9px;}

.activelink {color:#2D2D2C;}

/* Welcome Text */
#welcomeText {float:left; width:335px; background:url(../Images/welcomeTextBg.jpg) no-repeat; height:271px;}
#welcomeText h1 { background:url(../Images/title-welcome.jpg); width:335px; height:68px; margin:0; padding:0;}
#welcomeText h1 span { display:none;}
#welcomeText p {color:#85AEF9; font-size:80%; padding:10px; margin:14px; }

/* About Us Text */
#aboutusText {float:left; width:335px; background:url(../Images/aboutusTextBg.jpg) no-repeat; height:271px;}
#aboutusText h1 { background:url(../Images/title-aboutus.jpg); width:335px; height:68px; margin:0; padding:0;}
#aboutusText h1 span { display:none;}
#aboutusText p {color:#FFFFFF; font-size:80%; padding:10px; margin:14px; }

/* Services Text */
#servicesText {float:left; width:335px; background:url(../Images/servicesTextBg.jpg) no-repeat; height:271px;}
#servicesText h1 { background:url(../Images/title-services.jpg); width:335px; height:68px; margin:0; padding:0;}
#servicesText h1 span { display:none;}
#servicesText p {color:#FFFFFF; font-size:80%; padding:10px; margin:14px; }

/* news Text */
#newsText {float:left; width:335px; background:url(../Images/newsTextBg.jpg) no-repeat; height:271px;}
#newsText h1 { background:url(../Images/title-news.jpg); width:335px; height:68px; margin:0; padding:0;}
#newsText h1 span { display:none;}
#newsText p {color:#FFFFFF; font-size:80%; padding:10px; margin:14px; }
.newsshort
{
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	padding: 8px 0;
	margin: 8px 0;
	background: #FCFCFC;
	text-align:left;
}

.newshidden
{
	display: none;
	color: black;
	min-height: 110px;
}

* html .newshidden
{
	height: 210px;
}


/* carbon Text */
#carbonText {float:left; width:335px; background:url(../Images/carbonTextBg.jpg) no-repeat; height:271px;}
#carbonText h1 { background:url(../Images/title-carbon.jpg); width:335px; height:68px; margin:0; padding:0;}
#carbonText h1 span { display:none;}
#carbonText p {color:#FFFFFF; font-size:80%; padding:10px; margin:14px; }

/* clients Text */
#clientsText {float:left; width:335px; background:url(../Images/clientsTextBg.jpg) no-repeat; height:271px;}
#clientsText h1 { background:url(../Images/title-clients.jpg); width:335px; height:68px; margin:0; padding:0;}
#clientsText h1 span { display:none;}
#clientsText p {color:#FFFFFF; font-size:80%; padding:10px; margin:14px; }

/* talk Text */
#talkText {float:left; width:335px; background:url(../Images/talkTextBg.jpg) no-repeat; height:271px;}
#talkText h1 { background:url(../Images/title-talk.jpg); width:335px; height:68px; margin:0; padding:0;}
#talkText h1 span { display:none;}
#talkText p {color:#FFFFFF; font-size:80%; padding:10px; margin:14px; }


#flashBox {float:left; width:249px;}

/* Content Section */

#homeContent {margin:0; padding:12px; padding-top:0; color:#868686; font-size:70%; clear:both; }
#content { padding:14px; padding-top:0; color:#868686; clear:both; width:507px; float:left; background:url(../Images/contentBg.jpg) repeat-y;}

#content p { padding-bottom:20px;}
#content p.a { padding-bottom:0px;}
#content p.b { width:165px;}
#content p.c { width:185px;}
#homeContent p { padding-bottom:10px;}
#homeContent h2, homeContent h3, #content h2, #content h3 { padding-bottom:20px;}
#content h2 {font-size:150%; padding-bottom:0; margin-bottom:0;}
#content h3 {font-size:110%; padding-top:0; margin-top:0; margin-bottom:5px; padding-bottom:0;}
#content h4 {font-size:90%}
#content p, #content h2, #content h3 {margin-right:15px;}
#content p.a, #content h2, #content h3 {margin-right:0px;}


/* Content colours for each section*/
#content #green, #content #green a {color:#53B944; text-decoration:none;}
#content #green a:hover { text-decoration:underline;}
.green {color:#53B944;}

#content #yellow, #content #yellow a {color:#F1CC02; text-decoration:none;}
#content #yellow a:hover { text-decoration:underline;}
.yellow {color:#F1CC02;}

#content #orange, #content #orange a {color:#D64F0D; text-decoration:none;}
#content #orange a:hover { text-decoration:underline;}
.orange {color:#D64F0D}

#content #home-blue, #content #home-blue a{color:#02247D; text-decoration:none;}
#content #home-blue a:hover { text-decoration:underline;}
.home-blue{color:#02247D;}

#content #blue, #content #blue a{color:#299FDC; text-decoration:none;}
#content #blue a:hover { text-decoration:underline;}
.blue{color:#299FDC;}

#content #turquoise, #content #turquoise a {color:#2BDDCF; text-decoration:none;}
#content #turquoise a:hover { text-decoration:underline;}
.turquoise {color:#2BDDCF;}

#content #grey, #content #grey a{color:#C0BFBA; text-decoration:none;}
#content #grey a:hover { text-decoration:underline;}
.grey {color:#C0BFBA;}

#content p {color:#868686; font-size:75%;}
#content ul {color:#868686; font-size:75%; text-align:left; margin-top:0;}
#content ul ul a {font-size:120%;}
#content li {margin-bottom:8px;}
#contentLeft {float:left; width:247px; background:url(../Images/umbrella.gif) no-repeat; cursor:pointer;}
#contentLeft p {width:170px; float:right;}

#contentCentre {float:left; width:241px; border-left:solid 1px #E0DFD3; margin-left:12px;  background:url(../Images/downArrows.gif) no-repeat; cursor:pointer;}
#contentCentre p {width:176px; float:right;}

#contentRight {float:left; width:240px; border-left:solid 1px #E0DFD3; margin-left:10px;  background:url(../Images/glass.gif) no-repeat; cursor:pointer;}
#contentRight p {width:170px; float:right;}

/* SubNavigation Section */
#subNav {float:left; width:219px; text-align:left; margin-top:7px;}
#subNav ul {list-style:none; padding:0; margin:0; padding-left:6px;}
#subNav li { width:219px; margin-bottom:5px; font-weight:bold}

#subNav li.green { background:url(../Images/subNavBgGreen.jpg);}
#subNav li.yellow { background:url(../Images/subNavBgYellow.jpg);}
#subNav li.orange { background:url(../Images/subNavBgOrange.jpg);}
#subNav li.blue { background:url(../Images/subNavBgBlue.jpg);}
#subNav li.home-blue { background:url(../Images/subNavBgDarkBlue.jpg);}
#subNav li.turquoise { background:url(../Images/subNavBgTurquoise.jpg);}
#subNav li.grey { background:url(../Images/subNavBgGrey.jpg);}

#subNav a {font-size:80%; color:#7E7D79; text-decoration:none; display:block; padding-left:15px; padding-top:7px;}
#subNav a:hover {color:#2D2D2C;}
#subNav h4 {margin-bottom:10px; margin-left:4px;}
#subNav p {margin-bottom:20px; margin-left:18px; font-size:70%; color:#7E7D79;}
#subNav h5 { margin-top:20px; margin-left:5px; color:#868686;}


/* Boxes Section */
#boxes {text-align:left; color:#fff; clear:both;}
#boxes h2, #boxes h3, #boxes p, #boxes li { padding:2px 10px 0 10px;}
#boxes h2 {font-size:100%; margin-left:10px; margin-top:12px;}
#boxes h3 {font-size:100%;margin-top:12px;}
#boxes li, #boxes p {font-size:70%}
#boxes li { list-style-image:url(../Images/listBullet.gif); padding:7px;}

#boxes div {margin-top:0;}
#yellowBox {float:left; width:271px; background:url(../Images/box-yellow.jpg); height:112px; cursor:pointer;}
#yellowBox p {padding-left:20px;}
#boxes #greenBox {float:left; width:252px; background:url(../Images/box-green.jpg); height:112px; margin-top:1px; cursor:pointer;}
#boxes #blueBox {float:left; width:224px; background:url(../Images/box-blue.jpg); height:112px; margin-top:1px; cursor:pointer;}
#boxes #redBox {float:left; width:240px; background:url(../Images/box-red.jpg); height:112px; margin-top:1px; cursor:pointer;}

/* Contact form */

.lables {
	float: left;
	width: 90px;
	padding:0 3px 0 0;
	margin: 0px ;
}

.lablesa {
	float: left;
	width: 15px;
	padding:0 3px 0 0;
	margin: 0px ;
}

.lablesb {
	float: left;
	width: 250px;
	padding:0 3px 0 0;
	margin: 0px ;
}

.lablesc {
	float: left;
	width: 366px;
	padding:0 3px 0 0;
	margin: 0px ;
}


.lables p{
	float: left;
	width: 90px;
	padding:0 3px 0 0;
	margin: 0px;
}

.lables p .b{
	float: left;
	width: 165px;
	padding:0 3px 0 0;
	margin: 0px;
}


.lables p .bold {
	font-weight: bold;
	margin: 0px;
	float: right; /*margin:10px 0;*/;
	white-space: nowrap;
	clear: both;
}

.aboutyoubox {
	margin: 3px 3px 0 3px;
	padding: 0px;
	width: 123px;
	float:left;
}

input.aboutyoubox 
{
    border:1px solid #abadb3;
    padding:1px;
}

input.aboutyoubox-red {
	margin: 3px 3px 0 3px;
	padding: 0px;
	width: 123px;
	float:left;
	border:1px solid #ff5c5c;
	background:#d34949;
    padding:1px;
    color:#fff;
}

.aboutyouboxa {
	margin: 3px 3px 0 3px;
	padding: 0px;
	width: 350px;
	height:100px;
	float:left;
}
.aboutyouboxc {
	margin: 3px 3px 0 0px;
	padding: 0px;
	width: 330px;
	float:left;
}

.aboutyouboxd {
	margin: 3px 3px 0 0px;
	padding: 0px;
	width: 15px;
	float:left;
}
.aboutyouboxe {
	margin: 3px 3px 0 0px;
	padding: 0px;
	width: 165px;
	float:left;
}





.clearboth {
	clear: both;
}
.selectbox{
	padding:0px;
	margin:0px 10px 0px 5px;
	width:auto;
}

.linebreak
{
	border-top:1px #299FDC solid;
}


/* Footer Section */
#footer {background:url(../Images/footerBg.jpg) no-repeat; height:99px; width:850px;}
#footer p {margin-left:55px; font-size:60%; color:#504F4F;}
#footer img {float:right; margin-right:55px;}
#footer .green {color:#4BB501;}
#footer .green a {text-decoration:none; color:#4BB501;}
#footer .green a:hover {text-decoration:underline;}

#footer .grey {color:#B4B4B4;}
#footer .grey a {text-decoration:none; color:#B4B4B4;}
#footer .grey a:hover {text-decoration:underline;}
#footer .creativeJar {text-align:right; color:#ccc; margin-top:40px; margin-right:40px;}
#footer .creativeJar a{color:#ccc; text-decoration:none;}
#footer .creativeJar img { float:right; margin:0; padding:0; margin-left:5px;}