/*
=================================
PETER HVID TEMPLATE 2009
=================================
*/
body {
	background-attachment: scroll;
	background-color: #111111;
	background-image: url(http://www.producemedia.com/design_images/background.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: center top;
}

ul{list-style-type:none;}
li{list-style-type:none;}

/*
=================================
top bar
=================================
*/
#topbar{
width: 100%;
height:5px;
background-color: #ff0179;
}

/*
=================================
container
=================================
*/

#container{
	width: 900px;
	\width: 900px;
	w\idth: 900px;
	margin: 0px auto 0px auto;
	padding: 0px;  
}

/*
=================================
left column
=================================
*/

#leftcolumn{
	width: 230px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
        float:left;
}

#leftcolumn p{
        font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #282828;
	text-decoration: none;
	margin: 0px 0px 0px 14px;
	padding: 0px;

}

/*
=================================
logo
=================================
*/

#logo{
	
	margin: 258px 0px 0px 0px;
	padding: 10px;
}


#contact ul{
        
        margin:0px 10px 0px 14px;
        padding:0px;

}

#contact li{
        display:inline;
        margin:0px;
        padding:0px;

}






/*
=================================
content
=================================
*/

#content{
	
	margin: 0px;
        padding: 0px;
        width:668px;
        float:right;	     
}

/*
=================================
title
=================================
*/

#title{
	
	margin: 0px;
	padding: 0px;
        width:668px;
        border-bottom:1px solid #222;
}

#title h1{
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 29px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #282828;
	text-decoration: none;
	margin: 20px 0px 20px 0px;
	padding: 0px;
}

#title h1 a{
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 29px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #282828;
	text-decoration: underline;
	margin: 20px 0px 20px 0px;
	padding: 0px;
}

#title h1 a:hover{
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	font-size: 29px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ff0179;
	text-decoration: underline;
	margin: 20px 0px 20px 0px;
	padding: 0px;
}

/*
=================================
work
=================================
*/

#work_item{
	
	margin: 0px;
        padding: 0px 0px 20px 0px;
        float:right;	  
        border-bottom:1px solid #222;   
}

#work_item ul{
	
	margin: 0px;
        padding: 0px;

}

#work_item li{
	
	margin: 0px;
        padding: 0px;

}

#work_item ul li{
	
	margin: 0px;
        padding: 0px;

}

#asset{
	
	margin: 10px 0px 20px 0px;
        padding: 0px 0px 0px 0px;

        float:right;
       
}

#description{
	
	margin: 0px;
        padding: 0px;
        width:250px;
        float:left;

}

#description h2{
	
	margin: 5px 0px 5px 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #282828;
}

#description p{
	
	margin: 0px 0px 0px 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #282828;
}

#description p a{
	
	margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #282828;
        text-decoration:none;
}

#description p a:hover{
	
	margin: 0px;
        padding: 0px;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ff0179;
        text-decoration:none;
}

#description img{
	
	margin: 0px;
        padding: 0px;
        border:0px;
}

#description p b{
	
	margin: 0px;
        padding: 0px 0px 0px 0px;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #444;

}

#thumbnails{

	margin: 0px;
        padding: 0px;
        width:400px;
        float:right;
       


}

#thumbnails ul{

	margin: 0px;
        padding: 0px;
        list-style-type: none;
        text-align: right;
}


#thumbnails li{

	margin: 0px;
        padding: 0px;
        display: inline;


        
        
}

#thumbnails img{

	margin: 0px;
        padding: 1px;
        background-color: #222;
        height:40px;
        width:60px;
        border:0px;
        
}

#thumbnails a img:hover{

	margin: 0px;
        padding: 1px;
        background-color: #ff0179;
        height:40px;
        width:60px;
        border:0px;
        
}

/*
=================================
SLIMBOX 
=================================
*/


#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(http://www.producemedia.com/design_images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(http://www.producemedia.com/design_images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(http://www.producemedia.com/design_images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(http://www.producemedia.com/design_images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

























