/* CSS Document */

/* DOCUMENT INFORMATION -----------------------------------

TITLE:			Default screen display styles

LAST UPDATED:	10 February 2010

AUTHOR:			Clever Clover Limited

NOTES:			The 1st section will reset any variance
				across all browsers making them all
				appear very similar, however it also means
				everything needs its own custom style!
				Retrieved from various sources over the net

-- CONTENTS -----------------------------------------------

	=1:		[STANDARDS]
	=2:		[COMMON]
	=3:		[AUTOCOMPLETE]
	=4:		[GENERAL LAYOUT]
	=5:		[PORTFOLIO]
	=6:		[HOMEPAGE]

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





/*------=1:	[STANDARDS] -----------------------------*/



html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}



a { text-decoration: none; }
a:hover { text-decoration: underline; }


/* remember to define focus styles! */

:focus {
	outline: 0;
}



ol, ul {
	list-style: none;
}



/* tables still need cellspacing="0" in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}



caption, th, td {
	font-weight: normal;
	text-align: left;
}



/* remove possible quote marks (") from <q> & <blockquote> */

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

.sIFR-alternate {
	display: none;
}

/*------=2:	[COMMON] -----------------------------*/
.hide {
	display: none;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.clearBoth {
	clear: both;	
}

strong, .bold {
	font-weight: bold;
}

em, .italic {
	font-style: italic;
}

#loginholder {
	display: none; 
	width: 400px; 
	height: 200px; 
	border: 3px double #ddd; 
	color: #000; 
	text-align: center;
	padding: 10px; 
	background: #fff	
}

#logininfo {
	float: right;
	width: 250px;
	text-align: right;
}

.specialField {
	position: absolute;
	width: 0;
	height: 0;
	visibility: hidden;	
}


/*------=3:	[AUTOCOMPLETE] --------------------------------*/

ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#9FCFFF;
}


	ol {
		margin-left: 20px;
	}

/*------=4:	[GENERAL LAYOUT] -----------------------------*/

body {
	background: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#cc_header {
	height: 27px;
	background: url('../images/all/generic_topbar.gif') repeat-x;
	padding-top: 3px;
}

#topWhite {
	position: relative;
	background: #fff;
	/* min-height: 360px; */
}

	#flashHolder {
		position: relative;
		width: 100%;
		height: 80px;
		background: #fff;
	}

	#waveHolder {
		position: relative;
		width: 100%;
		height: 80px;
		overflow: hidden;
	}
	
	#flashWave {
		position: absolute;
		width: 2000px;
		z-index: 100;
	}
	
	#flashWave object {
		position: absolute;
	}
	
	#cloverArea {
		position: absolute;
		top: -170px;
		right: 0;
		width: 210px;
		height: 250px;
		z-index: 99;
	}

	.inner_container {
		width: 980px;
		margin: 0 auto;
		position: relative;
	}
	
	#pageTop {
		border-top: 1px solid #fff;
		background: url('../images/creative_top.png') no-repeat;
		background-position: top right;
	}
	
	#pageTopBlue {
		border-top: 1px solid #fff;
		background: url('../images/creative_top_blue.png') no-repeat;
		background-position: top right;
	}
	
	#pageTopGreen {
		border-top: 1px solid #fff;
		background: url('../images/creative_top_green.png') no-repeat;
		background-position: top right;
	}
	
	#pageTop img#topLogo {
		margin: 25px 0 25px 0;
	}
	
	#pageTopBlue img#topLogo {
		margin: 25px 0 25px 0;
	}
	
	#pageTopGreen img#topLogo {
		margin: 25px 0 25px 0;
	}
	
	.navItems {
		float: left;
		width: 130px;
		margin-top:120px;
	}
	
		.navItems a {
			display: block;
			width: 115px;
			height: 17px;
			text-indent: -9999px;
			background: url('../images/navigation-items.png') 0 0;
		}
	
		.invert .navItems a {
			background: url('../images/navigation-items-black.png') 0 0;
		}
		
		.navItems li.navItem-Home a {
			background-position: 0 0;
		}
		
		.navItems li.navItem-Portfolio a {
			background-position: -110px 0;
		}
		
		.navItems li.navItem-Packages a {
			background-position: -660px 0;
		}
		
		.navItems li.navItem-News a {
			background-position: -220px 0;
		}
		
		.navItems li.navItem-Contact a {
			background-position: -330px 0;
		}
		
		.navItems li.navItem-Services a {
			background-position: -440px 0;
		}
		
		.navItems li.navItem-About a {
			background-position: -550px 0;
		}
		
		.navItems li.navItem-Clients a {
			background-position: -778px 0;
		}
		
		.navItems li.navItem-Test a {
			background-position: -894px 0;
		}
	
	.newsStory {
		float: left;
	}
	
	img.newsImage {
		margin: 10px;
	}
	
	img#freshTxt {
		margin: 0 0 10px 0;
	}
	
	#newsStory p.linksLine {
		font-size: 9pt;
		color: #ff0066;
		font-weight: bold;
		text-transform: uppercase;
		margin: 10px 0 10px 0;
	}
	
	#newsStory p {
		margin: 10px 0 10px 0;
		color: #666666;
		width: 380px;
		text-align: justify;
	}
	
	#newsStory p.white {
		color: #fff;
	}
	
	p.seeTxt {
		font-size: 14px;
		font-weight: bold;
	}
	
	

