/* yui 3 browser reset */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

li {
	list-style:none;
}

ol li 
{
    margin-left:40px;
    list-style-type:decimal;    
}

caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,textarea,select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	border:solid 1px #cccccc
}
/*to enable resizing for IE*/
input,textarea,select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}

body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#ffffff;
}

img
{
	border: none;
}

h1
{
    font-weight:bold;
    font-size:24px;
    padding-bottom:8px;
}

h2
{
    font-weight:bold;
    font-size:16px;
    padding-bottom:8px;
}

h3
{
    font-weight:bold;
    font-size:16px;
    padding-bottom:8px;
}


.bulletList li
{
    list-style-type:disc;
    list-style-position:inside;
}

p
{
    padding-bottom:8px;
}

dd
{
    padding-bottom:10px;
}

dt
{
    font-weight:bold;
}

.textSection
{
    padding-bottom:20px;
}

/* forms */
fieldset
{
    margin-top:10px;
    border-top:1px solid #000000;
    padding:10px;
}

fieldset legend
{
    font-weight:bold;
    font-size:16px;
}

fieldset li
{
    padding-bottom:10px;
}

fieldset label
{
    display:block;
    font-weight:bold;
}

fieldset input[type="text"]
{
    width:200px;
    height:20px;
}

fieldset input[type="radio"]
{
    margin:4px;
    border:none;
}

fieldset select
{
    width:200px;
    height:22px;
}

fieldset textarea
{
    width:468px;
    height:150px;
}

fieldset td
{
    padding-right:15px;
}

fieldset td input
{
    width:auto;
}

fieldset td label
{
    display:inline;
    font-weight:normal;
}


/* header */
#header
{
	width:100%;
	height:52px;
	background-color:Black;
	background-image:url(../images/headerBG.png);
	background-repeat:repeat-x;
}

#headerContent
{
    width:746px;
    margin-left:auto;
    margin-right:auto;
    padding-left:214px;
    color:#ffffff;
    font-size:14px;
}

#headerLinks
{
    float:left;
    padding-top:30px;
}

#headerLinks a
{
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
}

#headerLinks a:hover
{
    color:#158b13;
}

#headerPhone
{
    float:right;
    padding-right:212px;
    font-size:12px;
    text-align:right;
    padding-top:10px;
}

#headerPhone .office
{
    font-weight:bold;
    font-size:17px;
}

#headerPhone .fax
{
    font-weight:bold;
}

/* content area */
#bodyContent
{
	width: 960px;
	margin-left: auto;
	margin-right:auto;
	background-image: url(../images/contentBG.png);
	background-repeat: repeat-y;
}

/* left content */

#leftContent
{
	width:184px;
	background-image:url(../images/leftContentBG.jpg);
	background-repeat:no-repeat;
	float: left;
	padding-left:11px;
	padding-right:5px;
}


/*  menu  */
#menu
{
    padding-bottom:50px;
}

.menuButton
{
	width:181px;
	height:34px;
	margin-bottom:4px;
	background-repeat:no-repeat;
	background-image:url(../images/menuButton.jpg);
}

.menuButton:hover
{
	background-image:url(../images/menuButtonOver.jpg);
}

.menuButton a, .menuButtonCurrent a
{
	font-size:13px;
	color:#FFFFFF;
	text-decoration:none;
	position:relative;
	left:9px;
	top:10px;
}

.menuButtonCurrent
{
	width:181px;
	height:34px;
	background-repeat:no-repeat;
	margin-bottom:4px;
	background-image:url(../images/menuButtonCurrent.jpg);
}

/* testimonials */
#testimonials
{
    padding-bottom:30px;
    color:#ffffff;
    font-size:10px;
}

#testimonials .divider
{
    padding-bottom:16px;
    padding-top:7px;
}

#testimonials .testimonial
{
    padding-bottom:16px;
}

#testimonials .name
{
    padding-bottom:5px;
}

#testimonials .more
{
    text-align:right;
    width:181px;
}

#testimonials a
{
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
}

/* right content */
#mainContent
{
    width:538px;
    padding-left:12px;
    float:left;
    color:#333333;
    padding-top:10px;
}

#mainContent a
{
	color:#333333;
	font-weight:bold;
}

#mainContent a:hover
{
	color:#023378;
}

#rightContent
{
    width:190px;
    padding-left:20px;
    float:right;
    padding-top:10px;
}

/* footer  */
#footerService
{
    width: 720px;
    text-align:right;
    padding-top:20px;
    padding-left:240px;
}

