/* CSS for www.smokinglawsmovie.com */

body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: black;
  line-height: 100%;
  padding: 0px;
  margin: 0px;
}

a {
  text-decoration: none;
  color: white;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

/*
This section deals the outer box for the site.
*/

#container { 
	position:absolute;
    left:50%;
    width: 900px;
    height: 540px;
    margin-left:-450px;
   	padding:15px;
	background: url(images/topbackground.jpg);
}

#containerpages { 
	position:absolute;
    left:50%;
    width: 900px;
    height: 540px;
    margin-left:-450px;
   	padding:15px;
	background: url(images/topbackgroundpages.jpg);
}


/* Top Nav */

#topnav { 
	padding: 6px 105px;
}

#topnav ul { 
	margin: -8px -8px;
	padding: 0;
	list-style-type: none;
}

#topnav li { 
	display: inline;
	text-decoration: none;
}

#topnav a { 
	padding: 10px 90px 10px 40px;
	text-decoration: none;
	background: url(images/topnav.png) no-repeat -30px 0px;
}

#topnav li.castandcrew a { 
	background: url(images/topnav.png) no-repeat -25px -39px;
}

#topnav li.blog a { 
	background: url(images/topnav.png) no-repeat -28px -116px;
}

#topnav li.videostills a { 
	background: url(images/topnav.png) no-repeat -19px -76px;
	margins: 0 130px 0 120px;
	padding: 11px 130px 8px 20px;
}

#topnav li.seeit a { 
	background: url(images/topnav.png) no-repeat -40px -153px;
}

/* TopNav Hover States */

#topnav a:hover {
	background: url(images/topnav.png) no-repeat -213px 0px;
}

#topnav li.castandcrew a:hover {
	background: url(images/topnav.png) no-repeat -208px -39px;
}

#topnav li.videostills a:hover {
	background: url(images/topnav.png) no-repeat -203px -76px;
	padding: 11px 130px 8px 20px;
}

#topnav li.blog a:hover { 
	background: url(images/topnav.png) no-repeat -211px -116px;
}

#topnav li.seeit a:hover { 
	background: url(images/topnav.png) no-repeat -224px -153px;
}

/* TopNav Current states */

#topnav li.aboutcurrent a { 
	padding: 10px 90px 10px 40px;
	text-decoration: none;
	background: url(images/topnav.png) no-repeat -213px 0px;
}

#topnav li.blogcurrent a { 
	background: url(images/topnav.png) no-repeat -211px -116px;
}

#topnav li.videostillscurrent a { 
	background: url(images/topnav.png) no-repeat -203px -76px;
	padding: 11px 130px 8px 20px;
}

#topnav li.seeitcurrent a { 
	background: url(images/topnav.png) no-repeat -224px -153px;
}

/* Logo */

.logo {
   position: absolute;
   top: 120px;
   left: 55px;
}

.logopages {
   position: absolute;
   top: -6px;
   left: -34px;
}

/* Trailer */

.trailer {
   position: absolute;
   top: 240px;
   left: 520px;
}

.trailerpages {
   position: absolute;
   top: -20px;
   left: 730px;
}

a.smokinglawsroll {
	width: 309px;
	height: 274px;
	text-decoration: none;
}

a.smokinglawsroll:active {
	text-decoration: none;
}

/* BODY (a place for content)*/

.body {
	position: absolute;
	top: 125px;
	left: 400px;
	width: 320px;
	color: white;
	font-family: Verdana;
	background-color: black;
	color: white;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.4em;
	font-size: .8em;
}

.blogbody {
	position: absolute;
	top: 40px;
	left: 148px;
	width: 800px;
	}
	
/* VIDEO/STILLS */

.bodyvideo {
	position: absolute;
	top: 55px;
	left: 310px;
	width: 320px;
	color: white;
	font-family: Verdana;
	text-decoration: none;
	word-spacing: normal;
	text-align: center;
	letter-spacing: 0;
	line-height: 1.4em;
	font-size: .8em;
}

.bodystills {
	position: absolute;
	top: 390px;
	left: 120px;
	width: 700px;
	color: white;
	font-family: Verdana;
	color: white;
	text-decoration: none;
	word-spacing: normal;
	text-align: center;
	letter-spacing: 0;
	line-height: 1.4em;
	font-size: .8em;
}

/* Gallery Vdieos */

.trailergallery {
	position: absolute;
	top: 95px;
	left: 240px;
}

.bossmangallery {
	position: absolute;
	top: 95px;
	left: 470px;
}

.wintergallery {
	position: absolute;
	top: 250px;
	left: 240px;
}

.brendagallery {
	position: absolute;
	top: 250px;
	left: 470px;
}

/* Artwork */

.artwork {
	position: absolute;
	top: 140px;
	left: 82px;
}

/* Company Logos */

.eggwork {
   position: absolute;
   top: 494px;
   left: 284px;
}

.push {
   position: absolute;
   top: 498px;
   left: 445px;
}

.eggworkvidstills {
   position: absolute;
   top: 694px;
   left: 284px;
}

.pushvidstills {
   position: absolute;
   top: 698px;
   left: 445px;
}

.eggworkside {
   position: absolute;
   top: 576px;
   left: 284px;
}

.pushside {
   position: absolute;
   top: 578px;
   left: 445px;
}

/* Company Logo Text */

h2 {
  color: white;
  font-size: .6em;
  text-align: center;
}

/* Video Gallery - Rollovers */

a.trailerroll {
	display: block;
	width: 220px;
	height: 145px;
	text-decoration: none;
	background: url("images/smokinglawsrollovers.jpg") no-repeat 0 0;
	}

a.trailerroll:hover {
	background-position: -220px 0;
	}
	
a.bossmanroll {
	display: block;
	width: 220px;
	height: 145px;
	text-decoration: none;
	background: url("images/smokinglawsrollovers.jpg") no-repeat 0 -145px;
	}

a.bossmanroll:hover {
	background-position: -220px -145px;
	}
	
a.winterroll {
	display: block;
	width: 220px;
	height: 145px;
	text-decoration: none;
	background: url("images/smokinglawsrollovers.jpg") no-repeat 0 -290px;
	}

a.winterroll:hover {
	background-position: -220px -290px;
	}
	
a.brendaroll {
	display: block;
	width: 220px;
	height: 145px;
	text-decoration: none;
	background: url("images/smokinglawsrollovers.jpg") no-repeat 0 -435px;
	}

a.brendaroll:hover {
	background-position: -220px -435px;
	}
	
	
/* Blank video placeholder */

#placeholder {
	display: block;
	width: 220px;
	height: 145px;
	text-decoration: none;
	background: black;
}