* {
	margin:0px;
	padding:0px;
	}
body {
	padding-top:100px;
	text-align:left;
	
}
td {
	vertical-align:top;
}
p {
	line-height:14px;
	padding-bottom:10px;
}
h1 {
	font-family:Arial, Verdana, sans-serif;
	font-size:24px;
	padding-bottom:20px;

}

h2 {
	font-family:Arial, Verdana, sans-serif;
	font-size:15px;
	padding-bottom:0px;
	padding-top: 4px;
}
.logopara {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
}
.logoheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FDC50C;
	font-size: 11px;
}



h4 {
	font-family:Arial, Verdana, sans-serif;
	font-size:13px;
	padding-bottom:10px;
}

h2 a {
	color:#003366;
	text-decoration:none;
}
h2 a:hover {
	color:#CCCCCC;
	text-decoration:none;
}

.InnerPageText a {
	color:#003366;
	text-decoration:underline;
}
.InnerPageText a:hover {
	color:#CCCCCC;
	text-decoration:none;
}

h3 {
	font-family:Arial, Verdana, sans-serif;
	background-image:url(../images/h3_bck.gif);
	background-repeat: repeat-x;
	padding:6px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	display:block;
	margin-bottom:6px;

}

li {
	padding-bottom:5px;
	
}
ol {padding-left:20px;}
ul {padding-left:20px;}
.orange {
	color: #FF9900;
	}
.yellow {
	color: #FFCC00;
	text-transform: lowercase;
}
.green {
	color:#9fcf0f;
}
.pink {
	color:#ff0066;
}
/* Main Skin */
.mainDiv {
	width:998px;
	text-align:left;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bck_left.gif);
	background-repeat:repeat-y;
	background-position:left;}

.spacer {
	background-color:#FFFFFF;
}

.floatingSpacer {
	float:left;
}
/* Forms */

.FormQuoteButton 
{
	border:0px;
}

#formbox {
	background-image:url(../images/bck_forms.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:50px;
	padding-left:18px;
	padding-right:18px;
	padding-bottom:30px;
}
#formbox .FormInner {
	background-image:url(../images/bck_form_Inner.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:3px;
	border:solid 1px #e5e5e5;
	background-color:#FFFFFF;
	color:#003366;
	font-size:10px;
}
#formbox .CommentsInner {
	background-image:url(../images/bck_Comments.gif);
	background-repeat:no-repeat;
	padding:3px;
	border:solid 1px #e5e5e5;
	background-color:#FFFFFF;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	min-height:183px;
}
#formbox .txtInput {
	width:220px;
	border:solid 1px #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#formbox .ImageButton {
	position:relative;
	top:-5px;
	float:right;
	margin-right:10px;
}

.FormInner a {
	text-decoration:none;
	color:#003366;
	}
.FormInner a:hover {
	text-decoration:none;
	color:#CCCCCC
	}


/* Top part of page, banner etc */

#banner {
	width:999px;
	overflow:hidden;
	top:0px;
	text-align:left;
	z-index:1001;
	position:absolute;
	height:194px;
	visibility: visible;
}

#TopNav {
	background-image:url(../images/bck_topnav.gif);
	height:39px;

}
.NavContainer {
	padding-top:10px; padding-left:20px;
}
.Nav {
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
}

.Nav a {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	margin-right:8px;
}

.Nav a:hover {
display:block;
color:#FF6600;
text-decoration:none;
background-color:#003366;
padding-left:10px;
padding-right:10px;
padding-top:3px;
padding-bottom:3px;
}

/* Left Navigation */

.yellowNav {
background-color:#fdc50c;
padding:10px;
width:141px;
font-size:9px;
text-transform:uppercase;
color:#d79d02;
font-weight:bold;
}
.yellowNav a {
color:#FFFFFF;
text-decoration:none;
}
.yellowNav a:hover {
color:#d79d02;
text-decoration:none;
}

.GreenNav {
background-color:#9fcf0f;
padding:10px;
width:141px;
font-size:9px;
text-transform:uppercase;
color:#83ab0b;
font-weight:bold;
}
.GreenNav a {
color:#FFFFFF;
text-decoration:none;
}
.GreenNav a:hover {
color:#83ab0b;
text-decoration:none;
}