#mainArea, #mainAreaHosting, #mainAreaSoftware  {
	float: left;
	width: 680px;
	padding-bottom: 160px;
}
	#columnLHS {
		float: left;
		width: 340px;
	}

	#columnRHS {
		float: left;
		width: 440px;
	}
	
	#mainArea h2 {
		font-weight: bold;
		margin: 10px 0 10px 5px;
	}
	
	#mainAreaHosting h2 {
		font-weight: bold;
		margin: 10px 0 10px 5px;
	}
	
	#mainAreaSoftware h2 {
		font-weight: bold;
		margin: 10px 0 10px 5px;
	}
		
	#mainArea h3 {
		font-weight: bold;
	}
	
	#mainAreaHosting h3 {
		font-weight: bold;
	}
	
	#mainAreaSoftware h3 {
		font-weight: bold;
	}
	
	
	#mainArea ul {
		list-style: disc;
		list-style-position: outside;
		margin: 0 0 0 30px;
		font-size: 10pt;
	}
		#mainArea li { padding: 3px 0px; }
	
	#mainAreaHosting ul {
		list-style: disc;
		list-style-position: outside;
		margin: 0 0 0 30px;
		font-size: 10pt;
	}
		#mainAreaHosting li { padding: 3px 0px; }
	
	#mainAreaSoftware ul {
		list-style: disc;
		list-style-position: outside;
		margin: 0 0 0 30px;
		font-size: 10pt;
	}
		#mainAreaSoftware li { padding: 3px 0px; }
	
	#mainArea p, #mainAreaSoftware p, #mainAreaHosting p {
		margin: 10px 0 0 0;
		line-height: 19px;
		padding: 5px;
		text-align: justify;
		font-size: 10pt;
	}
	
	#mainAreaHosting p {
		margin: 10px 0 0 0;		
		padding: 5px;
		text-align: justify;
	}
	
	#mainAreaSoftware p {
		margin: 10px 0 0 0;
		padding: 5px;
		text-align: justify;
	}
	
	#mainArea a {
		font-weight: bold;
		color: #ff0066;
	}
	
	#mainAreaHosting a {
		font-weight: bold;
		color: #17c0e9;
	}
	
	#mainAreaSoftware a {
		font-weight: bold;
		color: #9aca3f;
	}
	
	.alternativeTxt {
		display: block;
		position: absolute;
		left: -9000px;
	}
	
	#breadcrumb {
		background: url('../images/breadcrumb_bar.png');
		height: 11px;
		position: relative;
		top: 10px;
		left: 0;
		margin: 0 0 10px 0;
		font-size: 11px;
	}
		
		#breadcrumb #breadcrumbContent {
			float: left;
			background: #fff;
			height: 11px;
			text-transform: uppercase;
			font-weight: bold;
			color: #707070;
			padding: 0 5px 0 5px;
			margin: 0 0 0 0;
			line-height: 1.2em;
		}
		
		#breadcrumb #breadcrumbContent a {
			color: #707070;
		}

	.contactFrm label {
		float: left;
		width: 180px;
		height: 40px;
		font-weight: bold;
		line-height: 2em;
	}
	
	.contactFrm #button {
		margin-left:300px;
		margin-top:5px;
	}	
	
	.contactFrm #question {
		font-family: arial, helvetica;
		font-size: 12px;
	}	
	
	input.custom {
		background: url('../images/creative/forms/input_text_off.png');
		width: 193px;
		height: 16px;
		border: 0;
		padding: 9px;
	}
	
			/*
			input.custom:active {
				background: url('../images/creative/forms/input_text_selected.png');
				width: 193px;
				height: 16px;
				border: 0;
				padding: 9px;
			}
			*/
	
	textarea.custom {
		width: 370px;
		height: 140px;
		background: none;
	}
	
	.contactFrm #textsta {
		float: left;
		background: url('../images/creative/forms/textarea_off.png') no-repeat;
		background-position: top left;
		width: 391px;
		height: 164px;
		padding: 5px;
	}
	
	.contactFrm textarea {
		border: 1px solid #ccc;
		border: 0;
		padding: 5px;
	}
	
	#googleMapSection {
		float: left;
		margin: 200px 0 30px 30px;
	}
	
	#googleMapSection #map {
		float: left;
		width: 400px;
		height: 400px;
	}
	
	#googleMapSection #directions {
		float: left;
		width: 500px;
		margin-left: 10px;
	}
	
	#googleMapSection #directions p {
		padding: 10px 0 10px 0;
	}
	
	#googleDirections a {
		color:#ff0066;
	}	
	
	#googleDirections div.bar {
		
		font-weight: bold;
	}
	
	#googleDirections table.bar {
		width: 100%;
	}
	
	#googleDirections table.bar td {
		vertical-align: middle;
	}
	
	#googleDirections table.bar td.image {
		width: 30px;
	}
		
	#googleDirections div.directions a {
		font-weight: bold;
	}	
	
	#googleDirections div.summary {
		font-weight: bold;
	}
	
	#googleDirections div.directions tr td {
		border-bottom: 1px solid #666;
		padding: 5px;
	}
	
	#googleDirections div.directions tr.even {
		background: #333;
	}
	
	#googleDirections div.directions tr.odd td {
		background: #000;
	
	}
	
	#googleDirections div.directions tr.last td {
		border-bottom: 0;
	}
	
	#frm_postcode {
		width: 220px;
		float: left;
	}
	
	#frm_directions {
		width: 200px;
		float: left;
	}
	

