@charset "utf-8";
/* CSS Document */
a{
	text-decoration: none;
}
div#main a:hover{
	color:  #727272;
}
body{
	margin:  0px;
	padding:  0px;
	font-size: 12px;
	font-family:  arial,verdana;
	background-image: url(images/gr_top.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-color: #ffffff;
	height: 100%;
}
img{
	border: 0px none;
}
span.nobreak{
	white-space: nowrap;
}
/*####################################/
#				div#flashcontent
#####################################*/
div#main div#content.creative div#flashcontent,
div#main div#content.creative_client div#flashcontent{
	position: absolute;
	left: 348px;
	top:  0px;
	z-index: 10;
	height:  334px;
	/*background-color: #eeeeee;*/	
}
div#main div#content.creative_client div#flashcontent{
	height:  311px;
    overflow: hidden;
}
div#main div#content.creative_client div#flashcontent.hide{
	opacity: 0.0;
	-moz-opacity: 0.0;
	filter: alpha(opacity=0);
	}


/*####################################/
#				a.button
#####################################*/
div#main div#content a.button,
div#main div#position_content a.button{
	height:  0px;
	padding-top:  25px;
	overflow: hidden;
	display:  block;
	color:  white;
	text-decoration: none;
	font-size: 11px;
	font-family:  arial,verdana;
	background-position: 0px -26px;
	z-index: 10;
}
div#main div#content a.button:hover,
div#main div#position_content a.button:hover{
	background-position: 0px 0px;
}
/*####################################/
#				div#main
#####################################*/

div#main{
	width:  1000px;
	margin:  0px auto 0px auto;
	padding:  0px;
	position: relative;
	
}

/*####################################/
#				div#middle
#####################################*/
div#middle{
	width:  1000px;
	min-height:  780px;

}
div#middle_left{
	float:  left;
	width:  785px;
	margin:  0px;
	margin-right:  15px;
	padding:  0px;
}
/*####################################/
#				div#top
#
#  This div holds the nav, the minor nav,
#  the GLG logo, the sign in button, and
#  the phone number
#
#####################################*/

div#top{
	height: 66px;
	background-image: url(images/gr_top.jpg);
	background-repeat: repeat-x;
	background-position: 0px -1px;
	width: 990px;
	position: absolute;
	top: 0px;
	left: 0px;
}
div#nav{
	position: absolute;
	left: 15px;
	bottom: 0px;
	width: 362px;
	top: 40px;
	height: 25px;
}
div#nav a{
	display: block;
	float: left;
	height: 0px;
	overflow: hidden;
	padding-top: 25px;
	width: 87px;	
	background-position: 0px 0px;
}
div#nav a:hover { background-position: 0px -25px; }
div#nav a.current { background-position: 0px -50px; }
div#nav a#nav_home { background-image: url(images/bg_nav_home.jpg); }
div#nav a#nav_portfolio { background-image: url(images/bg_nav_Portfolio.jpg); }
div#nav a#nav_services { background-image: url(images/bg_nav_services.jpg); }
div#nav a#nav_shop { background-image: url(images/bg_nav_shop.jpg); }

div#minornav{
	position: absolute;
	left: 720px;
	width: 270px;
	top: 49px;
}
div#minornav a{
	display: block;
	float: left;
	height: 0px;
	overflow: hidden;
	padding-top: 16px;
	width: 87px;	
}
div#minornav a:hover { background-position: 0px -16px; }
div#minornav a.current { background-position: 0px -32px; }
div#minornav a#minornav_perspective { background-image: url(../images/bg_minornav_perspective.jpg); }
div#minornav a#minornav_careers { background-image: url(../images/bg_minornav_careers.jpg); }
div#minornav a#minornav_contact { background-image: url(../images/bg_minornav_contact.jpg); }
img#logo{
	display: block;
	position: absolute;
	top: 10px;
	left: 34px;
}
/*####################################/
# 			div#crumbsbar
#####################################*/

