body{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; line-height: 13.5pt; font-weight: normal; color: #333333}

td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8.5pt; line-height: 13.5pt; font-weight: normal; color: #333333}
.white_body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9.5pt; font-weight: normal; color: #FFFFFF; font-style: normal}
.footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7.5pt; font-weight: normal; color: #000000 ; line-height: 9pt}
.header {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9.5pt; font-style: italic; color: #333333}
#container {
	height: auto;
	width: 718px;
	margin: 0 auto;
}
hr.c {
	border: none 0;
	border-top: 2px solid #e00;/*the border*/
	width: 75%;
	text-align: left;
	height: 2px;/*whatever the total width of the border-top and border-bottom equal*/
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
hr.d {
	border: none 0;
	border-top: 2px solid #e00;/*the border*/
	width: 75%;
	text-align: center;
	height: 2px;/*whatever the total width of the border-top and border-bottom equal*/
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 100px;
	}
hr.b {
	border: none 0;
	border-top: 2px solid #e00;/*the border*/
	width: 100%;
	text-align: left;
	height: 2px;/*whatever the total width of the border-top and border-bottom equal*/
	margin-top: 10px;
	margin-bottom: 10px;
}


h1 {
	background-image: url(graphics/title_bar_bg.gif);
	background-repeat: repeat-x;
	float: left;
	height: 25px;
	width: 100%;
	padding-top: 4px;
	padding-left: 5px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.bar75 {
	float: left;
	width: 75%;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-top-color: #DB0F10;
	border-right-color: #DB0F10;
	border-bottom-color: #DB0F10;
	border-left-color: #DB0F10;
	clear: both;
	height: 2px;
	margin-bottom: 15px;
}
#main {
	width: 720px;
	float: left;
}
#footer {
	text-align: center;
	width: 720px;
}
body {
margin: 0;
	padding: 0;	
}
#header {
	background-image: url(graphics/aspect_ceilings_header.jpg);
	width: 718px;
	height: 142px;
	background-attachment: inherit;
	background-repeat: no-repeat;
	background-position: 0px 27px;
}
#top_nav {
	height: 22px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 8pt;
}
#top_nav ul
{
	padding-top: 6px;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	float: left;
	padding-left: 25px;
}

#top_nav ul li {
	display: inline;
}

#top_nav ul li a
{
	color: #ACACAC;
	text-decoration: none;
	letter-spacing: normal;
	font-family: Tahoma, Geneva, sans-serif;
	padding-right: 14px;
	font-weight: bold;
}

	
#top_nav ul li a:hover
{
	color: #000;	
}
.left_pics {
	float: left;
	width: 228px;
	padding-top: 25px;
	text-align: center;
}
.left_pics2 {
	float: left;
	width: 228px;
	padding-top: 25px;
	text-align: center;
	font-size: 10px;
	line-height: normal;
}

.column1 {
	padding-top: 25px;
	padding-left: 15px;
	float: left;
	width: 470px;
}
.column_full {
	padding-top: 25px;
	padding-left: 15px;
	float: left;
	width: 680px;
}
h2 {
	font-size: 115%;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

.left_pics img {
	padding-bottom: 35px;
	text-align: center;
}
.left_pics2 img {
	padding-bottom: 0px;
	text-align: center;
}

h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-left: 0px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
	text-align: justify;
}
#home_nav {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
}
#footer_logos {
	height: 100px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#accreditations {
	float: left;
	width: 100%;
	padding-top: 10px;
	line-height: normal;
}
.accred {
	background-image: url(graphics/ceilings-association-interior-specialists.jpg);
	height: 70px;
	width: 600px;
	padding-left: 100px;
	padding-top: 15px;
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
.accred2 {
	background-image: url(graphics/ceilings-enviro-award.jpg);
	height: 70px;
	width: 600px;
	padding-left: 100px;
	padding-top: 15px;
	background-repeat: no-repeat;
	background-position: -10px 10px;
}
.accred3 {
	background-image: url(graphics/ceilings-chas-logo.jpg);
	height: 70px;
	width: 600px;
	padding-left: 100px;
	padding-top: 15px;
	background-repeat: no-repeat;
	background-position: -10px 0px;
}
.accred_title {
	padding-top: 25px;
}
#content_window {
	width:664px;
	height:150px;
	float:left;
	background-color: #E5E5E5;
	padding: 10px;
	margin-top: 20px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	}
#content_window img{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	}	
	
#map_canvas{
	width:500px;
	height:320px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-left: 0px;
	margin-left: 15px;
	float: left;
	}	
#project_links {
	width:160px;
	height:320px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-left: 0px;
	margin-left: 15px;
	float: left;
}

.card {
	height: 160px;
	width: 155px;
	float: left;
	font-size: 9px;
	background-color: #ddd;
	text-align: center;
	padding-top: 12px;
	color: #333;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	line-height: 100%;
	padding-right: 5px;
	padding-left: 5px;
}