#bottomBlack {
	clear: both;
	background: #000;
	min-height: 400px;
	color: #fff;
}

	#newsList {
		margin: 0px 0 0 130px;
		padding: 100px 0 0 0;
	}
	
	div.newImage {
		float: right;
		margin: 0 0 0 20px;
	}
	
	div.newImage img {
		margin-bottom: 2px;
	}
	
	.newsStoryArea {
		float: left;
		clear: both;
		margin: 0 0 100px 0;
		background: url('../images/news_bg.gif') no-repeat;
		background-position: 0px -20px;
		padding: 30px;
		width: 600px;
	}
	
	.newsStoryArea .newsStory {
		text-align: justify;
	}
	
	#footerBlack {
		clear: both;
		height: 200px;
	}
		
		#footerLeft {
			float: left;
			width: 300px;
			margin: 0 0 0 30px;
		}
	
		#footerRight {
			font-size: 18px;
			float: right;
			text-align: right;
			width: 500px;
			margin: 0 30px 0 0;
			clear: both;
			position: relative;
		}
			
			.pageBrowsersLeft {
			padding-top:3px;
			float:right;	
			}
			
			.pageBrowsersRight {
			padding-top:3px;
			float:right;	
			}
			
			.pageNumbers {
				float:right;
			}
			
			#footerRight .current, #footerRight a.current {
				font-size: 18pt;
				font-weight: bold;
				color: #ff0066;
			}
			
		#footerRight a {
			color: #fff;
		}
		
		#footerLinks {
			color: #fff;
			clear: both;
			padding: 30px;
		}
		
		#footerLinks a {
			color: #ccc;
		}
		
		#footerRight img {
			
		}

