/* @override http://bsdbuilders.com/dev/assets/templates/bsd/main.css */
/* CSS Document */
body { font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; background: url(images/bg-tophdr-5x137.gif) repeat-x; margin: 0; padding: 0;}


/* Global */
.container { margin: 0 auto; width: 914px;}
.clear { clear: both;}
p { font-size: 12px; line-height: 18px; padding-bottom: /*12*/15px;}
a { color: #666; text-decoration: none; }
a:hover { color: #ee3224;}
a.emailLink { font-weight: bold; text-decoration: underline;}
a.emailLink:hover { }
#header { height: 127px; padding: 10px 10px 0;}
#content { padding-bottom: 40px;}
#footer { height: 64px; background: url(images/bg-footer-5x64.jpg) repeat-x; padding-top: 10px;}
.script { font: 17px "felt-tip-roman-1","felt-tip-roman-2";}
.red { color: #ee3224;}
.bold { font-weight: bold; font-size: 19px; text-transform: uppercase; }
#right-col table.img-quote tbody tr td.vtop p { padding-right: 0; /*text-transform: capitalize;*/}
td.vtop { vertical-align: top;}

h2 { font-size: 16px; text-transform: uppercase; padding-top: 17px; /*padding-bottom: 8px;*/ padding-left:9px;}
.col-serv {float:left;}
h4 { color: #ee3224; font-size: 15px; padding-bottom: 3px; padding-top: 3px;}
h4 a { color: #ee3224;}
h4 a:hover { text-decoration: underline;}
h5 { padding-bottom: 5px; padding-top: 5px;}

/* Header Elements */
h1.logo { display: inline; float: left; margin-top: 0; margin-left: 0; padding-bottom: 32px; line-height: 0;}
a.logo { display: block; width: 162px; height: 59px; padding-left: 0; padding-bottom: 22px; background: url(images/bsd-logo-162x59.gif) no-repeat 0 2px; margin-bottom: 0; padding-top: 10px; float: left;}
a.logo span { display: none; }
div.contact-info { float: left; display: inline; margin-left: 415px; border-right: 1px solid #d1d3d4; background: url(images/img-bwc-gray-250x21.gif) no-repeat 0 5px; padding-top: 32px; padding-right: 9px; font-size: 11px; margin-top: 0;}
div.contact-info table { width: 257px; height: 38px; margin: 0; padding: 0;}
div.contact-info table td { vertical-align: middle;}
div.contact-info table span { display: block; padding-top: 3px; padding-bottom: 3px; padding: 3px; font-size: 10px; vertical-align: middle;}
div.contact-rules { border-top: 1px solid #191919; border-bottom: 1px solid #191919; padding-top: 20px; margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; width: 189px;}

table.social { float: left; display: inline; margin-left: 15px; margin-top: 11px;}
table.social a { display: block; width: 16px; height: 17px; padding-top: 6px; padding-right: 6px;}
table.social a span { display: none;}
a.facebook { background: url(images/facebook.gif) no-repeat;}
a.twitter { background: url(images/twitter.gif) no-repeat;}
a.linkedin { background: url(images/linked-in.gif) no-repeat;}
a.gmap { background: url(images/gmap.gif) no-repeat;}

/* Nav */
ul#nav { padding: 0 0 0 48px; height: 35px; float: left; display: inline; margin: 0;}
ul#nav.container { width: 866px;}
ul#nav li { display: inline; float: left;}
ul#nav li a { background-image: url(images/nav-824x35.jpg); display: block; height: 35px;}
ul#nav li a span { display: none;}
ul#nav li.home a { background: url(images/nav-824x35.jpg) 0 0;  width: 81px; }
ul#nav li.about a { background: url(images/nav-824x35.jpg) -81px 0;  width: 117px; }
ul#nav li.services a { background: url(images/nav-824x35.jpg) -198px 0;  width: 113px; }
ul#nav li.port a { background: url(images/nav-824x35.jpg) -311px 0;  width: 123px; }
ul#nav li.sub a { background: url(images/nav-824x35.jpg) -434px 0;  width: 177px; }
ul#nav li.news a { background: url(images/nav-824x35.jpg) -611px 0;  width: 86px; }
ul#nav li.contact a { background: url(images/nav-824x35.jpg) -697px 0;  width: 130px; }

ul#nav li.home a:hover { background: url(images/nav-824x35.jpg) 0 -35px;  width: 81px; }
ul#nav li.about a:hover { background: url(images/nav-824x35.jpg) -81px -35px;  width: 117px; }
ul#nav li.services a:hover { background: url(images/nav-824x35.jpg) -198px -35px;  width: 113px; }
ul#nav li.port a:hover { background: url(images/nav-824x35.jpg) -311px -35px;  width: 123px; }
ul#nav li.sub a:hover { background: url(images/nav-824x35.jpg) -434px -35px;  width: 177px; }
ul#nav li.news a:hover { background: url(images/nav-824x35.jpg) -611px -35px;  width: 86px; }
ul#nav li.contact a:hover { background: url(images/nav-824x35.jpg) -697px -35px;  width: 130px; }

/* Home */
div.home-col { width: 286px; float: left; padding-top: 28px; display: inline; margin-right: 9px; margin-left: 9px;}
div.home-col1 {  background: url(images/home-col1-286x28.gif) no-repeat; }
div.home-col2 {  background: url(images/home-col2-286x28.gif) no-repeat; }
div.home-col3 {  background: url(images/home-col3-286x28.gif) no-repeat; }
p.home-splash { background: url(images/img-mainhome-885x265.jpg) no-repeat -17px -1px; line-height: 18px; font-size: 13px; color: #666; padding: 144px 52px 40px 477px;}
p.home-splash a { text-transform: uppercase; text-decoration: underline; font-size: 11px;}

/* Col 1 */

table.col1-item { width: 286px; border-bottom: 1px solid #d1d3d4;}
table.col1-item td { height: 71px; vertical-align: middle; text-transform: uppercase; font-weight: bold;}
table.col1-item td.tdl { width: 163px;}
table.col1-item td.tdr { text-align: right;}
table.col1-item td a { font-weight: normal; font-style: normal; font-size: 10px; background: url(images/btn-more-15x16.gif) no-repeat right top; height: 15px; padding-right: 21px; display: block; line-height: 15px;}

/* Col 2  */
table.col2-item { border-bottom: 1px solid #d1d3d4;}
table.col2-item td { vertical-align: top; padding-bottom: 12px; padding-top: 12px;}
table.col2-item td.tdr { padding-left: 10px;}
table.col2-item td.tdr strong { display: block; font-size: 13px;}
table.col2-item td.tdr span { display: block; font-size: 11px; text-transform: uppercase; color: #66667d;}
table.col2-item td.tdr a { display: block; border-style: solid; border-width: 1px; margin-top: 5px; width: 56px; font-size: 9px; text-transform: uppercase; font-weight: bold; line-height: 20px; height: 17px; padding: 0 5px; background: #eeeded url(images/more-grad-3x15.gif) repeat-x 0 bottom;}
table.col2-item td.tdl a.c2 { display: block; width: 99px; height: 71px;}
table.col2-item td.tdl a.c2 span { display: none; }
table.col2-item td.tdl a.c2.p1 { background-image: url(images/img-port1-99x71.jpg);  }
table.col2-item td.tdl a.c2.p3 { background-image: url(images/img-port3-99x71.jpg);  }
table.col2-item td.tdl a.c2.p2 { background-image: url(images/img-port2-99x71.jpg);  }
table.col2-item td.tdl a.c2.p4 { background-image: url(images/img-port-lido-99x71.jpg);  }

/* Col 3 */
div.col3-item { padding-top: 8px; padding-bottom: 8px;}
div.col3-item span { display: block;}
div.col3-item span.ttl { font-size: 13px; color: #666;}
div.col3-item span.ttl strong { color: #000;}
div.col3-item span.desc { font-size: 11px; line-height: 16px; color: #666; padding-bottom: 5px; }
div.col3-item a { text-transform: uppercase; font-size: 11px; text-decoration: underline;}

/* footer */
ul#footer-nav { width: 550px; float: left; text-transform: uppercase; font-size: 10px;}
ul#footer-nav li { display: inline; padding-right: 8px; padding-left: 8px; border-right: 1px solid #999;}
ul#footer-nav li.last { border-right-style: none;}
form#newsletter-signup { display: block; float: right;}
#newsletter-signup p { color: #191919; font-size: 10px; padding-bottom: 8px;}
#newsletter-signup input { float: left; width: 174px; font-size: 10px; color: #666; height: 19px; border: 1px solid #666; padding: 3px;}
input#newsletter-btn { display: block; width: 56px; font-size: 9px; text-transform: uppercase; font-weight: bold; line-height: 17px; height: 27px; padding: 0 5px; background: #eeeded url(images/more-grad-3x15.gif) repeat-x 0 bottom; float: left; margin-left: 10px; border: 1px solid #4c4c4c; margin-bottom: 0;}

/*Left Col*/
#left-col { width: 226px; float: left; margin: 0; padding-left: 0;}
#left-col ul { margin-top: 33px; padding-left: 0; width: 165px; margin-left: 47px;}
#left-col ul li { width: 160px;}
#left-col ul li a { padding-bottom: 33px; display: block; width: 160px; color: #000; }
#left-col ul li a:hover {  color: #ee3224;}
#left-col ul li.active a, #left-col ul li.active a:hover { color: #000; font-weight: bold;}
#left-col ul li ul { margin: 0; padding: 0;}
#left-col ul li ul li { display: inline;}
#left-col ul li ul li a { padding: 0 0 8px 15px; width: 90%; color: #666; font-weight: normal; font-style: normal;}
#left-col ul.archive { margin: 0; padding-left: 40px;}
#left-col ul.archive li a { padding-bottom: 9px;}


/*Right Col*/
#right-col { padding-top: 23px; float: left; width: 686px;}
table.img-quote { width: 632px;}
table.img-quote img { padding-right: 8px;}
td.tbl-quote { vertical-align: middle; padding: 12px; /*border-top: 1px solid #000; border-bottom: 1px solid #000;*/ background: url(images/port-rules-3x276.jpg); width: 248px; font: 18px/29px "proxima-nova-condensed-1","proxima-nova-condensed-2",sans-serif; }
#right-col h1 { text-transform: uppercase; color: #ee3224; font: bold 38px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
h3 { font-size: 23px; font-weight: normal; font-style: normal; padding-top: 16px; width: 90%;}
ul.red-col { width: 27%; float: left; background-repeat: no-repeat; padding-left: 8px; padding-top: 12px;}
ul.red-col li { padding-left: 11px; background: url(images/red-bullet-4x4.gif) no-repeat 0 8px; padding-top: 4px; padding-bottom: 4px;}

ol.client-list { width: 27%; float: left; background-repeat: no-repeat; padding-left: 8px; padding-top: 12px;}
ol.client-list li {padding-top: 4px; padding-bottom: 4px;}

#right-col p { padding-top: 12px; padding-left:10px; padding-right:46px;}
#right-col .pp4 p { padding-top: 12px; padding-left:0px; padding-right:46px;}

/*News*/
div.news-item { padding-bottom: 12px; padding-top: 12px; border-bottom: 1px solid #d1d3d4;}
div.news-item.last { border-bottom: none;}
div.news-item p a { text-transform: uppercase; text-decoration: underline;}
div.pagenav { font-size: 11px; padding-top: 8px; padding-bottom: 8px;}
div.pagenav span, div.pagenav a { padding-right: 4px; padding-bottom: 8px; padding-left: 4px;}

/*pdf link*/
div.pdflinkwrap { margin:10px 45px 10px 10px; padding:15px; border:1px solid #ddd; }
div.pdflink { font-size:14px; margin:0; padding:25px 25px 25px 75px; border:1px solid #999; background: url(http://bsdbuilders.com/assets/images/pdf.png) no-repeat 20px 5px; }

/*pdf cover <div class="pdfcover"></div>*/
div.pdfcover { background:#fff; width:630px; height:43px;display: block;float: none;position: relative;top: -57px;left: 10px;}

/*Contact*/
table#social-two { margin-top: 0px;}
table#social-two td { margin: 0; padding: 2px 8px 0 0;}
table.contact-tbl { height: 365px; width: 598px;}
table.contact-tbl td { vertical-align: top; text-align: left; margin-left: 0; padding-top: 8px;}

#right-col table.contact-tbl p { padding-bottom: 5px; padding-top: 3px; margin-bottom: 0; padding-left: 0;}
#right-col table.contact-tbl tbody tr td small a { width: 100px; color: #ee3224;}
table.contact-tbl hr { width: 189px; margin-left: 0; display: block;}
#right-col table.contact-tbl tbody tr td.map-img small a { color: #7f7f7f; padding-left: 6px; font-size: 11px;}
#right-col table.contact-tbl tbody tr td.map-img small a:hover { color: #ee3224;}
table.contact-tbl a { display: block; width: 378px; padding-top: 6px; padding-right: 6px; height: 22px;}
#right-col table.contact-tbl tbody tr td.map-img a { height: auto;}
#right-col table.contact-tbl tbody tr td.map-img { padding: 0;}
#social-two tbody tr td a { display: block; width: 37px; padding-top: 6px; padding-right: 6px; height: 33px;}
table.contact-tbl a span { display: none;}
table.contact-tbl a.facebook { background: url(images/facebook2.jpg) no-repeat;}
table.contact-tbl a.twitter { background: url(images/twitter2.jpg) no-repeat;}
table.contact-tbl a.linkedin { background: url(images/linked-in2.jpg) no-repeat;}
table.contact-tbl a.gmap { background: url(images/gmap2.jpg) no-repeat;}
table.contact-tbl form#newsletter-signup { float: none; display: block; width: 191px; height: 98px; margin: 0; padding: 0;}
#footer div.container table { float: left;}
#footer div.container table tbody tr td p { clear: left; padding-top: 8px; font-size: 11px; color: #666; padding-left: 8px;}
table.contact-tbl input#newsletter-btn { margin-top: 5px; display: inline; margin-left: 0; border-style: solid;}
table.contact-tbl form#newsletter-signup p  { padding: 0 0 5px; line-height: 12px; width: 157px;}

/*Portfolio*/
#right-col table.port-page tbody tr td.pp1 { font-size: 14px; font-weight: bold; line-height: 15px; padding-top: 8px; padding-bottom: 8px; padding-right: 12px; padding-left:9px;}
#right-col table.port-page tbody tr td.pp2 { vertical-align: middle; text-align: right;}
#right-col table.port-page tbody tr td.pp3 { padding-right: 12px;}
#right-col table.port-page tbody tr td.pp4 { vertical-align: bottom; padding-left: 8px; /*border-top: 1px solid #000; border-bottom-style: solid; border-bottom-width: 1px;*/ background: url(images/port-rules-3x276.jpg); width: 248px;}
#right-col table.port-cat { width: 598px;}
#right-col table.port-cat td {width:197px; }
#right-col table.port-cat a { display: inline; padding-left: 2px; padding-top: 5px; padding-bottom: 5px; font-size: 11px; color: #000; margin-left: 0;}
#right-col table.port-cat a.pl { padding-left: 10px; padding-top: 0; display: block; padding-bottom: 9px;}
#right-col table.port-cat a:hover { color: #ee3224;}