/* ---------------------------- Ktec Earthmovers CSS mainfile ---------------------------- */ 

/* ---------------------------- structure ----- */ 
body {
	background-image: url(../images/KTEC_vertical_repeat.gif);
	background-repeat: repeat;
	background-attachment: fixed;
	background-position: center center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#wrapper {
	background-color: #fff;
	position: relative;
	text-align: left;
	width: 930px;
	height: 800px;
	margin: 0px auto;
}
#horizon {				/* used to centre site vertically */
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -400px; /* half of wrapper hieght */
	text-align: center;
	min-width: 930px;
	background-image: url(../images/KTEC_horizontal_repeat_big2.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
#header {
	background-image: url(../images/KTEC_header.gif);
	height: 214px;
}
#navbar {
	background-image: url(../images/KTEC_navbar.gif);
	height: 40px;
	overflow: hidden;
	font-size: 9px;
}
#contentmain {
	height: 398px;
	background-color: #181818;
	background-image: url(../images/KTEC_content_2.jpg);
	margin: 0px;
	overflow: hidden;
}
#content {
	height: 370px;
	color: #FFFFFF;
	font-size: 9pt;
	overflow: hidden;
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footer {
	background-image: url(../images/KTEC_footer.gif);
	height: 148px;
	background-position: top;
	margin: 0px;
}

/* ---------------------------- jam ----- */ 
#jam {
	background-image: url(../images/jam_logo.gif);
	margin: 0px;
	height: 25px;
	width: 125px;
	text-indent: -10000px;
	float: right;
	margin-top: 40px;
	margin-right: 10px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}
#jam:hover{
	background-position: center bottom;
}

/* ---------------------------- links ----- */ 
a:link, a:visited {
	color: #FFCC33;
	text-decoration: none;
}
a:hover {
	color: #5A4099;
}

/* ---------------------------- headings ----- */ 
#header  h2 {
	text-indent: -1000px;
	margin: 0px;
}

/* ---------------------------- navbar ----- */ 
#navlist {
	height: 40px;
	width: 630px;
	margin-left: 330px;
}
#navlist ul {
	display: inline;
	list-style-type: none;
	height: 40px;
	
}
#navlist li {
	display: inline;
	height: 40px;
	list-style-type: none;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#navlist a {
	margin-right: 10px;
}


/* ---------------------------- buttons ----- */ 
#home {
	background-image: url(../images/button_home.gif);
	margin: 0px;
	height: 40px;
	width: 49px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}
#home:hover{
	background-position: center bottom;
}
#media {
	background-image: url(../images/button_media.gif);
	margin: 0px;
	height: 40px;
	width: 52px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}
#media:hover{
	background-position: center bottom;
}
#models {
	background-image: url(../images/button_models.gif);
	margin: 0px;
	height: 40px;
	width: 62px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}
#models:hover{
	background-position: center bottom;
}
#testimonials {
	background-image: url(../images/button_testimonials.gif);
	margin: 0px;
	height: 40px;
	width: 100px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}
#testimonials:hover{
	background-position: center bottom;
}
#history {
	background-image: url(../images/button_history.gif);
	margin: 0px;
	height: 40px;
	width: 65px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}
#history:hover{
	background-position: center bottom;
}
#about {
	background-image: url(../images/button_about.gif);
	margin: 0px;
	height: 40px;
	width: 70px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}
#about:hover{
	background-position: center bottom;
}

#contracting {
	background-image: url(../images/button_contractors.gif);
	margin: 0px;
	height: 40px;
	width: 120px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}
#contracting:hover{
	background-position: center bottom;
}
#contact {
	background-image: url(../images/button_contact.gif);
	margin: 0px;
	height: 40px;
	width: 70px;
	text-indent: -10000px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}
#contact:hover{
	background-position: center bottom;
}
	
/* ---------------------------- content ----- */ 
#title {
	height: 0px;
	width: 0px;
	text-indent: -1000px;
	margin: 0px;
	clear: both;
	padding: 0px;
	overflow: hidden;
}
#title h2 {
	margin: 0px;
	height: 0px;
	width: 0px;
}

#column1 {
	float: left;
	width: 380px;
	height: 370px;
	margin-top: 10px;
	margin-right: 10px;
	color: #CCCCCC;
}
#column2 {
	float: left;
	width: 400px;
	height: 370px;
	margin-top: 10px;
	margin-right: 10px;
	color: #CCCCCC;
}
#column3 {
	float: right;
	height: 0px;
	width: 0px;
	margin-top: 10px;
	color: #CCCCCC;
}
#column4 {
	float: right;
	height: 0px;
	width: 0px;
	margin-top: 10px;
	color: #CCCCCC;
}
h5 {
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#column1 h5 {
	margin: 0px;
	color: #FFCC00;
	font-style: italic;
	font-size: 9pt;
	
}
#column2 h5 {
	margin: 0px;
	color: #FFCC00;
	font-style: italic;
	font-size: 9pt;
}
#column3 h5 {
	margin: 0px;
	color: #FFCC00;
	font-style: italic;
	font-size: 9pt;
}
#column4 h5 {
	margin: 0px;
	color: #FFCC00;
	font-style: italic;
	font-size: 9pt;
}
#words p {
	margin-top: 5pt;
	margin-bottom: 5px;
}
h4 {
	font-size: 11pt;
	color: #FFFFFF;
	letter-spacing: -1pt;
}
#gallery {
	margin: 0px;
	height: 370px;
	width: 540px;
	overflow: hidden;
}
.bolder {
	font-weight: bold;
}
.rightalign {
	text-align: right;
	margin-right: 5px;
}
.middlealign {
	text-align: center;
}
#releases {
	height: 310px;
	margin: 0px;
	padding-right: 10px;
}