html {
	font-size: 10pt;
}

/* main page body style */
body {
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana;
	background-color: #D5D5D5;
}


#cmsLogo {
	background-image: url(/images/cclogo.gif);
	background-position: 10px 50%;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border-bottom: 1px solid #A0A0A0;
	height: 100px;
	text-align: right;
	padding: 5px;
}

.hiddentext {
	display: none;
}

.pageOffsetBox {
	padding-left: 40px;
}

.errortext {
	color: #B00000 !important;
	text-transform: capitalize !important;
}

.twitterLink {
	background-image: url(/images/twitter.gif);
	height: 40px;
	line-height: 40px;
	background-position: 20px 50%;
	background-repeat: no-repeat;
	padding-left: 60px;
	display: block;
	cursor: pointer;
	font-size: 11pt;
	font-weight: bold;
	color: #202020;
	text-decoration: none;
}

.twitterLink:hover {
	text-decoration: underline;
}

.pageOffsetHeading {
	background-image: url(/images/logo.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 504px;
	height: 104px;
}


.footerContent {
	height: 30px;
	line-height: 30px;
	color: #808080;
	text-align: center;
	background-color: #C5C5C5;
}


.workContent {
	padding-left: 514px;
}

.workContentMargin {
	background-image: url(/images/leftshadow.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 464px;
	background-color: #CFCFCF;
}


.clientContent {
	padding-left: 21px;
	height: 419px;
	overflow: hidden;
	width: 540px;
}

.clientContent2 {
	padding-left: 21px;
	height: 268px;
	overflow: hidden;
	width: 540px;
}

.bubbleBox {
	height: 151px;
	background-image: url(/images/bubble.gif);
	background-position: 178px 0px;
	background-repeat: no-repeat;
}

.bubbleInner {
	padding-left: 211px;
	padding-top: 36px;
}

.bubbleInner2 {
	width: 240px;
	height: 62px;
	overflow: hidden;
	color: #151515;
	font-size: 12pt;
}

.clientNamebackground {
	background-color: #000000;
	font-size: 22px;
	color: #FFFFFF;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
}

.mainContentText {
	padding-top: 35px;
	padding-left: 10px;
}

.mainContentText2 {
	width: 400px;
}

.clientNamebackground span {
	color: #73CCE6;
}

.clientNamebackgroundouter {
	padding-top: 29px;
}

.viewSiteLink2 {
	width: 144px;
	font-size: 8pt;
	float: left;
}

.projectInfoFooter {
	float: left;
	background-image: url(/images/bubblebot.gif);
	background-position: 274px 0px;
	background-repeat: no-repeat;
	width: 359px;
	height: 30px;
	padding-top: 10px;
	font-size: 8pt;
	color: #FFFFFF;
	white-space: nowrap;
}

.projectInnerPads {
	padding-left: 170px;
	font-weight: bold;
}

.projectInfoFooter span {
	font-size: 9pt;
	color: #73CCE6;
	font-style: italic;
}

.viewSiteLink {
	width: 144px;
	background-image: url(/images/viewsitetop.gif);
	background-position: 50% 0px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 8pt;
	padding-top: 17px;
	text-decoration: none;
	text-align: center;
	float: left;
	font-weight: bold;
}

.viewSiteLink:hover {
	text-decoration: none;
	color: #73CCE6;
}

.clientFooter {
	background-color: #000000;
	background-image: url(/images/footer.gif);
	background-repeat: repeat-x;
	height: 45px;
	white-space: nowrap;
}

.pageRow {
	border-bottom: 1px dotted #A0A0A0;
}

.projectHeadingCaption {
	color: #424242;
	font-size: 18pt;
	font-weight: bold;	
	text-transform: uppercase;
	padding-left: 10px;
	padding-top: 20px;
}

.forceWidth {
	width: 530px;
	height: 45px;
}

.projectPicture {
	position: absolute;
	width: 473px;
	height: 351px;
	background-color: #4D4D4D;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	left: 10px;
	top: 93px;
}

.projectHeadingCaption span {
	font-weight: bold;	
	font-size: 30pt;
	color: #5BB9D7;
}

.pageWeDoBox {
	background-image: url(/images/wedo.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	height: 272px;
}

.pageWeDoContent {
	position: absolute;
	width: 494px;
	height: 272px;
	left: 40px;
}

.projectInformationOuter {
	background-image: url(/images/projectleft.gif);
	background-repeat: no-repeat;
	background-color: #D4D4D4;
	padding-left: 19px;
	height: 464px;
}

.projectPictureBox {
	width: 493px;
	height: 464px;
	background-image: url(/images/mainbg.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

.projectInformation {
	position: absolute;
	width: 494px;
	height: 464px;
	left: 40px;
}

.pageWeDoContentHeading {
	padding-left: 104px;
	padding-top: 24px;
	font-size: 18pt;
	color: #3D3D3D;
	text-transform: uppercase;
}

.pageWeDoContentHeading span {
	color: #5BB9D7;
}

.otherstuff {
	background-color: #3D3D3D;
	color: #FFFFFF !important;
	font-size: 8pt;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: middle;
}

.bylineText {
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #000000;
	padding: 2px;
}

.contentWeDo {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 30px;
	font-size: 10pt;
}

.slightlyLarger {
	font-size: 12pt;
	font-weight: bold;
}

.contactBox {
	background-color: #000000;
	background-image: url(/images/gray.gif);
	background-repeat: repeat-x;
	height: 272px;
	margin-left: 493px;
	padding-left: 20px;
}


.contactBoxHeading {
	padding-top: 23px;
	color: #73CCE6;
	font-size: 12pt;
}

.contactBoxHeading span {
	text-transform: uppercase;
	color: #FFFFFF;
}


.contactFormField {
	clear: both;
	vertical-align: middle;
	padding-bottom: 5px;

}

.contactFormField span {
	width: 70px;
	text-align: right;
	color: #FFFFFF;
	font-size: 10pt;
	float: left;
	padding-right: 10px;
	vertical-align: middle;
}

.contacttext {
	vertical-align: middle;
	border: 1px solid #FFFFFF;
	width: 208px;
	height: 22px;
	color: #000000;
	background-color: #FFFFFF;
}

.phone {
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 38px;
}

.phone span {
	font-size: 12pt;
}

.contacttext2 {
	vertical-align: middle;
	border: 1px solid #FFFFFF;
	width: 360px;
	height: 80px;
	color: #000000;
	background-color: #FFFFFF;
}

.contactsubmit {
	padding-left: 15px;
	padding-right: 15px;
	border: 0px;
	background-color: #73CCE6;
	color: #000000;
	cursor: pointer;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
}

.pageByline {
	background-image: url(/images/drawnarrow.gif);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	padding-left: 47px;
	height: 104px;
}

.heading1, h1 {
	font-size: 240%;
	color: #1f759e;
	line-height: 135%;
	display: block;
	font-weight: bold;
	font-family: Georgia, Helvetica, Arial, Verdana;
}

.heading2, h2 {
	font-size: 190%;
	color: #1f1e1e;
	line-height: 135%;
	display: block;
	font-weight: bold;
	font-family: Georgia, Helvetica, Arial, Verdana;
}

.heading3, h3 {
	font-size: 140%;
	color: #1f759e;
	line-height: 135%;
	display: block;
	font-weight: bold;
	font-family: Georgia, Helvetica, Arial, Verdana;
}

.heading4, h4 {
	font-size: 100%;
	color: #1f1e1e;
	line-height: 135%;
	display: block;
	font-weight: bold;
	font-family: Arial, Verdana;
}







/************* CMS ************/

/* buton used by the CSM */
.cms_button {
	border: 1px solid #000000;
	background-color: #1F759E;
	color: #FFFFFF;
	margin: 2px;
	padding: 4px;
	cursor: pointer;
	text-decoration: none;
}


/* buton used by the CSM hover */
.cms_button:hover {
	text-decoration: none;
	border: 1px solid #202020;
	background-color: #1F759E;
	color: #FFFFFF;
}

/* this is the search box at the top of every page */
.cms_input {
	border: 1px solid #D4D4D4;
	width: 350px;
	height: 27px;
	background-image: url(/images/inputboxbottom.gif);
	background-position: 0% 100%;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
}


.errorMsg {
	color: #1f759e !important;
}




/* table style for the CMS */
#cmsTable {
	border: 0px;
	padding: 4px;
	margin: 0px;
	text-align: left;
	font-size: 100%;
}

#cmsTable2 {
	border: 0px;
	padding: 4px;
	margin: 0px;
	text-align: left;
	font-size: 100%;
}

/* table heading style for CMS */
#cmsTable th {
	text-align: right;
	font-weight: bold;
	padding: 4px;
	white-space: nowrap;
}

/* table heading style for CMS */
#cmsTable2 th {
	text-align: center;
	font-weight: bold;
	background-color: #1F759E;
	color: #FFFFFF;
	padding: 4px;
	white-space: nowrap;
}

/* normal table cell */
#cmsTable td {
	text-align: left;
	font-weight: normal;
	padding: 4px;
}

