/* CSS Document */

body{
text-align: center;
font-family:Arial, Helvetica, sans-serif;
color:#333;
background:#999;
-webkit-text-size-adjust:100%;
}

h1{
font-size: 20px;
line-height:21px;
font-family:Georgia, "Times New Roman", Times, serif;
margin: 4px 0 0 0;
padding: 3px 0 0 0;
color: #c60;
}

h2{
font-size: 16px;
font-family:"Times New Roman", Times, serif;
margin: 14px 0 0 0;
padding: 0;
color:#125;
}

p{
font-size: 12px;
margin: 10px 0 0 0;
padding: 0;
}

a{
font-size: 12px;
color:#02c;
}

a:visited{
color:#30c;
}

a:hover{
color:#c60;
}

a.back-to-list{
font-size:10px;
text-align:right;
}

li{
font-size: 12px;
}

strong.brandname{
font-weight:normal;
color:#018;
}

#wrapper{
width: 960px;
border: 2px solid #334;
margin: 0 auto;
padding:0;
text-align: left;
background: #fff url(images/ccc-main-content-bkgd.gif) left repeat-y;
}

#page-body{
margin: 0;
padding: 0;
}

#page-body ul{
margin: 10px 10px 20px 25px;
padding: 0;
}

#page-body li{
margin: 0 0 5px 0;
padding: 0;
}

* html #page-body li{
margin: 0;
}

/*.home #main-content img{
float: right;
margin: 10px 0 10px 10px;
border: 1px solid #334;
}*/

#header{
display:block;
height: 96px;
background: #04558c url(images/ccc-header.gif) center right no-repeat;
width:960px;
}

#header a{
display:block;
width:168px;
height:86px;
margin:0;
padding:10px 0 0 792px;
text-align:left;
text-decoration:none;
}

#header a h1, #header a h2{
color:#fff;
font-family:"Times New Roman", Times, serif;
text-decoration:none;
font-size:19px;
line-height:20px;
margin:0;
padding:0;
font-weight:bold;
text-transform:uppercase;
}

#header a h2{
font-size:13px;
line-height:16px;
font-weight:normal;
font-style:italic;
text-transform:none;
}

#main-col{
float: right;
width: 695px;
padding: 10px 15px 10px 0;
margin:0;
}

#main-col h1{
border-bottom:2px solid #99c;
padding-bottom:10px;
}

.cam #main-col{
float: left;
width: 958px;
padding:  10px 0 10px 2px;
margin: 0;
}

* html .cam #main-col{
width: 960px;
padding:  10px 0 10px 0px;
}

#cam-image{
width:958px; 
text-align:center;
margin: 10px 0 0 0; 
font-size: 12px;
}

body.gallery{
background-color:#fff;
}

.gallery #wrapper, .gallery-add #wrapper{
width: 500px;
padding: 0 !important;
margin: 0 !important; 
border: none;
}

.gallery #main-content{
background-image:none;
}

.gallery #x-col{
width: 175px !important;
margin: 0 !important;
padding: 0 !important;
float: left !important;
}

.gallery #x-col ul{
list-style: none;
margin: 0;
padding: 0;
}

.gallery #main-col{
width: 325px !important;
padding: 0 !important;
float: left !important;
}

.gallery-add #main-col{
width: 500px !important;
padding: 0 !important;
float: left !important;
margin: 0 !important;
}

.gallery #main-col img{
border: 1px solid #334;
}

.gallery-head{
border-bottom: 1px solid #000;
padding-bottom: 10px;
margin-right: 15px;
margin-bottom: 10px;
}

.gallery-head ul{
margin: 0 !important;
padding: 0 !important;
}

.gallery form{
margin: 0;
padding: 0;
}

.gallery #caption{
text-align: center;
}

.gallery-add .field-row{
width: 485px;
}

.gallery-add .image-row{
width: 485px;
}

.gallery-add .submit-row{
width: 485px;
}

* html #main-col{
width: 705px;
}

* html .gallery-add #main-col{
width: 500px;
}