div#main div#crumbsbar{
	height:  29px;
	position: absolute;
	top:  77px;
	left:  0px;
	padding-top:  0px;
	padding-bottom:  0px;
	width:  990px;
}
div#crumbs{
	width:  940px;
	height:  19px;
	margin: 0px 0px 0px 20px;
}
div#crumbs div{
	float:  left;
	border:  none;
	margin:  0px 5px 0px 0px;
	height:  17px;
}
div#crumbs div span{
	float: left;
}
div#crumbs div a{
	font-size:  9pt;
	line-height: 1em;
	display: block;
	float:  left;
	background-color: #f5f5f5;
	padding:  3px 5px 0px 8px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	color: #6b8293;
	height:  14px;
	text-transform: lowercase;
}
div#crumbs span.head{
	float:  left;
	display: block;
	width:  16px;
	height:  19px;
	background-image: url(../images/bg_crumbhead.jpg);
}
div#crumbs span.tail{
	width:  1px;
	height:  19px;
	float:  left;
	display:  block;
	background-image: url(../images/bg_crumbtail.jpg);	
}
div#crumbs div span,
div#crumbs div a{
	background-position: 0px 0px;
}


 
div#crumbs div:hover span,
div#crumbs div:hover a,
div#crumbs div.hover span,
div#crumbs div.hover a{
	color: #2d2d2d;
}
div#crumbs div.current a{
	background-image: none;
	background-color: white;
	color:  #dc3e01;
border-top: 0px none #e1e1e1;
	border-bottom: 0px none #e1e1e1;
	padding-left:  0px;
}
div#crumbs div.current span {
	background-image: none;
}
span#phonenumber{
	display: block;
	position:  absolute;
	top:  5px;
	left:  900px;
	color:  #6b8293;
}
a#signin{
	display:  block;
	display: none; /* remove when activated */
	position: absolute;
	top:  10px;
	left:  800px;
}

/*####################################/
#
#  			position pages
#
#   layout information for pages for
#   each position available at glg
#           
#     
####################################*/
div#position_middle{
	width: 983px;
	color:  #2d2d2d;
	background-image: url(../images/bg_position_middle.jpg);
	background-repeat: repeat-y;
	overflow: auto;
	background-position: 22px 0px;
	top:  107px;
	position: relative;
}
div#position_content{
	width:  610px;
	float:  left;
	padding:  10px 20px 20px 20px;
	position:  relative;
}
div#position_middle h1{
	color:  #db3e00;
	padding:  0px;
	margin:  0px 0px 5px 0px;
	font-weight: normal;
	font-size: 23px;
	text-transform: capitalize;
}
div#position_middle h2,
div#position_middle h3
{
	padding:  0px;
	margin:  0px 0px 5px 0px;
	font-weight: bold;
	font-size: 13px;
	text-transform: capitalize;
}
div#position_nav h1{
	color:  #2d2d2d;
	text-transform: lowercase;
}
div#position_middle p{
	padding:  0px;
	margin:  0px 0px 20px 0px;
	line-height: 19px;
	text-align: justify;
}
div#position_nav ul li a.current{
	cursor: default;
	color:  #2d2d2d;
	text-decoration: none;
}
div#position_middle ul{
	padding-left:  0px;
	margin-top:  0px;
	padding-top:  0px;
	margin-left:  15px;
	list-style-position: outside;
}

	div#position_middle li ul { margin-top:  6px; }
	div#position_middle li ul li { list-style-type: circle; }

div#position_middle ul li{
	list-style-type: disc;
	margin-left:  0px;
	padding-left: 0px;
	margin-bottom:  6px;
}
div#position_nav ul{
	padding-bottom:  5px;
	margin-left: 0px;
}
div#position_nav ul li{
	list-style-type: none;
}
div#position_middle a{
	color:  #db3e00;
	text-decoration: underline;
}
div#position_nav{
	width:  271px;
	float:  left;
	height:  100%;
	margin-left: 22px;
	padding: 10px 20px 20px 20px ;
}
div#main div#position_content a.button{
		position:  absolute;
		left: 500px;
		top:  20px;
	}

/*####################################/
#
#  			div#content      
#    
#  div#content must be one of five
#  template classes:
#  
#  .onecolumn
#  .twocolumn
#  .threecolumn
#  .perspective
#  .careersapply
#  
#  div#content can also be assigned
#  a secondary class which corresponds
#  to a specific page.  It should have
#  the same name as the page. 
#
#  (eg. the div#content in contact.html
#  is assigned a template class 
#  'three_column' and a secondary
#  class 'contact')
#
#  Following are styles for the template
#  classes and for the secondary classes
#     
####################################*/

