/*Main Css Petersen Paiting*/
body{
	background-color: #C0C0C0;
	color: #FFFFFF;
	margin-top: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#page{
	width: 800PX;
	height: 720PX;
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

#linkToHome
{
width: 290px;
height: 55px;
padding-left:30px;
position: relative;
float:left;
}


#Telephone{ /*Holder for the Schedule an Estimate Image*/
	width: 800px;
	height: 30px;
	margin-top: 45px;
	text-align: right;
	float: right;
	position: relative;
}

#SquaretMenu1{ /*Holder for hte First 3 menu links*/
	width: 336px;
	height: 265px;
	position: relative;
	float: left;

}

#RightHolderHome{ /*Holder for the testimonial home page*/
	width: 464px; 
	height: 265px;
	position: relative;
	float: right;
}

#TestimonialHolder{
	width: 312px;
	height: 150px;
	position: relative;
	float: right;
	margin-left: 152px;
	margin-top: 78px;
}

#UtahPremier{
	width: 341px;
	height: 18px;
	margin-top: 13px;
	position: relative;
	float: left;
	margin-left: 90px;
}

#LeftMenuEmpty{
	width: 335px;
	height: 98px;
}

.MenuLink a:link{
color: #FFFFFF;
text-decoration: none;
}

.MenuLink a:visited{
color: #FFFFFF;
text-decoration: none;
}

.MenuLink a:active{
color: #5581A6;
text-decoration: none;
}

.MenuLink a:hover{
color: #004d8e;
text-decoration: none;
}

#LinkAboutPetersen{
	width: 335px;
	height: 36px;
	margin-top: 15px;
	font-size: 13px;
	position: relative;
	float: left;
	text-align: right;	
}

#LinkOurServices{
	width: 255px;
	height: 36px;
    margin-top: 18px;
	font-size: 13px;
	position: relative;
	float: left;
	text-align: right;	
}

#LinkTheGallery{
	width: 195px;
	height: 36px;
	margin-top: 21px;
	font-size: 13px;
	position: relative;
	float: left;
	text-align: right;	
}

#LinkContactUs{
	width: 135px;
	height: 36px;
	margin-top: 16px;
	position: relative;
	font-size: 13px;
	float: left;
	text-align: right;	
}
#LinkPetersenTips{
	width: 98px;
	height: 36px;
	margin-top: 16px;
	position: relative;
	font-size: 13px;
	float: left;
	text-align: right;		
}

#ImagesContainer{
	width: 665px;
	height:160px;
	position: relative;
	float: right;
	padding-top:15px;
}

#ImageContainerLeftSide{
	width:135px;
	height:122px;
	float:left;
	position:relative;
	background-image:url(images/hpPicturesLeft.jpg);
	background-position:right;

	background-repeat:no-repeat;
}

#GreyBarContainer{
	width: 800px;
	height: 185px;
	position: relative;
	float: left;
	background-image:url(images/greybarbg.gif);
	background-repeat:no-repeat;
	}

#GreyBarContainer a:link{
color: #FFFFFF;
text-decoration: none;
}

#LeftGreyBarSpace{
margin-left: 12px;
}

.GreyBarItems{
	width:197px;
	height:55px;
	margin-top: 8px;
	position: relative;
	float: left;
	text-align: center;
	font-size: 22px;
	}
	
.GreyBarItems a:link{
color: #FFFFFF;
text-decoration: none;
cursor: default;
}

.GreyBarItems a:visited{
color: #FFFFFF;
text-decoration: none;
cursor: default;
}

.GreyBarItems a:active{
color: #FFFFFF;
text-decoration: none;
cursor: default;
}

.GreyBarItems a:hover{
color: #FFFFFF;
text-decoration: none;
cursor: default;
}


.GreyBarDrop{
	width:197px;
	height: 108px;
	position: relative;
	float: left;
	display: block;
	visibility: hidden;

}

.GreyBarDropContainer{
	width:181px;
	height: 66px;
	background-image: url(images/Dropbg.png);
	background-repeat: no-repeat;
	position: relative;
	float: left;
	font-size: 9px;
	padding-left: 8px;
	padding-right:8px;
	padding-top: 12px;
	padding-bottom: 30px;
	font-family:Arial, Helvetica, sans-serif;
}

.GreyBarDropContainer b{
color: #98b5e7;
font-weight: bold;
}


	
.BottomLinks{
	height: 18px;
	float: left;
	position: relative;
	font-size: 9px;
	color: #494848;
	padding-left: 28px;
	font-weight: normal;
	}
.BottomLinks a:link{
	font-size: 9px;
	color: #494848;
	text-decoration: none;
	}

.BottomLinks a:active{
	font-size: 9px;
	color: #494848;
	text-decoration: none;	}

.BottomLinks a:visited{
	font-size: 9px;
	color: #494848;
	text-decoration: none;	}

	
.BottomLinks a:hover{
	font-size: 9px;
	color: #494848;
	text-decoration: underline;	}


.DropDownBar{
	width: 197px;
	height: 108px;
	background-image: url(images/Dropbg.png);
	background-repeat: repeat;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.DropDownText{
	width: 182px;
	margin-left: 10px;
	padding-top: 12px;
}

#photodiv{
height: 150px;
}

