﻿

*{
margin:0;
padding:0;
}

body {

	margin: 0px;
	padding: 0px;
	background-color: #26282a;
background-image: url(images/bgmainBell2.jpg);
	background-repeat: repeat-x;
}





h1 {
text-decoration: none;
	color: #fff;
	margin: 0px;
	text-align:center;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;

	} 




h2 {
text-decoration: none;
	color: #757070;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;



	} 






h3 {
text-decoration: none;
	color: #fff;
	
		margin-left:10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;

	text-transform: uppercase;
	} 


p {
font-family: Tahoma, Geneva, sans-serif;
font-size:11px;
color: #CCCCCC;
text-decoration: none; 


	} 









.links { font-family:Verdana, Verdana, Geneva, sans-serif; font-size: 17px; color: #d9d6d6; text-decoration: none; text-transform:uppercase}
.links:hover {font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 17px; color: #80a498; text-decoration: none;text-transform:uppercase}

	.links2 { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #d9d6d6; text-decoration: none; text-transform:uppercase}







.linksz { font-family:Verdana, Verdana, Geneva, sans-serif; font-size: 13px; color: #d9d6d6; text-decoration: none; text-transform:uppercase; font-weight:bold;}


.linksz:hover { font-family:Verdana, Verdana, Geneva, sans-serif; font-size: 13px; color: #80a498; text-decoration: none; text-transform:uppercase; font-weight:bold;}





.MenuTitleBottom{
text-decoration: none;
	color: #999999;
	margin: 0px;
	text-align:center;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;

	

}




.MenuTitleTop{

text-decoration: none;

	color: #755555;

	margin: 0px;



	



	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:9px;



	



}





.style2 {

	font-size: 18px;

	color: #FFFFFF;

}















	 a.homeOver  {

	  float: left;

	  display: block;

	  width: 181px;

	  height: 127px;

	  background: url("images/logo.jpg") 0 0 no-repeat;

	  text-decoration: none;



  }

  

  a.homeOver:hover {

	  float: left;

	  display: block;

	  width: 181px;

	  height: 127px;

	  background: url("images/logo.jpg") 0 0 no-repeat;

	  text-decoration: none;

	

	}









	 a.gallOver  {
	  float: left;
	  display: block;
	  width: 226px;
	  height: 33px;
	  background: url("images/viewGall.jpg") 0 0 no-repeat;
	  text-decoration: none;

  }
  
  a.gallOver:hover {
	  float: left;
	  display: block;
	  width: 226px;
	  height: 33px;
	  background: url("images/viewGall.jpg") 0 0 no-repeat;
	  text-decoration: none;
	
	}










	 a.quoteOver  {
	  float: left;
	  display: block;
	  width: 213px;
	  height: 91px;
	  background: url("images/quoteBG.jpg") 0 0 no-repeat;
	  text-decoration: none;

  }
  
  a.quoteOver:hover {
	  float: left;
	  display: block;
	  width: 213px;
	  height: 91px;
	  background: url("images/quoteBG.jpg") 0 0 no-repeat;
	  text-decoration: none;
	
	}









	 a.servicesOver  {
	  float: left;
	  display: block;
	  width: 81px;
	  	  height: 33px;
	  background: url("images/serviceBtn.jpg") 0 0 no-repeat;
	  text-decoration: none;

  }
  
  a.servicesOver:hover {
	  float: left;
	  display: block;
	    width: 81px;
	 	  height: 33px;
	  background: url("images/serviceBtnOver.jpg") 0 0 no-repeat;
	  text-decoration: none;
	
	}





	 a.customerOver  {
	  float: left;
	  display: block;
	  width: 105px;
	  	  height: 33px;
	  background: url("images/custBtn.jpg") 0 0 no-repeat;
	  text-decoration: none;

  }
  
  a.customerOver:hover {
	  float: left;
	  display: block;
	   width: 105px;
	  	  height: 33px;
	  background: url("images/custBtnOver.jpg") 0 0 no-repeat;
	  text-decoration: none;
	
	}





	 a.contactOver  {
	  float: left;
	  display: block;
	  width: 79px;
	  	  height: 33px;
	  background: url("images/contactBtn.jpg") 0 0 no-repeat;
	  text-decoration: none;

  }
  
  a.contactOver:hover {
	  float: left;
	  display: block;
	  width: 79px;
		  height: 33px;
	  background: url("images/contactBtnOver.jpg") 0 0 no-repeat;
	  text-decoration: none;
	
	}







	 a.docOver  {
	  float: left;
	  display: block;
	  width: 98px;
	  	  height: 33px;
	  background: url("images/docBtn.jpg") 0 0 no-repeat;
	  text-decoration: none;

  }
  
  a.docOver:hover {
	  float: left;
	  display: block;
	  width: 98px;
	 	  height: 33px;
	  background: url("images/docBtnOver.jpg") 0 0 no-repeat;
	  text-decoration: none;
	
	}






#wrap {







	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	padding:0px;

	width: 910px;

	height:100%;

	background-image: url(images/mainBGBody.jpg);

	background-repeat: repeat-y;

	}

	



#header{

	float:left;

	margin-top:0px;

 	margin-left: 0px;	

	width: 910px;

	height: 146px;

	border-top:1px solid #333333;

	background-image:url(images/logoBg.jpg);

	background-repeat:no-repeat;

	

	}

	

	

#logo{
	float:left;
	margin-top:0px;
 	margin-left: 35px;	
	width: 181px;
	height: 127px;


	
	}
	
	*html #logo{
margin-left: 30px;	
}
	
	#topInfo{
	float:left;
	margin-top:59px;
 	margin-left: 15px;	
	width: 635px;
	height: 22px;
border-left:1px solid #755555;

	
	}
	
	
	*html #topInfo{
