/*********** layout divs ***********/

#wrapper{
	width: 991px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#header {
	float: left;
	width: 991px;
	height: 170px;
	background-color:#fff;
	background-image: url(../images/img_headerbk.jpg);
}

#headerlogo {
	float:left;
	width:357px;
	margin: 30px 0px 0px 28px;
	background-color: #B61954;
}

#headerphoto {
	float:right;
	width:500px;
	margin: 20px 0px 0px 0px;
	padding-right: 50px;
	background-color: #fff;
}

#headernavbar {
	float:right;
	width:500px;
	height:40px;
	padding-right: 62px;
}

#content {
	float: left;
	width: 991px;
	background-color: #FFF;
}

#leftnav {
	float:left;
	width: 262px;
	margin: 40px 0px 0px 50px;
}

#leftnav  ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#leftnav li {
	margin-bottom:20px;
	height:31px;
	width:262px;
	display: block;
}

.commercialroofing a {
	float:left;
	background:url(../images/but_commercial_roofing.jpg) #fff no-repeat;
	display: block;
	margin:0px;
}

.commercialroofing a:hover, .commercialroofingcurrent {
	float:left;
	background:url(../images/but_commercial_roofing_over.jpg) #fff no-repeat;
	display: block;
	margin:0px;
}

.commercialroofing img {
	border:0px;
}

.commercialroofingcurrent img {
	border:0px;
}

.slatingtiling a {
	float:left;
	background:url(../images/but_slating_tiling.jpg) #fff no-repeat;
	display: block;
	margin:0px;
}

.slatingtiling a:hover, .slatingtilingcurrent {
	float:left;
	background:url(../images/but_slating_tiling_over.jpg) #fff no-repeat;
	display: block;
	margin:0px;
}

.slatingtiling img {
	border:0px;
}

.slatingtilingcurrent img {
	border:0px;
}

.topcontactus a {
	float:left;
	background:url(../images/but_contact_us.jpg) #fff no-repeat;
	display: block;
	margin:0px;
}

.topcontactus a:hover, .topcontactuscurrent {
	float:left;
	background:url(../images/but_contact_us_over.jpg) #fff no-repeat;
	display: block;
	margin:0px;
}

.topcontactus img {
	border:0px;
}

.topcontactuscurrent img {
	border:0px;
}

.home a {
	background:url(../images/leftnav_home.jpg) #fff no-repeat;
	display: block;
}

.home a:hover, .homecurrent {
	background:url(../images/leftnav_home_over.jpg) #fff no-repeat;
	display: block;
	border:0px;
}

.home img {
	border:0px;
}

.homecurrent img {
	border:0px;
}

.companyprofile a {
	background: url(../images/leftnav_companyprofile.jpg) #fff no-repeat;
	display: block;
}

.companyprofile a:hover, .companyprofilecurrent {
	background:url(../images/leftnav_companyprofile_over.jpg) #fff no-repeat;
	display: block;
}

.companyprofile img {
	border:0px;
}

.companyprofilecurrent img {
	border:0px;
}

.recentprojects a {
	background: url(../images/leftnav_recentprojects.jpg) #fff no-repeat;
	display: block;
}

.recentprojects a:hover, .recentprojectscurrent {
	background:url(../images/leftnav_recentprojects_over.jpg) #fff no-repeat;
	display: block;
}

.recentprojects img {
	border:0px;
}

.recentprojectscurrent img {
	border:0px;
}

.currentprojects a {
	background: url(../images/leftnav_currentprojects.jpg) #fff no-repeat;
	display: block;
}

.currentprojects a:hover, .currentprojectscurrent {
	background:url(../images/leftnav_currentprojects_over.jpg) #fff no-repeat;
	display: block;
}

.currentprojects img {
	border:0px;
}

.currentprojectscurrent img {
	border:0px;
}

.photogallery a {
	background: url(../images/leftnav_photogallery.jpg) #fff no-repeat;
	display: block;
}

.photogallery a:hover, .photogallerycurrent {
	background: url(../images/leftnav_photogallery_over.jpg) #fff no-repeat;
	display: block;
}

.photogallery img {
	border:0px;
}

.photogallerycurrent img {
	border:0px;
}

.suppliers a {
	background:url(../images/leftnav_suppliers.jpg) #fff no-repeat;
	display: block;
}

.suppliers a:hover, .supplierscurrent {
	background:url(../images/leftnav_suppliers_over.jpg) #fff no-repeat;
	display: block;
}

.suppliers img {
	border:0px;
}

.supplierscurrent img {
	border:0px;
}

.contactus a {
	background: url(../images/leftnav_contactus.jpg) #fff no-repeat;
	display: block;
}