/*******************************
*  common styles for div#content
*******************************/
div#content{
	position: relative;
	top:  107px;
	margin:  0px 0px 0px 20px;
	height: 333px;
	width:  960px;
	padding: 0px 0px 8px 0px;
	background-color: white;
	background: url(../images/bg_contentshadow.jpg) no-repeat 0 100%;
	background-repeat: no-repeat;
	border:  white 1px solid;
	z-index: 100;
}
div#content a{
	color:  #db3e00;
	text-decoration: underline;
}
div#content div.col1 h6{
	font-size: 18px;
	margin: 0px;
	padding:  0px;
	font-family:  "Arial Narrow";
	line-height: 1.3em;
}
div#content div.col1 h6.sec{
margin-top: 58px;
}
div#content div.col1{
	width:  315px;
	padding-right: 12px;
	padding-left:  21px;
	color:  #FFF;
	position: relative;
}
div#content div.col1 h1{
	text-transform: uppercase;
	font: bold 47pt "arial narrow", Helvetica, Geneva, sans-serif;
	margin:  0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	line-height:  1em;
	font-weight: bold;
}

div#content div.col1 a.button {
	position: absolute;
	right: 24px;
	top:  300px;		
}
div#content div.col1 strong{
	font-weight: normal;
	font-size:  25px;
}
div#content ul{
	padding-left:  0px;
	margin-top:  0px;
	margin-bottom: 1em;
	margin-left:  0px;
	padding-top:  0px;
	padding-bottom:0;
	list-style-position: inside;
}
div#content ul li{
	list-style-type: square;
	margin-left:  0px;
	padding-left: 0px;
}

div#content ul.nobullets li{
	list-style-type: none;
	list-style-position: outside;
}
div#content h2{
	color:  #db3e00;
	padding:  0px;
	margin:  0px 0px 5px;
	font-weight: normal;
	font-size: 23px;
}
div#content div.col2,
div#content div.col3{
	background-color: #eee;
}
div#content div.col2 p,
div#content div.col3 p{
	text-align: justify;
}
div#content p{
	padding:  0px;
	margin:  0px 0px 20px 0px;
	line-height: 19px;
}

/************************
*  styles for template:
*  div#content.onecolumn  
***********************/
div#content.onecolumn div.col1{
	width: 926px;
	height: 335px;
}

/************************
*  styles for template:
*  div#content.twocolumn  
************************/
div#content.twocolumn div{
	height: 307px;
	float:  left;
	padding-top:  26px;
}

div#main div#content.twocolumn div.col2{
	width:  610px;
	height:  309px;
}
div#content.twocolumn div.col1{
	height: 309px;
}

/************************
*  styles for template:
*  div#content.threecolumn  			       
***********************/
div#content.threecolumn div.col1{
	background-color:  white;
}
div#content.threecolumn div.col1 p{
	color:  white;
}
div#content.threecolumn div{
	height:  315px;
	float: left;
	padding-top:  20px;
}
div#content.threecolumn div.col2{
	width:  272px;
	color:  #2d2d2d;
	padding-left:  20px;
}

div#content.threecolumn div.col3{
	width:  278px;
	color:  #2d2d2d;
	padding-left:  20px;
	line-height: 19px;
	padding-right: 20px
}
/************************
*  styles for template:
*  div#content.perspective  
***********************/
div#main div#content.perspective{
	width:  764px;
	height:  415px;
	background-image: none;
	margin-bottom:  0px;
	padding-bottom:  0px;
	margin-left: 20px;
	border:  0px none;

}
div#content.perspective h1{
	color:  #646464;
	font-size:  34pt;
	text-transform: uppercase;
	margin-bottom:  0px;
	margin-top:  0px;
}

/*****************************
*  div#content.photo_main  
*****************************/
div#content.photo_man img{
	float:  left;
	display:  block;
}
div#content.photo_main img.first{
	margin-right:  7px;
}
/*****************************
*  div#content.photo_gallery  
*****************************/
div#content.photo_gallery{
	background-color: #efefef;
}
/*******************************
* div#content.perspective.sec 
*******************************/
div#main div#content.perspective.sec{
	height: auto;
}
div#main div#content.perspective p.quoteby,
div#main div#content.twocolumn div.col2 p.quoteby{	
	text-align: right;
}
div#main div#content.perspective span.quoteby,
div#main div#content.twocolumn div.col2 span.quoteby{	
	display:  block;
	text-align: right;
}
div#content.perspective h2{
}
div#content.perspective.sec p{
	text-align: justify;
}
/*********************************
* div#content.perspective.wordy 
*********************************/
div#main div#content.perspective.wordy{
	height: auto;
}
div#content.perspective.wordy img{
	float:  right;
	margin-left:  20px;
	margin-bottom:  10px;
}
div#content.perspective.wordy p{
	text-align: justify;
}
/********************************
*  the following styles are	
*  secondary classes specific
*  to an html file 			
********************************/