margin-left: 0px;	
}
	
	
	#topInfo2{
	float:left;
	margin-top:4px;
 	margin-left: 12px;	
	width: 205px;
	height: 15px;


	
	}
	
	
	
	#topInfo3{
	float:left;
	margin-top:4px;
 	margin-left: 125px;	
	width: 265px;
	height: 15px;


	
	}
	
	
	
	#topGallery{
	float:right;
	margin-top:30px;
 	margin-left: 125px;	
	width: 226px;
	height: 33px;


	
	}
	
	
	
#nav{
	float:left;
	margin-top:0px;
 	margin-left: 0px;	
	width: 910px;
	height: 266px;

	background-image:url(images/navBg.jpg);
	background-repeat: repeat-x;
	
	}
	
	
	
#flashPhoto{
	float:left;
	margin-top:0px;
 	margin-left: 0px;	
	width: 910px;
	height: 336px;
	
	
	}
	
	
	
#mainNav{
	float:left;
	margin-top:5px;
 	margin-left: 0px;	
	width: 225px;
	height: 315px;
	
	
	}
	
	
#btnNav{
	float:left;
	margin-top:5px;
 	margin-left: 0px;	
	width: 193px;
	height: 40px;	
	padding-right:32px;
	padding-top:17px;
	background-image:url(images/photoBtn.jpg);
	background-repeat: no-repeat;


	
	}
	
	#mainPic{
	float:left;
	margin-top:10px;
 	margin-left: 8px;	
	width: 580px;
	height: 319px;
	
	
	}
	
	
	
	
	
	#mainPicTitle{
	float:left;
	margin-top:0px;
 	margin-left: 0px;	
	width: 580px;
	height: 38px;
	background-color:#3e0101
	
	
	}
	
	#mainWhcontent{
	float:left;
	margin-top:0px;
 	margin-left: 0px;	
	width: 580px;
	height:280px;
	background-color:#fff
	
	
	}
	
	
	
	
	
	
	
	
	
	
	
#quote{
	float:left;
	margin-top:5px;
 	margin-left: 2px;	
	width: 219px;
	height: 142px;
	border:1px solid #755555;
	
	
	}
	
#quoteTitle{
	float:left;
	margin-top:3px;
 	margin-left: 3px;
	padding-top:12px;	
	width: 213px;
	height: 35px;
	background-color:#491B1B;

	
	
	}
	
	
	*html #quoteTitle{
margin-left: 1px;	
}
	
#quoteBG{
	float:left;
	margin-top:0px;
 	margin-left: 0px;
	padding:0px;	
	width: 213px;
	height: 91px;
	background-color:#491B1B;

	
	}
	
	
	
#textArea{
	float:left;
	margin-top:0px;
 	margin-left: 25px;	
	width: 465px;

	padding-left:10px;
	padding-right:10px;
	padding-top:7px;

	
	}
	
	
	
	
	
	
	
	
#textArea2{
	float:left;
	margin-top:30px;
 	margin-left: 45px;	
	width: 830px;
	

	
	}
	
	
	
	*html #textArea2{
margin-left: 20px;	
}
	
	
	
	
	
	
	
	
#roofPic{
	float:left;
	margin-top:0px;
 	margin-left: 13px;	
	width: 162px;
	height: 200px;
	
	
	}
	
	
	
#footerMain{
	float:left;
	margin-top:0px;
 	margin-left: 0px;	
	width: 910px;
	height:82px;

	
	}
	
	#suppliers{
	float:left;
	margin-top:10px;
 	margin-left: 0px;	
	width: 215px;
	height:70px;

	
	}
	
#footer{
	margin-top:40px;
 	margin-left: 270px;	
	width: 450px;
	height:30px;

	
	}
	
	
	
	