.contactus a:hover, .contactuscurrent {
	background: url(../images/leftnav_contactus_over.jpg) #fff no-repeat;
	display: block;
}

.contactus img {
	border:0px;
}

.contactuscurrent img {
	border:0px;
}

.leftnavtext {
	color:#A8A2A1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	margin-left: 10px;
	margin-bottom:10px;
	line-height:1.5;
}

#contenttext {
	float:right;
	width: 490px;
	margin-top: 40px;
	padding:0px 60px 20px 0px;
}

#contenttext p {
	padding: 0px 41px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:2;
	font-size: 11px;
	color: #333333;
	text-align:justify;
}

#contenttext a {
	color:#E8321A;
	text-decoration:none;
}

#contenttext a:hover {
	color:#BEBDBB;
	text-decoration:underline;
}

/*********** body styles ***********/

body, #wrapper {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333;
	margin-top: 0px;
	background-color: #fff;
}

/************ heading styles **********/

.welcome-title {
	background: url(../images/hd_welcome.jpg) no-repeat; 
	text-indent:-9999px;
	margin:0; 
	padding:0;  
	display:block;
	width:480px;
	height:22px; 
}

.companyprofile-title {
	background: url(../images/hd_companyprofile.jpg) no-repeat; 
	text-indent:-9999px;
	margin:0; 
	padding:0;  
	display:block;
	width:480px;
	height:22px; 
}

.recentprojects-title {
	background: url(../images/hd_recentprojects.jpg) no-repeat; 
	text-indent:-9999px;
	margin:0; 
	padding:0;  
	display:block;
	width:480px;
	height:22px; 
}

.currentprojects-title {
	background: url(../images/hd_currentprojects.jpg) no-repeat; 
	text-indent:-9999px;
	margin:0; 
	padding:0;  
	display:block;
	width:480px;
	height:22px; 
}

.photogallery-title {
	background: url(../images/hd_photogallery.jpg) no-repeat; 
	text-indent:-9999px;
	margin:0; 
	padding:0;  
	display:block;
	width:480px;
	height:22px; 
}

.suppliers-title {
	background: url(../images/hd_suppliers.jpg) no-repeat; 
	text-indent:-9999px;
	margin:0; 
	padding:0;  
	display:block;
	width:480px;
	height:22px; 
}

.contactus-title {
	background: url(../images/hd_contactus.jpg) no-repeat; 
	text-indent:-9999px;
	margin:0; 
	padding:0;  
	display:block;
	width:480px;
	height:22px; 
}

.commercialroofing-title {
	background: url(../images/hd_commercialroofing.jpg) no-repeat; 
	text-indent:-9999px;
	margin:0; 
	padding:0;  
	display:block;
	width:480px;
	height:22px; 
}

.slatingtiling-title {
	background: url(../images/hd_slatingtiling.jpg) no-repeat; 
	text-indent:-9999px;
	margin:0; 
	padding:0;  
	display:block;
	width:480px;
	height:22px; 
}

.imageborder {
	border:2px solid #000;
}

.suppliers {
	border:0;
	padding-right:10px;
}

/************ form styles ************/

fieldset {
	width: 35em;
	margin-bottom: 5px;
	border:0px;
}

input {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0.5em 0em 0em 0em;
}

label {
	float: left;
	width: 8em;
	text-align: left;
	margin: 0.5em 0.5em 0em 0em;
	display: block;
}

select {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0.5em 0em 0em 0em;
}

textarea {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0.5em 0em 0em 0em;
}

/******** gallery popup styles ********/

#popupwrapper{
	width: 650px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

#popupcontent {
	float: left;
	width: 650px;
	background-color: #FFF;
	padding-top: 20px;
	padding-left:20px;
}

/*********** footer styles ***********/

#footer {
	clear:both;
	width: 991px;
	height:101px;
	background-color: #E3280A;
	background-image: url(../images/img_footerbk.jpg);
}

#footer p {
	padding-top:40px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
	color: #fff;
}

.footerleft {
	float:left;
	margin:0px;
	padding-left: 110px;
	text-align:left;
}

.footerright {
	float:right;
	margin:0px;
	padding-right: 50px;
	text-align:right;
}

#footer a {
	margin-right: 7px;
}

#footer a:link, a:visited {
	color: #fff;
	text-decoration:none;
}

#footer a:hover {
	color: #fff;
	text-decoration:underline;
}

#footerdesign {
	float: left;
}

#footerdesign p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#333;
}

#footerdesign a:link, a:visited {
	color:#333;
	text-decoration:none;
}

#footerdesign a:hover {
	color:#333;
	text-decoration:underline;
}