@charset "utf-8";
/* Road Runner Glass Company - 2010 Created by Monica Candy  E-mail moncandy@live.com */




/* ---------- basic styling ---------- */

*{
	margin:				0px;
	padding:			0px;

}	

body{
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			16px;
	background-color:	#E8E8E8;
	text-align: 		center;

	
}	

#outside_container{
	width: 				1024px;
	margin:				20px auto 0px auto;
	text-align: 		left;
	background-color: 	#000;
	padding:			0px;
	height:				auto;
	overflow:			hidden;
}



/* ---------- header ----------*/

#header {
	width:				1024px;
	height:				180px;
	background-image:	url(slices/header_background.gif);
	background-repeat:	repeat-x;
	border-width:       0px;
	
}
#logo{
	width:				700px;
	height:				180px;
	margin-left:		32px;
	background-image:	url(slices/logo.gif);
	background-repeat:	no-repeat;
	border-width:		0px;
	float:				left;
}

#contact{
	width:				121px;
	height:				47px;
	background-image:	url(slices/contact_button.gif);
	background-repeat:	no-repeat;
	float:				left;
	color:				#F9F9F9;
	font-size:			14px;
	margin: 			33px 39px 0px 82px;
	padding:			10px 0px 0px 50px;

}
#contact a{
	color:				#F9F9F9;
	text-decoration:	none;
}

#contact a:hover{
	text-decoration:	none;
	color:				#000;
}

#banner{
	width:				1024px;
	height:				290px;
	background-image:	none;
	float:				left;
}

/* ---------- navigation ----------*/

#navigation{
	width:				1024px;
	height:				43px;
	background-color:	#191919;
	float:				left;

}

/* ---------- content ---------- */


#content_containter{
	width:				1024px;
	height:				auto;
	background-color:	#000;
}

#content{
	width: 				942px;
	height:				auto;
	overflow:			hidden;
	margin:				20px 39px 20px 39px;
	background-color:	#191919;
	border:				#6A1717 1px solid;
	font-size:			14px;
	color:				#F3F3F3;
	float:				left;
}

#content_left{
	width: 				481px;
	height:				auto;
	float: 				left;
	background-color:	#212121;
	padding:			5px 10px 10px 10px;
	margin:				10px 5px 20px 15px;
	font:				14px;
}

#content_left_picture{
	width:				430px;
	height:				auto;
	float:				left;
	padding:			0px 0px 0px 20px;
	
}

#content_left_picture_about{
	width:				430px;
	height:				auto;
	float:				left;
	padding:			40px 0px 20px 60px;
	
}

#content_right{
	width:				357px;
	height:				auto;
	float:				left;
	background-color:	#212121;
	padding:			5px 10px 5px 10px;
	margin:				20px 15px 5px 25px;
	font:				14px;
}

#content_right_index{
	width:				357px;
	height:				auto;
	float:				left;
	background-color:	#212121;
	padding:			5px 10px 5px 10px;
	margin:				10px 15px 5px 25px;
	font:				14px;
}
#content a{
	text-decoration:	underline;
	color:				#FFF;
}



#content a:hover{
	text-decoration:	none;
	color:				#FFF;
	
}
#content_right_index a{
	text-decoration:	underline;
	color:				#FFF;
}



#content_right_index a:hover{
	text-decoration:	none;
	color:				#FFF;
	
}
#content_right a{
	text-decoration:	underline;
	color:				#FFF;
}


#content_right a:hover{
	text-decoration:	none;
	color:				#FFF;
}
	
#content_right ul{
	padding-left:		5px;
}
	
#content_left a{
	text-decoration:	underline;
	color:				#FFF;
}


#content_left a:hover{
	text-decoration:	none;
	color:				#FFF;
}	
	
#large_content{
	width:				887px;
	height:				auto;
	background-color:	#212121;
	padding:			5px 10px 5px 10px;
	margin:				10px 15px 15px 15px;
	float:				left;
}

#map{
	width:				887px;
	height:				290px;
	background-color:	#212121;
	padding:			5px 10px 5px 10px;
	margin:				10px 15px 15px 15px;
	background-image:	url(slices/map.gif);
	background-repeat:	no-repeat;
	background-position:bottom;
	float:				left;

}
	

.content_header{
	background-color:	#1B1B1B;
	font-size:			15px;
	padding: 			3px;
	
}
.inside_header{
	background-color:	#1B1B1B;
	font-size:			17px;
	padding: 			3px;
}
/* ---------- site map ----------*/

#sitemap{
	padding: 	 		20px 20px 20px 20px;
}

#sitemap ul{
	padding-left:		40px;
}

/* ---------- footer ----------*/

#footer {
	width:				1024px;
	height: 			54px;
	background-image:	url(slices/footer_background.gif);
	background-repeat:	repeat-x;
	font-size:			12px;
	float:				left;
	margin-top:			15px;

}

#footer ul{
	text-align:			left;
	padding-top:		10px;
	margin-left:		40px;
	
}

#footer ul li{
	display:			inline;
	margin:				auto;
	color:				#ffffff;
	
}
	
#footer a{
	text-decoration:	underline;
	color:				#ffffff;	
}

#footer a:hover{
	color:				#d88623;
	
}

/* ---------- formating pictures -------- */


#picture_right{
	padding:			20px 0px 0px 0px;
}	

#picture_pad{
	padding:			80px 0px 100px 0px;
}

.blockquote{
	padding:			20px 25px 0px 25px;
	font-style: 		italic;
	font-weight: 		bold;
	font-size: 			13px;
	color: 				#666666;
	
}
.blockperson{
	color:				#333333;
	padding:			5px 25px 0px 25px;
	font-weight: 		bold;
	font-size: 			13px;
	
}
#float_left{
	float:				left;
	padding:			30px 10px 30px 0px;
}

#float_right{
	float:				right;
	padding:			3px 5px 0px 10px;
}

/* ---------- text styles ----------*/

h1, h2, h3, h4, h5{
	color:				#F5F5F5;
}

h1{
	font-size:			18px;
	
}

h2{
	font-size:			22px;
}



a{
	text-decoration:	underline;
	color:				#000000;	
}


a:hover{
	color:				#6A1717;
	
}

.italic{
	font-style:			italic;
}

.bright_orange{
	color:				#d88623;
}

.red_bold{
	color:  			#6A1717;
	font-weight:		bold;
}
.navy_blue{
	color:				#004A95;
}
.navy13{
	font-size:			12px;
	color:				#004A95;
}
.graybold{
	font-size:			15px;
	font-weight:		bold;
	color:				#85857A;
}

.whitebold{
	font-size:			15px;
	font-weight:		bold;
}

.backbluebold{
	font-size:			15px;
	font-weight:		bold;
	color:				#3C4B55;
}
	
.bbluebold{
	color:				#157BCC;
	font-weight:		bold;
}

.nbluebold{
	color:				#004A95;
	font-weight:		bold;
}

.breadbrumb{
	font-size:			11px;
	font-style:			italic;
	color:				#272727;
	margin-left: 		350px;
	
}


.font10{
	font-size:			10px;
}

.font12_bold{
	font-size:			12px;
	font-weight:		bold;
}

.align_right{
	text-align:			right;
	font-style:			italic;
}


/* ---------- decorative elements ---------- */

.dotted_line{
	border-bottom:		#CCCCCC .05em dashed;
	padding-top:		5px;
}

.line{
	border-bottom:		#cccccc .05em solid;
	padding-top:		5px;
}