#cmsTable3 {
	border: 0px;
	padding: 4px;
	text-align: left;
	font-size: 100%;
	width: 680px;
}


/* normal table cell */
#cmsTable3 td {
	text-align: left;
	font-weight: normal;
}


/* normal table cell */
#cmsTable3 th {
	text-align: left;
	font-weight: bold;
	padding: 4px;
}




/* section heading in combo box */
.cms_treeHeading {
	color: #202020;
	background-color: #F8F8F8;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
	font-style: normal;
	background-image: url(/images/arrowd2.gif);
	min-height: 18px;
	background-repeat: no-repeat;	
}

/* section value in combo box */
.cms_treeValue {
	background-color: #FFFFFF;
	color: #202020;
	font-weight: normal;
	min-height: 18px;
	line-height: 18px;
}


/* delete a section */
.cmsdel {
	border: 1px solid #000000;
	padding-left: 6px;
	padding-right: 6px;
	color: #FF0000;
		background-color: #D0D0D0;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
}

/* hover style */
.cmsdel:hover {
	background-color: #1F759E;
	color: #FFFFFF;
	text-decoration: none;
}

/* expand a section */
.cmsexpand {
	border: 1px solid #000000;
	padding-left: 6px;
	padding-right: 6px;
	color: #0000FF;
	background-color: #D0D0D0;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
	background-image: url(/images/arrowr.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

/* hover style */
.cmsexpand:hover {
	text-decoration: none;
	background-image: url(/images/arrowdr.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	color: #0000FF;
}

/* expand a section */
.cmsexpand2 {
	border: 1px solid #000000;
	padding-left: 6px;
	padding-right: 6px;
	color: #0000FF;
	background-color: #D0D0D0;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
	background-image: url(/images/arrowd.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

/* hover style */
.cmsexpand2:hover {
	background-image: url(/images/arrowdr.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	color: #0000FF;
	text-decoration: none;
}


/* inner menu */
.cms_innerMenu {
	margin-left: 50px;
	border: 1px solid #A0A0A0;
	padding: 10px;
}

/* add a new a section */
.cmsadd {
	border: 1px solid #000000;
	padding-left: 6px;
	padding-right: 6px;
	color: #00B000;
	background-color: #D0D0D0;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;	
}

/* hover style */
.cmsadd:hover {
	text-decoration: none;
	background-color: #1F759E;
	color: #FFFFFF;
}


/* menu item for clicking */
.cmsmenu {
	border: 1px solid #000000;
	padding-left: 6px;
	padding-right: 6px;
	color: #000000;
	background-color: #FFFFFF;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
	width: 600px;
	overflow: hidden;
}

/* menu hover */
.cmsmenu:hover {
	text-decoration: none;
	background-color: #1F759E;
	color: #FFFFFF;
}

/* top level nav box */
#toplevel {
	width: 980px;
	border: 1px solid #808080;
	padding: 4px;
}

/* overlay over nav */
#overlay {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	margin: 10px;
	width: 940px;
	z-index: 1;
	padding: 10px;
	position: absolute;
}


/* move it up */
.cms_up {
	cursor: pointer;
	border: 1px solid #000000;
	padding-left: 6px;
	padding-right: 6px;
	color: #0000FF;
	background-color: #D0D0D0;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
	background-image: url(/images/arrowu.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

/* hover style */
.cms_up:hover {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	color: #0000FF;
	text-decoration: none;
}

/* move it nowhere */
.cms_na {
	border: 1px solid #EFEFEF;
	padding-left: 6px;
	padding-right: 6px;
	color: #0000FF;
	background-color: #EFEFEF;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
}

/* move it down */
.cms_dn {
	cursor: pointer;
	border: 1px solid #000000;
	padding-left: 6px;
	padding-right: 6px;
	color: #0000FF;
	background-color: #D0D0D0;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
	background-image: url(/images/arrowd.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

/* hover style */
.cms_dn:hover {
	background-position: 50% 50%;
	background-color: #FFFFFF;
	color: #0000FF;
	text-decoration: none;
}

/* no links! */
.cmsNoLink {
	text-decoration: none;
}

/* no links! */
.cmsNoLink:hover {
	text-decoration: none;
}

/* center in a cell */
.centerCell {
	text-align: center;
}

/* images box */
.cmsImageBox {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
}

.cmsHeadingContentLink {
	color: #FFFFFF;
	white-space: nowrap;
}

.cmsHeadingContentLink:hover {
	color: #FFFFFF;
}

.celllink {
	color: #E0E0FF;
}

.cmssubsection {
	background-color: #FFFFFF;
}

.cmssubsection td {
	background-color: #F0F0F0;

}

.cmsContents {
	background-color: #FFFFFF;
}

/* CMS category for page listing */
.cmsCategoryNode {
	border: 1px solid #000000;
	padding-left: 6px;
	padding-right: 6px;
	color: #202020;
	background-color: #F8F8F8;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
	width: 600px; 
	overflow-x: hidden;
}

/* hover style */
.cmsCategoryNode:hover {
	color: #F8F8F8;
	background-color: #000000;
	text-decoration: none;
}


/* style for the lists for the page list */
.pageListUl {
	display: none;
	list-style-type: none;
	list-style-image: none;
}

/* cms heading for a section */
.cmsSectionHeading {
	font-weight: bold;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;	
}