/**************************
*     div#content.home   
**************************/
div#content.home div.backgroundimage{
	width: 959px;
	height: 335px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(images/bg_content_home.jpg);
}
div#content.home div.col1{
	position: absolute;
	left: 0px;
	top: 0px;
}
div#content div.matte{
	/*opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	background-color: #dc3e01;*/
	background-image: url(images/bg_content_home_left.jpg);
	height: 309px;
	width: 327px;
	left: 0px;
	top: 0px
}

div#content div.home-right{
	background-image: url(images/bg_content_home_right.jpg);
}

a.button{
	background-image: url(../images/btn_pill_home.jpg);
	width: 105px;
}
/*****************************
*     div#content.contact   
*****************************/
div#content.contact div.col1{
	background-color: #768e2e;
}

div#main div#content.contact div.col2{
	padding:  0px;
	width:  305px;
}

div#main div#content.contact div.col3{
	width:  260px;
	padding:  20px 0px 0px 45px;
}
div#content.contact p{
	color:  #727272;
}

/*****************************
*     div#content.services   
*****************************/
div#content.services div.col1{
	background-color: #dc8701;
}
/**********************************
* div#content.perspective_home   
**********************************/
div#main div#content.perspective_home div.col1{
	background-repeat: no-repeat;
}
div#content.perspective_home a.clickarea{
	display:  block;
	width:  958px;
	height:  334px;
	position: absolute;
	top:  0px;
	left:  0px;
	z-index: 10;
}
div#main div#content.perspective_home a.button{
	position:  absolute;
	top:  290px;
	left:  810px;
}
div#content.perspective_home div.col1 h3{
	font-weight: normal;
	font-size:  19px;
	line-height: 25px;
	word-spacing: normal;
	margin:  -10px 0px 0px 564px;
	padding: 0px 0px 0px 0px;
	color:  #666666;
}
div#content.perspective_home div.col1 h2{
	padding:  87px 0px 0px 564px;
	margin:  0px 0px 0px 0px;
	font-weight: normal;
	color:  #DC8701;
	font-size:  37px;
}

/*************************
* div#content.careers   
*************************/
div#content.careers div.col1 {
	background-color: #dc3e01;
}
div#content.careers h2{
	color:  #333;
}
div#content.careers ul{
	margin-top:  5px;
}


/************************
* div#content.bio   
************************/

div#content.bio div.col2 div{
	float:  left;
	width:  267px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	height:  270px;
}
div#main div#content.bio div.col2 div p{
	margin:  0px 0px 0px 0px;
	padding:  0px;
	text-align: justify;
}
div#content.bio h2{
	margin-left:  25px;
}
div#content.twocolumn.bio div.col1{
	padding: 0px;
	height:  auto;
	width:  348px;
}



