img, div { behavior: url(http://chromeshopmafia.com/iepngfix.htc); }

@font-face {
	font-family: 'Shortcut';
	src: url('../styles/fonts/shortcut.eot');
	}

@font-face {
	font-family: 'Shortcut';
	src: local('Shortcut'), url('../styles/fonts/shortcut.woff') format('woff'), url('../styles/fonts/shortcut.ttf') format('truetype'), url('../styles/fonts/shortcut.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
	}

body {
	background: #000 url('../images/site/brick_bg2.jpg') no-repeat center top fixed;
	font-family: Georgia, Times, 'Times New Roman', serif;
	color: #fff;
	margin: 0;
	padding: 0;
	}

img {border-style: none;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Shortcut', Georgia, Times, 'Times New Roman', serif;
	font-weight: normal;
	text-transform: uppercase;
	}

a:link { text-decoration: none; color: #fff;}
a:visited { text-decoration: none; color:#fff; }
a:active { text-decoration: none; color:#fff; }
a:hover { text-decoration: underline; border-bottom: none; color:#ccc; }

#wrapper {
	width: 950px;
	margin: 5px auto;
	overflow: hidden;
	}

#header {
	width:950px;
	height:155px;
	background: url('../images/site/header.jpg') center top no-repeat;
	margin-top: 5px;
	}

#left-col {
	width: 250px;
	float: left;
	display: inline;
	margin-bottom: 10px;
	}

#right-col {
	width: 700px;
	float: left;
	position: relative;
	display:inline;
	margin-bottom: 10px;
	}

#toolbox-nav {
	width: 248px;
	height: 325px;
	background: url('../images/site/tool-box-yellow.jpg') center top no-repeat;
	margin: 0 auto;
	font-family: 'Shortcut', Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #fff;
	position: relative;
	}
	
	#toolbox-nav a {
		position: absolute;
		color: #fff;
		text-decoration: none;
		}
	
	#toolbox-nav a:hover {
		color: #000;
		text-decoration: none;
		}
	
	#toolbox-nav a#home {
		top: 25px;
		left: 164px;
		width: 50px;
		height: 30px;
		}
	
	#toolbox-nav a#gear {
		top: 67px;
		left: 164px;
		width: 50px;
		height: 30px;
		font-size: 20px;
		}
	
	#toolbox-nav a#csmevents {
		top: 174px;
		left: 30px;
		width: 200px;
		height: 30px;
		font-size: 20px;
		}
	
	#toolbox-nav a#videos {
		top: 41px;
		left: 30px;
		width: 120px;
		height: 30px;
		font-size: 20px;
		}
	
	#toolbox-nav a#gallery {
		top: 142px;
		left: 28px;
		width: 200px;
		height: 30px;
		font-size: 19px;
		}

	#toolbox-nav a#how-to {
		top: 74px;
		left: 32px;
		width: 120px;
		height: 30px;
		font-size: 20px;
		}

	#toolbox-nav a#events {
		top: 206px;
		left: 29px;
		width: 210px;
		height: 30px;
		font-size: 18px;
		}
		
	#toolbox-nav a#current {
		top: 245px;
		left: 28px;
		width: 200px;
		height: 30px;
		font-size: 20px;
		}

#rotator {
	width: 488px;
	height: 264px;
	float: left;
	margin: 10px 0 18px 0;
	}

#banner-frame {
	width: 488px;
	height: 264px;
	background: url('../images/site/banner-frame.png') no-repeat;
	position: relative;
	top: 0;
	left: 0;
	z-index: 3;
	}

.banners {
	width: 432px;
	height: 213px;
	position: absolute;
	top: 33px;
	left: 25px;
	z-index: 4;
	}

	.banners img {border: 2px solid #222;}
	
	.banners a {position: relative;}

/* Home Page Banner Slider */	
		#banner-thumb-container {
			width: 432px;
			height: 15px;
			margin: 0 auto;
			position: absolute;
			top: 245px;
			left: 30px;
			z-index: 6;
		}
	
		.banner-thumbs ul {
			position: absolute;
			top: 0;
			left: 0;
		}
	
		.banner-thumbs li {
			width: 30px;
			margin: 0 3px;
			float: left;
			display: inline;

		}
	
		.banner-thumbs li a {
			padding: 3px 5px;
			display: block;
		}
	
		.banner-thumbs img {
			width: 30px;
			height: 12px;
			display: block;
			float: left;
			border: 1px solid #fff;
		}
	
		.nav-thumbs img:hover,
		.nav-thumbs .activeSlide img {
			border: 1px solid #ebac00;
		}
	
	/* End Homepage Banner slider */

