/* main page */
a.rollover1 {
    display: block;
    width: 177px;
    height: 44px;
    text-decoration: none;
    background: url("../../images/tips2.jpg") 0 0 no-repeat;
	}
a.rollover1:hover {
    background-position: -175px 0;
	}
a.rollover2 {
    display: block;
    width: 120px;
    height: 24px;
    text-decoration: none;
    background: url("../../images/trackRecord.jpg") 0 0 no-repeat;
	}
a.rollover2:hover {
    background-position: -121px 0;
	}
a.rollover3 {
    display: block;
    width: 89px;
    height: 27px;
    text-decoration: none;
    background: url("../../images/company2.jpg") 0 0 no-repeat;
	}
a.rollover3:hover {
    background-position: -89px 0;
	}
#leftCol {
	width:450px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-left:20px;
	padding-left:0px;
	float:left;
}
#leftCol #pageTitle {
	font-size:20px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}
#leftCol #seven {
	width:29px;
	float:left;
}
#leftCol #tips {
	width:186px;
	float:left;
}
#leftCol #our {
	width:87px;
	padding-left:20px;
	float:left;
}
#rightCol {
	width:245px;
	height:495px;
	background-color:#CCCCCC;
	margin-right:10px;
	padding-right:10px;
	float:right;
}
#rightCol #flashBlurb {
	width:250px;
	margin-left:7px;
	height:208px;
	padding-top:10px;
}
#rightCol #rightTitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#4F6E8A;
	margin-top:15px;
	margin-left:10px;
}
#rightCol #checkList {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:25px;
}
#linkDiv {
	height:51px;
	padding-top:20px;
	clear:both;
	padding-bottom:10px;
}
#linkDiv #linkOne {
	margin-left:5px;
	width:80;
	float:left;
}
#linkDiv #linkTwo {
	margin-left:4px;
	width:72px;
	float:left;
}
#linkDiv #linkThree {
	margin-left:4px;
	width:128px;
	float:left;
}
#linkDiv #linkFour {
	margin-left:4px;
	width:52px;
	float:left;
}
#linkDiv #linkFive {
	margin-left:4px;
	width:84px;
	float:left;
}
#linkDiv #linkSix {
	margin-left:4px;
	width:57px;
	float:left;
}
#linkDiv #linkSeven {
	margin-left:4px;
	width:78px;
	float:left;
}
#linkDiv #linkEight {
	margin-left:4px;
	width:99px;
	float:left;
}
#linkDiv #linkNine {
	margin-left:4px;
	width:70px;
	float:left;
}
#footerTitle1 {
	margin-top:20px;
	padding-bottom:5px;
	font-size:12px;
	color:#FFFFFF;
	margin-left:20px;
	width:144px;
	float:left;
}
#footerTitle2 {
	margin-top:20px;
	padding-bottom:5px;
	font-size:12px;
	color:#FFFFFF;
	margin-left:20px;
	width:232px;
	float:left;
}
#footerTitle3 {
	margin-top:10px;
	font-size:12px;
	color:#FFFFFF;
	margin-right:20px;
	width:264px;
	float:right;
}
#footerTitle4 {
	margin-top:10px;
	font-size:10px;
	color:#FFFFFF;
	margin-left:20px;
	width:737px;
	float:left;
}
#footerTitle5 {
	margin-top:5px;
	font-size:10px;
	color:#FFFFFF;
	margin-left:600px;
	width:737px;
	float:left;
}
/* tips */
#centerCol {
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-left:20px;
	padding-left:10px;
	float:left;
}
#centerCol #tipsTitle {
	font-size:20px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}
