/* CSS for the Premier Roofing Company WebSite (http://www.thepremierroofingcompany.com), Edition 3 */

body{
	background-color: #999999;
}

/*These are the Different Sections of the Page*/
#head{
	background-color: #999999;
	border:1px solid #999;
	text-align: center;
	position: relative; 
	height:115px;
	width: 800px;
}
#contact{
	background: #7b7b7b url(../css/gradient.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 2px;
	text-align: center;
	position: relative;
	height: 18px; 
	width: 800px;
}
#pic{
	background: #0d00af url(../images/roofs.jpg) no-repeat center;
	text-align: center;
	position: relative;
	height: 82px;
	width: 800px;
}
#bottom{
	background:#000 url(../images/barbot.jpg) no-repeat center;
	border:1px inset #000000;
	position: relative;	
	width:800px;
	height:60px;
}
#bpic{
	height:474px;
	width:150px;
	background:url(../images/bottom.jpg);
	border:0px;
	text-align:center;
}

/*Here are the Sections of the Text Area*/
#text{
	background-color: #999999;
	position: relative; 
	height: 625px; 
	width: 800px;
}
#left{
	float: left;
	width: 150px;
	height: 618px;
	background-color:#0d00af;
}
#right{
	float: right;
	height: 618px;
	width: 650px;
	background:#fff url(../images/bgimg.jpg) no-repeat center;
}
.left{
	margin-top:10px;
	float:left;
	width:50%;
}
.right{
	margin-top:10px;
	float:right;
	width:50%;
}
.text{
	clear:both;
}

/*Specific and Global Properties*/
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
	color: #000000;
	text-align: left;
}
p.important{
	text-align: center;
	font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
	text-align: center;
	color: #000000;
	margin-top:15px;
	margin-bottom:15px;
	color:#0d00af;
}
b{
	color:#0d00af;
}
#text h3{
	text-align:center;
	font-size:20px;
}
img{
	border:0px;
}
.contact{
	width:400px;
}
.contact td{
	vertical-align:top;
	color:#0d00af;
	font-family:Arial, Helvetica, sans-serif;
}
li{
	margin-left:50px;
	text-align:left;
}
.cl{
	margin-left:5px;
	margin-right:5px;
}
.imp{
	margin-right:80px;
	margin-left:80px;
	font-size:15px;
	font-style:italic;
}
#pics img{
	border:1px solid #00f;
}

/*This is the Navbar Property Section*/
#left a:Hover{
	background-position:left;
}
.nav{
	height:24px;
}
a.home {
	display:block;
	width:150px;
	height:24px;
	background-image:url(home.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
a.about {
	display:block;
	width:150px;
	height:24px;
	background-image:url(about.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
a.products {
	display:block;
	width:150px;
	height:24px;
	background-image:url(products.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
a.photos {
	display:block;
	width:150px;
	height:24px;
	background-image:url(photos.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
a.ref {
	display:block;
	width:150px;
	height:24px;
	background-image:url(ref.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
a.contact {
	display:block;
	width:150px;
	height:24px;
	background-image:url(contact.jpg);
	background-position:right;
	background-repeat:no-repeat;
}