/* CSS Document */

body  {
	font: 12px "Lucida Grande", verdana, arial, helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666;
	background-color:#828181;
	background-image: url(../images/greybg.jpg);
	background-repeat: repeat-x;
}



img {border:none;}




.thrColEls #container { 
	width: 66em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background-color:#FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(../images/mainbg.jpg);
	background-repeat: no-repeat;
} 



.thrColEls #containerHome { 
	width: 66em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background-color:#FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image: url(../images/bghome.jpg);
	background-repeat: no-repeat;
} 





/* Tips for mainContent:



1. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs that may occur.
*/
.thrColEls #mainContent {
	margin: 0 2em 0 2em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */
	
} 


.thrColEls #Content {
padding-top:137px;   /* the top margin can be given in ems or pixels. It moves the content down below the background image in the container */
	
} 


.thrColEls #Content h1{
color:#333399;
font-size:18px;
}

.thrColEls #Content h1{
font: 18px "Trebuchet MS", Trebuchet, sans-serif; color:#99cc00;

}


.thrColEls #Content h2{
font: 14px "Trebuchet MS", Trebuchet, sans-serif; color:#f15474;

}



a {
color: #00B3E8;
text-decoration: none;
padding: 0 0 1px;
outline: 0;

}



.thrColEls #menu {
margin: 0px;
padding:0;
}

.CenterMe {
text-align:center;
}


.tables {
padding: 0px;
width: 500px;

}

.tables td {
padding: 1px;
border: 1px solid #666666;
}

#tablesdocbind {
padding: 0px;
width: 300px;

}

#tablesdocbind td {
padding: 1px;
border: 1px solid #666666;
}



.thrColEls #menu ul {
padding:0;
margin;
}


.bolder {
font-weight:bolder;
}

.thrColEls #ContactArea  { width:92%;  }

.contactOfficeImage {
	padding-left: 25px;
}

.thrColEls #menu ul li {
	display: inline;
	padding-left: 27px;
}

.thrColEls #menu ul li a {
	background: url(../images/bullet.gif) no-repeat left;
	font-family:"Trebuchet MS", Trebuchet, sans-serif;
	padding-left:18px;
	margin-right:0px;
	color:#99cc00;
	text-decoration: none;
	vertical-align:top;
	text-align:right;
	font-size:14px;
	font-weight:bolder;	
}

.thrColEls #menu ul li a:hover {
background: url(../images/bulletover.gif) no-repeat left;
color:#f15474;
	
}




.thrColEls #clientArea  { width:96%; }

.thrColEls #logoleftcol {
width:240px;
float:left;
padding: 15px 0;


}

.thrColEls #clientrightcol {
width:400px;
float:right;
padding: 15px 0;

}




.italic {
	font-style: italic;
}

/* footer styles -------------------- */
#footer { width:66em; margin: auto; background-color:#FFF; border-top:#999 1px solid; }

.footerText { font-size:10px; text-align:center; padding-bottom:5px; padding-right:5px;
}


ul li {
line-height:20px;}

a {
color:#81aa05;
}
a:hover {
color:#f15474;
text-decoration:underline;
}
a:visited {
color:#000000;
}


/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 2px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 2px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.paddleft { /* this is used to padd the large view photos underneath bulletted points */
padding-left:22px;

}

p {
text-align:justify;

}
<!--[if IE]>

/* place css fixes for all versions of IE in this conditional comment */
.thrColEls #sidebar1, .thrColEls #sidebar2 { padding-top: 30px; }
.thrColEls #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
-->