@charset "UTF-8";
/* CSS Document */

/* This is the basic surrounding class.  It has a current width and height, but those can be overridden with an inline style on the page itself. */
.ranger {
	width: 767px;
	height: 349px;
	position: relative;
}
/* This is the old body tag.  It tells everything in the ranger class to behave this way */
.ranger * {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color:#cccccc;
}

/* This is an example of how to style page-specific elements so they don't override existing styles on the rest of the page. */
.ranger * a {
	text-decoration: none;
	color: #f4db05;
	font-weight: bold;
}


/* This is an example of how to style page-specific elements so they don't override existing styles on the rest of the page. */
.hilite * a {
	text-decoration: none;
	color: #000000;
	 padding-left:3px;
	 line-height: 14px;
	 
}


.hilite-text {
	text-decoration: none;
	color: #000000;
	 padding-left:3px;
	 line-height: 14px;
	 padding-bottom: 6px; 
	 margin-bottom: 6px;
}

a.img_welded:link, .img_roll{
	width:176px;
	height:144px;
	display:block;
	background-image:url(/staticImages/homepage/WeldedBW.jpg);
}
a.img_welded:hover{
	width:176px;
	height:144px;
	display:block;
	background-image:url(/staticImages/homepage/WeldedColor.jpg);
}

a.img_ultimate:link, .img_roll{
	width:176px;
	height:144px;
	display:block;
	background-image:url(/staticImages/homepage/DreamRigBW.jpg);
}
a.img_ultimate:hover{
	width:176px;
	height:144px;
	display:block;
	background-image:url(/staticImages/homepage/DreamRigColor.jpg);
}

a.img_2250:link, .img_roll{
	width:176px;
	height:144px;
	display:block;
	background-image:url(/staticImages/homepage/2250BW.jpg);
}
a.img_2250:hover{
	width:176px;
	height:144px;
	display:block;
	background-image:url(/staticImages/homepage/2250Color.jpg);
}


#homeTopBorder {
border-width: .05em;
border-style: solid;
border-color: #666666;
}