#linksDivTips {
	height:51px;
	margin-top:460px;
	padding-bottom:40px;
}
#linksDivTips #linkOneTips {
	margin-left:15px;
	width:80;
	float:left;
}
#linksDivTips #linkTwoTips {
	margin-left:4px;
	width:72px;
	float:left;
}
#linksDivTips #linkThreeTips {
	margin-left:4px;
	width:128px;
	float:left;
}
#linksDivTips #linkFourTips {
	margin-left:4px;
	width:52px;
	float:left;
}
#linksDivTips #linkFiveTips {
	margin-left:4px;
	width:84px;
	float:left;
}
#linksDivTips #linkSixTips {
	margin-left:4px;
	width:57px;
	float:left;
}
#linksDivTips #linkSevenTips {
	margin-left:4px;
	width:78px;
	float:left;
}
#linksDivTips #linkEightTips {
	margin-left:4px;
	width:99px;
	float:left;
}
#linksDivTips #linkNineTips {
	margin-left:4px;
	width:70px;
	float:left;
}
/* BeforeAfter */
#centerColBefore {
	width:600px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-left:20px;
	padding-left:80px;
	float:left;
}
#centerTitleBefore {
	font-size:15px;
	padding-top:5px;
	padding-bottom:5px;
}
#bottomDivBefore {
	height:51px;
	margin-top:600px;
	padding-bottom:20px;
	padding-top:20px;
}
/* trackRecord */
#centerColRecord {
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-left:25px;
	padding-left:10px;
	float:left;
}
#centerTitleRecord {
	font-size:20px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}
#linksDivRecord {
	height:51px;
	margin-top:300px;
	padding-bottom:40px;
}
#linksDivRecord #linkOne {
	margin-left:15px;
	width:80;
	float:left;
}
#linksDivRecord #linkTwo {
	margin-left:4px;
	width:72px;
	float:left;
}
#linksDivRecord #linkThree {
	margin-left:4px;
	width:128px;
	float:left;
}
#linksDivRecord #linkFour {
	margin-left:4px;
	width:52px;
	float:left;
}
#linksDivRecord #linkFive {
	margin-left:4px;
	width:84px;
	float:left;
}
#linksDivRecord #linkSix {
	margin-left:4px;
	width:57px;
	float:left;
}
#linksDivRecord #linkSeven {
	margin-left:4px;
	width:78px;
	float:left;
}
#linksDivRecord #linkEight {
	margin-left:4px;
	width:99px;
	float:left;
}
#linksDivRecord #linkNine {
	margin-left:4px;
	width:70px;
	float:left;
}
/* Services */
#centerColServices {
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-left:20px;
	padding-left:10px;
	float:left;
}
#centerTitleServices {
	font-size:20px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}
#linksDivServices {
	height:51px;
	margin-top:650px;
	padding-bottom:20px;
}
#linksDivServices #linkOne {
	margin-left:15px;
	width:80;
	float:left;
}
#linksDivServices #linkTwo {
	margin-left:4px;
	width:72px;
	float:left;
}
#linksDivServices #linkThree {
	margin-left:4px;
	width:128px;
	float:left;
}
#linksDivServices #linkFour {
	margin-left:4px;
	width:52px;
	float:left;
}
#linksDivServices #linkFive {
	margin-left:4px;
	width:84px;
	float:left;
}
#linksDivServices #linkSix {
	margin-left:4px;
	width:57px;
	float:left;
}
#linksDivServices #linkSeven {
	margin-left:4px;
	width:78px;
	float:left;
}
#linksDivServices #linkEight {
	margin-left:4px;
	width:99px;
	float:left;
}
#linksDivServices #linkNine {
	margin-left:4px;
	width:70px;
	float:left;
}
/* Company */
#centerColCompany {
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-left:20px;
	padding-left:10px;
	float:left;
}
#centerTitleCompany {
	font-size:20px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}
