@charset "utf-8";

#productsSlideShow img{
}

.loadinggif
{
	background-image: url(../images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position: center;
	width: 450px;
	height: 339px;
}

html{
	overflow-y: scroll;
}
body, div, p, ul, li, h1, h2, p{
	margin: 0px;
	padding: 0px;
}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}
#contentleft h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #838486;
	margin-bottom: 0.5em;
}
#contentleft h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #838486;
	margin-bottom: 0.5em;
}
#contentleft p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #272526;
	margin-bottom: 1.8em;
	line-height: 1.3em;
}
#contentleft ul, .topgallery ul{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #272526;
	margin-bottom: 1.8em;
	padding-left:19px;
}

#contentleft li, .topgallery li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #272526;
}
#contentleft table, .topgallery table{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #272526;
	margin-bottom: 1.8em;

}
#contentleft td, .topgallery td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #272526;
	background-color: #F5F5F6;
	padding:5px;
	border:#FFFFFF solid 1px;
}




#wrapper1 {
	width: 996px;
	margin: 0px auto 0px auto;
	height: 574px;
	background-image: url(../images/wrapper1.jpg);
	background-repeat: no-repeat;
}
#wrapper2 {
	width: 904px;
	margin: 0px auto 0px auto;
}
body {
	background-image: url(../images/bg1.jpg);
	background-repeat: repeat-x;
}
#top {
	height: 19px;
	font-size: 10px;
	color: #272526;
	padding: 6px 19px 0px 0px;
	text-align:right;
}
#top a{
	color: #999999;
	text-decoration:none;
}
#top a:hover{
	color: #D83D44;
	text-decoration:none;
}

#footprints ul{
	list-style:none;
}
#footprints ul li{
	display:inline;
}
#footprints {
	height: 33px;
	font-size: 11px;
	color: #272526;
	padding: 9px 0px 0px 19px;
}
#footprints a{
	color: #D83D44;
	text-decoration:none;
}
#footprints a:hover{
	color: #999999;
}

#footer {
	height: 19px;
	background-color: #ECECEC;
	font-size: 10px;
	color: #272526;
	padding: 6px 0px 0px 19px;
	clear: both;
	width: 885px;

}
#footer a{
	color: #999999;
	text-decoration:none;
}
#footer a:hover{
	color: #D83D44;
	text-decoration:none;
}

#logo {
	height: 66px;
	padding: 26px 0px 0px 19px;
}
#nav {
	height: 62px;
	width: 904px;
}
#nav ul{
	list-style:none;
	text-indent:-9999px;
}
#nav ul li{
	display:inline;
}
.hom a{
	height: 32px;
	width: 37px;
	float: left;
	margin-left: 19px;
	background-image: url(../images/home.jpg);
	background-repeat: no-repeat;
	display:block;

}
.res a{
	height: 32px;
	width: 75px;
	float: left;
	margin-left: 17px;
	background-image: url(../images/residential.jpg);
	background-repeat: no-repeat;
	display:block;

}
.com a{
	height: 32px;
	width: 81px;
	float: left;
	margin-left: 17px;
	background-image: url(../images/commercial.jpg);
	background-repeat: no-repeat;
		display:block;
}
.other a{
	height: 32px;
	width: 98px;
	float: left;
	margin-left: 17px;
	background-image: url(../images/otherservices.jpg);
	background-repeat: no-repeat;
}
.recent a{
	height: 32px;
	width: 56px;
	float: left;
	margin-left: 17px;
	background-image: url(../images/recentprojects.jpg);
	background-repeat: no-repeat;
}
.hom a:hover{
	height: 32px;
	width: 37px;
	float: left;
	margin-left: 19px;
	background-image: url(../images/home_ro.jpg);
	background-repeat: no-repeat;

}