/**************************/
/* div#content.process   */
/**************************/
div#content.process div.col1{
	background-color:  #727272;
}
div#main div#content.process div.col2{
	background-repeat: no-repeat;
	background-position: 70px 130px;
	padding:  0px 0px 0px 25px;
	width:  585px;
	height:  335px;
}
div#content.process div.col2 h2{
	margin-bottom: 2px;
	line-height: 1em;
}
div#content.process div.col2 p{
	margin-right:  25px;
	margin-bottom:  0px;
	padding-bottom:  0px;
}
div#content.process div.col2 div{
	float:  none;
	height:  100px;
	padding:  0px;
}
div#content.process div.col2 div div{
	float:  left;
	width:  290px;
	padding:  0px;
	background-repeat: no-repeat;
	background-position: 100px 0px;
}
div#content.process div.row1{
	margin:  20px 0px 0px 0px;
}
div#content.process div.row2{
	margin:  105px 0px 0px 0px;
	
	padding-bottom: 0px;
}
div#content.process div.block1{
	background-image: url(../images/bg_process_1.jpg);
}
div#content.process div.block2{
	background-image: url(../images/bg_process_2.jpg);
}
div#content.process div.block3{
	background-image: url(../images/bg_process_3.jpg);
}
div#content.process div.block4{
	background-image: url(../images/bg_process_4.jpg);
}
/********************************/
/*  div#content.creative_client */
/********************************/
div#main div#content.twocolumn.creative_client div.col2{
	height:  335px;
	padding:  0px;
	margin:  0px;
}
div#content.twocolumn.creative_client div.col2 div{
	margin:  0px;
	padding:  0px;
}
div#content.twocolumn.creative_client div.col2 div.video{
	margin-left:  90px;
}
div#content.creative_client div.col1{
	background-color: #f5f5f5;
	background-image: url(../images/bg_h1_creativeclient.jpg);
	background-repeat: repeat-y;
	background-position: 100% 0px;
	padding-top:  5px;
	height:  330px;
}
div#main div#content.creative_client div.col2 img{
	display:  inline;
	height:  335px;
	margin: 0px;
	padding: 0px;
	border:  0px none white;
}
div#main div#content.creative_client div.col2 img.award-winner {
	position: absolute; 
	display: block;
	left: 348px;
	top:  0px;
	width: 167px; 
	height: 113px; 
	z-index: 1000; 
}
div#main div#content.creative_client div.col2 span.award-winner { z-index: 1000; }

div#content.creative_client div.col1 p{
	color:  #2d2d2d;
	line-height: 150%;
	font-size:  12px;
	word-spacing: normal;	
}
div#content.creative_client div.col1 h1{
	margin-bottom:  8px;
	margin-top:  0px;
}
div#content.creative_client div.col1 h2{
	text-transform: none;
}


/*####################################/
#
#  DIV#BUCKETBAR      
#    
#  div#bucketbar can either have no
#  class associated with it or it can
#  have a template class "perspective".  
#
#  no class: This bucketbar is compatible
#  with all div#content classes except for
#  'perspective'.  The bucketbar appears at
#  at the bottom of the page.
#
#  .perspective: 
#  Class will be placed on the right of 
#  the screen.  Is only compatible with 
#  a div#content with template class 
#  "perspective"
#              
/*####################################/

/********************/
/*   div#bucketbar  */
/********************/
div#bucketbar{
	width:  980px;
	height: 138px;
	margin:  11px 0px 0px 20px;
	clear:  left;
	position:  relative;
	top:  107px;
}
div#bucketbar div a{
	display:  block;
	z-index: 100;
	position: absolute;
	padding-top:  130px;
	height: 0px;
	overflow: hidden;
	width:  181px;
	left:  0px;
	top:  0px;
}
div#bucketbar div a:hover{
	background-color: white;
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
}
div#bucketbar div{
	float:  left;
	width:  171px;
	height:  133px;
	margin:  0px 14px 0px 0px;
	padding:  5px 0px 0px 10px;
	position: relative;
	background-repeat: no-repeat;
	background-position: left top;
}
div#bucketbar div h3{
	line-height: 25px;
	font-size: 30px;
	color:  white;
	padding:  0px;
	margin:  0px;
	text-transform: uppercase;
}
div#main div#bucketbar div.shadow{
	position: absolute;
	background-image: url(images/shadow_bucket.jpg);
	width:  181px;
	height:  8px;
	left:  0px;
	top:  130px;
	margin:  0px;
	padding:  0px;
}
div#bucketbar div div.copy{
	top:  80px;
	left:  0px;
	height:  32px;
	background-color: black;
	opacity: 0.8;
	-moz-opacity: 0.8;
	width:  165px;
	filter: alpha(opacity=80);
	padding:  16px 8px 2px 8px;
	margin:  0px 0px 0px 0px;
	color:  #FFF;
	font-size:  11px;
	position:  absolute;
	line-height: 1em;
	text-transform: none;
}
div#bucketbar div div.copy h4{
	font-weight: bold;
	position: absolute;
	top:  3px;
	left:  8px;
	color:  #dc8701;
	font-size:  11px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}


