@charset "utf-8";
/* CSS Document */

/* Pabon Construction */

body {margin:0 auto; font-family:Verdana, Geneva, sans-serif; background-color:#333;}

h1 {float:left; clear:both; margin:10px 0px 0px 0px; padding:0; font-size:1.4em; color:#AB0800; font-weight:normal; font-family:Verdana, Geneva, sans-serif;}
h2 {float:left; clear:both; margin:0px 0px 20px 0px; padding:0; font-size:1em; color:#555; font-weight:normal; font-family:Verdana, Geneva, sans-serif;}

/* Jquery Accordion */
#accordion {margin-top:40px;}
#accordion ul.projects-list {float:left; list-style:none; margin:0 20px 10px 20px; padding:0;}
#accordion h3 {display:block; height:29px; width:896px!important; background:url(../images/content/projects-accordion.jpg); background-repeat:no-repeat; font-weight:normal!important;}
.ui-accordion .ui-accordion-header {display: block; cursor: pointer; position: relative; margin-top: 2px; padding: 11px 0px 0px 44px!important; min-height: 0; border:0; /* support: IE7 */}
.ui-accordion .ui-accordion-icons {padding-left: 2.2em;}
.ui-accordion .ui-accordion-noicons {padding-left: .7em;}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {padding-left: 2.2em;}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {position: absolute; left: .5em; top: 50%; margin-top: -8px; border:0;}
.ui-accordion .ui-accordion-content {padding: 1em 2.2em; border-top: 0; overflow: auto;}

.shadow {-moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000;
/* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');}
.shadow-light {-moz-box-shadow: 3px 3px 4px #666; -webkit-box-shadow: 3px 3px 4px #666; box-shadow: 3px 3px 4px #666;
/* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
/* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');}


.pabon-intro-text h1, .pabon-intro-text h2 {float:left; width:510px!important; font-weight:normal; font-family:Verdana, Geneva, sans-serif;}
.pabon-news h2 {float:left; margin:0px auto 10px auto; padding:0px; font-size:1em; color:#fff; font-weight:normal; font-family:Verdana, Geneva, sans-serif;} 

.pabon-header {position:relative; z-index:-10; height:140px; width:100%; margin: 0 auto; padding:0; background:url(../images/template/pabon-header-bg.jpg) 0 0 repeat-x; border-bottom:4px solid #AB0800;}
.pabon-construction-container {display:table; margin:-144px auto 0px auto; width:980px; height:100%; background-color:transparent;}
.pabon-construction-logo {float:left; display:block; height:140px; width:378px; background:url(../images/template/pabon-construction-logo.jpg) 0 0 no-repeat; border:none;}
.pabon-address-top {text-align:right; padding-top:20px; padding-right:24px; font-size:0.8em; font-weight:bold; color:#555;}
.pabon-navigation {float:left; padding-top:76px;}
.pabon-navigation ul {display:inline; list-style-type:none;}
.pabon-navigation ul li {display:inline;} 
.pabon-navigation ul li a, .pabon-navigation ul li a:visited {border-right:solid 1px #CCC; color:#555; font-size:0.9em; text-decoration:none; width:120px; padding:3px 8px 0px 4px;}
.pabon-navigation ul li a:hover {color:#AB0800;}
.pabon-navigation ul li a.last {border-right:none;}

.pabon-content {float:left; width:960px; background-color:#fff; margin-top:14px; margin-bottom:30px; padding:10px; border-radius:5px;}
#pabon-slideshow {float:left; width:960px; height:300px; border-radius:5px; overflow:hidden;}
#pabon-slideshow img {width:960px; height:300px;}

.pabon-intro-text {float:left; width:510px; margin-left:10px;}
.pabon-intro-text span {float:left; width:510px; font-size:.8em; color:#333; line-height:18px;}

.pabon-about-text {float:left; width:940px; margin-left:10px;}
.pabon-about-text span {float:left; clear:both; font-size:.8em; color:#333; line-height:18px;}
.pabon-about-text h2 {float:left; clear:both; display:block; font-size:1.2em; color:#AB0800; margin:0; padding:0;}
.pabon-about-text .date {font-style:italic;}

.pabon-contact-us-text {float:left; width:940px; margin-left:10px; margin-bottom:30px;}
.pabon-contact-us-text h2 {float:left; clear:both; display:block; font-size:1.2em; width:450px; margin:0 0 20px 0; padding:0;}
.pabon-contact-us-text span {float:left; clear:both; font-size:.8em; color:#333; line-height:18px;}
.pabon-contact-us-text ul {float:left; clear:left; display:block; width:290px; font-size:.9em; margin:0 0 0 20px; padding:0; list-style:none;}
.pabon-contact-us-text ul li {float:left; display:block; width:290px; clear:both!important; line-height:28px;}
.pabon-contact-us-text ul li a, .pabon-references-text ul li a:visited {color:#AB0800;}
.pabon-contact-us-text ul li a:hover {color:#333;}
.pabon-contact-us-text .contact-info {float:left;}
.pabon-contact-us-directions {float:left; clear:left;}
.pabon-contact-us-directions iframe, .pabon-contact-us-directions a {float:left; clear:left; margin-left:20px;}
.pabon-contact-us-text .contact-form {float:left; clear:right; width:420px; padding:0 10px 10px 10px; }
.pabon-contact-us-text .contact-form h2 {width:390px;}
.pabon-contact-us-text .contact-form ul {float:left; clear:left; display:block; width:390px; font-size:.9em; margin:0 0 0 20px; padding:0; list-style:none;}
.pabon-contact-us-text .contact-form ul li {float:left; display:block; width:390px; clear:both!important; line-height:28px;}
.pabon-contact-us-text .contact-form label {float:left;}
.pabon-contact-us-text .contact-form input {float:right; margin-top:4px; border:solid 1px #ccc; border-radius:2px; background-color:#efefef;}
.pabon-contact-us-text .contact-form textarea {width:384px; border:solid 1px #ccc; border-radius:2px; background-color:#efefef;}
.pabon-contact-us-text .contact-form input.button {background-color:#AB0800; color:#fff; border-radius:6px; padding:4px 8px; cursor:pointer;}

.pabon-references-text {float:left; width:940px; margin-left:10px; margin-bottom:30px;}
.pabon-references-text h2 {float:left; clear:both; display:block; font-size:1.2em; width:920px; margin:0 0 20px 0; padding:0;}
.pabon-references-text span {float:left; clear:both; font-size:.8em; color:#333; line-height:18px;}
.pabon-references-text ul {float:left; display:block; width:290px; font-size:.9em; margin:0 0 0 20px; padding:0; list-style:none;}
.pabon-references-text ul li {float:left; display:block; width:290px; clear:both!important; line-height:28px;}
.pabon-references-text ul li a, .pabon-references-text ul li a:visited {color:#AB0800;}
.pabon-references-text ul li a:hover {color:#333;}

.pabon-news {float:left; width:400px; background-color:#333; color:#fff; border-radius:5px;  margin-top:26px; margin-left:20px; padding:10px;}
.pabon-news ul {float:left; clear:both; width:400px; margin:0px; padding:0px; list-style-type:none;}
.pabon-news ul li {float:left; clear:both; width:400px; padding-top:10px; padding-bottom:10px; border-bottom:dashed 1px #fff;}
.pabon-news ul li.last{border-bottom:none;}
.pabon-news .thumbnail {float:left; width:88px; height:60px; background-color:#fff; margin-right:10px;}
.pabon-news .thumbnail a {float:left; display:block; background-image:url(../images/content/news-thumbs.jpg); background-repeat:no-repeat; width:80px; height:52px; margin:4px;}
.pabon-news .wrapper {float:left; clear:right; width:300px;}
.pabon-news .headline {float:left; clear:both; font-size:.8em; line-height:16px!important;}
.pabon-news .headline a,  .pabon-news .headline a:visited, .pabon-news .teaser a, .pabon-news .teaser a:visited  {color:#fff; text-decoration:none;}
.pabon-news .headline a:hover, .pabon-news .teaser a:hover {color:#AB0800; text-decoration:none;}
.pabon-news .date {float:left; clear:both; font-size:.7em; font-style:italic;}
.pabon-news .teaser {float:left; clear:both; font-size:.7em; color:#999; line-height:12px!important;}

.pabon-construction-projects {float:left; width:940px; margin-top:20px; padding:10px 10px 0px 10px; border-top:1px solid #ccc;}
.pabon-construction-projects span {float:left; margin:0px; padding:0px; font-size:1.4em; color:#AB0800;}
.pabon-construction-projects ul.titles {float:left; clear:both; margin:16px 0px 0px 0px; padding:0px; list-style:none;}
.pabon-construction-projects ul.titles li {float:left; width:226px; margin:0px 11px 0px 0px; padding:0px;}
.pabon-construction-projects ul.titles li.last {margin-right:0px !important;}
.pabon-construction-projects ul.titles li a {float:left; display:block; width:226px; text-decoration:none; font-size:.8em; color:#555;}
.pabon-construction-projects ul.titles li a:hover {color:#AB0800;}
.pabon-construction-projects ul.links {float:left; width:940px; display:inline; list-style-type:none; margin:10px auto 10px 0px; padding:0px;}
.pabon-construction-projects ul.links li {float:left; width:218px; height:138px; margin-right:9px!important; padding:4px; border:solid 1px #ccc; display:inline; background-color:#fff;}
.pabon-construction-projects ul.links li:hover {border:solid 1px #AB0800;}
.pabon-construction-projects ul.links li.last {margin-right:0px !important;}
.pabon-construction-projects ul.links li a {float:left; clear:both; display:block; background-image:url(../images/content/pabon-construction-projects.jpg); background-repeat:non-repeat; width:218px; height:138px; border:none; margin:0px; padding:0px;}


.pabon-footer {float:left; width:980px; margin-bottom:40px; text-align:center;}
.pabon-footer ul {width:980px; margin:0px auto; display:inline; list-style-type:none;}
.pabon-footer ul li {display:inline;} 
.pabon-footer ul li a, .pabon-footer ul li a:visited {border-right:solid 1px #555; color:#ccc; font-size:0.9em; text-decoration:none; width:120px; padding:3px 8px 0px 4px;}
.pabon-footer ul li a:hover {color:#fff;}
.pabon-footer ul li a.last {border-right:none;}

.pabon-address-bottom {margin-top:20px; color:#ccc; font-size:0.8em;}
.pabon-copyright {margin-top:20px; color:#ccc; font-size:0.6em;}