p.linksLine {
	font-size: 12px;
	color: #fafafa;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0 10px 0;
}

.enterBut {
	position:absolute;
	top:300px;
	left:115px;
	width:235px;
	height:50px;
	display:block;
	text-indent:-99999px;
}

.pink {
	color: #ff0066;
}

.blue {
	color: #17c0e9;
}

a.pinkLink {
	color: #ff0066;
}

a.greyLink {
	color: #666666;
}

a.greenLink {
	color: #9aca41;
}

a.whiteLink {
	color: #fff;
}



/*-----------5:= [PORTFOLIO] -------------------*/
                  
#portfolioSites {
	margin-top: 20px;
}

	#portfolioSites li {
		background: url('../images/portfolio-image-back.png') no-repeat;
		background-position: 0px -50px;
		width: 309px;
		height: 278px;
		float: left;
		position: relative;
	}
	
		#portfolioSites li .image {
			display: block;
			position: absolute;
			left: 35px;
			height: 240px;
			width: 240px;
		}
			
			#portfolioSites li .image canvas {
				margin-top: 5px;
			}
			
			#portfolioSites li .image img {
				margin-top: 5px;
				cursor: pointer;
			}
			
			#portfolioSites li .image img.reflected {
				margin-top: 0;
			}
		
		#portfolioSites li h3 {
			background: url('../images/grey_hr.gif') repeat-x;
			background-position: bottom;
			width: 233px;
			height: 34px;
			font: 18px/34px Arial, Helvetica, sans-serif;
			/*border-bottom: 1px dashed #eee;*/
			position: absolute;
			top: 180px;
			left: 35px;
			padding: 3px 3px 3px 5px;
		}
		
		#portfolioSites li div.details {
			font: italic 12px/18px Arial, Helvetica, sans-serif;
			width: 240px;
			position: absolute;
			top: 220px;
			left: 35px;
			margin: 5px 0 0 0;
		}
		
		#portfolioSites li div.details a {
			color: #f06;
		}
		
#pageNumbers {
	clear: both;
	float: right;
}

#siteDescription {
	width: 290px;
	float: left;
	font-style: italic;
}

	#siteDescription h1 {
		font: bold normal 18px/22px Arial, Helvetica, sans-serif; 
		width: 270px;
		border-bottom: 1px dashed #eee;
		margin-bottom: 3px;
	}

#siteImages {
	float: left;
	width: 680px;
	height: 380px;
	position: relative;
	background: url('../images/creative/portfolio/images-back.png') no-repeat;
	overflow: visible;
}

	#siteImages div, #siteImages div img {
		background: #000;
		position: absolute;
	}

	#siteImages #siteImagesBack {
		position: absolute;
		bottom: 30px;
		left: 290px;
		cursor: pointer;
	}

	#siteImages #siteImagesForward {
		position: absolute;
		bottom: 30px;
		right: 290px;
		cursor: pointer;
	}
	
/*-----------5:= [CLIENTS] -------------------*/

.client {
	width:165px;
	height:92px;
	float:left;
	padding-right:5px;
	padding-bottom:5px;
	cursor:pointer;
}

.carphone {
	background:url(../images/clients/carphone-off.gif) no-repeat;
}

.carphone:hover {
	background:url(../images/clients/carphone-on.gif) no-repeat;
}

.equi {
	background:url(../images/clients/equi-trek-off.gif) no-repeat;
}