/********************************/
/*   div#bucketbar.perspective  */
/********************************/
div#bucketbar.perspective{
	/*position:  absolute;
	top:  130px;
	left:  820px;*/
	clear: none;
	width:  180px;
	margin:  0px;
	float:  left;
	height: 100px;
}
div#bucketbar.perspective div{
	margin-left:  0px;
	margin-right:  0px;
}
div#bucketbar.perspective div{
	margin-bottom:  20px;
}

/*####################################/
#
#  div#medianavbar      
#    
#  This div holds the navigation for
#  media in the creative section.  
#              
######################################*/

div#main div#medianavbarbg{
	background-color: black;
	opacity: 0.7;
	-moz-opacity: 0.8;
	filter: alpha(opacity=70);
}
div#main div#content div.separator{
	top:  -100px;
	position: relative;
	height:  1px;
	font-size: 0pt;
	margin:  0px;
	float: none;
	padding:  0px;
	color:  red;
}
div#main div#medianavbar{
	position: absolute;
	left:  0px;
	top:  309px;
	width:  959px;
	height:  10px;
	padding:  6px 0px 0px 0px;
	color:  #b2b2b2;
	text-align: right;	
}
div#main div#medianavbarbg{
	position: absolute;
	left:  0px;
	top:  309px;
	width:  959px;
	height:  20px;
	padding:  6px 0px 0px 0px;
	color:  #b2b2b2;
}
div#main div#medianav{
	float:  right;
	position:  relative;
	top:  -6px;
	left:  -8px;
	height:  20px;
	padding:  0px;
	margin:  7px 0px 0px 0px;
}
div#medianavbar span{
	margin-left:  364px;
	font-size:  12px;
	float:  left;
}
div#main div#medianav a{
	display: block;
	float: left;
	margin:  0px 0px 0px 6px;
	text-decoration: none;
	color:  #b2b2b2;
	font-size:  11px;
}
div#main div#medianav a.current{
	color:  #ffffff;
}

div#medianavbar a.btn_back{
	background-image: url(../images/btn_back_lt.png);
}
div#medianavbar a.btn_forward{
	background-image: url(../images/btn_forward_lt.png);
}

/*####################################/
/#   		div#picturenavbar
/#	
/#  can be one of four template classes
/#  
/#  .logo: used in the creative section.
/#  holds up to 6 logos.  Not compatible
/#  with div#content.perspective
/#
/#  .bio: used on the agency and bio pages
/#  holds up to 5 portraits. Not compatible 
/#  with div#content.perspective
/#
/#  .perspective.main: used on the main perspective
/#   photo gallery pages.  Only compatible
/#   div#content.perspective.gallery
/#
/#  .photo_gallery: used on the gallery 
/#   perspective photo gallery pages. Only 
/#   compatible div#content.perspective
/#   
/# 
/####################################*/

/******************************
*  shared styles for all templates
*****************************/

div#picturenavbar{
	height:  140px;
	width:  960px;
	margin:  11px 0px 0px 20px;
	position:  relative;
	top:  107px;
}
div#picturenavbar div.left,
div#picturenavbar div.right{
	height:  70px;
	padding-top:  70px;
}
div#picturenavbar div.left{
	background-image: url(../images/bg_picturenavbar_left.jpg);
	padding-left:  3px;
	width:  18px;
}
div#picturenavbar div.right{
	background-image: url(../images/bg_picturenavbar_right.jpg);
	padding-left:  3px;
	width:  18px;
}
div#picturenavbar div.center{
	width:  918px;
}

div#picturenavbar div{
	float:  left;
}
div#picturenavbar h1,
div#picturenavbar h3{
	margin:  0px;
	background-color: #efefef;
	color:  #2d2d2d;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	height:  16px;
	padding-top:  6px;
	text-align: center;
}
div#picturenav{
	padding:  9px 3px 8px 10px;
	background-color: #f7f7f7;
	background-image: url(../images/bg_picturenav.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	width: 900px;
}
div#picturenav a{
	display:  block;
	position: relative;
	float:  left;
	margin:  0px 5px 0px 6px;
	width:  166px;
	height:  98px;
}

/****************************/
/*    div#picturenav.logo   */
/****************************/

div#main div#picturenavbar.logo div#picturenav{
	padding:  12px 0px 9px 6px;
	width:  910px;
}
div#picturenavbar.logo div#picturenav a img{
	margin-top:  15px;
	margin-left: 0px;
	margin-bottom:  0px;
}
div#main div#picturenavbar.logo div#picturenav a{
	height:  96px;
	background: url(../images/bg_logo.jpg);
	backround-repeat: no-repeat;
	background-position: 0px -96px;
	text-align: center;
	width:  175px;
	margin:  0px 3px 0px 2px;
}