#footer{
clear:both;
width: 940px;
height: 70px;
background: #5A7BAA;
margin:0;
padding: 10px 10px 0 10px;
color: #fff;
font-size: 12px;
border-top: 1px solid #000066;
}

* html body #footer{
width: 960px;
}

#contact-info{
float: left;
font-size: 10px;
color: #fff;
padding: 0;
margin: 0;
clear: both;
}

* html body #contact-info{
margin-top: -5px;
}

#contact-info img{
margin: 0;
padding: 0;
}

#designed-by{
float: right;
font-size: 10px;
color: #fff;
}

#designed-by a{
font-size: 10px;
color: #fff;
}

#designed-by a#sitemap{
text-decoration:none;
}

#top-nav{
padding: 5px 5px 0 5px;
background: #E8EEF7 url(images/ccc-top-nav-bkgd.gif) bottom repeat-x;
height: 23px;
margin: 0;
width: 950px;
border-bottom: 1px solid #000066;
text-align:center;
}

* html body #top-nav{
padding: 5px 0 0 0;
height: 22px;
padding: 0;
width: 960px;
border-bottom: 1px solid #000066;
}

#top-nav ul{
list-style: none;
margin: 1px 0 0 0;
padding: 0;
width: 950px;
}

* html body #top-nav ul{
margin: 3px 0 0 0;
}

#top-nav li{
float: left;
margin: 0;
padding: 0;
}

#top-nav ul li a{
padding: 5px 6px 0 16px;
margin-top: 2px;
font-size: 12px;
text-decoration: none;
}

* html body #top-nav ul li a{
padding: 5px 6px 5px 16px;
margin: 0;
}

#top-nav ul li a:hover{
text-decoration: none;
}

#butler{
margin: 0;
padding: 0;
}

#butler img{
margin: 0;
float: left;
border: none;
}

.tagline{
margin: 0 0 10px 0;
padding: 5px 0 0 0;
float: left;
font-weight: bold;
}

#john{
background: #efefef;
background-image: URL('images/john2.gif');
background-repeat: no-repeat;
background-position: bottom right;
height: 330px;
width: 184px !important;
border: 1px solid #669;
margin-bottom: 10px;
padding: 10px 15px;
}

* html body #john{
height: 350px;
width: 214px !important;
}

.message-title{
font-family:"Times New Roman", Times, serif;
}

.sidebar{
clear: both;
border: 1px solid #669;
margin: 0;
padding: 15px;
background: #ffc;
width: 184px;
font-size: 12px !important;
}

* html body .sidebar{
width: 214px;
}

.sidebar p, #john p{
font-size: 12px !important;
margin: 5px 0 5px 0;
}

.sidebar li, .sidebar a{
font-size: 12px;}

.sidebar img{
margin: 0;
}

.sidebar a img{
border:0;
}

#butler-nav, #real-nav{
width: 184px;
border: 1px solid #669;
padding: 15px;
margin: 0 0 10px 0;
background: #f0f6fa;
}

* html body #butler-nav, * html body #real-nav{
width: 214px;
}

#butler-nav h2, #john h2{
margin: 0px;
}

#butler-nav ul{
list-style: none;
margin: 0;
padding: 0;
}

#butler-nav ul li{
margin: 0;
padding: 0;
}

#x-col{
float: left;
width: 210px;
padding: 15px;
margin: 0;
}

* html body #x-col{
width: 210px !important;
}

#x-col li.last{
border-bottom: none;
}

.image-item{
float: left;
margin: 0 14px 0 0 ;
width: 150px;
}

.image-item img{
margin: 0 !important;
clear: both !important;
}

.image-row{
clear: both;
padding: 0 0 10px 0;
height: 175px;
}

.image-info{
height: 30px;
padding: 10px 0 0 0;
font-size: 12px;
}

#compare-col{
float: right;
width: 500px;
padding: 10px 0 0 0;
}

.quote-item{
margin: 0 0 10px 0 !important;
clear: both;
height: 120px;
}

.quote-item img{
float: left;
margin: 0 10px 0 0;
}

.quote{
font-style: italic;
font-size: 12px;
}