.equi:hover {
	background:url(../images/clients/equi-trek-on.gif) no-repeat;
}

.college {
	background:url(../images/clients/college-off.gif) no-repeat;
}

.college:hover {
	background:url(../images/clients/college-on.gif) no-repeat;
}

.rhodes {
	background:url(../images/clients/rhodes-off.gif) no-repeat;
}

.rhodes:hover {
	background:url(../images/clients/rhodes-on.gif) no-repeat;
}

.atlantic {
	background:url(../images/clients/global-off.gif) no-repeat;
}

.atlantic:hover {
	background:url(../images/clients/global-on.gif) no-repeat;
}

.photowall {
	background:url(../images/clients/photowall-off.gif) no-repeat;
}

.photowall:hover {
	background:url(../images/clients/photowall-on.gif) no-repeat;
}

.bes {
	background:url(../images/clients/bes-off.gif) no-repeat;
}

.bes:hover {
	background:url(../images/clients/bes-on.gif) no-repeat;
}

.spool {
	background:url(../images/clients/spool-off.gif) no-repeat;
}

.spool:hover {
	background:url(../images/clients/spool-on.gif) no-repeat;
}

.abmec {
	background:url(../images/clients/abmec-off.gif) no-repeat;
}

.abmec:hover {
	background:url(../images/clients/abmec-on.gif) no-repeat;
}

.traytech {
	background:url(../images/clients/traytech-off.gif) no-repeat;
}

.traytech:hover {
	background:url(../images/clients/traytech-on.gif) no-repeat;
}

.tsbooker {
	background:url(../images/clients/tsbooker-off.gif) no-repeat;
}

.tsbooker:hover {
	background:url(../images/clients/tsbooker-on.gif) no-repeat;
}

.kos {
	background:url(../images/clients/ko-off.gif) no-repeat;
}

.kos:hover {
	background:url(../images/clients/ko-on.gif) no-repeat;
}

.arts {
	background:url(../images/clients/arts-off.gif) no-repeat;
}

.arts:hover {
	background:url(../images/clients/arts-on.gif) no-repeat;
}

.microdat {
	background:url(../images/clients/microdat-off.gif) no-repeat;
}

.microdat:hover {
	background:url(../images/clients/microdat-on.gif) no-repeat;
}

.isis {
	background:url(../images/clients/isis-off.gif) no-repeat;
}

.isis:hover {
	background:url(../images/clients/isis-on.gif) no-repeat;
}

.www {
	background:url(../images/clients/www-off.gif) no-repeat;
}

.www:hover {
	background:url(../images/clients/www-on.gif) no-repeat;
}

/*-----------5:= [PORTFOLIO] -------------------*/

