body {

	padding: 145px 0 0 0;

	margin: 0;

	font-size: 10px;

	text-align: center;

	background: #75838B url(../images/bg.jpg) 0% 0% repeat-x;

}

a {

	outline: none;

}

img {

	border: 0;

	vertical-align: bottom;

}

fieldset {

	border: 0;

	padding: 0;

	margin: 0;

}

.clearBoth {

	clear: both;

	height: 0px;

	overflow: hidden;

	margin: 0;

}

/*****************************************************************/

#whisperIT {

	position: relative;

	width: 920px;

	text-align: left;

	margin: 0 auto;

	background: transparent url(../images/shadow.gif) repeat-y;

}

/*****************************************************************/

#mainContent {

	float: left;

	width: 800px;

	\width: 920px; /* Box Model Hack */

	w\idth: 800px;

	min-height: 300px;

	padding: 30px 60px 15px 60px;

	background: transparent url(../images/shadow_top.gif) no-repeat;

}

*html #mainContent {

	height: 300px; /* Early IE Hack */

}

#mainContent h1 {

	float: left;

	width: 800px;

	\width: 890px; /* Box Model Hack */

	w\idth: 800px;

	border-top: 1px solid #D6D1DA;

	padding: 35px 45px 12px 45px;

	font: bold 1.8em/1.22em Arial, Helvetica, sans-serif;

	color: #969;

	margin: -30px -45px 0 -45px;

	background: transparent url(../images/page_header.gif) repeat-x;

}

*html #mainContent h1 {

	position: relative; /* Early IE Hack */

	left: 45px;

}

#mainContent h2 {

	font: bold 1.5em/1.2em Arial, Helvetica, sans-serif;

	color: #669;

	margin: 0 0 15px 0;

} 

#mainContent h3 {

	font: bold 1.2em/1.25em Arial, Helvetica, sans-serif;

	color: #669;

	margin: 0 0 15px 0;

}

#mainContent p, 

#mainContent ul {

	padding: 0;

	font: 1.2em/1.25em Arial, Helvetica, sans-serif;

	color: #333;

	margin: 0 0 15px 0;

	list-style-type: none;

}

#mainContent ul li {

	padding: 0 0 0 20px;

	background: transparent url(../images/bullet.gif) 6px 6px no-repeat;

}

#mainContent ul li ul {

	padding: 15px 0 0 0;

	font-size: 1em;

}

#mainContent strong {

	color: #669;

}

#mainContent a {

	color: #336;

}

#mainContent a:hover, 

#mainContent a:active, 

#mainContent a:focus {

	color: #969;

}

/*****************************************************************/

.leftColumn {

	float: left;

	clear: left;

	width: 385px;

	margin: 0 30px 0 0;

}

.rightColumn {

	float: left;

	width: 385px;

}

/*****************************************************************/

#homeIntro {

	float: left;

	width: 385px;

	\width: 890px; /* Box Model Hack */

	w\idth: 385px;

	he\ight: 235px;

	height: 185px;

	padding: 50px 460px 0 45px;

	margin: -30px -45px 0 -45px;

	background: transparent url(../images/home_intro.jpg) no-repeat;

}

*html #homeIntro {

	position: relative; /* Early IE Hack */

	left: 45px;

}

#mainContent #homeIntro h1 {

	float: none;

	width: auto;

	border: 0;

	padding: 0;

	font: normal 2.5em/1.12em Arial, Helvetica, sans-serif;

	color: #669;

	margin: 0 0 18px 0;

	background: none;

}

#mainContent #homeIntro h1 strong {

	color: #969;

}

#mainContent #homeIntro p {

	padding: 0 0 0 30px;

	font: 1.3em/2.3em Arial, Helvetica, sans-serif;

	color: #669;

	margin: 0;

	background: transparent url(../images/telephone.gif) 0 3px no-repeat;

}

#mainContent #homeIntro p strong {

	font-size: 1.38em;

	color: #969;

	margin: 0 0 0 2px;

}

#mainContent h2.homeHeader {

	clear: both;

	font: 1.2em/1.25em Arial, Helvetica, sans-serif;

	color: #333;

	padding: 0 0 20px 0;

	border-bottom: 1px solid #EDEDED;

	margin: 0 0 30px 0;

}

#mainContent ul.homeList {

	margin: 0;

}

#mainContent ul.homeList li {

	padding: 0 0 15px 30px;

}