/* Current Projects Photo Gallery */

.project_gallery {
	width: 418px;
	height: 400px;
	float: left;
	display: inline;
	margin-right: 10px;
	}

.project_gallery img {
	width: 415px;
	height: 311px;
	display: block;
	border: 1px solid #fff;
	}

.project_gallery_tn {
	width: 190px;
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	padding: 0;
	}
	
.project_gallery_tn li { 
	float: left;
	display: inline;
	list-style: none;
	}
	
.project_gallery_tn li a {
	width: 75px;
	margin: 0 10px 10px 0;
	padding: 3px;
	border: 1px solid #4e4e4e;
	float: left;	
	display: block;
	}

/* End Current Projects Photo Gallery */


#features {
	width: 190px;
	float: left;
	margin: 16px 0 18px 0;
	}

	#features img {
		margin: 0;
		padding: 0;
		}


#vendor1 {
	width: 220px;
	height: 145px;
	float: left;
	display: inline;
	margin: 0 24px 0 0;
	}

#vendor2 {
	width: 220px;
	height: 145px;
	float: left;
	display: inline;
	margin: 0;
	}

#videolink {
	width: 190px;
	height: 145px;
	float: left;
	display: inline;
	margin: 0 24px 0 0;
	}

#footer {
	width:950px; 
	height:250px;
	border-top: 3px solid #fff;
	padding-top: 15px;
	clear: both;
	font-size: 17px;
	}

	#footer a {
		text-decoration: none;
		color: #fff;
		}
	
	#footer a:hover {
		color: #810001;
		}
	
	#footer ul {
		width: 785px;
		float: left;
		margin: 0;
		padding: 0 0 0 8px;
		display: inline;
		font-family: 'Shortcut';
		}

	#footer ul li {
		float: left;
		list-style-type: none;
		list-style-position: outside;
		display: inline;
		}
	
	#footer ul li a {
		border-right: 1px solid #4e4e4e;
		padding: 0 8px;
		}
	
	#footer ul li a.last {border-right: none;}

	#footer a.icon {margin: -15px 0 -15px 20px; padding: 0;}
	#footer a.last {margin-left: 5px; padding: 0;}

h2.rivet1 {
	width: 190px;
	height: 56px;
	margin: 0 auto;
	background: url('../images/site/rivet-header-1.jpg') no-repeat;
	color: #810001;
	text-align: center;
	font-size: 30px;
	line-height: 25px;
	padding-top: 3px;
	}
	
	h2.rivet1 span {
		font-size: 27px;
		}

h2.rivet2 {
	width: 207px;
	height: 48px;
	margin: 0 auto;
	background: url('../images/site/rivet-header-2.jpg') no-repeat;
	color: #810001;
	text-align: center;
	font-size: 31px;
	padding-top: 8px;
	}

.box {
	width: 215px;
	margin: 0 auto;
	padding: 0;
	}

	.pad img {
		margin: 2px 0 0 0;
		padding: 0;
		border: 1px solid #4e4e4e;
		}