#fp_Container {
	width: 821px;
	height: 480px;
	overflow: hidden;
	
}
	#fp_Backgrounds {
		width: 812px;
		height: 360px;
		overflow: hidden;
		position: relative;
	}
	
		#fp_Backgrounds img {
			position: absolute;
			top: 0;
			left: 0;
		}
	
	
	#fp_OurService {
		
	}
	
		.fp_ServiceBox ul {
			position: absolute;
			top: 70px;
			font-size: 13px;
			font-weight: bold;
		}
	
		.fp_ServiceBox li {
			list-style-position: inside;
			list-style-image: url('../images/mapwigit.png');
			margin-left: 20px;
			margin-bottom: 8px;
			padding: 0px;
			color: #333;
		}
		
		.fp_ServiceBox fieldset {
			background: url('../images/home/forms.png');
			width: 197px;
			height: 60px; /*110px, 53px*/
			padding: 46px 0 0 65px;
			position: absolute;
			bottom: 209px;
			left: 0;
		}
		
			.fp_ServiceBox fieldset#fpCreativeForm {
				background-position: 0 -220px;
			}
		
			.fp_ServiceBox fieldset#fpHostingForm {
				background-position: 0 -110px;
			}
		
			.fp_ServiceBox fieldset#fpSoftwareForm {
				background-position: 0 0;
			}
			
				.fp_ServiceBox fieldset#fpCreativeForm input.button {
					background-position: -2px -367px;
				}
			
				.fp_ServiceBox fieldset#fpHostingForm input.button {
					background-position: -2px -383px;
				}
			
				.fp_ServiceBox fieldset#fpSoftwareForm input.button {
					background-position: -2px -399px;
				}
			
			.fp_ServiceBox fieldset input.text {
				border: none;
				margin-bottom: 1px;
				width: 127px;
				height: 15px;
				font: normal 10px/12px Arial, Helvetica;
				
				background: url('../images/home/forms.png') no-repeat;
				background-position: -63px -330px;
				padding: 2px;
				color: #404040;
			}
			
			.fp_ServiceBox fieldset input.button {
				border: 0;
				background: url('../images/home/forms.png') no-repeat;
				width: 39px;
				height: 14px;
				position: absolute;
				top: 42px;
				left: 134px;
				margin: 0;
				padding: 0;
				text-indent: -9999px;
				z-index: 100;
				cursor: pointer;
				overflow: hidden;
			}
			
			/*IE6/7*/
			* html .fp_ServiceBox fieldset input.text {
				background: url('../images/home/forms-box-ie6.gif') no-repeat;
			}
			
			* html .fp_ServiceBox fieldset input.button {
				top: 94px;
				left: 200px;			
			}
			
			*+html .fp_ServiceBox fieldset input.button {
				top: 94px;
				left: 200px;			
			}
	
		.fp_ServiceBox {
			float: left;
			overflow: hidden;
			margin: 10px;
			width: 250px;
			height: 49px;
			display: inline;
			position: relative;
		}
	
		.fp_ServiceBox a {
			font-weight: bold;
			text-decoration: none;
		}
		
			.fp_ServiceTitle {
				height: 49px;
				cursor: pointer;
			}
		
				.creativeBox {
					background: url('../images/home/title_creative.png') no-repeat;
				}
				
				.hostingBox {
					background: url('../images/home/title_hosting.png') no-repeat;
				}
				
				.softwareBox {
					background: url('../images/home/title_software.png') no-repeat;
				}
				
				#creativeBoxContent {
					position: relative;
					height: 500px;
					background: url('../images/home/bullets_creative.png') no-repeat;
					
				}
				
				#creativeBoxContent .enterBut {
					background:url('../images/home/title_creative_enter2.gif') 0 0 no-repeat;
				}
				
				#hostingBoxContent {
					position: relative;
					height: 500px;
					background: url('../images/home/bullets_hosting.png') no-repeat;
					
				}
				
				#hostingBoxContent .enterBut {
					background:url('../images/home/title_hosting_enter2.gif') 0 0 no-repeat;
				}
				
				#softwareBoxContent {
					position: relative;
					height: 500px;
					background: url('../images/home/bullets_software.png') no-repeat;
				}
				
				#softwareBoxContent .enterBut {
					background:url('../images/home/title_software_enter2.gif') 0 0 no-repeat;
				}
				
				#creativeBoxContent p, #hostingBoxContent p, #softwareBoxContent p {
					position: absolute;	
					top: 205px;
					line-height:20px;
					font-size: 12px;
					font-family: Arial, Helvetica, sans-serif;
					padding: 5px;
				}
				
				.creativeTxt {
					color: #ff0066;
				}
				
				.hostingTxt {
					color: #17c0e9;
				}
				
				.softwareTxt {
					color: #9aca3f;
				}
				
				h3.toggler {
					background: url('../images/h3_service_stripe.png') no-repeat;
					background-position: right;
					height: 53px;
					cursor: pointer;
					line-height: 2.6em;
					font-size: 20px;
					margin: 0 0 5px 0;
					padding: 0px;
					
					/* USED FOR TXT REPLACEMENT */
					font-family:'Century Gothic';
					font-weight: bold;
					font-size: 20px;
					
				}
				
				.introTxt {
					font-weight: bold;
				}
				
				img.marginMeLeft {
					margin-left: 10px;
				}
				
				ul.tickerList li {
					list-style-image: url('../images/bullet_tick.png');
					
				}
				
				ul.privacyList li {
					list-style: none;
					margin-left: 30px;
					padding: 0 0 20px 0;
				}
				
				h2.introTxt {
					font-family:'Century Gothic';
					font-weight: bold;
					font-size: 17px;
					margin-top: 25px;
				}
				
				h2.pageHeader {
					font-family:'Century Gothic';
					font-weight: bold;
					font-size: 20px;
					padding-top: 10px;
				}
				
				hr {
					border: 0px;
					height: 10px;
					background-color: #ccc;
				}
				
				.ccgrey {
					color: #666;
				}
				
				.ccgreen {
					color: #9aca3f;
				}
				
				.ccblue {
					color: #17c0e9;
				}
				
				.ccpink {
					color: #ff0066;
				}
				
				.rotatorBox {
					width: 309px;
					height: 204px;
					float: right;
					overflow: hidden;
				}
				
				.rotatorBanner {
					height: 189px;
					width: 676px;
					margin: 0 0 0 4px;
					overflow: hidden;
				}
				
				.newTxt {
					margin: 0px;
					width: 340px;
				}
				
				.newTxt h2 {
					margin: 0px;
				}
				