#photoimg{
height: 150px;
}

/***********************AboutUsPageCSS********************************************/
.aboutUsRightPane
{
	width: 275px;
	height: auto;
	padding-left: 5px;
	padding-right: 40px;
	position: relative;
	float: right;
	padding-top: 100px;
	font-size: 12px;
	color: #171717;
	line-height: 20px;
}

.aboutUsLeftPane
{
	width: 144px;
	height: 265px;
	position: relative;
	float: left;
}

#aboutUsLeftSide{
	width: 480px;
	height: 175px;
	position: relative;
	float: left;
}

#aboutUsTestimonialHolder{
	width: 290px;
	height: 165px;
	position: relative;
	float: right;
	margin-left: 0px;
	margin-top: 0px;
}



/*****************SlideShow****************************************/
	#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs{	/* Width of divs for thumbnails */
				width:675px;
		height: 17px;
		margin-right: 0px;
	}
	
	#DHTMLgoodies_panel_one{		
		float:right;
		margin-right: 0px;	
	}
	#DHTMLgoodies_thumbs{
		overflow:hidden;	/* Don't change this */
		height:175px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
		float:right;
	}
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width:675px;	/* Width of strip */
		padding:0px;	/* "Air" inside filmstrip div */
		position:absolute;
		float:left;
	}
	
	.strip_of_thumbnails div{

	}
	.strip_of_thumbnails img{
	margin:0px;
	float:left;
	}
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
	/* Green border around active thumbnail */

	}
	.leftArrow{
		float:left;
		padding-left: 90px;
	}
	.rightArrow{
		float:right;
	}
	#DHTMLgoodies_thumbs_inner{
		position:relative;	/* Never change this */
		width:1000px;

	}	
/**********************End SlideShow*************************************/
#contactUsLeftSide{
	width: 330px;
	height: 175px;
	position: relative;
	float: left;
}

.contactUsLeftPane
{
	width: 144px;
	height: 265px;
	position: relative;
	float: left;
}

#contactUsLeftSideBottom
{
width: 144px;
height:300px;
position: relative;
float:left;
}

.contacts1
{
width: 144px;
height: 150px;
position: relative;
float: left;
margin-top: 150px;
text-align: right;
color: #000000;
font-size: 12px;
}

.contacts2
{
width: 144px;
height: 150px;
position: relative;
float: left;
text-align: right;
color: #000000;
font-size: 12px;
}

#ContactForm
{
	/*background-image: url(images/contactContainer.gif);*/
	background-repeat:no-repeat;
	width: 270px;
	height: 416px;
	position: relative;
	float: right;
	margin-right: 15px;
	font-weight:normal;

	padding-left: 12px;
	font-size: 9px;
	color: #000000;
}


/***************Gallery*****************/

#RightHolderGallery{
	width: 434px;
	height: 100px;
	position: relative;
	float: right;
	text-align: right;
	padding-right: 30px;
}

#RightHolderGallery a:link{
color: #FFFFFF;
text-decoration: none;
}

#RightHolderGallery a:visited{
color: #FFFFFF;
text-decoration: none;
}

#RightHolderGallery a:active{
color: #004d8e;
text-decoration: none;
}

#RightHolderGallery a:hover{
color: #004d8e;
text-decoration: none;
}

.GalleryImagesContainer
{
width: 800px;
height:240px;
position:relative;
float:left;
background-image: url(images/gallerybg1.jpg);
background-repeat: no-repeat;
}

#SquaretMenuGallery{
	width: 336px;
	height: 165px;
	position: relative;
	float: left;
}
#immage1 {    /* clickable area */
float: left;
width : 215px;
height: 180px;
position: relative;
float: right;
margin-left: 5px;
}

#immage2 {    /* clickable area */
float: left;
width : 155px;
height: 180px;
position: relative;
float: right;
}

#immage3 {    /* clickable area */
float: left;
width : 160px;
height: 180px;
position: relative;
float: right;
}

#LinkOurServicesG{
	width: 255px;
	height: 36px;
	font-size: 13px;
	position: relative;
	float: left;
	text-align: right;
	margin-top: 2px;
}

#Gallerynext
{
width: 20px;
height: 20px;
position: relative;
float:right;
padding-right: 30px;
}

#Galleryprev
{
width: 20px;
height: 20px;
position: relative;
float:right;
padding-left: 20px;
}

#GreyBarContainerG{
	width: 800px;
	height: 200px;
	position: relative;
	float: left;
	background-image:url(images/galleryGraybar.jpg);
	background-repeat:no-repeat;
	margin-top:18px;
	}

#gallerryFreeConsultation
{
width: 310px;
height: 83px;
position: relative;
float:left;
padding-left: 80px;
}

#gallerryFreeEstimate
{
width: 290px;
height: 83px;
position: relative;
float:left;
padding-left: 40px;
}

/*************Gallery2*************************/
.Gallery2ImagesContainer
{
width: 800px;
height:240px;
position:relative;
float:left;
background-image: url(images/gallerybg2.jpg);
background-repeat: no-repeat;
}