div#main a.thumb{
	display: block;
	float:  left;
	height:  96px;
	background: url(../images/bg_logo.jpg);
	backround-repeat: no-repeat;
	background-position: 0px -96px;
	text-align: center;
	width:  175px;
	margin:  0px 6px 0px 2px;
}
div#main a.thumb:hover,
div#main a.thumb.current{
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}
.thumb img {
	padding:10px 0px 0px 0px;
}

#scrollDiv {
	overflow: hidden;
	height: 97px;
	width:916px;
	float:left;
}

#thumbs {
	height: 87px;
	margin: 0px 0px 0px 0px;
	width:10000px;
	text-align:left;
}

div#main div#thumbnav {
	width:916px;
	margin:0px auto 10px auto;
	background-color:#F7F7F7;
	background-image:url(../images/bg_picturenav.jpg);
	background-position:0px 0px;
	background-repeat:repeat-x;
	border-bottom:1px solid #E5E5E5;
	border-left:1px solid #E5E5E5;
	border-right:1px solid #E5E5E5;
	height:  102px;
	padding-top:  15px;
}


/**********************************/
/*    div#picturenavbar.perspective   */
/**********************************/

div#main div#picturenavbar.perspective{
	clear: both;
	width:  765px;
	margin-top:  0px;
	margin-left:  20px;
	margin-right:  0px;
	height:  93px;
}

div#picturenavbar.perspective div.center{
	width:  723px;
}

div#picturenavbar.perspective div#picturenav{
	width:  708px;
	height:  50px;
}

div#picturenavbar.perspective div#picturenav{
	width:  708px;
	height:  50px;
}
div#main div#picturenavbar.perspective div.left,
div#main div#picturenavbar.perspective div.right{
	height:  94px;
	background-repeat: no-repeat;
	padding-top:  0px;
	background-position:  0px 0px;
}
div#picturenavbar.perspective.main  div.left{
	background-image: url(../images/bg_picturenavbar_ph_left.jpg);
}
div#picturenavbar.perspective.main  div.right{
	background-image: url(../images/bg_picturenavbar_ph_right.jpg);
}
div#picturenavbar.perspective.gallery  div.left{
	background-image: url(../images/bg_picturenavbar_g_left.jpg);
}
div#picturenavbar.perspective.gallery  div.right{
	background-image: url(../images/bg_picturenavbar_g_right.jpg);
}
div#picturenavbar.perspective div#picturenav a{
	height:  47px;
	width:  86px;
	margin-left:  0px;
	margin-right:  0px;
	padding-left:  7px;
	padding-right:  7px;
	margin-top:  2px;
}
div#picturenavbar.perspective img{
	border:  none;
	display:  block;
}
div#picturenavbar.perspective h1{
	height:  20px;
	position: relative;
	font-size:  10px;
}
div#picturenavbar.perspective a.btn_forward,
div#picturenavbar.perspective a.btn_back{
	margin-top:  50px;
}
div#picturenavbar.perspective span.caption{
	display:  block;
	position:  absolute;
	text-transform: capitalize;
	top:  0px;
	left:  0px;
}
div#currentimage span.caption{
	display:  block;
	position:  absolute;
	top:  412px;
	left:  10px;
	font-size:  9pt;
	color:  #727272;
	margin:  0px;
	padding:  0px;
	z-index: 100;
}
/*####################################
#    		div#footer   
####################################*/
div#footer{
	height:  20px;
	width:  950px;
	text-align: right;
	padding: 10px 20px 0px 20px;
	position: relative;
	clear:  left;
	font-size:  8pt;
	top:  107px;
}
span#copyright{
	color: #8f8f8f;
	display:  block;
	left:  20px;
	position:  absolute;
}
div#footer a{
	color: #db3e00;
	text-align: right;
	text-decoration: underline;
	margin-left:  15px;
	font-size:  8pt;
}

/*####################################/
#      a.btn_forward & a.btn_back
#
#   these buttons appear in the picturenav
# 	and the medianav
# 
/####################################*/

