﻿.h1 {
	font-family:			Arial;
	font-size: 				14px;
	font-style: 			normal;
	line-height: 			normal;
	font-weight: 			normal;
	font-variant: 			normal;
	text-transform:			none;
	color: 					#FFFFFF;
	text-decoration: 		none;
}
.body {
	font-family: 			Arial;
	font-size: 				11px;
	font-style: 			normal;
	line-height: 			normal;
	font-weight:			 normal;
	font-variant: 			normal;
	text-transform:			 none;
	text-decoration:		 none;
	color:					 gray;
}
.bodybold {
	font-family: 			Arial;
	font-size: 				11px;
	font-style: 			normal;
	line-height: 			normal;
	font-weight: 			bold;
	font-variant: 			normal;
	text-transform:			none;
	text-decoration:		none;
	color: 					#A7988E;
}
.mainnav {
	top:					159px;
	position: 				absolute;
	width: 					500px;
	margin-left: 			22px;
	height: 				12px;
	z-index:	 			2;
}
.mainnavtextlink {
	font-family:			Arial;
	font-size: 				12px;
	font-style: 			normal;
	line-height: 			normal;
	font-weight: 			bold;
	font-variant: 			normal;
	text-transform: 		none;
	text-decoration: 		none;
	vertical-align: 		bottom;
	color: 					#005F66;
}
.mainnavtext {
	font-family: 			Arial;
	font-size: 				12px;
	font-style: 			normal;
	line-height: 			normal;
	font-weight: 			bold;
	font-variant:			normal;
	text-transform: 		none;
	text-decoration:		none;
	vertical-align: 		bottom;
	color: 					#999999;
}
.background {
	background-color: 		#EAEAEA;
	background-image: 		url('images/pagebackground.png');
	background-repeat: 		repeat;
}
.banner {
	top: 					0px;
	position: 				absolute;
	width: 					770px;
	left:					50%;
	margin-left: 			-385px;
	height: 				190px;
	background-image: 		url('images/background.png');
	background-repeat: 		no-repeat;
	z-index: 				1;
}
.logo {
	top: 					0px;
	position: 				absolute;
	width: 					256px;
	margin-left: 			22px;
	height: 				65px;
	background-image: 		url('images/cgs-web-logo.png');
	background-repeat: 		no-repeat;
	z-index: 				2;
}
.strapline {
	top: 					100px;
	position: 				absolute;
	width: 					296px;
	margin-left: 			22px;
	height: 				28px;
	background-image: 		url('images/concept-to-completion.png');
	background-repeat: 		no-repeat;
	z-index: 				2;
}
.examples {
	top: 					65px;
	position: 				absolute;
	width: 					243px;
	margin-left: 			505px;
	height: 				106px;
	background-image: 		url('images/examples.gif');
	background-repeat: 		no-repeat;
	z-index: 				2;
}
.pagebody {
	top: 					190px;
	position: 				absolute;
	width: 					770px;
	left:					50%;
	height: 				504px;
	margin-left: 			-385px;
	background-color: 		white;
	background-image: 		url('images/bodyfooter.png');
	background-repeat: 		no-repeat;
	background-position:	50% bottom;
	z-index: 				1;
}
.fade {
	top: 					0px;
	position: 				absolute;
	width: 					824px;
	left:					50%;
	height: 				730px;
	margin-left: 			-412px;
	background-image: 		url('images/fade.png');
	background-repeat: 		no-repeat;
	background-position:	50% bottom;
	z-index: 				1;
}
.hometitle {
	top: 					22px;
	position: 				absolute;
	width: 					43px;
	margin-left:			22px;
	height: 				28px;
	background-image: 		url('images/Page-Title-Home.png');
	background-repeat: 		no-repeat;
	z-index: 				2;
}
.bespoketitle {
	top: 					22px;
	position: 				absolute;
	width: 					119px;
	margin-left: 			22px;
	height: 				28px;
	background-image: 		url('images/Page-Title-Bespoke.png');
	background-repeat: 		no-repeat;
	z-index: 				2;
}
.modulartitle {
	top: 					22px;
	position: 				absolute;
	width: 					119px;
	margin-left: 			22px;
	height: 				28px;
	background-image: 		url('images/Page-Title-Modular.png');
	background-repeat: 		no-repeat;
	z-index: 				2;
}
.glasspodtitle {
	top: 					22px;
	position: 				absolute;
	width: 					119px;
	margin-left: 			22px;
	height: 				28px;
	background-image: 		url('images/Page-Title-Glasspod.png');
	background-repeat: 		no-repeat;
	z-index: 				2;
}
.projecttitle {
	top: 					22px;
	position: 				absolute;
	width: 					57px;
	margin-left: 			22px;
	height: 				28px;
	background-image: 		url('images/Page-Title-Project.png');
	background-repeat: 		no-repeat;
	z-index: 				2
}
.additionaltitle {
	top: 					22px;
	position: 				absolute;
	width: 					150px;
	margin-left: 			22px;
	height: 				28px;
	background-image: 		url('images/Page-Title-Additional.png');
	background-repeat: 		no-repeat;
	z-index: 				2;
}
.contacttitle {
	top: 					22px;
	position: 				absolute;
	width: 					52px;
	margin-left: 			22px;
	height: 				28px;
	background-image: 		url('images/Page-Title-Contact.png');
	background-repeat: 		no-repeat;
	z-index: 				2;
}
.sitemaptitle {
	top: 					22px;
	position: 				absolute;
	width: 					58px;
	margin-left: 			22px;
	height: 				28px;
	background-image: 		url('images/Page-Title-Sitemap.png');
	background-repeat: 		no-repeat;
	z-index: 				2;
}
.privacytitle {
	top: 					22px;
	position: 				absolute;
	width: 					58px;
	margin-left: 			22px;
	height: 				28px;
	background-image: 		url('images/Page-Title-Privacy.png');
	background-repeat: 		no-repeat;
	z-index: 				2;
}
.pagebodytext {
	top: 					60px;
	position: 				absolute;
	width: 					490px;
	margin-left: 			24px;
	height: 				106px;
	z-index: 				3;
}
.calltoactionbody {
	top: 					22px;
	position: 				absolute;
	width: 					204px;
	margin-left: 			542px;
	height: 				415px;
	background-color: 		#FBFAF9;
	z-index: 				4;
}
.popup {
	border:					0px;
	width:					400px;
	background-color: 		gray;
}
.calltoactionpichome {
	top: 					12px;
	position: 				absolute;
	width: 					180px;
	margin-left: 			12px;
	height: 				180px;
	background-image: 		url('images/call-to-action-pic-home.png');
	background-repeat: 		no-repeat;
	z-index: 				6;
}
.calltoactionpicabout {
	top: 					12px;
	position: 				absolute;
	width: 					180px;
	margin-left: 			12px;
	height: 				180px;
	background-image: 		url('images/call-to-action-pic-about.png');
	background-repeat: 		no-repeat;
	z-index: 				6;
}
.calltoactionpicbespoke {
	top: 					12px;
	position: 				absolute;
	width:					180px;
	margin-left: 			12px;
	height: 				180px;
	background-image: 		url('images/call-to-action-pic-bespoke.png');
	background-repeat: 		no-repeat;
	z-index: 				6;
}
.calltoactionpicmodlular {
	top: 					12px;
	position: 				absolute;
	width: 					180px;
	margin-left: 			12px;
	height: 				180px;
	background-image: 		url('images/call-to-action-pic-modular.png');
	background-repeat: 		no-repeat;
	z-index: 				6;
}
.calltoactionpicglasspod {
	top: 					12px;
	position: 				absolute;
	width: 					180px;
	margin-left: 			12px;
	height: 				180px;
	background-image: 		url('images/call-to-action-pic-glasspod.png');
	background-repeat: 		no-repeat;
	z-index: 				6;
}
.calltoactionpiccontact {
	top: 					12px;
	position: 				absolute;
	width: 					180px;
	margin-left: 			12px;
	height:					180px;
	background-image: 		url('images/call-to-action-pic-contact.png');
	background-repeat: 		no-repeat;
	z-index: 				6;
}
.calltoactionpicprojects {
	top: 					12px;
	position: 				absolute;
	width: 					180px;
	margin-left: 			12px;
	height: 				180px;
	background-image: 		url('images/call-to-action-pic-projects.png');
	background-repeat: 		no-repeat;
	z-index:				6;
}
.calltoactionpicsitemap {
	top: 					12px;
	position: 				absolute;
	width: 					180px;
	margin-left: 			12px;
	height: 				180px;
	background-image: 		url('images/call-to-action-pic-sitemap.png');
	background-repeat: 		no-repeat;
	z-index: 				6;
}
.calltoactionpicprivacy {
	top: 					12px;
	position: 				absolute;
	width: 					180px;
	margin-left: 			12px;
	height: 				180px;
	background-image: 		url('images/call-to-action-pic-privacy.png');
	background-repeat: 		no-repeat;
	z-index: 				6;
}
.calltoactiontextbox {
	top: 					204px;
	position: 				absolute;
	width: 					180px;
	margin-left: 			12px;
	height: 				199px;
	background-color: 		#DCEFF6;
	z-index:				5;
}
.calltoactiontitle {
	font-family: 			Arial;
	font-size: 				12px;
	font-style: 			normal;
	line-height: 			normal;
	font-weight: 			bold;
	font-variant: 			normal;
	text-transform: 		none;
	text-decoration: 		none;
	vertical-align: 		bottom;
	color: 					#005F66;
	top: 					12px;
	position: 				absolute;
	width: 					156px;
	margin-left: 			12px;
	height: 				175px;
	z-index: 				7;
}

