/* ------- 1. Structure ------- */

table {
	clear:both;
	margin:10px 0;
	width:100%;
}

/* ------- 2. Buttons ETC ------- */

.buttons { background:transparent url(button.jpg) no-repeat scroll right 0; float:right; height:28px; margin:0 5px 0 0; padding:0 7px 0 0; display:inline-block; color:#fff; font-family:"Trebuchet MS"; font-style:italic; text-transform:uppercase;}
.buttons span { background:transparent url(button.jpg) no-repeat scroll left 0; display:block; line-height:14px; padding:6px 8px 6px 13px;}
.buttons:hover { background-position:right -28px;}
.buttons:hover span { background-position:left -28px; text-decoration:none; color:#fff !important;}

.buttons_input { background:transparent url(button.jpg) no-repeat scroll right -1px; float:right; height:28px; margin:0 5px 0 0; padding:0 7px 0 0; display:inline-block;}
.buttons_input input { background:transparent url(button.jpg) no-repeat scroll -1px -1px; border:0px none #000 !important; display:block; line-height:14px; padding:6px 8px 6px 13px; cursor:pointer; color:#fff; font-family:"Trebuchet MS"; font-style:italic; text-transform:uppercase;}
.buttons_input:hover { background-position:right -29px;}
.buttons_input:hover input { background-position:-1px -29px; text-decoration:none; color:#fff !important;}


#Cat_logo{ background:transparent url(logos/001.jpg) no-repeat;}
#hondai{ background:transparent url(logos/002.jpg) no-repeat scroll;}
#komatsu { background:transparent url(logos/003.jpg) no-repeat scroll;}
#volvo { background:transparent url(logos/004.jpg) no-repeat scroll;}
#terext { background:transparent url(logos/005.jpg) no-repeat scroll;}
#terext1 { background:transparent url(logos/006.jpg) no-repeat scroll;}

#gallery_view { background:url(portfolio_views.jpg) no-repeat scroll right top; width:27px; height:16px; }
#gallery_view.active { background-position:left top;}
#gallery_view:hover { background-position:left top;}
#full_view { background:url(portfolio_views.jpg) no-repeat scroll right bottom; width:27px; height:16px; }
#full_view.active { background-position:left bottom;}
#full_view:hover { background-position:left bottom;} 

.portfolio_gallery .description a.buttons { background:url(portfolio_more_gal.png) no-repeat scroll 0 2px; padding:0 0 0 15px; height:auto; margin:-1px 10px;}

.submit_form { background:url(submit_btn.jpg) no-repeat; width:74px; height:25px; border:none; cursor:pointer; float:right; text-indent:-9999%; }
.submit_form:hover { background-position:0 -25px;}
.submit_form:active { background-position:0 -50px;}

/* ------- 3. Typography ETC ------- */

h1 { color: #0000FF;}
h4 { color: #FFFFFF;}
.page_title { color: #0000FF;}
a { color:#0000FF;}
a:hover { color:#0000FF !important; text-decoration:underline;}
a.more { color: #343434;}
a.more span { background: transparent url(arrow_right.jpg) no-repeat scroll left top; width: 11px; height: 15px; display: block; margin:-1px 0 0 2px; float: right;}
a.more:hover span { background-position: right top;}

.quote_start { background: transparent url(quotes.jpg) no-repeat scroll left top; position: absolute; left: -9px; width:23px; height:16px; display:block;}
.quote_end { background: transparent url(quotes.jpg) no-repeat scroll right top; position: absolute; top:60%; right:-9px; width:23px; height:16px; display:block;}

.bullet_circle { list-style-image:url(bullet_circle.jpg); line-height:20px; list-style-position:inside; color:#0000FF;}

.highlight { background:#0000FF; padding:1px 4px;}

/* ------- 4. Images ------- */

#logo {
	background:transparent url(logo.png) no-repeat;
	width: 398px;
	height: 50px;
	display: block;
}

.slideshow-thumbnails-active{ background-color:#0000FF;}
.vertical_slideshow .slideshow-thumbnails a:hover{ background-color:#0000FF !important;}

.magnify { background:url(magnify.jpg) no-repeat; width:90px; height:90px; position:absolute; top:50%; left:50%; margin:-45px 0 0 -45px; }
.facebook_icons1 {
	background:url(facebook.png) no-repeat;
	width:65px;
	height:55px;
	display:block;
	position:absolute;
	top:0;
	right:-55px;
}
.contact_icons1 {
	background:url(onebit_01.png) no-repeat;
	width:65px;
	height:55px;
	display:block;
	position:absolute;
	top:0;
	right:-55px;
}
.contact_icons2 {
	background:url(onebit_17.png) no-repeat;
	width:65px;
	height:55px;
	display:block;
	position:absolute;
	top:0;
	right:-55px;
}
.contact_icons3 {
	background:url(phone.png) no-repeat;
	width:65px;
	height:55px;
	display:block;
	position:absolute;
	top:0;
	right:-55px;
}

#nofound { background:url(404_magnify.jpg) no-repeat; width:365px; height:175px; display:block; float:left; margin:-10px 0 0; }

/* ------- 5. Menu ------- */

#nav li.active a { color:#0000FF;}
#nav li.active li a { color:#343434;}
#nav a:hover { color:#0000FF;}
#subMenusContainer a:hover { color:#0000FF;}

/* ------- 6. Preloaders ------- */