ÿþ/*first are styles "general" to the site - container,

 logo, top menu bar, footer*/

/*next is the left-nav - not contained in above because it's not on the index page*/

/*next is the content - common to all pages other than index and maybe a few others*/

/*next are individual content styles - images, slide shows,

text*/



*{

	margin:0;

}

body{

color:#333333;

font-family:Verdana,sans-serif;

font-size:0.8125em;

font-style:normal;

font-variant:normal;

font-weight:normal;

line-height:1.8em

}



#container{

left:50%;

margin-left:-475px;

position:relative;

width:950px;

}



h2{

font-family:Verdana,sans-serif;

font-size:0.9em;

font-weight:normal;

letter-spacing:0.33em;

line-height:normal;

text-transform:uppercase;

padding:20px 0 20px 0;

text-align:center;

}



#title{

	width:200px;

	border-bottom:solid black 1px;

	border-bottom:1px dashed #666666;

}



h3{

font-family:Georgia,serif;

font-size:1.5em;

font-style:normal;

font-variant:normal;

font-weight:normal;

line-height:normal;

color:#999933;

text-align:center;

margin:20px 10px 10px 0;



}

.subhead{

	text-align:center;

}



.line{

text-align:center;

font-size:6pt;

}



h4{

font-family:Georgia,serif;

font-size:1.05em;

font-style:italic;

font-variant:normal;

font-weight:normal;

}



h5{

	font-family:Arial, Helvetica, Sans-serif;

	font-size:10pt;

	font-weight:bold;

	margin-top:15px;



}



h6{

	font-family:Arial, Helvetica, Sans-serif;

}



p.index{

	margin-bottom:1.5em;

}



hr.photos{

	height:1px;

	color:#CCCCCC;

	background-color:#CCCCCC;

	margin-bottom:15px;

	

}



#logo{

	top:1em;

	margin:0 0 20px 0;

	padding-top:5px;

	border:black solid 1px;

	float:right;

	width:100%;

	border:1px solid #999999;

}



#logo p{

	font-size:0.7em; 

	margin:10px 15px 2px 0;

	text-align:right;

}

/*-------top menu bar------------*/





/*-------end top menu bar--------*/







#right{

	position:relative;

	float:right;

	border-left:solid #CCCCCC 1px;

	margin:0 0 0 20px;

	padding:0 0 38px 0;

	border-bottom:solid #CCCCCC 1px;

	border-top:solid #CCCCCC 1px;

	width:380px;

	min-height:250px;

}



#upper_right{

	

	width:150px;

	margin:15px 0 0 150px;

	border-bottom:1px dashed #666666;

	text-align:center;

	min-height:50px;

}



#lower_right{

	margin: 0 0 0 20px; 

	padding:0 0 0 10px; 

	width: 350px; 

	height: 250px; 

	position: relative; 

	float: right; 

	top: 0px;

}



#customer_projects img{

	margin-bottom:20px;

 	display: block;   	

	margin-left: auto;   

	margin-right: auto;

	border-style:solid;

	border-width:1px;

	border-color:black;

	width:500px;

}





#customer_projects p{

	text-align:center

}



/*-------start footer------------*/

#footer{

	position: relative;

	width:950px;

 	left:50%;

	margin-left:-475px;

	padding-top:30px;

	clear:both;/*keeps footer from wrapping around the image*/

}

	

h6{

	position:relative;

	text-align:center;

}





/*footer_nav bar*/




#footer{

	position:relative;

}



#footer_nav{

	font-family: arial, helvetica, sans-serif;

	font-size:x-small;

	text-transform:uppercase;

	white-space:nowrap;

	list-style-type:none;

	text-align:center;

	margin:20px 0 0 0;

}



#footer_nav li {

	display:inline;

}





#footer_nav li a{

	padding:0.2em 1em;

	text-decoration:none;

}



#footer_nav li a:hover{

	

	color:black;

}



/*-------end footer--------------*/



/*--------------this ends the "general" section----------------------*/

/*--------------this ends the "general"section-----------------------*/

/*--------------this ends the "general"section-----------------------*/





.top{

	font-size:10pt;

	line-height:150%;

	padding:0;

	margin:15px 0 0 0;

	list-style:none;

	width:100%;

	color:#444;

}



li.shadow{

	padding-left:7px;

	text-transform:uppercase;

	font-family:arial;

	font-size:85%;



}



li.shadow a{

	color:#444;

}



.middle{

	font-family:Arial;

	font-size:80%;

	line-height:150%;

	padding:0 0 0 10px;

	color:#444;

	list-style:none;

	margin:-4px 0 4px 0;



	

}



/*---------This is for the roar site---------*/

#left_nav_roar{

	position:absolute;  

	top:104px; 

	padding:0; 

	width:150px; 

	height:900px;

	font-family:arial;

	font-size:0.85em;

	background:#FBFAF4;

	border:1px solid #999999;

	left:-2px;

}



#left_nav_roar ul{

	list-style:none;

	margin:80px 0 0 -30px;

}



#left_nav_roar li{

	color:black;

}



#left_nav_roar li a{

	color:black;

	text-decoration:none;

	

}



#left_nav_roar li a:hover{

	color:red;

}



#home .i1 

#photos .i2 a

#customer_comments .i3 a

#guarantee .i4 a

#raised_edge .i5 a

#portfolio .i6 a

#about_us .i7 a

#john .i8 a

#bob .i9 a

#yvonne .i10 a{

	color:#666666;

}









/*---------start content--------*/

#content{

	position:relative;	

	left:180px;

	width:770px;

	margin-top:10px;

} 



#pictures_section{

	border:solid 1px;

	border-color:#999999;

	margin-top:20px;

	padding:20px;

}



.left_pictures p{

	margin:60px 0 60px 60px;	

}



.right_pictures p{

	margin:60px 60px 60px 0

}



.pictures_section img{	

	margin:-20px 0 0 0;

}



.left_pictures{

	margin-bottom:20px;

	height:350px;	

}



.right_pictures{

	margin-bottom:20px;

	height:350px;	

}



.left_pictures img{

	float:left;

	width:500px;

	margin:-50px 15px 0 0;

}



.right_pictures img{

	float:right;

	width:500px;

	margin:-50px 0 0 15px;

}



.payment{

	margin-top:20px;

	position:relative;

	float:left;

	width:18%;

	border:1px solid #999999;

	text-align:center;

	min-height:130px;

}



.cost{

	position:relative;

	border:1px solid #666666;

	margin-top:30px;

}



.cost table{

    margin-left: auto;

    margin-right: auto;

}



.cost p{

	font-family:Georgia,serif;

font-size:1.2em;

font-style:normal;

font-variant:normal;

font-weight:normal;

line-height:normal;

color:#999933;

margin:20px 10px 10px 10px;

}

	



/*---------end content----------*/





/*--------start images-----------*/

img.float_left{

	float:left;

	margin:20px 5px 0 0;

}



/*----------end images----------*/



/*---------start text--------------*/







.right_caption{

	float:left;

	width:100%;

	margin-bottom:20px;

	margin-top:20px;

}



.right_caption img{

	float:left;

	margin:0 15px 0 0;

	border:1px solid black;

}



.right_caption p{

	margin-top:15px;

}



#case_studies{

	float:right; 

	border:1px solid #666666; 

	padding:6px; 	

	margin-left:6px;

	width:210px;

}



span.side_menu_small{

	font-family:arial,

		helvetica,

		Verdana,

		sans-serif;

	font-size:8pt;

	line-height:220%;

}





/*--------end text---------------*/