html, body {
margin:0 auto;
padding: 0;
background:#003366;
}


#container {
width:780px;
background: #ffffff;
border:1px #003366;
margin:0 auto;
border:1px solid black;
}

#banner {
background-image: url(images/CCHeader.jpg); 
width:780px; height:211px;
padding:0;
clear:both;
}

#CCHomebanner {
background-image: url(images/CCHomeHeader.jpg); 
width:780px; height:211px;
padding:0;
clear:both;
}

#CCContactbanner {
background-image: url(images/CCContactHeader.jpg); 
width:780px; height:211px;
padding:0;
clear:both;
}

#CCEventsbanner {
background-image: url(images/CCEventsHeader.jpg); 
width:780px; height:211px;
padding:0;
clear:both;
}

#CCCorpOverbanner {
background-image: url(images/CCCorpOverHeader.jpg); 
width:780px; height:211px;
padding:0;
clear:both;
}

#CCResDevbanner {
background-image: url(images/CCResDevHeader.jpg); 
width:780px; height:211px;
padding:0;
clear:both;
}

#CCCommDevbanner {
background-image: url(images/CCCommDevHeader.jpg); 
width:780px; height:211px;
padding:0;
clear:both;
}

#CCIndDevbanner {
background-image: url(images/CCIndDevHeader.jpg); 
width:780px; height:211px;
padding:0;
clear:both;
}

#CCCountryResbanner {
background-image: url(images/CCCountryResHeader.jpg); 
width:780px; height:211px;
padding:0;
clear:both;
}

#CCFAQbanner {
background-image: url(images/CCFAQHeader.jpg); 
width:780px; height:211px;
padding:0;
clear:both;
}

#cascadesLogo {
background-image: url(images/logo_banner.jpg); 
width:765px; height:99px;
padding:0;
clear:both;
margin:0 auto;
}

#cascadesMain {
background-image: url(images/main_pic1.jpg);
width:765px; height:371px;
padding:0;
clear:both;
margin:0 auto;
}

#footer {
background-image: url(images/CCFooter.jpg); 
width:780px; height:83px;
padding:0;
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 12px;
color: #ffffff;
padding:0px 0px 0px 0px;

}

#bottomLinks {
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 12px;
color: #ffffff;
text-decoration:none;
margin: 0px 0px 0px 0px;
height:20px;
padding:56px 0px 0px 20px;
}

#bottomLinks a {
color:#fff;
font-weight:bold;
text-decoration:none;
}

#bottomLinks a:hover {
color:#fff;
font-weight:bold;
text-decoration:underline;
}

#CCiframe {
background:#fff; 
width:765px; height:450px;
padding:0px;
clear:both;
margin:0 auto;
}

#CCcontent {
background:#fff; 
width:765px; height:371px;
padding:0px;
clear:both;
margin:0 auto;
}

.bodyHeader { font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 14px; color: #3d5c7b; font-weight:bold; }
.bodycopy { font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 12px; color: #3d5c7b; }
.buildersLink a { font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 12px; color: #3d5c7b; text-decoration:none; font-weight:bold; }
.buildersLink a:hover { font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 12px; color: #3d5c7b; text-decoration:underline; font-weight:bold; }

#PhaseOneContent ul li { list-style:none; }
#Copy ul li { list-style:none; }

#PhaseOne {
background-image: url(images/PhaseOnePic.jpg);
width:350px; height:302px;
padding:0;
clear:both;
margin:0 auto;
float:left;
margin-top:20px;
margin-left:15px;
position:relative;
}

#PhaseOne a {
position: absolute;    
top: 0;    
left: 0;    
width: 350px;    
height: 302px;
}

#PhaseOne a h1 {
display: none;
}

#PhaseOneContent {
background:#FFF;
width:350px; height:308px;
padding:0;
float:right;
margin-top:20px;
}

#PhaseThree {
background-image: url(images/PhaseThreePic.jpg);
width:314px; height:302px;
padding:0;
clear:both;
margin:0 auto;
float:left;
margin-top:20px;
margin-left:15px;
position:relative;
}

#PhaseThree a {
position: absolute;    
top: 0;    
left: 0;    
width: 350px;    
height: 302px;
}

#PhaseThree a h1 {
display: none;
}


