/*****************************************/

/*  Box Model & Visual Formatting Model  */

/*****************************************/

ul,li { padding:0 0 0 0; margin:0 0 0 0; }

img { border:0; }

body {
	width:882px;
	padding:0px 20px 0 20px;
	margin:0 auto;
}

h1 img { display:block; }

ul.clips { width:810px; overflow:hidden; padding-left:9px;}

ul.clips li { width:90px; margin-bottom:60px; float:left; display:block }

ul.clips li a {
	display:block;
	width:90px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

ul.clips li img { display:block; }

ul.clips li img.caption { margin-top:108px; }
	#more ul.clips li img.caption { margin-top:18px; }
	#more ul.clips li { margin-bottom:37px;}

/*****************************************/

/*        Colors & Background            */

/*****************************************/

html{
	background:black;
	color:white;
}

/*****************************************/

/*          Fonts & Text               	 */

/*****************************************/

body {
	font-family:Verdana,Arial,Helvetica,sans-serif;
}
div.header
{
	display:block;
	font-size:0;
	height:208px;
	overflow:hidden;
}
div.logo
{
	float:left;
	width:585px;
	display:block;
}
div.right_bar
{
	float:right;
	width:297px;
	padding-top:45px;
	display:block;
}

div.content {height:382px;}
	#more div.content {height:432px;}
	
.clear{
	clear:both;
	display: block;
	font-size:0;
	height:1px;
}
div.footer
{
	display:block;
	height:243px;
	margin:auto;
	background-image:url(../_img/poppy_flowers.jpg);
	background-repeat:no-repeat;
}

h1 { font-size:4em; }

a { text-decoration:none; }


/*****************************************/

/*     Generated content & lists         */

/*****************************************/

li { list-style:none outside; }



/*****************************************/

/*             Other                     */

/*****************************************/


/* right BAR */
.right_bar a{
	display:block;
	color:#000000;
	height:54px;
	width:297px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.right_bar a:hover{
	background-position:0px -54px;
}

#tab_main{background-image:url(../_img/play_main_reel.jpg);}
#tab_car{background-image:url(../_img/play_car.jpg);}
#tab_beauty{background-image:url(../_img/play_beauty.jpg);}
#tab_contact{background-image:url(../_img/contact_title.jpg);}

ul.nav a { font-size:9px; }

ul.nav { 
	width:99px;
	margin:0 0 0 0;
	padding-left:134px; }

ul.nav li{
	padding-left:00px;
}

ul.nav li a {
	width:99px;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#main-reel a:hover,#contact a:hover, li.active#main-reel a, li.active#contact a  {
	background-position:0px -27px;
}

#steel a:hover,#beauty a:hover,#more-work a:hover, li.active#steel a, li.active#beauty a, li.active#more-work a  {
	background-position:0px -18px;
}

li#main-reel a {height:27px;	background-image:url(../_img/main-reel.jpg);}
li#steel a {height:18px;	background-image:url(../_img/car.jpg);}
li#beauty a {height:18px;	background-image:url(../_img/beauty.jpg);}
li#more-work a {height:18px;	background-image:url(../_img/portfolio.jpg);}
li#contact a {height:27px;	background-image:url(../_img/contact.jpg);}
/* -------- */