#imageCompany {
	padding-left:90px;
	margin-top:50px;
}
#imageTitle {
	font-size:20px;
	margin-left:150px;
	padding-top:5px;
	padding-bottom:5px;
}
#linksDivCompany {
	height:51px;
	margin-top:500px;
	padding-bottom:20px;
}
#linksDivCompany #linkOne {
	margin-left:15px;
	width:80;
	float:left;
}
#linksDivCompany #linkTwo {
	margin-left:4px;
	width:72px;
	float:left;
}
#linksDivCompany #linkThree {
	margin-left:4px;
	width:128px;
	float:left;
}
#linksDivCompany #linkFour {
	margin-left:4px;
	width:52px;
	float:left;
}
#linksDivCompany #linkFive {
	margin-left:4px;
	width:84px;
	float:left;
}
#linksDivCompany #linkSix {
	margin-left:4px;
	width:57px;
	float:left;
}
#linksDivCompany #linkSeven {
	margin-left:4px;
	width:78px;
	float:left;
}
#linksDivCompany #linkEight {
	margin-left:4px;
	width:99px;
	float:left;
}
#linksDivCompany #linkNine {
	margin-left:4px;
	width:70px;
	float:left;
}
/* customers */
#centerColCust {
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-left:20px;
	padding-left:10px;
	float:left;
}
#centerTitleCust {
	font-size:20px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}
#linksDivCust {
	height:51px;
	margin-top:50px;
	padding-bottom:20px;
}
#linksDivCust #linkOne {
	margin-left:15px;
	width:80;
	float:left;
}
#linksDivCust #linkTwo {
	margin-left:4px;
	width:72px;
	float:left;
}
#linksDivCust #linkThree {
	margin-left:4px;
	width:128px;
	float:left;
}
#linksDivCust #linkFour {
	margin-left:4px;
	width:52px;
	float:left;
}
#linksDivCust #linkFive {
	margin-left:4px;
	width:84px;
	float:left;
}
#linksDivCust #linkSix {
	margin-left:4px;
	width:57px;
	float:left;
}
#linksDivCust #linkSeven {
	margin-left:4px;
	width:78px;
	float:left;
}
#linksDivCust #linkEight {
	margin-left:4px;
	width:99px;
	float:left;
}
#linksDivCust #linkNine {
	margin-left:4px;
	width:70px;
	float:left;
}
/* contact us */
form.contact {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

form.contact fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form.contact fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form.contact label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form.contact input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form.contact input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form.contact small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form.contact br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
#linksContact {
	height:51px;
	margin-top:350px;
	padding-bottom:20px;
}
#linksContact #linkOne {
	margin-left:15px;
	width:80;
	float:left;
}
#linksContact #linkTwo {
	margin-left:4px;
	width:72px;
	float:left;
}
#linksContact #linkThree {
	margin-left:4px;
	width:128px;
	float:left;
}
#linksContact #linkFour {
	margin-left:4px;
	width:52px;
	float:left;
}
#linksContact #linkFive {
	margin-left:4px;
	width:84px;
	float:left;
}
#linksContact #linkSix {
	margin-left:4px;
	width:57px;
	float:left;
}
#linksContact #linkSeven {
	margin-left:4px;
	width:78px;
	float:left;
}
#linksContact #linkEight {
	margin-left:4px;
	width:99px;
	float:left;
}
#linksContact #linkNine {
	margin-left:4px;
	width:70px;
	float:left;
}
/*feed back form	*/
form.feedback {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 650px;
  width: 560px; 
}