#mainContent ul.homeList li.bullet1 {

	background: transparent url(../images/home_bullet_1.gif) no-repeat;

}

#mainContent ul.homeList li.bullet2 {

	background: transparent url(../images/home_bullet_2.gif) no-repeat;

}

#mainContent ul.homeList li.bullet3 {

	background: transparent url(../images/home_bullet_3.gif) no-repeat;

}

#mainContent ul.homeList li strong {

	font-size: 1.25em;

	color: #669;

}

/*****************************************************************/

.companyProfile {

	float: right;

	margin: -30px 0 0 0;

}

.plaidCymru {

	float: right;

	margin: -15px 0 0 0;

}

/*****************************************************************/

.services {

	float: right;

	margin: 0 0 0 20px;

}

/*****************************************************************/

#mainContent p.testimonial {

	padding: 0 0 22px 0;

	border-bottom: 1px solid #DED8E0;

	margin: 0 0 22px 0;

}

#mainContent p.testimonial span.quoteStart {

	display: block;

	float: left;

	position: relative;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 5em;

	color: #C0C0D5;

	margin: 20px 10px -10px 0;

}

#mainContent p.testimonial span.quoteEnd {

	display: block;

	float: right;

	position: relative;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 5em;

	color: #C0C0D5;

	margin: 25px 0 0 10px;

}

#mainContent p.testimonial strong {

	display: block;

	margin: 15px 0 0 0;

}

#mainContent ul.clientList {

	margin: 0;

}

#mainContent ul.clientList li {

	padding: 10px 0 20px 0;

	background: none;

}

/*****************************************************************/

.contactLeft {

	position: relative;

	float: left;

	clear: left;

	width: 435px;

	margin: 0 -50px 0 0;

}

#mainContent .contactLeft p {

	float: left;

	clear: both;

	width: 435px;

	margin: 0 0 10px 0;

}

.contactLeft p label {

	font-weight: bold;

	color: #669;

}

.contactLeft p input, 

.contactLeft p textarea {

	float: left;

	width: 220px;

	\width: 435px; /* Box Model Hack */

	w\idth: 425px;

	height: 25px; /* Box Model Hack */

	hei\ght: auto;

	border: 1px #CEC4DB solid;

	border-right-color: #E8E4E8;

	border-bottom-color: #E8E4E8;

	padding: 3px 4px;

	font: 1em/1.25em Arial, Helvetica, sans-serif;

	margin: 4px 0 0 0;

}

.contactLeft p textarea {

	overflow: auto;

	height: 207px;

	he\ight: 199px; /* Box Model Hack */

}

.contactLeft p input.error, 

.contactLeft p textarea.error {

	border-color: #C33;

}

#mainContent .contactLeft p button {

	float: left;

	width: 119px;

	height: 30px;

	text-indent: -5000px;

	padding: 0;

	border: 0;

	margin: 2px 0 0 -2px;

	overflow: hidden;

	background: transparent url(../images/send_message.gif) no-repeat;

	cursor: pointer;

	cursor: hand;

}

.contactRight {

	float: right;

	width: 335px;

}

#mainContent .contactRight p {

	float: left;

	clear: both;

	width: 335px;

}

.contactRight strong {

	display: block;

	padding: 0 0 5px 0;

	border-bottom: 1px solid #DED8E0;

	margin: 0 0 12px 0;

}

.contactRight p span {

	display: block;

	float: left;

	width: 130px;

	margin: 0 0 3px 0;

}

#mainContent .contactRight a.external {

	display: block;

	float: left;

	border: 0;

	padding: 0;

	width: 94px;

	height: 30px;

	text-indent: -5000px;

	overflow: hidden;

	margin: 0 0 0 -2px;

	background: transparent url(../images/view_map.gif) no-repeat;

}

/*****************************************************************/

#mainContent ul.sitemap li {

	padding: 0 0 3px 20px;

}

#mainContent ul.sitemap li ul {

	margin: 0 0 12px 0;

}

#mainContent ul.sitemap li a {

	text-decoration: none;

}

#mainContent ul.sitemap li a:hover, 

#mainContent ul.sitemap li a:active, 

#mainContent ul.sitemap li a:focus {

	text-decoration: underline;

}

/*****************************************************************/

#logo {

	position: absolute;

	top: -63px;

	left: 60px;

	z-index: 20;

}

/*****************************************************************/

