/* CSS Document */


body {
	background-color:#fff;
	margin: 0px;
	padding:0px;
	overflow:auto;
	height:100%;
	font-family:Univers, Arial, Helvetica, sans-serif;
	}
	
img { border: 0px; background-color: transparent; }

p{font-family:Univers, Arial, Helvetica, sans-serif;}
	
a { text-decoration: none; } 
	
a.copy:link {color: #aa252f; }
a.copy:active {color: #aa252f;}
a.copy:visited {color: #aa252f;}
a.copy:hover {color: #666;}

a.copyOnBlue:link {color: #fff; }
a.copyOnBlue:active {color: #fff;}
a.copyOnBlue:visited {color: #fff;}
a.copyOnBlue:hover {color: #aa252f;}

a.foot:link {color: #666; }
a.foot:active {color: #666;}
a.foot:visited {color:#666 ;}
a.foot:hover {color:#aa252f;}

h1{
font-size:24px;
line-height:1em;
color:#666666;
font-family:Rockwell, "Rockwell Condensed", "Rockwell Extra Bold", Impact;
}

h2 {
font-family:Rockwell, "Rockwell Condensed", "Rockwell Extra Bold", Impact;
font-size:14px
}

h3 {
font-family:Univers, Arial, Helvetica, sans-serif;
font-size:14px
}
.chartCopy{
font:Univers, Arial, Helvetica, sans-serif;
font-size:11px;
}

/* ------------- masthead styles */

#global{
	position: absolute;	
	left: 50%;
	margin-left: -403px;
	width: 806px; 
	height:auto; 
	}

#masthead{
	width: 806px;
	height: 85px;
	background-color: #000000;
	background-image:url(../images/cgiLogo.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}
#phone{
	position:absolute;
	top: 49px;	
	left: 330px;
	width: 448px;
	height: 20px;
	z-index:1;
	color:#999999;
	text-align:right;
	}
	
.forMore{font-size:12px}

.phone{font-size:16px}



/*FOOTNOTE*/

#footer{
	float:left;
	bottom:0px;
	font-size: 9px;
	color:#666;
	text-align:center;
	width:806px;
	height:auto;
	padding-top:25px;
	}

/* NAVIGATION */

#home{
	position:absolute;
	top: 0px;
	left: 333px;
	width: 69px;
	height: 34px;
	background-image: url(../images/linkHomeup.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
a#homeRollover img {background: url(../images/linkHomeup.gif) top left no-repeat; width:69px; height:34px;}
a#homeRollover:hover img {background: url(../images/linkHomeOver.gif) top left no-repeat; width:69px; height:34px;}

#dealerLocator{
	position:absolute;
	top: 0px;
	left: 402px;
	width: 135px;
	height: 34px;
	background-image: url(../images/linkDealerLocatorUp.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}

a#dealerLocatorRollover img {background: url(../images/linkDealerLocatorUp.gif) top left no-repeat; width:135px; height:34px;}
a#dealerLocatorRollover:hover img {background: url(../images/linkDealerLocatorOver.gif) top left no-repeat; width:135px; height:34px;}

#architectLogin{
	position:absolute;
	top: 0px;
	left: 537px;
	width: 136px;
	height: 34px;
	background-image: url(../images/linkArchitectUp.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
a#architectLoginRollover img {background: url(../images/linkArchitectUp.gif) top left no-repeat; width:136px; height:34px;}
a#architectLoginRollover:hover img {background: url(../images/linkArchitectOver.gif) top left no-repeat; width:136px; height:34px;}

#dealerLogin{
	position:absolute;
	top: 0px;
	left: 673px;
	width: 132px;
	height: 34px;
	background-image: url(../images/linkDealerLoginUp.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	}
	
a#dealerLoginRollover img {background: url(../images/linkDealerLoginUp.gif) top left no-repeat; width:132px; height:34px;}
a#dealerLoginRollover:hover img {background: url(../images/linkDealerLoginOver.gif) top left no-repeat; width:132px; height:34px;}

#menu{
	position:absolute;
	top:90px;
	left:0px;
	z-index:2;
	width:806px;
	margin:0px;
	padding:0px;
	}
#dropMenu{
	z-index:1;
	position:absolute;
	top:0px;
	left:0px;
	width:811px;
	padding:0px;
	margin:0px;
	}
#dropMenu2{
	z-index:2;
	position:absolute;
	top:0px;
	left:0px;
	width:811px;
	padding:0px;
	margin:0px;
	}
#dropMenu3{
	z-index:3;
	position:absolute;
	top:45px;
	left:0px;
	width:811px;
	padding:0px;
	margin:0px;
	}
#dropMenu4{
	z-index:4;
	position:absolute;
	top:95px;
	left:0px;
	width:811px;
	padding:0px;
	margin:0px;
	}
li{
	float: left;
	position:relative;
	left:0px;
 	height:45px;
	width:135px;
	padding:0px;
	margin:0px;
	}
.about{
	float: left;
	position:relative;
	left:0px;
    height:45px;
	width:auto;
	z-index:3;
	padding:0px;
	margin:0px;
	}
.diff{
	float: left;
	position:relative;
	left:-135px;
    height:45px;
	width:auto;
	z-index:3;
	padding:0px;
	margin:0px;
	}
.products{
	float: left;
	position:relative;
	left:-270px;
    height:45px;
	width:auto;
	z-index:3;
	padding:0px;
	margin:0px;
	}
.gallery{
	float: left;
	position:relative;
	left:-405px;
    height:45px;
	width:auto;
	z-index:3;
	padding:0px;
	margin:0px;
	}
.info{
	float: left;
	position:relative;
	left:-540px;
    height:50px;
	width:auto;
	z-index:3;
	padding:0px;
	margin:0px;
	}
.info2{
	float: left;
	position:relative;
	left:-540px;
    height:45px;
	width:auto;
	z-index:3;
	padding:0px;
	margin:0px;
	}
li ul {
	display: none;
	z-index:3;
	padding:0px;
	margin:0px;
	}
li:hover ul, li.over ul {
    float:left;
	display: block;
	width:auto;
	z-index:3;
	padding:0px;
	margin:0px;
	}
ul {
	list-style:none;
	padding:0px;
	margin:0px;
	}	

a#aboutRollover img {background:url(../images/navAboutUp.gif) top left no-repeat; width:135px; height:40px;}
a#aboutRollover:hover img {background:url(../images/navAboutOver.gif) top left no-repeat; width:135px; height:40px;}
a#diffRollover img {background: url(../images/navDiffUp.gif) top left no-repeat; width:135px; height:40px;}
a#diffRollover:hover img {background: url(../images/navDiffOver.gif) top left no-repeat; width:135px; height:40px;}
a#prodRollover img {background: url(../images/navProdUp.gif) top left no-repeat; width:135px; height:40px;}
a#prodRollover:hover img {background: url(../images/navProdOver.gif) top left no-repeat; width:135px; height:40px;}
a#gallRollover img {background: url(../images/navGallUp.gif) top left no-repeat; width:135px; height:40px;}
a#gallRollover:hover img {background: url(../images/navGallOver.gif) top left no-repeat; width:135px; height:40px;}
a#infoRollover img {background: url(../images/navInfoUp.gif) top left no-repeat; width:135px; height:40px;}
a#infoRollover:hover img {background: url(../images/navInfoOver.gif) top left no-repeat; width:135px; height:40px;}
a#contRollover img {background: url(../images/navContUp.gif) top left no-repeat; width:130px; height:40px;}
a#contRollover:hover img {background: url(../images/navContOver.gif) top left no-repeat; width:130px; height:40px;}

#copyright {
border-top:#999 dotted 1px;
	left:0;
	font-size:10px;
	line-height:1.5em;
	color:#666;
padding-top:30px;
margin-top:30px;
	width: 100%;
	
}