.content-700 {
	width: 680px;
	margin: 0 auto 18px auto;
	padding: 0 10px;
	}
	
	.content-700 img {
		margin: 0 15px 0 0;
		}
	
	.content-700 img.last {margin-right: 0;}
	
	.content-700 p {font-size: 16px; line-height: 1.4em;}
	
	.text {background: #222222; border: 1px solid #eee; padding: 15px; overflow: hidden;}
	
	.entry-date {color: #7e7e7e; font-size: 12px; font-style: italic; border-top: 1px solid #4e4e4e; margin-top: 10px;}
	
	.jump {color: #7e7e7e; font-size: 14px; font-style: italic; border-top: 1px solid #4e4e4e; margin-top: 10px; padding-top: 5px;}
	
	.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {margin: 0;padding:0;}
	
	.totm {width: 440px; float: left; display: inline;}
	
	.totm_side {width: 185px; padding: 0 0 10px 15px; float: left;}
	.totm_side h3 {margin: 0; padding-bottom: 5px;}
	.totm_side p {font-size: 13px; padding: 5px 0 5px 0; border-top: 1px solid #4e4e4e; margin: 0;}
	
.homeLeft {
	width: 365px;
	height: 445px;
	border: 1px solid #4e4e4e;
	background: #222;
	float: left;
	display: inline;
	margin-top: -10px;
	overflow: hidden;
	}

	#totm-image {
		margin-left: 10px;
		}

	.homeLeft h2, #truckingEvents h2, #mafiaEditorial h2 {
		font-size: 24px;
		font-weight: normal;
		color: #edd010;
		margin: 8px 0 6px 8px;
		padding: 0;
		}
	
	.homeLeft h3, .homeLeft h4 {
		color: #fff;
		font-size: 20px;
		margin: 0 0 6px 8px;
		padding: 0;
		}
	
	.homeLeft h4 {
		font-size: 20px;
		}

	.homeLeft p {
		padding-left: 8px;
		padding-right: 8px;
		font-size: 16px;
		}
	
	p.readmore {
		padding: 0 0 8px 8px;
		margin: 0;
		}

.homeRight {
	width: 322px;
	float: right;
	display: inline;
	margin: -10px 5px 0 0;
	}

.homeLeft a, .homeRight a {
	color: #edd010;
	}

#mafiaEditorial {
	width: 322px;
	height: 189px;
	overflow: hidden;
	background: #222;
	border: 1px solid #4e4e4e;
	font-size: 15px;
	}
	
	#mafiaEditorial p {
		padding: 0 8px 5px 9px;
		margin: 0;
		line-height: 18px;
		}
	
	#mafiaEditorial img {
		margin: 0 5px 0 8px;
		float: left;
		}

#truckingEvents {
	width: 322px;
	height: 158px;
	overflow: hidden;
	background: #222;
	border: 1px solid #4e4e4e;
	margin-top: 6px;
	}
	
	#truckingEvents ul {
		margin: 0;
		padding: 0 8px;
		list-style-type: none;
		list-style-position: outside;
		}
	
	#truckingEvents li {
		margin: 0;
		padding: 3px 0;
		font-size: 15px;
		border-bottom: 1px solid #4e4e4e;
		}
	
	#truckingEvents li:last-child {
		border-bottom: 0;
		}
	
	#truckingEvents li a {
		color: #fff;
		}