.PinkNav {
background-color:#FF2D7F;
padding:10px;
width:141px;
font-size:9px;
text-transform:uppercase;
color:#d10737;
font-weight:bold;
}
.PinkNav a {
color:#FFFFFF;
text-decoration:none;
}
.PinkNav a:hover {
color:#d10737;
text-decoration:none;
}

/* Main Content */

.content {
	width:998px;
	text-align:left;
	z-index:999;

}
/* Main story */
#MainStory {
	padding-left:30px;
	padding-right:20px;
	color:#003366;
	font-size:11px;
}

/* Welcome */
.WelcomeText {
	float:left;
	margin-right:10px;
	background-image:url(../images/bck_ContentGreyF.gif);
	background-repeat:no-repeat;
	background-position:100% -15%;
	min-height:300px;
	width:480px;
	padding:20px 20px 20px 20px;
	text-align:justify;
}

.WelcomeText h2 a {
	color:#003366;
	text-decoration:none;
}
.WelcomeText p a {
	color:#003366;
	text-decoration:underline;
}
.WelcomeText a:hover {
	color:#999999;
	text-decoration:none;
}
/* Inner Page Text */
.InnerPageText {

	margin-right:10px;
	background-image:url(../images/bck_ContentGreyF.gif);
	background-repeat:no-repeat;
	background-position:top right;
	/*min-height:300px;*/
	width:508px;
	padding:20px;
	color:#003366;
	font-size:11px;
	text-align:justify;
}

.InnerPageText h2 a {
	color:#003366;
	text-decoration:none;
}
.InnerPageText p a {
	color:#003366;
	text-decoration:underline;
}
.InnerPageText a:hover {
	color:#999999;
	text-decoration:none;
}
.InnerPageTextFaq {

	margin-right:10px;
	background-repeat:no-repeat;
	background-position:top right;
	width:508px;
	padding:20px;
	color:#003366;
	font-size:10px;
	text-align:justify;
}

/* Inner Page Text 3 column  */
.InnerPageText3 {

	
	background-image:url(../images/bck_ContentGreyF.gif);
	background-repeat:no-repeat;
	background-position:top right;
	/*min-height:300px;*/
	
	padding:20px;
	color:#003366;
	font-size:11px;
	text-align:justify;
}

.InnerPageText3 h2 a {
	color:#003366;
	text-decoration:none;
}
.InnerPageText3 p a {
	color:#003366;
	text-decoration:underline;
}
.InnerPageText3 a:hover {
	color:#999999;
	text-decoration:none;
}
.InnerPageTextFaq {

	margin-right:10px;
	background-repeat:no-repeat;
	background-position:top right;
	width:508px;
	padding:20px;
	color:#003366;
	font-size:10px;
	text-align:justify;
}

.InnerPageTextFaq p a {
	color:#003366;
	text-decoration:underline;
}
.InnerPageTextFaq  a:hover {
	color:#999999;
	text-decoration:none;
}


/* Green Case Study Panel */
#GreenCase {
background-image: url(../images/greenCase_end.gif);
background-repeat:no-repeat;
background-color:#9fcf0f;
background-position:bottom;

}
#GreenCase .TopGreen {
background-image:url(../images/greenCase_top.gif);
background-repeat:no-repeat;
background-position:top;
padding-top:50px;
padding-left:12px;
padding-right:12px;
padding-bottom:100px;
}
#GreenCase .InnerGreen {
background-color:#e5fbb4;
border:1px solid #b4e23a;
padding:7px;
}