#footer
{
	background-color:#000000;
	width:100%;
	height:100px;
	background-image:url(../images/footerBG.png);
	background-repeat:repeat-x;
}

#footerContent
{
	color:#FFFFFF;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	padding-top:20px;
}

#footerContent a
{
	color:#FFFFFF;
	text-decoration:none;
}

#footerContent a:hover
{
	color:#158b13;
}

#footerLeft
{
    float:left;
}

#footerRight
{
    float:right;
    text-align:right;
}

div#preloaded-images 
{
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

/* home */

#homeText
{
     color:#333333;
     padding-top:16px;
}

#homeText h1
{
    font-size:17px;
    font-weight:bold;
}

#homeText h2
{
    font-size:12px;
    font-weight:bold;
}

#homeText a
{
    color:#053479;
    font-weight:bold;
    text-decoration:none;
}

#homeDivider
{
    border-top:1px dotted #333333;
    margin-top:10px;
    margin-bottom:10px;
}

#homeVideo
{
    width:518px;
    height:190px;
    background-image:url(../images/homeVideoBG.jpg);
    padding-left:20px;
}

#homeVideo .videoTop
{
    width:100%;
    height:14px;
    padding-top:12px;
}

#homeVideo .videoLeft
{
    width:178px;
    float:left;
}

#homeVideo .videoRight
{
    padding-left:34px;
    padding-right:26px;
    float:left;
    color:#ffffff;
    width:280px;
}

#homeVideo h3
{
    font-size:13px;
    font-weight:bold;
    padding-bottom:10px;
}

#homeVideo p
{
    font-size:11px;
    padding-bottom:22px;
}

#homeVideo .link
{
    text-align:right;
}

#homeVideo .link a
{
    font-size:13px;
    color:#ffffff;
    text-decoration:none;
}

#homeEstimate
{
    background-image:url(../images/requestAnEstimateBG.jpg);
    width:170px;
    height:156px;
    padding-top:111px;
    font-size:13px;
    color:#ffffff;
}

#homeEstimate p
{
    padding-left:20px;
    padding-right:20px;
    padding-bottom:20px;
}

#homeEstimate a
{
    padding-top:20px;
    padding-left:8px;
}

#homeCaseStudy
{
    width:158px;
    font-size:13px;
    color:#013378;
    font-weight:bold;
    padding-left:6px;
    padding-top:54px;
}

#homeCaseStudy a
{
    color:#ffffff;
    text-decoration:none;
}

#caseStudyBG
{
    width:158px;
    height:44px;
    background-image:url(../images/caseStudyBG.jpg);
    padding-top:15px;
    text-align:center;
    margin-top:4px;
}

#homeSocial
{
    width:166px;
    height:370px;
    background-image:url(../images/letsBeFriends.jpg);
    background-repeat:no-repeat;
    margin-top:72px;
    padding-left:2px;
    padding-right:2px;
}

#homeSocial .faceBook
{
    padding-top:46px;
    width:144px;
    padding-left:11px;
}

#homeSocial .twitter
{
    padding-top:16px;
    width:152px;
    padding-left:7px;
}

#homeSocial .linkedIn
{
    padding-top:16px;
    width:152px;
    padding-left:7px;
}

/* concrete polishing */
.GreenText
{
	color:green !important;
}
.polishingList
{
	list-style-type:none;
}

.polishingList a
{
    text-decoration:none;
}

.required
{
    color:#ff0000;
}

table.seamless
{
    
}

table.seamless td
{
    padding-bottom:20px;
    padding-right:10px;
    width:103px;
    text-align:center;
}

/* hcard */
#hcard-TJB-Industries
{
    width:538px;
    height:173px;
    background-image:url(../images/contact-map.jpg);
    background-repeat:no-repeat;
    background-position:right top;
    padding-top:80px;
    
}

#hcard-TJB-Industries.vcard .logo, #hcard-TJB-Industries.vcard .adr
{
    display:none;
}


/* hreview */

.hreview-aggregate
{
    display:none;
}

.hreview
{
    padding-bottom:30px;
}

.hreview .item, .hreview .rating, .hreview .description .type, .hreview .reviewer .adr .type, .hreview .reviewer .adr .country-name
{
    display:none;
}

.hreview .reviewer .org
{
    font-weight:bold;
}


#Gallery
{
    color:#000000;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText, .printLink{
/*color: #FF9834;*/
color:#158b13;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
	display: none;
	}
	
	#overlayGallery
	{
	    position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}