/* CSS Document */

*{
 margin:0;
 padding:0;
 list-style-type:none;
 }

body {
	margin:0px;
	padding:0px;
	background:url(cmcArt/fullBackgrnd.jpg); background-repeat:repeat-y;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:26px;
}

a:link, a:visited {text-decoration:none; color:#1C8F99;}
a:hover {text-decoration:underline;}

#container { position:absolute; width:1000px; height:auto; margin:0px; padding:0px; }

/*===Headers===*/

#header {  height:328px; width:1000px; background: url(cmcArt/headerHome.jpg); background-repeat:no-repeat; background-position:left; float:left; clear:left; margin:0px; padding:0px;}

#headerConstruct {  height:328px; width:1000px; background: url(cmcArt/headerConstruct.jpg); background-repeat:no-repeat; background-position:left; float:left; clear:left; margin:0px; padding:0px;}

#headerSurvey {  height:328px; width:1000px; background: url(cmcArt/headerSurvey.jpg); background-repeat:no-repeat; background-position:left; float:left; clear:left; margin:0px; padding:0px;}

#headerEngineer {  height:328px; width:1000px; background: url(cmcArt/headerEngineer.jpg); background-repeat:no-repeat; background-position:left; float:left; clear:left; margin:0px; padding:0px;}

#headerTechCap {  height:328px; width:1000px; background: url(cmcArt/headerTechCap.jpg); background-repeat:no-repeat; background-position:left; float:left; clear:left; margin:0px; padding:0px;}

#headerClients {  height:328px; width:1000px; background: url(cmcArt/headerClients.jpg); background-repeat:no-repeat; background-position:left; float:left; clear:left; margin:0px; padding:0px;}

#headerProjects {  height:328px; width:1000px; background: url(cmcArt/headerProjects.jpg); background-repeat:no-repeat; background-position:left; float:left; clear:left; margin:0px; padding:0px;}

#headerEmployment {  height:328px; width:1000px; background: url(cmcArt/headerEmployment.jpg); background-repeat:no-repeat; background-position:left; float:left; clear:left; margin:0px; padding:0px;}

#headerContact {  height:328px; width:1000px; background: url(cmcArt/headerContact.jpg); background-repeat:no-repeat; background-position:left; float:left; clear:left; margin:0px; padding:0px;}

/*===End Headers===*/

#rightTop { width:230px; height:275px; background:url(cmcArt/topRight.jpg); background-repeat:no-repeat; float:right;}

#flash {position:absolute; top:79px; left:30px;}

#flashButton {position:absolute; top:120px; left:820px;}

#navigation {  float:left; width:200px; margin-top:25px; margin-right:0;}

#mainbody { width:540px; float:left; margin-left:9px; padding-right:20px; padding-bottom:20px; height:auto;}

#mainbody p { padding: 10px 0px 10px 0; margin-left:4em; text-align:justify; }
#mainbody p strong{ font-size:1.2em; }

#rightColumn { position:relative; width:230px; height: auto; background:url(cmcArt/mainBkRight.jpg); background-repeat:repeat-y; background-position:100%; float:right; overflow:visible;}

#rightColumn .picClose {margin-top:10px;}

#rightColumn img { margin-left:7px;  }

img {display:block;}
img.curve {float:left; clear:left; margin: 0 1em 0 0;}


#footer { position:relative; z-index:1; width:100%; height:35px; float:left; clear:left;}
#footer p { text-align:center; font-size:.85em; padding-top:10px; }

#footNav { width:100%; margin:0 auto; height:auto; background-image:url(cmcArt/mainBkRight.jpg); background-repeat:repeat-y; background-position:right; float:inherit; clear:both; overflow:auto; }
#footNav p { margin-left:auto; margin-right:auto; font-size:.95em; text-align:center; padding-bottom:20px;}

#blackBar { position:relative; width:100%; height:22px; background-image:url(cmcArt/BlackAddressBar.gif); background-repeat:no-repeat; background-position:center; background-color:#000; float:left; clear:left; overflow:hidden; z-index:20;}

#footRight { width:230px; height:30px; float:right; margin-top:-24px;}
#footRight p { text-align:left; font-size:.75em; }

/*===Navogation Buttons===*/

.home { display:block; width:200px; height:60px; background: url(cmcArt/navigation/home.jpg) no-repeat 0 -120px;}
.home a{ display:block; width:200px; height:60px; background: url(cmcArt/navigation/home.jpg) no-repeat 0 0px;}
.home a:hover { display:block; width:200px; height:60px; background: url(cmcArt/navigation/home.jpg) no-repeat 0 -60px;}
.home a:active { display:block; width:200px; height:60px; background: url(cmcArt/navigation/home.jpg) no-repeat 0 -120px;}

.construction { display:block; width:200px; height:60px; background: url(cmcArt/navigation/construction.jpg) no-repeat 0 -120px;}
.construction a{ display:block; width:200px; height:60px; background: url(cmcArt/navigation/construction.jpg) no-repeat 0 0px;}
.construction a:hover { display:block; width:200px; height:60px; background: url(cmcArt/navigation/construction.jpg) no-repeat 0 -60px;}
.construction a:active { display:block; width:200px; height:60px; background: url(cmcArt/navigation/construction.jpg) no-repeat 0 -120px;}

.engineering {display:block; width:200px; height:60px; background: url(cmcArt/navigation/engineering.jpg) no-repeat 0 -120px;}
.engineering a{display:block; width:200px; height:60px; background: url(cmcArt/navigation/engineering.jpg) no-repeat 0 0px;}
.engineering a:hover {display:block; width:200px; height:60px; background: url(cmcArt/navigation/engineering.jpg) no-repeat 0 -60px;}
.engineering a:active {display:block; width:200px; height:60px; background: url(cmcArt/navigation/engineering.jpg) no-repeat 0 -120px;}

.surveying {display:block; width:200px; height:60px; background: url(cmcArt/navigation/surveying.jpg) no-repeat 0 -120px;}
.surveying a{display:block; width:200px; height:60px; background: url(cmcArt/navigation/surveying.jpg) no-repeat 0 0px;}
.surveying a:hover {display:block; width:200px; height:60px; background: url(cmcArt/navigation/surveying.jpg) no-repeat 0 -60px;}
.surveying a:active {display:block; width:200px; height:60px; background: url(cmcArt/navigation/surveying.jpg) no-repeat 0 -120px;}

.technical {display:block; width:200px; height:60px; background: url(cmcArt/navigation/technical.jpg) no-repeat 0 -120px;}
.technical a{display:block; width:200px; height:60px; background: url(cmcArt/navigation/technical.jpg) no-repeat 0 0px;}
.technical a:hover {display:block; width:200px; height:60px; background: url(cmcArt/navigation/technical.jpg) no-repeat 0 -60px;}
.technical a:active {display:block; width:200px; height:60px; background: url(cmcArt/navigation/technical.jpg) no-repeat 0 -120px;}

.projects {display:block; width:200px; height:60px; background: url(cmcArt/navigation/projects.jpg) no-repeat 0 -120px;}
.projects a{display:block; width:200px; height:60px; background: url(cmcArt/navigation/projects.jpg) no-repeat 0 0px;}
.projects a:hover {display:block; width:200px; height:60px; background: url(cmcArt/navigation/projects.jpg) no-repeat 0 -60px;}
.projects a:active {display:block; width:200px; height:60px; background: url(cmcArt/navigation/projects.jpg) no-repeat 0 -120px;}

.clients {display:block; width:200px; height:60px; background: url(cmcArt/navigation/clients.jpg) no-repeat 0 -120px;}
.clients a{display:block; width:200px; height:60px; background: url(cmcArt/navigation/clients.jpg) no-repeat 0 0px;}
.clients a:hover {display:block; width:200px; height:60px; background: url(cmcArt/navigation/clients.jpg) no-repeat 0 -60px;}
.clients a:active {display:block; width:200px; height:60px; background: url(cmcArt/navigation/clients.jpg) no-repeat 0 -120px;}

.employment {display:block; width:200px; height:60px; background: url(cmcArt/navigation/employment.jpg) no-repeat 0 -120px;}
.employment a{display:block; width:200px; height:60px; background: url(cmcArt/navigation/employment.jpg) no-repeat 0 0px;}
.employment a:hover {display:block; width:200px; height:60px; background: url(cmcArt/navigation/employment.jpg) no-repeat 0 -60px;}
.employment a:active {display:block; width:200px; height:60px; background: url(cmcArt/navigation/employment.jpg) no-repeat 0 -120px;}

.offices {display:block; width:200px; height:55px; background: url(cmcArt/navigation/offices.jpg) no-repeat 0 -110px;}
.offices a{display:block; width:200px; height:55px; background: url(cmcArt/navigation/offices.jpg) no-repeat 0 0px;}
.offices a:hover {display:block; width:200px; height:55px; background: url(cmcArt/navigation/offices.jpg) no-repeat 0 -55px;}
.offices a:active {display:block; width:200px; height:55px; background: url(cmcArt/navigation/offices.jpg) no-repeat 0 -110px;}

/*===END Navogation Buttons===*/