/* CSS Document */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	z-index: 40;
	}
    
#OuterWrapper {
	overflow: hidden;
	background-image: url(images/bluestripebg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	height: auto;
}

#PageWrapper {
	width: 750px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	background-image: url(images/mainboxbg.gif);
	background-repeat:no-repeat;
	background-position: center top;
	height: 1175px;
	padding: 0px 20px 20px 20px;
}

#PageWrapperOP {
	width: 750px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	background-image: url(images/mainboxbg.gif);
	background-repeat:no-repeat;
	background-position: center top;
	height: 1100px;
	padding: 0px 20px 20px 20px;
}
	
#PageWrapperAbout {
	width: 750px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	background-image: url(images/mainboxbg.gif);
	background-repeat:no-repeat;
	background-position: center top;
	height: 2400px;
	padding: 0px 20px 20px 20px;
}
	
	#PageWrapperTestimonials{
	width: 750px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	background-image: url(images/mainboxbg.gif);
	background-repeat:no-repeat;
	background-position: center top;
	height: 4200px;
	padding: 0px 20px 20px 20px;
}
	
	
#ContentWrapper {
	padding: 20px;
	width: 780px;
	text-align: center;
	height: auto;
}
	
#navBar {
	height: 36px;
	width: 740px;
	position: absolute;
	top: 135px;
	background-image:url(images/NavBar.jpg);
	background-repeat: no-repeat;
	z-index: 99;
	left: 20px;
	}	
	
#logo {
	background-image: url(images/RaysLogo.jpg);
	height: 113px;
	width: 214px;
	top: 10px;
	position: absolute;
	left: 20px;
}

#tirepros {
	background-image:url("images/tirepros.jpg");
	background-repeat:no-repeat;
	height:130px;
	left:300px;
	position:absolute;
	text-indent:-9999px;
	top:76px;
	width:214px;
}


#Content {
	text-align:left;
	position: absolute;
	top: 198px;
	left: 22px;
	width: 360px;
	height: 252px;
}

#ContentOP {
	text-align:left;
	position: absolute;
	top: 188px;
	left: 22px;
	width: 360px;
	height: 174px;
}


#ContentAbout {
	text-align:left;
	position: absolute;
	top: 193px;
	left: 22px;
	width: 355px;
	height: 1080px;
}

#ContentTestimonials {
	text-align:left;
	position: absolute;
	top: 193px;
	left: 22px;
	width: 355px;
	height: auto;
}

#goodyear {
	position: absolute;
	top: 0px;
	height: 81px;
	width: 258px;
	background-image: url(images/goodyearlogo.jpg);
	background-repeat: no-repeat;
	left: 282px;
}

#headerBox {
	position: absolute;
	top: 0px;
	height: 80px;
	width: 192px;
	background-image: url(images/HeaderBox1.jpg);
	background-repeat: no-repeat;
	left: 571px;
}
#mainPhoto {
	position: absolute;
	top: 180px;
	text-align: left;
}

#SecondaryBox {
	position: absolute;
	width: 360px;
	height:515px;
	top: 196px;
	background-image: url(images/secondarybox.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding: 10px 12px 12px 12px;
	left: 395px;
}

#SecondaryBoxOP {
	position: absolute;
	width: 344px;
	height:410px;
	top: 191px;
	background-image: url(images/opsidebox.jpg);
	background-repeat: no-repeat;
	text-align: left;
	left: 395px;
	padding-top: 15px;
	padding-right: 7px;
	padding-bottom: 12px;
	padding-left: 15px;
}

#SecondaryBoxAbout {
	position: absolute;
	width: 368px;
	height:850px;
	top: 235px;
	background-repeat: no-repeat;
	text-align: left;
	left: 395px;
}

#Employee1About {
	position: absolute;
	width: 340px;
	height:393px;
	top: 1098px;
	background-image: url(images/aboutBlueBox.jpg);
	background-repeat: no-repeat;
	text-align: left;
	left: 395px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 12px;
}

#topImage {
	position: absolute;
	top: 459px;
	left: 22px;
}

#secondImage {
	position: absolute;
	top: 742px;
	left: 399px;
}

#topImageEmployee {
	position: absolute;
	top: 1572px;
	left: 22px;
	height: 407px;
}

#firstImageEmployee {
	position: absolute;
	top: 1279px;
	left: 22px;
	height: 283px;
}

#secondImageEmployee {
	position: absolute;
	top: 1523px;
	left: 397px;
}

#bottombig {
	position: absolute;
	top: 1996px;
	left: 22px;
}

#galleryBox {
	position: absolute;
	top: 741px;
	left: 22px;
}

#thirdPhoto {
	position: absolute;
	top: 826px;
	left: 22px;
	width: 355px;
	height: 328px;
}

#topImageOP {
	position: absolute;
	top: 354px;
	left: 22px;
}

#secondImageOP {
	position: absolute;
	top: 653px;
	left: 399px;
}

#galleryBoxOP {
	position: absolute;
	top: 653px;
	left: 22px;
}

#thirdPhotoOP {
	position: absolute;
	top: 751px;
	left: 22px;
	width: 355px;
	height: 275px;
}

#thirdPhotoComm {
	position: absolute;
	top: 865px;
	left: 23px;
	width: 355px;
	height: 269px;
}


#footer {
	background-image:url(images/FooterBar.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height:89px;
}


.boldWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.boldWhiteOP {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 18px;
}


.boldWhiteL {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	
}




.whiteBoldXL {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1.75px;
}



#navcontainer ul
{
	margin: 9px 5px;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	text-decoration: none;
	padding: .5em .5em;
	color: white;
}

#navcontainer ul li a:hover
{
	color: #CCCCCC;
}

a {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	outline: none;
	
}

a:hover {
	text-decoration: underline;
}

#headerBox a {letter-spacing: .75px;
}

.bodyText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#Content a {
	color: #003F93;
	text-decoration: underline;

}

h1, h1 span {
	width: 150px;
	height: 32px;
	background-image: url(images/serviceheader.jpg);
	font-size: 100%;
	background-repeat: no-repeat;
}


h1 span {
	display: block;
	position: relative;
	z-index: 1;
	margin-bottom: -41px;
}

h1 { overflow: hidden; }


.footerText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}

#footer a {
	font-size:13px;
}

.yellowBold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffd046;
	font-weight: bold;
}
.bodytextBig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}