.popuptitle {
	font-family: 			Arial;
	font-size: 				12px;
	font-style: 			normal;
	line-height: 			normal;
	font-weight: 			bold;
	font-variant: 			normal;
	text-transform: 		none;
	text-decoration: 		none;
	vertical-align: 		bottom;
	color: 					#005F66;
}

.popuptext {
	top: 					24px;
	font-family: 			Arial;
	font-size: 				12px;
	font-style: 			normal;
	line-height: 			normal;
	font-weight: 			normal;
	font-variant: 			normal;
	text-transform: 		none;
	text-decoration: 		none;
	vertical-align: 		bottom;
	color: 					#005F66;
}

.calltoactiontext {
	top: 					24px;
	font-family:			Arial;
	font-size: 				12px;
	font-style: 			normal;
	line-height: 			normal;
	font-weight: 			normal;
	font-variant: 			normal;
	text-transform: 		none;
	text-decoration: 		none;
	vertical-align: 		bottom;
	color: 					#005F66;
	top: 					36px;
	position: 				absolute;
	width: 					156px;
	margin-left: 			12px;
	height: 				175px;
	z-index: 				8;
}
.footer {
	top: 					700px;
	position: 				absolute;
	width: 					770px;
	left:					50%;
	margin-left: 			-385px;
	height: 				50px;
	z-index: 				2;
}
.footertext {
	font-family: 			Arial;
	font-size: 				10px;
	font-style: 			normal;
	margin-left: 			0px;
	line-height:			normal;
	font-weight: 			normal;
	font-variant: 			normal;
	text-transform: 		none;
	text-decoration: 		none;
	vertical-align: 		bottom;
	color: 					#999999;
	z-index: 				2;
}
.footerthinkingvirtually {
	top: 					700px;
	position: 				absolute;
	width: 					770px;
	left:					50%;
	margin-left: 			-385px;
	height: 				50px;
	z-index: 				2;
}
.thinkingvirtually {
	top:					700px;
	font-family:			Arial;
	font-size: 				10px;
	font-style: 			normal;
	text-align: 			right;
	line-height: 			normal;
	font-weight: 			normal;
	font-variant: 			normal;
	text-transform: 		none;
	text-decoration: 		none;
	vertical-align:			bottom;
	color: 					#999999;
	z-index: 				2;
}
.about-cgs {
	position:				absolute;
	left:					0px;
	top:					30px;
	width:					600px;
	height:					50px;
	z-index:				1;
}

.glasspod {
	color: 					#005F66;
	text-decoration:		none;
}

.contactinfo {
	color: 					#005F66;
	text-decoration:		none;
}


.glasspodimg {
	border:					0;
}















