@charset "utf-8";
body {
	padding: 0;
	text-align: center;
	background-position: left;
	background-attachment: fixed;
	background-color: #857964;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-family: "Arial Black", Gadget, sans-serif;
	color: #857964;
	text-align: center;
	border-bottom-style: ridge;
	border-bottom-width: medium;
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	border-bottom-color: #857964;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFC;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-style: italic;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
form {
	font-family: Verdana, Geneva, sans-serif;
	color: #7D0D15;
	font-weight: bold;
}

.alert {
	color: #C90;
}



#container {
	width: 920px;
	text-align: left;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #513600;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	padding: 0px;
	height: 865px;
}
#header {
	padding: 0;
	height: 130px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header h1 {
	margin: 10; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#mainContent {
	background-color: #FFF;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 10px double #000;
	width: 900px;
	height: 400px;
}
#mainContent .repairs {
	width: 900px;
	height: 370px;
	background-image: url(images/repairsBG.jpg);
}
#mainContent .repairs2 {
	width: 900px;
	height: 370px;
	background-image: url(images/repairsBG2.jpg);
}

#mainContent .textBox1 {
	width: 350px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	height: 350px;
	text-align: center;
}
#mainContent .textBox1 h1 {
	height: 20px;
	width: 325px;
	border: thin solid #000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
#mainContent .textBox1 .miniBox {
	height: 100px;
	width: 100px;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	display: inline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#mainContent .textBox1 p {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	margin: 3px;
	padding: 0px;
}
#mainContent .textBox1 p .phoneNumber {
	font-size: 24px;
	color: #7D0D15;
	margin: 0px;
	padding: 0px;
}

#mainContent .textBox2 {
	width: 500px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	float: right;
}
#mainContent .textBoxList1 {
	width: 800px;
	list-style-position: inside;
	background-image: url(images/transBG.png);
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 0px;
}
#mainContent .repairs2 .textBoxList1 .left {
	width: 200px;
	float: left;
}


#mainContent .textBox3 {
	width: 800px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#mainContent .textBoxLogo {
	width: 800px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 100px;
}
#mainContent .clearFloat {
	clear: both;
}





#mainContent h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #857964;
	background-color: #FFF;
}
#mainContent h1 {
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-style: double;
	border-bottom-color: #857964;
	background-color: #7D0D15;
	color: #FFF;
}

#mainContent h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-style: italic;
	color: #513600;
	font-size: 14px;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: center;
	background-color: #FFF;
}

/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
	list-style: none; /* this creates the space between the navigation on the content below */
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #666;
}
ul.nav li {
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #666;
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: 296px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	height: 217px;
	float: right;
	padding: 0px;
	border: thin none #000;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}


ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	color: #FFF;
	padding: 0px;
	width: 296px;
	height: 217px;
	background-image: url(/Rocky%20Tops/images/boxhover1.jpg);
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#container .triBox .nav li #box1 {
	background-image: url(images/box1.jpg);
}
#container .triBox .nav li #box1:hover {
	background-image: url(images/box1hover.jpg);
}
#container .triBox .nav li #box2 {
	background-image: url(images/box2.jpg);
}
#container .triBox .nav li #box2:hover {
	background-image: url(images/box2hover.jpg);
}
#container .triBox .nav li #box4 {
	background-image: url(images/box4.jpg);
}
#container .triBox .nav li #box4:hover {
	background-image: url(images/box4hover.jpg);
}



#mainContent p a {
	color: #036;
}
#container .triBox {
	height: 220px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#container .triBox .boxes {
	height: 200px;
	width: 280px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	background-color: #000;
	border: 8px solid #7D0D15;
}
#container .triBox .boxes p {
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
.boxes p img  {
	float: left;
	border: thin none #FFC;
	margin-right: 5px;
}
.boxes h1  {
	background-color: #5E5E5E;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.fltLeft {
	float: left;
}
.flRight {
	float: right;
}


.boxes h1 a {
	margin: 0px;
	padding: 0px;
	height: 20px;
}










#footer {
	background-repeat: repeat;
	background-attachment: scroll;
	height: 75px;
	width: 920px;
	background-color: #7D0D15;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
} 
#footer p {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 12px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	color: #CFF;
	text-align: center;
}
#footer p a {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 12px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	color: #F8D9A5;
}
#footer p a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#footer #botMenu {
	width: 800px;
	height: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

#footer #botMenu ul {
	font-family: Verdana, Geneva, sans-serif;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}
#footer #botMenu ul li {
	display: inline;
	margin: 0px;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	text-decoration: none;
}

#footer #botMenu ul li a{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#footer #botMenu ul li:hover {
	color: #FF0;
	background-color: #000;
}
#mainContent .textBoxList1 h3 .underline  {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
}
#mainContent .repairs2 .textBoxList1 .leftQuote {
	width: 260px;
	float: left;
}
blockquote {
	padding: 5px;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 14px;
	background-color: #FF9;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}