/* CSS Document */

body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #b7b7b7 url(../img/bodyFade.jpg) repeat-x top left;
}

/*********** BLOCK ELEMENTS **************/

.pageBlock, .header, .mainBody {
	width: 775px;
}

.pageBlock {
	text-align: left;
	margin: 0px auto;
}

.header {
	height: 150px;
	background: url(../img/header.jpg) no-repeat top left;
}

.mainBody {
	padding-bottom: 10px;
	background: url(../img/mainBodyBG.jpg) repeat-y top left;
}

.footer {
	clear: both;
	height: 20px;
	width: 745px;
	font-size: 10px;
	padding-top: 108px;
	padding-left: 30px;
	background: url(../img/footer.jpg) no-repeat top left;
}

/*********** NAVIGATION *******************/

.navigation {
	float: left;
	width: 715px;
	height: 30px;
	background: url(../img/navBG.jpg) repeat-x top left;
}

.navCapL {
	float: left;
	height: 30px;
	width: 30px;
	background: url(../img/navCapL.jpg) no-repeat top left;
}

.navCapR {
	float: left;
	width: 30px;
	height: 30px;
	background: url(../img/navCapR.jpg) no-repeat top left;
}

.navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
}

.navigation ul li {
	float: left;
	height: 30px;
}

li.nSpacer {
	height: 30px;
	width: 16px;
	display: block;
	background: url(../img/nSpacer.jpg) no-repeat top left;
}

a.home, a.about, a.services, a.contarge, a.xtc, a.cx22, a.contact {
	height: 30px;
	display: block;
	text-indent: -700em;
	overflow: hidden;
}

a.home {width: 55px; background: url(../img/nHome.jpg) no-repeat top left;}
a.about {width: 87px; background: url(../img/nAbout.jpg) no-repeat top left;}
a.services {width: 78px; background: url(../img/nServices.jpg) no-repeat top left;}
a.contarge {width: 113px; background: url(../img/nContarge.jpg) no-repeat top left;}
a.xtc {width: 92px; background: url(../img/nXTC.jpg) no-repeat top left;}
a.cx22{width: 54px; background: url(../img/nCx22.jpg) no-repeat top left;}
a.contact {width: 102px; background: url(../img/nContact.jpg) no-repeat top left;}

a:hover.home, a:hover.about, a:hover.services, a:hover.contarge, a:hover.xtc, a:hover.cx22, a:hover.contact {
	background-position: bottom left;
}

/************** CONTENT ****************/

.leftSide {
	padding-top: 22px;
	float: left;
	width: 444px;
	padding-left: 40px;
}

.rightSide {
	padding-top: 44px;
	text-align: center;
	float: left;
	width: 260px;
}

.leftSide h1 {
	padding: 0px;
	margin: 0px;

	height: 22px;
	width: 444px;
	text-indent: -700em;
	overflow: hidden;
	border-bottom: 2px solid #d12f3a;
}

.h1Welcome {background: url(../img/h1Welcome.jpg) no-repeat top left;}
.h1About {background: url(../img/h1About.jpg) no-repeat top left;}
.h1Services {background: url(../img/h1Services.jpg) no-repeat top left;}
.h1Contarge {background: url(../img/h1Contarge.jpg) no-repeat top left;}
.h1ContargeExtra {background: url(../img/h1Contarge-extra.jpg) no-repeat top left;}
.h1ContargeGallery {background: url(../img/h1Contarge-gal.jpg) no-repeat top left;}
.h1Xtc {background: url(../img/h1Xtc.jpg) no-repeat top left;}
.h1XtcExtra {background: url(../img/h1Xtc-extra.jpg) no-repeat top left;}
.h1XtcGallery {background: url(../img/h1Xtc-gal.jpg) no-repeat top left;}
.h1Cx22 {background: url(../img/h1Cx22.jpg) no-repeat top left;}
.h1Cx22Extra {background: url(../img/h1Cx22-extra.jpg) no-repeat top left;}
.h1Cx22Gallery {background: url(../img/h1Cx22-gallery.jpg) no-repeat top left;}
.h1Contact {background: url(../img/h1Contact.jpg) no-repeat top left;}
.h1Problems {background: url(../img/h1Problems.jpg) no-repeat top left;}

.rightSide a img {
	border: none;
}

.spacer {
	margin-bottom: 10px;
}


/************* TYPOGRAPHY ****************/

.CB {
	text-align: center;
	font-weight: bold;
}

.left {
	text-align: left;
	margin-left: 40px;
}