/* CSM EVENTS */
.tour_stop { text-align:center; padding-top: 10px; background:url(http://chromeshopmafia.com/site/images/media/bg_tour_stop.jpg) center top no-repeat; height:55px; }
.disclaimer {font-style: italic; font-size: 13px; margin-top: -10px; padding: 0 15px; color: #cecece;}
.new_event, .new_event_alt { margin: 5px 0; padding:5px;}
.new_event a, .new_event_alt a {font-weight: bold; text-decoration: underline;}
.new_event_alt { background-color: #333333;}
.event_date { font-style:italic; font-size:18px;}
.csmgang { color:#990000; font-variant:small-caps; font-weight:bold; background-color: #cccccc; }
/* end */

.pressrelease {border-bottom: 2px solid #ccc;}

.inside {margin-top: 10px;}

.last {margin-bottom: 10px;}

.border {border-bottom: 2px solid #4e4e4e;}

.copyright {width: 100%; text-align: center; font-size: 13px; margin-top: 40px;}

.left {float: left;}
.right {float: right;}
.clear { clear:both; }

/* MEDIA PAGE */
ul#media-nav {
	font-size: 20px;
	margin: 0;
	padding: 0;
	font-family: 'Shortcut', Georgia, Times, 'Times New Roman', serif;
	width: 680px;
	height: 30px;
	}

ul#media-nav li {
	list-style-type: none;
	float: left;
	display: inline;
	margin: 0 0 0 5px;
	}

ul#media-nav li a {
	color: #fff;
	padding: 5px 6px;
	background-color: #4e4e4e;
	border: 1px solid #fff;
	border-bottom: none;
	}

ul#media-nav li a:hover, ul#media-nav li a.active {
	text-decoration: none;
	background-color: #222222;
	}

 ul#media-nav li a.active {
 	border-bottom: 1px solid #222222;
 	}

#player2 {
	font-family: 'Shortcut';
	font-size: 14px;
	}

.post {
	border-bottom: 1px solid #434343;
	margin-bottom: 16px;
	padding: 10px 10px 18px 10px;
	}

.downloads {
	float: left;
	display: inline;
	width: 140px;
	height: 150px;
	padding: 0 20px 18px 0;
	text-align: center;
	}
	
	.downloads img {
		padding: 2px;
		border: 1px solid #444;
		margin-bottom: 6px;
		}

.im {
	clear: both;
	padding-top: 15px;
	}

	.im img {
		margin-top: 10px;
		border: 1px solid #444;
		padding: 2px;
		}

/* FORMS */

form p {
	margin: 5px 0 15px 10px;
	font-family: 'Shortcut';
	}

fieldset {
	border: 1px solid #4e4e4e;
	margin-bottom: 12px;
	margin-left: 20px;
	background: #222222;
	width: 325px;
	}

legend {font-size: 14px; font-family: 'Shortcut'; color: #fff;}

label {
	font-size: 16px;
	color: #ccc;
	font-style: italic;
	}

.input {
	width: 300px;
	padding: 3px 2px;
	font-size: 14px;
	background-color: #ccc;
	border: 1px solid #fff;
	font-family: 'Shortcut';
	color: #640000;
	}

.button {
	font-size: 16px;
	padding: 3px 5px;
	border: 1px solid #4e4e4e;
	background: #640000;
	color: #fff;
	font-family: 'Shortcut';
	margin-left: 10px;
	}

/* GUILTY BY ASSOCIATION TRUCK SHOW SPECIAL STYLES */

.no-pad {padding: 2px;}

div.gbats {
	background: #fff;
	color: #000;
	padding: 8px;
	overflow: hidden;
	}

div.gbats p {
	font-size: 16px;
	clear: both;
	padding: 20px 0 5px 0;
	margin: 0;
	}

div.gbats h1, div.gbats h3, div.gbats h4, div.gbats h5, div.gbats h6 {
	font-family: 'Shortcut';
	color: #a6ce39;
	font-weight: normal;
	text-align: center;
	}
	
div.gbats h1 {
	font-size: 40px;
	margin: 10px 0 8px 0;
	font-weight: bold;
	}

div.gbats h2 {
	font-family: 'Georgia';
	font-size: 24px;
	color: #939498;
	font-weight: bold;
	text-align: center;
	text-transform: none;
	margin-bottom: 20px;
	}

div.gbats h3 {
	font-size: 21px;
	line-height: 1em;
	margin-bottom: 24px;
	}

div.gbats h4 {
	font-size: 32px;
	color: #939498;
	font-weight: bold;
	margin: 16px 0 18px 0; 
	}

div.gbats h5 img {
	margin: 18px 0 0 10px;
	}

div.gbats p em {
	font-family: 'Shortcut';
	color: #a6ce39;
	font-style: normal;
	font-size: 18px;
	}

div.gbats ul {
	margin-left: 24px;
	}

div.gbats ul li {
	list-style-image: url('../images/site/gb-bullet.gif');
	list-style-position: outside;
	margin-bottom: 0.7em;
	}

div.gbats ul li a, div.gbats a {
	color: #a6ce39;
	text-decoration: underline;
	}
div.gbats ul li a:hover {
	text-decoration: none;
	color: #949598;
	}
	
div.hotels {
	background: #fff url('../images/site/hotels.gif') no-repeat left top;
	padding-bottom: 50px;
	}

	div.hotels ul {
		font-size: 14px;
		width: 500px;
		margin: 5px 0 20px 100px;
		padding: 0;
		font-style: italic;
		}
		
		div.hotels ul li {
			list-style-type: square;
			list-style-image: none;
			margin-bottom: 0.3em;
			}

div.hotels p {
	font-size: 14px;
	width: 525px;
	margin: 0 0 0 80px;
	padding: 0 0 0 0;
	}

div.hotels h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 6px 80px;
	padding: 0;
	color: #000;
	font-family: Georgia;
	text-transform: none; 
	text-align: left;
	}

div.hotels p em {
	font-family: 'Georgia';
	font-size: 13px;
	font-style: italic;
	color: #000;
	line-height: 1.2em;
	}

div.notice {
	width: 505px;
	height: 110px;
	margin: 15px auto;
	background: #000;
	border: 3px solid #a6ce39;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 8px 25px;
	}
	
	div.notice h5 {
		color: #a6ce39;
		font-family: 'Shortcut', Georgia, serif;
		font-size: 30px;
		margin-bottom: 0;
		padding-bottom: 12px;
		}

	div.notice p {
		margin: 0;
		padding: 0;
		}

/* END GBATS STYLES */

#pitboss {
	margin-top: 30px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	}
	
#untouchable {
	margin-top: 30px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	}