#GreenCase a {
	color:#003366;
	text-decoration:none;
}
#GreenCase a:hover {
	color:#9fcf0f;
	text-decoration:none;
}
/* Yellow Case Study Panel */
#YellowCase {
background-image: url(../images/yellowCase_end.gif);
background-repeat:no-repeat;
background-color:#ffba00;
background-position:bottom;

}
#YellowCase .TopYellow {
background-image:url(../images/yellowCase_top.gif);
background-repeat:no-repeat;
background-position:top;
padding-top:50px;
padding-left:12px;
padding-right:12px;
padding-bottom:100px;
}
#YellowCase .InnerYellow {
background-color:#ffe08e;
border:1px solid #f0b002;
padding:7px;
}
/* Pink Case Study Panel */
#PinkCase {
background-image: url(../images/pinkCase_end.gif);
background-repeat:no-repeat;
background-color:#ff0066;
background-position:bottom;

}
#PinkCase .TopPink {
background-image:url(../images/pinkCase_top.gif);
background-repeat:no-repeat;
background-position:top;
padding-top:50px;
padding-left:12px;
padding-right:12px;
padding-bottom:100px;
}
#PinkCase .InnerPink {
background-color:#FFB0D0;
border:1px solid #ff0066;
padding:7px;
}


/* News Panels */
#news {
	background-image:url(../images/news_bck.gif);
	background-repeat:repeat-y;

	width:239px;
	float:right;
}
#newsinner {
	background-image:url(../images/news_inner.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:310px;
}
#newstop {
	background-image:url(../images/new_top.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-position:100% -5%;
	padding-top:30px;
	
}
#newsContent {
	font-size:11px;
	padding:12px;
	margin-right:10px;
}
#newsContent .date {
background-image:url(../images/bck_date.gif);
background-repeat:no-repeat;
width:38px;
height:39px;
float:left;
margin-right:8px;
}
#newsContent .more {
	float:right;
}

#newsContent .month {
	font-size:9px;
	color:#FFFFFF;
	text-align:center;
	padding:1px;
	font-family:Arial, Helvetica, sans-serif;
	}
#newsContent .day {
	font-size:14px;
	color:#003366;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	}
#newsContent table {
	margin-top:0px;
	}
	
#newsContent a {
color:#003366;
text-decoration:none;
	}
#newsContent a:hover {
color:#FF9900;
text-decoration:none;
	}

/* Adverts and more info */
.classAdvertYellow {
	float:left;
	background-image:url(../images/ad_CaseYel.gif);
	background-repeat:no-repeat;
	width:234px;
	height:118px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:11px;
	color:#003366;
}
.classAdvertGreen {
	float:left;
	background-image:url(../images/ad_CaseGre.gif);
	background-repeat:no-repeat;
	width:234px;
	height:118px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:11px;
	color:#003366;
}
.classAdvertPink {
	float:left;
	background-image: url(../images/ad_CasePink.gif);
	background-repeat:no-repeat;
	width:234px;
	height:118px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:11px;
	color:#003366;
}
.classAdvert {
	float:left;
	background-image:url(../images/bck_adbox.gif);
	background-repeat:no-repeat;
	width:234px;
	height:118px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:11px;
	color:#003366;
}
.classAdvertInner {
	padding:5px;
	}
.ReadMore {
	color:#FFFFFF;
	font-size:8px;
	text-transform:uppercase;
	float:right;
	width:79px;
	text-align:center;
	margin-right:4px;
	padding:2px;
	}
.ReadMore a {
	color:#FFFFFF;
	text-decoration:none;
	}
.ReadMore a:hover {
	color: #CFCFCF;
	text-decoration:none;
	}

/* Welcome Page Tabs */

#WelcomeTabsContainer {
	width:825px;
	/*height:306px;*/
	height:277px;
	overflow:hidden;
	margin-left:11px;
}
#WelcomeDesign {
	width:275px;
	height:306px;
	background-image:url(../images/tab_design.gif);
	background-repeat:no-repeat;
	float:left;

}
#WelcomeWeb {
	width:277px;
	height:306px;
	background-image:url(../images/tab_websites.gif);
	background-repeat:no-repeat;
	float:left
}
#WelcomeDatabase {
	width:273px;
	height:306px;
	background-image:url(../images/tab_databases.gif);
	background-repeat:no-repeat;
	float:left
}