form.feedback fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form.feedback fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form.feedback label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form.feedback input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form.feedback input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form.feedback small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form.feedback br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
#linksFeedback {
	height:51px;
	margin-top:1450px;
	padding-bottom:20px;
}
#linksFeedback #linkOne {
	margin-left:15px;
	width:80;
	float:left;
}
#linksFeedback #linkTwo {
	margin-left:4px;
	width:72px;
	float:left;
}
#linksFeedback #linkThree {
	margin-left:4px;
	width:128px;
	float:left;
}
#linksFeedback #linkFour {
	margin-left:4px;
	width:52px;
	float:left;
}
#linksFeedback #linkFive {
	margin-left:4px;
	width:84px;
	float:left;
}
#linksFeedback #linkSix {
	margin-left:4px;
	width:57px;
	float:left;
}
#linksFeedback #linkSeven {
	margin-left:4px;
	width:78px;
	float:left;
}
#linksFeedback #linkEight {
	margin-left:4px;
	width:99px;
	float:left;
}
#linksFeedback #linkNine {
	margin-left:4px;
	width:70px;
	float:left;
}
/* Sets the style for unvisited links. */
a.feedback,  a.feedback:link {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a.feedback:visited {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a.feedback:hover {
  color: #FFC93F;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a.feedback:focus {
  color: #ffffff;
}
/* Sets the style for a link that is being activated/clicked. */
a.feedback:active {
  color: #ffffff;
}

/*Track Record*/
/*table*/
.outer {
position:relative;
padding:4em 0 3em 0;
width:54em;
background:#eee;
margin:0 auto 3em auto;
}
.innera {
overflow:auto;
width:54em;
height:9.6em;
background:#eee;
}
.outer table caption {
position:absolute;f
width:51.7em;
text-align:center;
top:0;
left:0;
height:1.5em;
background: #697210;
border:0.1em solid #fff;
color:#fff;
}
.outer thead tr {i
position:absolute;
top:1.5em;
height:1.5em;
left:0;
}
.outer tfoot td {
position:absolute;
width:51.5em;
text-align:center;
background:#f0c992; 
border:0.1em solid #000;
color:#000;
bottom:0;
left:0
}
.outer th, .outer td {
width:10em; 
text-align:left;
}
.outer th {
background:#724a10; 
color:#fff;}
.outer .dk {background:#fff;
}

.tableone {width:650px; border-collapse:collapse; margin:0 auto;}
.tabletwo {width:620px; border-collapse:collapse;}
.th1 {width:84px; vertical-align:bottom;}
.th2 {width:34px; vertical-align:bottom;}
.th3 {width:34px; vertical-align:bottom;}
.th4 {width:34px; vertical-align:bottom;}
.th5 {width:34px; vertical-align:bottom;}
.th6 {width:34px; vertical-align:bottom;}
.th7 {width:34px; vertical-align:bottom;}
.th8 {width:34px; vertical-align:bottom;}
.th9 {width:34px; vertical-align:bottom;}
.th10 {width:34px; vertical-align:bottom;}
.th11 {width:34px; vertical-align:bottom;}
.th12 {width:34px; vertical-align:bottom;}
.th13 {width:34px; vertical-align:bottom;}
.th14 {width:34px; vertical-align:bottom;}
.th15 {width:34px; vertical-align:bottom;}
.th16 {width:34px; vertical-align:bottom;}
.th17 {width:34px; vertical-align:bottom;}
.th18{width:34px; vertical-align:bottom;}
.th19 {width:135px; vertical-align:bottom;}

.td1 {width:84px;}
.td2 {width:34px;}
.td3 {width:34px;}
.td4 {width:34px;}
.td5 {width:34px;}
.td6 {width:34px;}
.td7 {width:34px;}
.td8 {width:34px;}
.td9 {width:34px;}
.td10 {width:34px;}
.td11 {width:34px;}
.td12 {width:34px;}
.td13 {width:34px;}
.td14 {width:34px;}
.td15 {width:34px;}
.td16 {width:34px;}
.td17 {width:34px;}
.td18 {width:34px;}
.td19 {width:105px;}

.tableone {background: #FFCC33; border:1px solid #fff; color:#fff; font-size:12px;}
.tableone td {border:1px solid #fff; color:#fff;}
.tableone tbody {background: #ABBBC8; color:#000;}
.tableone caption {background:#fff; color:#697210; font-size:1.2em; margin:0 auto;}
.tabletwo td {background:#eee; color:#000;}
.tableone th, .tabletwo th {text-align:left;}
.tabletwo tr.dk td {background:#ddd; color:#000;}

.innerb {height:30em; overflow:auto;}

/*Before And After*/
/*Hover Box*/
p .hoverbox
{
	clear: both;
	font: 10px Verdana, sans-serif;
	padding: 10px 0;
	text-align: center;
}

p a .hoverbox
{
	background: inherit;
	color: #777;
}
p a:hover .hoverbox
{
	background: inherit;
	color: #000;
}

/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
	font-size:12px;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}
/*Light Box*/
#lightbox{
	position: absolute;
	top: 40px;
	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/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/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/nextlabel.gif) right 15% no-repeat; }


#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;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.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 */
	}	
	
/*End Before And After*/