.quote-name{
display: block;
font-size: 12px;
font-weight: bold;
margin: 2px 0 0 0;
}

#why-metal img{
float: right;
}

#strength img{
float: left;
margin: 10px 10px 10px 0;
}

#low-profile img{
float: right;
margin: 10px 0 10px 10px;
}

#slope img{
float: right;
margin: 10px 0 10px 10px;
}

#brc img{
float: right;
margin: 0 10px 0 10px;
}

ol{
margin: 5px 0 5px 30px;
padding: 0;
}

ol li{
margin: 0 0 0 0px;
padding: 0 0 0 10px;
}

#fw{
background-image: url('images/city.jpg');
background-repeat: no-repeat;
background-position: bottom left;
height: 420px;
}

#fw img{
float: right;
margin: 0 0 0 10px;
}

#main-col.hist{
padding-bottom: 0 !important;
}

.get-player{
font-size: 10px;
}

#wind-uplift img{
float: left !important;
margin: 13px 10px 0 0;
}
.small-text{
font-size: 10px !important;
}

.small-text a, .get-player a{
font-size: 10px !important;
}

#superioir img{
float: left;
margin: 0 10px 0 0;
}

#seams img{
margin: 5px 0 0 0;
}

#liberty img{
float: right;
margin: 10px 0 5px 10px;
}

#crane img {
float: left;
margin: 0 10px 0 0;
}

#but-img{
padding: 10px 0 0 0;
}

p.pullquote{
color:#667;
border-bottom:2px solid #99a;
padding-bottom:8px;
margin-bottom:8px;
border-top:2px solid #99a;
padding-top:8px;
margin-top:8px;
}

#slideshow{
float:right;
display:block;
width:380px;
height:240px;
margin:15px 0 0 15px;
}

#cccslideshow{
width:380px;
height:240px;
}

.field-row{
clear: both;
display:block;
min-height: 27px;
height:auto;
background: #e8e8e8;
width:695px;
margin:0 0 5px 0;
}

.field-row.textareaclass{
min-height: 100px;
}

.gallery-add .image-row{
clear: both;
height: 110px;
background: #e8e8e8;
width: 485px;
margin: 0 0 5px 0;
}

.gallery-add .image-row img{
margin: 10px 0 0 10px;
}

#photogallery #caption{
text-align:right;
margin-right:10px;
display:block;
width:300px;
}

.large-field-row{
clear: both;
height: 143px;
background: #e8e8e8;
width: 695px;
margin: 0 0 5px 0 ;
}

* html body .field-row{
width: 670px;
}

* html body .large-field-row{
width: 670px !important;
height: 128px;
}

.field-title{
float: left;
display:block;
font-size: 12px;
font-weight: bold;
width: 220px;
padding: 7px 0 0 30px;
}

.submit-button{
text-align: right;
width: 420px;
}

* html body .field-title{
width: 210px;
}

.nofloat-row{
width:695px;
padding:10px;
background: #e8e8e8;
}

* html .nofloat-row{
width: 670px;
}

.nofloat-title{
font-size: 12px;
font-weight: bold;
}

.field{
display:block;
float: left;
text-align: left;
padding-top: 3px;
}

.field textarea, .field input, .field select{
width: 400px;
padding-bottom: 1px;
margin-bottom: 3px;
display:block;
}

.field textarea{
display:block;
height:90px;
}

.required{
font-size: 10px;
color: red;
clear:both;
}

.listing{
clear: both;
width: 680px;
margin: 10px 0 10px 0;
border-top: 1px solid #ccc;
}

.listing p{
margin-bottom: 10px;
}

.listing h2{
margin-bottom: 10px;
}

.listing h3{
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 0;
}

.listing-right{
float: left;
width: 230px;
padding: 10px;
font-size: 12px;
background: #e8e8e8;
margin: 0 0 10px 15px;
}

* html .listing-right{
width: 245px;
}

.listing-left, .listing-middle{
float: left;
width: 200px;
font-size: 12px;
}

.listing-middle{
margin:0 0 0 15px;
padding:0;
}

.listing-detail{
margin: 0 0 5px 0;
}