/*####################################/
#      a.btn_forward & a.btn_back
#
#   these buttons appear in the picturenav
# 	and the medianav
# 
/####################################*/


div#main a.btn_forward.inactiveforward{
		background-image: url(../images/btn_forward_inactive.png);
}
		
div#main a.btn_back.inactiveback{
	background-image: url(../images/btn_back_inactive.png);
}
div#main .btn_back,
div#main a.btn_forward{
	display: block;
	background-repeat: no-repeat;
	width:  15px;
	height:  0px;
	overflow: hidden;
	padding-top:  15px;
	margin:  0px;
	background-position: 0px 0px;
}
div#main a.btn_back:hover,
div#main a.btn_forward:hover{
	background-position: 0px -15px;
}
a.btn_back{
		background-image: url(../images/btn_back.png);
	behavior: url(inc/iepngfix.htc);
	behavior: expression(
this.onmouseover=new Function("this.style.cursor='hand'"),
this.onmouseout=this.style.behavior='url(inc/iepngfix.htc);'
);
}
a.btn_forward{
		background-image: url(../images/btn_forward.png);
	behavior: url(inc/iepngfix.htc);
	behavior: expression(
this.onmouseover=new Function("this.style.cursor='hand'"),
this.onmouseout=this.style.behavior='url(inc/iepngfix.htc);'
);
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.spotlight_image
{
	top:  0px;
	left:  348px;
	height:  32px;
	background-color:black;
	opacity: 0.8;
	-moz-opacity: 0.8;
	width:  70px;
	filter: alpha(opacity=80);
	padding:  0px 0px 0px 5px;
	margin:  0px 0px 0px 0px;
	color:  #FFF;
	font-size:  11px;
	position:  absolute;
	line-height: 1em;
	text-transform: none;
	overflow:hidden;



}
.title
{
font-size:28px;
color:#FFFFFF;
}
.title2
{
font-size:22px;
color:#FFFFFF;
}
.test1
{
	color:#FFFFFF;
	font-style:normal;
	text-decoration:none;
	font-size:16px;

 
}
/********************/
/*   div#buybar  */
/********************/
div#buybar{
	width:  611px;
	height: 138px;
	margin:  11px 0px 0px 20px;
	clear:  left;
	position:  relative;
	top:  0px;
}
div#buybar div a{
	display:  block;
	z-index: 100;
	position: absolute;
	padding-top:  130px;
	height: 0px;
	overflow: hidden;
	width:  105px;
	left:  0px;
	top:  0px;
}
div#buybar div a:hover{
	background-color: white;
	opacity: 0.3;
	-moz-opacity: 0.3;
	filter: alpha(opacity=30);
}
div#buybar div{
	float:  left;
	width:  105px;
	height:  133px;
	margin:  0px 5px 0px 0px;
	padding:  5px 0px 0px 5px;
	position: relative;
	background-repeat: no-repeat;
	background-position: left top;
}
div#buybar div h3{
	line-height: 25px;
	font-size: 30px;
	color:  white;
	padding:  0px;
	margin:  0px;
	text-transform: uppercase;
}
div#main div#buybar div.shadow{
	position: absolute;
	background-image: url(images/shadow_.jpg);
	width:  105px;
	height:  8px;
	left:  0px;
	top:  10px;
	margin:  0px;
	padding:  0px;
}
div#buybar div div.copy{
	top:  100px;
	left:  0px;
	height:  32px;
	background-color: black;
	opacity: 0.8;
	-moz-opacity: 0.8;
	width:  89px;
	filter: alpha(opacity=80);
	padding:  16px 8px 2px 8px;
	margin:  0px 0px 0px 0px;
	color:  #FFF;
	font-size:  10px;
	position:  absolute;
	line-height: 1em;
	text-transform: none;
}
div#buybar div div.copy h4{
	font-weight: bold;
	position: absolute;
	top:  3px;
	left:  8px;
	color:  #dc8701;
	font-size:  9px;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}
/********************************/
/*   div#buybar.perspective  */
/********************************/
div#buybar.perspective{
	/*position:  absolute;
	top:  130px;
	left:  820px;*/
	clear: none;
	width:  105px;
	margin:  0px;
	float:  left;
	height: 100px;
}
div#buybar.perspective div{
	margin-left:  0px;
	margin-right:  0px;
}
div#buybar.perspective div{
	margin-bottom:  20px;
}