#buildersBanner {
background-image: url(images/buildersBanner.jpg); 
width:765px; height:114px;
padding:0px;
clear:both;
margin:0 auto;
}

#buildersPic {
background-image: url(images/construction.jpg);
width:240px;
height:330px;
margin:10px 0px 0px 0px;
float:right;
clear:none;
}

#Copy {
background:#ffffff;
width:460px; 
height:250px;
padding:25px;
margin:0 auto;
margin-top:0px;
float:left;
clear:none;
}

#Copy a { font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 12px; color: #ff0000; text-decoration:none; }
#Copy a:hover { font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 12px; color: #ff0000; text-decoration:underline; font-weight:bold; }


#amenitiesBanner {
background-image: url(images/amenitiesBanner.jpg); 
width:768px; height:114px;
padding:0px;
clear:both;
margin:0 auto;
}

#amenitiesPic {
width:213px;
height:320px;
margin:10px 0px 0px 0px;
float:right;
}

#mapBanner {
background-image: url(images/MapBanner.jpg); 
width:768px; height:114px;
padding:0px;
clear:both;
margin:0 auto;
}

#arialMap {
background: url(images/phaseOneSm.jpg) no-repeat;
width:372px; height:339px;
float:left;
margin-left:10px;
clear:none;
}


#mapContent {
width:373px;
height:340px;
float:right;
margin-left:10px;
clear:none;
}

#mapLinks li {
width:120px;
display: block;
list-style-type: none;
float:left;
padding:0px 0px 0px 0px;
vertical-align: middle;
}

#mapLinks {
width:380px;
height:40px;
margin:115px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style : none;
float:right;
vertical-align: middle;
}


#arialMap a { font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 10px; color: #3d5c7b; text-decoration:none; }
#arialMap a:hover { font-family: Arial, Helvetica, Verdana, Sans-serif; font-size: 10px; color: #3d5c7b; text-decoration:underline; }


#eventsBanner {
background-image: url(images/EventsBanner.jpg); 
width:768px; height:114px;
padding:0px;
clear:both;
margin:0 auto;
}

#eventsContent {
float:left;
width:375px;
height:350px;
margin-left:10px;
clear:none;
}

#eventsContent a {
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 12px; 
color: #cc0000; 
text-decoration:none;
font-weight:bold;
}

#eventsContent a:hover { 
text-decoration:underline;
}


#imageRotate {
width:375px;
height:371px;
margin:0px 0px 0px 0px;
float:right;
clear:none;
}

#contestBanner {
background: url(images/tv.jpg) no-repeat; 
width:300px; height:352px;
padding:0px;
float:left;
clear:both;
margin:0 auto;
}

#contestForm {
width:370px; height:300px;
padding:0px;
margin:0 auto;
float:right;
margin-top:15px;
}



input {
color: #000;
background: #fff;
border: 1px solid #003366;
}

.formbutton{
cursor:pointer;
border:outset 1px #003366;
background:#bfcfdb;
color:#000;
font-weight:bold;
padding: 1px 2px;
}


#CCNewContainer {
width:766px;
height:450px;
border:1px #003366;
margin:0 auto;
}


#CCTextBox {
width:340px;
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 16px; 
color: #336699; 
float:left;
margin: 10px 0px 0px 0px;
}

#CCTextBox a {
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 16px; 
color: #cc0000;
text-decoration:none;
}

#CCTextBox a:hover {
text-decoration:underline;
color: #336699;
}

#CCPictureBox {
width:390px;
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 16px; 
color: #336699; 
float:right;
margin: 10px 0px 0px 0px;
}

#CCTextBox2 {
width:400px;
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 14px; 
color: #336699; 
float:left;
margin: 10px 0px 0px 0px;
}

#CCPictureBox2 {
width:250px;
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 14px; 
color: #336699; 
float:right;
margin: 30px 0px 0px 0px;
}


#Commercial1 {
width:218px;
height:400px;
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 14px; 
color: #336699; 
float:left;
margin:25px 0px 0px 0px;
}

#Commercial2 {
width:280px;
height:400px;
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 14px; 
color: #336699; 
float:left;
margin:25px 0px 0px 0px;
}

#Commercial3 {
width:268px;
height:400px;
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 14px; 
color: #336699; 
float:right;
margin:25px 0px 0px 0px;
}