.listing-image {
padding: 0;
margin: 0 0 10px 0;
width: 200px;
text-align: left;
}

.listing-image a{
margin: 0 !important;
padding: 0 !important;
width: 200px;
}

.listing-image img{
margin: 0 !important;
float: left;
border: 1px solid #334;
}

#real-nav ul{
margin: 0 0 0 10px;
}

#real-nav li{
list-style: none;
padding: 0;
}

#real-nav li a{
text-decoration: none;
}

#admin form{
margin: 10px 0 10px 0 !important;
}

#admin #main-col{
height: 300px;
}

/*.admin .field-row, .admin .large-field-row{
width: 490px !important;
}

* html .admin .field-row, * html .admin .large-field-row{
width: 510px !important;
}*/

.list-header{
font-size: 12px;
font-weight: bold;
background: #e8e8e8;
height: 20px;
padding: 5px;
}

.row, .alt-row{
clear: both;
height: 20px;
padding: 5px;
}

.alt-row{
background: #e8e8e8;
}

.data-col{
float: left;
width: 350px;
}

.del-col{
float: right;
}

.page-switch{
font-size: 12px;
font-weight: bold;
padding: 10px 10px 10px 5px;
}

.page-switch a{
padding: 0 10px 0 0;
}

.status-success{
border: 1px solid green;
padding: 5px;
background: #CAF8C0;
margin: 0 0 10px 0;
}

.status-success img, .status-failure img{
float: left;
}

.gallery-add .status-message{
width: 435px;
}

.status-message{
font-size: 12px;
color: #000;
font-weight: bold;
margin: 0;
padding: 0 0 0 5px;
float: right;
width: 460px;
}

* html .status-message{
width: 475px;
}

.status-failure{
font-size: 12px;
font-weight: bold;
padding: 5px;
border: 1px solid red;
margin: 0 0 10px 0 !important ;
background: #FFD9D0;
}

.status-failure img{
margin: 0 0 0 0px;
clear: both !important;
}

.status-image{
padding: 0;
width: 20px !important;
float: left;
} 

.submit-row input{
float: right;
}

.admin-home #main-col{
height: 400px;
}

.login #main-col{
width: 100%;
padding: 0 !important;
height: 400px;
}

#login-title{
margin: 30px 0 0 60px;
width: 300px;
text-align: left;
padding: 0 !important;
}

#login-title h1{
padding: 0 !important;
margin: 0 !important;
border:none;
}

#login-box{
margin: 10px 0 10px 60px;
border: 1px solid #334;
padding: 10px;
background: #ffc;
width: 300px;
text-align: left;
}

* html #login-title{
margin: 40px 0 10px 70px !important;
}

* html #login-box{
margin: 10px 0 10px 70px !important;
}

#login-box h1{
font-size: 12px !important;
border:none;
}

.login-item{
font-size: 12px;
margin: 10px 0 10px 0;
}

#avail-real #main-content{
height: 350px;
}

.cleared{
clear: both;
}

.pncontrol #wrapper{
width: 775px;
}

.pncontrol #header{
width: 775px;
}

.pncontrol #top-nav{
width: 775px;
}

.pncontrol #main-col{
width: 775px;
padding: 5px 0 5px 0;
margin: 0;
text-align: center;
background: #ECE9D8;
}

.pncontrol #footer{
width: 775px;
}

.submit-row{
height: 50px;
}

.submit-row input{
float: right;
}

.crane-type{
clear:both;
padding:5px 0 0 0;
}

ul#monroe-land-benefits li{
font-weight:bold;
}

ul#monroe-land-benefits li ul{
margin-bottom:0;
}

ul#monroe-land-benefits li ul li{
font-weight:normal;
}

#monroe-properties h2{
margin-bottom:0;
}

#monroe-properties h2 .property-number{
background-color:#ff0;
color:#f00;
display:inline-block;
width:14px;
min-width:14px;
margin-right:10px;
}

#monroe-properties h3{
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#239;
margin:0 0 0 24px;
}

#monroe-properties p{
margin:6px 0 3px 24px;
}