#topTabs {

	position: absolute;

	top: -110px;

	left: 10px;

	float: left;

	width: 528px;

	\width: 900px; /* Box Model Hack */

	w\idth: 528px;

	padding: 79px 0 0 372px;

	font: bold 1.3em/1.23em Arial, Helvetica, sans-serif;

	margin: 0;

	list-style-type: none;

	background: transparent url(../images/header.gif) no-repeat;

	z-index: 10;

}

#topTabs li {

	position: relative;

	float: left;

	border-left: 1px solid #DED8E0;

}

#topTabs li a {

	display: block;

	float: left;

	padding: 5px 18px 10px 18px;

	color: #669;

	white-space: nowrap;

	text-decoration: none;

	background: #FFF;

}

#topTabs li a#servicesTab {

	padding: 5px 34px 10px 18px;

	background: #FFF url(../images/services_arrow.gif) 100% 12px no-repeat;

	z-index: 20;

}

#topTabs li a:hover, 

#topTabs li a:active, 

#topTabs li a:focus {

	position: relative;

	border: 1px solid #D6D1DA;

	border-bottom: 0;

	padding: 12px 18px 10px 18px;

	margin: -8px -1px 0 -1px;

}

#topTabs li a.active, 

#topTabs li a.active:hover, 

#topTabs li a.active:active, 

#topTabs li a.active:focus {

	position: relative;

	border: 1px solid #D6D1DA;

	border-bottom: 0;

	padding: 12px 18px 11px 18px;

	margin: -8px -1px -1px -1px;

	background: #ECE7EF;

}

#topTabs li a#servicesTab.active {

	position: relative;

	border: 1px solid #D6D1DA;

	border-bottom: 0;

	padding: 12px 34px 11px 18px;

	margin: -8px -1px -1px -1px;

	background: #ECE7EF url(../images/services_arrow.gif) 100% 19px no-repeat;

}

/*****************************************************************/

#topTabs li ul {

	display: none;

	position: absolute;

	top: 31px;

	left: -1px;

	width: 195px;

	\width: 205px; /* Box Model Hack */

	w\idth: 195px;

	border: 1px solid #DED8E0;

	padding: 15px 4px;

	margin: 0;

	list-style-type: none;

	background: #FFF;

	z-index: 10;

}

#topTabs li ul li {

	float: left;

	clear: both;

	width: 195px;

	margin: 0 -5px 0 0;

	border: 0;

}

#topTabs li ul li a {

	display: block;

	float: left;

	width: 169px;

	\width: 195px; /* Box Model Hack */

	w\idth: 169px;

	padding: 6px 13px;

	font-weight: normal;

	color: #333;

	text-decoration: none;

	margin: 0 -5px 0 0;

	background: #FFF;

}

#topTabs li ul li a:hover, 

#topTabs li ul li a:active, 

#topTabs li ul li a:focus {

	border: 1px solid #EFEBF2;

	padding: 5px 12px;

	margin: 0;

	background: #F6F3F7;

}

/*****************************************************************/

#footer {

	position: relative;

	width: 800px;

	\width: 920px; /* Box Model Hack */

	w\idth: 800px;

	min-height: 105px;

	padding: 0 60px 500px 60px;

	margin: 0 auto;

	background: transparent url(../images/footer.gif) no-repeat;

}

*html #footer {

	height: 105px; /* Early IE Hack */

}

#footer p {

	font: 1.2em/1.25em Arial, Helvetica, sans-serif;

	color: #333;

	margin: 0;

}

#footer p.sitemap {

	float: right;

	width: 275px;

	padding: 27px 0;

	text-align: right;

}

#footer p.sitemap a {

	font-weight: bold;

	color: #669;

	text-decoration: none;

	border-bottom: 1px solid #DED8E0;

}

#footer p.sitemap a:hover, 

#footer p.sitemap a:active, 

#footer p.sitemap a:focus {

	border-color: #669;

}

#footer p.copyright {

	float: left;

	width: 490px;

	padding: 27px 0;

	text-align: left;

}

#footer p.copyright strong {

	color: #669;

}

#footer p.bytemedia {

	float: left;

	clear: both;

	width: 800px;

	padding: 30px 0;

	font-weight: bold;

	color: #37475A;

	text-align: right;

}

#footer p.bytemedia a {

	color: #FFF;

	text-decoration: none;

	border-bottom: 1px solid #919CA2;

	margin: 0 0 0 4px;

}

#footer p.bytemedia a:hover, 

#footer p.bytemedia a:active, 

#footer p.bytemedia a:focus {

	border-color: #FFF;

}