#CommercialText1{
width:215px;
height:100px;
margin:40px 0px 0px 0px;
text-align:center;
padding:5px 0px 0px 0px;
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 13px; 
color: #336699;
font-weight:bold;
}

#CommercialText2{
width:279px;
height:100px;
margin:40px 0px 0px 0px;
text-align:center;
padding:5px 0px 0px 0px;
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 13px; 
color: #336699;
font-weight:bold;
}

#ResidentialPic {
width:270px;
height:402px; 
float:right;
margin:25px 0px 0px 0px;
}

#ResidentialText {
width:475px;
height:402px;
float:left;
margin:25px 0px 0px 0px;
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 12px; 
color: #003366;
}

#ResContainer {
width:475px;
height:110px;
}

#ResLogo {
width:200px;
height:110px;
float:left;
}

#ResText {
width:270px;
height:110px;
float:right;
}


#ResidentialText a {
text-decoration:none;
color: red;
}

#ResidentialText a:hover {
text-decoration:underline;
color: red;
}


#CCFAQContainer {
width:375px;
height:400px;
margin:30px 0px 0px 0px;
float:left;
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 12px; 
color: #003366;
}

#CCFAQContainer a {
color:#cc0000;
text-decoration:none;
font-weight:bold;
}

#CCFAQContainer a:hover {
text-decoration:underline;
color:#0066cc;
font-weight:bold;
}


#CCFAQPictureBox {
width:275px; 
height:400px;
float:right;
margin: 30px 0px 0px 0px;
}

#IndustrialText {
width:450px;
height:402px;
float:left;
margin:25px 0px 10px 30px;
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 12px; 
color: #003366;
}

#IndustrialText a { 
color:#cc0000;
text-decoration:none;
font-weight:bold;
}

#IndustrialText a:hover { 
text-decoration:underline;
color:#0066cc;
font-weight:bold;
}


#IndustrialPic {
width:270px;
height:400px; 
float:right;
margin:25px 0px 0px 0px;
}

#CCHomeBox1 {
width:359px;
height:150px; 
background-image: url(images/drafthands.jpg); 
float:left;
margin:10px 0px 0px 0px;
}

#CCHomeBox2 {
width:400px;
height:150px;  
float:right;
margin:10px 0px 0px 0px;
}

#CCHomeBox3 {
width:359px;
height:263px;  
float:left;
margin:10px 0px 0px 0px;
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 15px; 
color: #ffffff;
font-weight:bold;
background:#336699;
text-align:center;
}

#CCHomeBox3 a {
color: #ffcc00;
text-decoration:none;
}

#CCHomeBox3 a:hover {
color: #ffffff;
}

#CCHomeBox4 {
width:400px;
height:263px;  
float:right;
margin:10px 0px 0px 0px;
background-image: url(images/welcomehome.jpg); 
}

#CommercialCopy {
width:475px;
height:263px;  
float:left;
margin:50px 0px 0px 0px;
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 12px; 
color: #000000;

}

#CommercialCopy a { 
color:#cc0000;
text-decoration:none;
font-weight:bold;
}

#CommercialCopy a:hover { 
text-decoration:underline;
color:#0066cc;
font-weight:bold;
}

.smallLink {
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 10px; 
color: #000000;
}

#CCGPContainer {
width:766px;
height:auto;
border:1px #003366;
margin:0 auto;
}

#CCGPbannerPic {
width:766px;
height:150px;
background-image: url(images/highwaygp2.jpg);
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#CCGPbannerText {
width:766px;
height:70px;
background-image: url(images/opportunitiesTxt.jpg);
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#CCGPContent {
width:766px;
height:400px;
margin:0 auto;
}

#GPLinks {
width:190px; height:auto;
margin:5px 0px 0px 15px;
float:left;
text-align:center;
}

#GPText {
width:545px; height:450px;
margin:5px 0px 0px 15px;
float:right;
font-family: Arial, Helvetica, Verdana, Sans-serif; 
font-size: 13px; 
}

#CCGPsmallPic {
width:150px;
height:125px;
background-image: url(images/gp150.jpg);
float:right;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
}

#CCGPbigPic {
width:300px;
height:143px;
background-image: url(images/gp300.jpg);
float:right;
margin:0px 0px 0px 10px;
padding:0px 0px 0px 0px;
}