.WelcomeContentContainer {
	padding-top:90px;
	padding-left:10px;
	padding-right:10px;
}
.WelcomeDesignNav {
font-size:10px;
font-weight:bold;
text-transform:uppercase;
padding:2px;
margin-left:5px;
}
.WelcomeDesignNav a {
color:#FFFFFF;
background-image:url(../images/i_yel-off.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
display:block;
text-decoration:none;

}
.WelcomeDesignNav a:hover {
color:#d79d02;
background-image:url(../images/i_yel-on.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
display:block;
text-decoration:none;

}

.WelcomeWebNav {
font-size:10px;
font-weight:bold;
text-transform:uppercase;
padding:2px;
margin-left:5px;
}
.WelcomeWebNav a {
color:#FFFFFF;
background-image:url(../images/i_gre-off.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
display:block;
text-decoration:none;

}
.WelcomeWebNav a:hover {
color:#83ab0b;
background-image:url(../images/i_gre-on.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
display:block;
text-decoration:none;

}
.WelcomeDBNav {
font-size:10px;
font-weight:bold;
text-transform:uppercase;
padding:2px;
margin-left:5px;
}
.WelcomeDBNav a {
color:#FFFFFF;
background-image:url(../images/i_pin-off.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
display:block;
text-decoration:none;

}
.WelcomeDBNav a:hover {
color:#dc0538;
background-image:url(../images/i_pin-on.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
display:block;
text-decoration:none;

}
/* Case Study Page Tabs */

.CaseDesignNav {
font-size:10px;
font-weight:bold;
text-transform:uppercase;
padding:2px;
margin-left:5px;
}

.CaseDesignNav a {
color:#d79d02;
background-image:url(../images/i_yel-off.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
display:block;
text-decoration:none;

}
.CaseDesignNav a:hover {
color:#999999;

background-image:url(../images/i_yel-on.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
display:block;
text-decoration:none;

}

.CaseWebNav {
font-size:10px;
font-weight:bold;
text-transform:uppercase;
padding:2px;
margin-left:5px;
}
.CaseWebNav a {
color:#83ab0b;
background-image:url(../images/i_gre-off.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
display:block;
text-decoration:none;

}
.CaseWebNav a:hover {

color:#999999;
background-image:url(../images/i_gre-on.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
display:block;
text-decoration:none;

}
.CaseDBNav {
font-size:10px;
font-weight:bold;
text-transform:uppercase;
padding:2px;
margin-left:5px;
}
.CaseDBNav a {
color:#dc0538;
background-image:url(../images/i_pin-off.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
display:block;
text-decoration:none;

}
.CaseDBNav a:hover {

color:#999999;
background-image:url(../images/i_pin-on.gif);
background-repeat:no-repeat;
background-position:0 0;
padding-left:20px;
display:block;
text-decoration:none;

}

/* Footer and links */

/*#footerDiv {
	background-image:url(../images/bck_end.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:998px;
	bottom:0px;
	text-align:left;
	z-index:1000;
	position: absolute;
	height:349px;
	font-size:9px;
	color:#999999;
	text-transform:uppercase;
	visibility: visible;
}*/

.footerDiv {
	background-image:url(../images/bck_end.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:998px;
	bottom:0px;
	text-align:left;
	z-index:1000;
	
	height:160px;
	font-size:9px;
	color:#999999;
	text-transform:uppercase;
	padding-top:100px
}

.footerlinks {
	padding-top:20px;
	padding-bottom:20px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:150px; 
	margin-right:10px;
	}
.footerlinks h1 {
	font-size:15px;
	color:#ffffff;
	text-transform:lowercase;
}
.footerlinks h2 {
	font-size:15px;
	color:#ffffff;
	text-transform:lowercase;
}
.footerlinks a {
	color:#006699;
	text-decoration:none;
	text-transform:uppercase;
}
.footerlinks a:hover {
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
}

.Info {
	height:22px;
	background-color:#fafafa; 

}

.Info  a {
	color:#999999;
	text-decoration:none;
}

.Info a:hover {
	color:#003366;
	text-decoration:none;
 }
 
 
/* Slider */
.comments {
	font-size: 13px;
}
/* Carosel Box  */
.CaroselBox {

	background-image:url(../images/carosel-bck.gif);
	background-repeat:no-repeat;
	width:498px;
	height:200px;
	margin-left:30px;
	margin-right:30px;

}

/* Sliding text effect */
.SlideText {
overflow:hidden; width:190px; position:absolute;
}
.glidetext{
position: relative;
/*Set initial position of your text. Make it just enough to hide the text from view:*/
left: -500px;

}