.res a:hover{
	height: 32px;
	width: 75px;
	float: left;
	margin-left: 17px;
	background-image: url(../images/residential_ro.jpg);
	background-repeat: no-repeat;

}
.com a:hover{
	height: 32px;
	width: 81px;
	float: left;
	margin-left: 17px;
	background-image: url(../images/commercial_ro.jpg);
	background-repeat: no-repeat;
}
.other a:hover{
	height: 32px;
	width: 98px;
	float: left;
	margin-left: 17px;
	background-image: url(../images/otherservices_ro.jpg);
	background-repeat: no-repeat;
}
.recent a:hover {
	height: 32px;
	width: 56px;
	float: left;
	margin-left: 17px;
	background-image: url(../images/recentprojects_ro.jpg);
	background-repeat: no-repeat;
}
#nav .hom .mainselected {
	background-image: url(../images/home_se.jpg);
	background-repeat: no-repeat;
}
#nav .res .mainselected {
	background-image: url(../images/residential_se.jpg);
	background-repeat: no-repeat;
}
#nav .com .mainselected {
	background-image: url(../images/commercial_se.jpg);
	background-repeat: no-repeat;
}
#nav .other .mainselected {
	background-image: url(../images/otherservices_se.jpg);
	background-repeat: no-repeat;
}
#nav .recent .mainselected {
	background-image: url(../images/recentprojects_se.jpg);
	background-repeat: no-repeat;
}
#nav2 {
	background-image: url(../images/contentback.jpg);
	background-repeat: no-repeat;
	height: 35px;
	padding-top:14px;
}
#nav2 ul{
	list-style:none;
	margin-left:19px;

}
#nav2 ul li{
	display:inline;
}

#nav2 a{
	padding:4px 7px 0px 7px;
	height: 18px;
	float: left;
	margin-left: 1px;
	background-image: url(../images/navback.png);
	display:block;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:none;
}

#nav2 a:hover{
	height: 18px;
	float: left;
	margin-left: 1px;
	background-image: url(../images/navback.png);
	display:block;
	font-size: 11px;
	color: #D83D44;
	text-decoration:none;
}
#contentleft {
	width: 632px;
	float: left;
	padding: 0px 0px 0px 19px;
	min-height: 378px;
}
#content {
	padding-bottom: 31px;
	float: left;
}
#contentright {
	width: 221px;
	float: left;
}

.tileimage {
	height: 150px;
	width: 201px;
	background-position: center center;
	background-color: #929294;
}

.tile {
	background-color: #ECECED;
	height: 183px;
	width: 201px;
	background-image: url(../images/bottomcorner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 30px;
	float: left;
}
.tile p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #272526;
	padding: 9px 10px 0px 10px;
}

.tile a {
cursor: hand;
}



#gallery .tile {
	margin-right: 20px;
}

#gallery {
	width: 885px;
	float: left;
	padding: 0px 0px 0px 19px;
	margin-bottom: 1.8em;
	min-height: 378px;
}



.topgallery {
	width: 632px;
}

.topgallery h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #838486;
	margin-bottom: 0.5em;
}
.topgallery h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #838486;
	margin-bottom: 0.5em;
}
.topgallery p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #272526;
	margin-bottom: 1.8em;
	line-height: 1.3em;
}

#nav2 .navselected a {
	color: #D83D44;
}

#home {
	height: 379px;
	width: 904px;
	float: left;
}
#homeleft {
	height: 379px;
	width: 405px;
	float: left;
	background-image: url(../images/homeback.jpg);
	background-repeat: no-repeat;
	padding-left: 19px;
	padding-right: 30px;
}
#homeright {
	height: 379px;
	width: 450px;
	float: left;
	background-color: #666666;
}
#homeleft h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 14px;
	margin-top: 40px;
}
#homeleft p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	line-height: 16px;
}
#contentleft a, .topgallery a{
	 color:#D83D44;
	 text-decoration:none;
}
#homeleft a{
	 color:#D83D44;
	 text-decoration:none;
}
#homeleft a:hover, #contentleft a:hover, .topgallery a:hover{
	color: #999999;
}
.sitemap a, .sitemap a:hover{
	 background: none;
	 padding: 0px;
	 margin: 0px;
}
.sitemap .hom a, .sitemap .com a, .sitemap .com a:hover, .sitemap .res a, .sitemap .res a:hover, .sitemap .other a, .sitemap .other a:hover, .sitemap .recent a, .sitemap .recent a:hover{
	float: none;
	height: auto;
}