/*----------changes jan 2010----------*/
				
.fp_ServiceTitle a {
	display:block;
	width:240px;
	height:40px;
}

.ccpink span {
	font-size:14px;	
}

.speech {
	width:83px;
	height:70px;
	float:left;
	background:url(../images/speech.jpg) no-repeat;
	margin-right:5px;
}

.quote {
	width:164px;
	height:19px;
	display:block;
	float:left;
	background:url(../images/quote.jpg) no-repeat;
	margin-top:-3px;
}

.consultation {
	width:208px;
	height:19px;
	display:block;
	float:left;
	background:url(../images/consultation.jpg) no-repeat;
	margin-top:-3px;
}

.quoteForm label {
	float:left;
	width:80px;
	margin-top:3px;
	font-weight:bold;
	margin-left:8px;
}

.quoteForm input, .quoteForm select {
	float:left;
	width:200px;
	margin-top:3px;
}

input.quoteBut {
	border:none;
	width:205px;
	height:25px;
	background:url(../images/quote-but.jpg) no-repeat;
	cursor:pointer;
}

input.consulBut {
	border:none;
	width:205px;
	height:25px;
	background:url(../images/consul-but.jpg) no-repeat;
	cursor:pointer;
}

.portQuote {
	display:block;
	width:236px;
	height:25px;
	background:url(../images/quote-site.gif) no-repeat;
	margin:0 auto;
}



/*-----------5:= [REQUEST QUOTE] -------------------*/
#mainArea .quoteFrm {
	margin-top: 10px;
	text-align: center;
	padding: 6px;
}

#mainArea .quoteFrm fieldset {
	float: left;
	width: 90%;
	margin: 0px auto;
	background-color: #efefef;
	border: 1px solid #e0e0e0;
	padding: 5px 5px 15px 5px;
	margin: 15px 5px 5px 5px;
}
	#mainArea .quoteFrm legend {
		font-weight: bold;
		padding: 2px;
		color: #377cc1;
	}
	#mainArea .quoteFrm textarea { border: 1px solid #ccc; }
	
	#mainArea .quoteFrm p { margin: 0px; padding: 2px; clear: both; text-align: left; }
	#mainArea .quoteFrm label { 
		float: left;
		margin-top: 8px;
		margin-right: 4px;
		text-align: left;
	}
	
	#mainArea .quoteFrm input { font-size: 9pt; border: 1px solid #ccc; padding: 3px;}
	
	#mainArea .quoteFrm .text { width: 400px; }
	
	#mainArea .quoteFrm sup { color: red; }
	
	img.imgBox { margin: 3px; padding: 2px; border: 1px solid #404040; }
	
	#mainArea .quoteMsg { 
		width: 90%;
		border: 1px solid blue;
		padding: 5px;	
	}