/*******************************************************************
* Project	Resistance Design
* Author	Clayton Misura
********************************************************************


/* 1. Resets :: http://meyerweb.com
********************************************************************
********************************************************************/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td
	{
    margin:0; 
    padding:0; 
    border:0; 
    outline:0; 
    font-size:100%; 
    vertical-align:baseline; 
    background:transparent;
	}

body
	{
    line-height:1;
	}

ol, ul
	{
    list-style:none;
	}

blockquote, q
	{
    quotes:none;
	}

:focus
	{
    outline:0;
	}

ins
	{
    text-decoration:none;
	}

del
	{
    text-decoration:line-through;
	}

table
	{
    border-collapse:collapse; 
    border-spacing:0;
	}

a, a:hover, a:visited
	{
	border: 0px;
	text-decoration: none;
	}
	
/* 2. Global Elements
********************************************************************
********************************************************************/

body
	{
	font-family: 	Arial,Helvetica,sans-serif;
	font-size: 		75%;
	line-height: 	1.6;
	color: 			#231E1E;
	}

a.link, a.link:visited
	{
	color: 			#E61E5A;
	}

a.link:hover
	{
	color: 			#FFF;
	background: 	#E61E5A;
	}

.none
	{
	display: 		none !important;
	}

.parpad
	{
	padding-top: 	5px;
	}

hr
	{
	padding:		0px;
	margin: 		7px 0px 5px 0px;
	border:			0px;
	border-top:		1px dotted #A5A0A0;
	}

#wrapper
	{
	width: 			100%;
	height: 		100%;
	}

.container
	{
	position: 		relative;
	width: 			1040px;
 	height: 		auto !important;
	min-height: 	690px;
	margin: 		0 auto;
	}

#head
	{
	width: 			100%;
	height:			/*220px*/ 190px;
	background: 	url(../images/img.resource.bigline.gif) no-repeat 0 bottom;
	}

.leftcol
	{
	width: 			320px;
	height: 		100%;
	margin-right: 	20px;
	}

.rightcol
	{
	width: 			680px;
	height: 		100%;
	margin-left:  	20px;
	}

.floatleft
	{
	position: 		relative;
	float: 			left;
	display: 		inline;
	}

.floatright
	{
	position: 		relative;
	float: 			right;
	display: 		inline;
	}


.absoluteleft
	{
	position: 		absolute;
	left: 			0px;
	top:			0px;
	}

.absoluteright
	{
	position: 		absolute;
	right:			0px;
	top: 			0px;
	}
	
#logo
	{
	position: 		absolute;
	top:			/*70px*/40px;
	left: 			0px;
	}

.row, #footer
	{
	position: 		relative;
	width: 			100%;
	display: 		block;
	}

#footer ul
	{
	margin-top: 	6px;
	float: 			right;
	}

#footer ul li
	{
	float:			left;
	display:  		inline;
	margin-right: 	10px;
	}

#footer ul li a,
#footer ul li span
	{
	font-size: 		12px !important;
	}

#footer ul li span
	{
	color: 			#E61E5A !important;
	}
	
/* 3. Menu
********************************************************************
********************************************************************/	
	
ul.menu, .lvl_one,
.lvl_two
	{
	position: 		absolute;
	top:			/*66px*/ 36px;
	left: 	 		0px;
	width: 			140px;
	height: 		120px;
	}

.lvl_one
	{
	left: 	 		180px !important;
	}

.lvl_two
	{
	left: 	 		360px !important;
	}

ul.menu li
	{
	width: 			140px;
	height: 		30px;
	
	}

ul.menu li a
	{
	width: 			140px;
	line-height: 	30px;
	display:	 	block;
	}

ul.menu li.studio   { background:url(../images/menu.studio.roll.gif)  no-repeat 0 0; }
ul.menu li.work		{ background:url(../images/menu.work.roll.gif)    no-repeat 0 0; }	
ul.menu li.press 	{ background:url(../images/menu.press.roll.gif)   no-repeat 0 0; }
ul.menu li.contact 	{ background:url(../images/menu.contact.roll.gif) no-repeat 0 0; }


ul.menu li.commercial 	a  	{ background:url(../images/menu.commercial.roll.gif)  no-repeat 0 0; }
ul.menu li.residential 	a	{ background:url(../images/menu.residential.roll.gif) no-repeat 0 0; }	
ul.menu li.lighting 	a	{ background:url(../images/menu.lighting.roll.gif)    no-repeat 0 0; }
ul.menu li.all 			a 	{ background:url(../images/menu.all.roll.gif) 		  no-repeat 0 0; }

ul.menu li.overview 	a	{ background:url(../images/menu.overview.roll.gif) no-repeat 0 0; }
	
ul.menu li:hover,
ul.menu li a:hover,
ul.menu li.studio.selected,
ul.menu li.studio.selected:hover,
ul.menu li.work.selected,
ul.menu li.work.selected:hover,
ul.menu li.press.selected,
ul.menu li.press.selected:hover,
ul.menu li.contact.selected,
ul.menu li.contact.selected:hover,
ul.menu li.commercial a.selected,
ul.menu li.commercial a.selected:hover,
ul.menu li.residential a.selected,
ul.menu li.residential a.selected:hover,
ul.menu li.all a.selected,
ul.menu li.all a.selected:hover,
ul.menu li.lighting a.selected,
ul.menu li.lighting a.selected:hover,
ul.menu li.overview a.selected,
ul.menu li.overview a.selected:hover,
ul.menu li.overview a:hover

	{ 
	background-position: 0 -30px; 
	}

ul.submenu_press
	{
	position: 		absolute;
	top:			70px;
	left: 			180px;
	}


ul.submenu_overview
	{
	position: 		absolute;
	top:			70px;
	left: 			360px;
	}

ul.submenu_press02
	{
	position: 		absolute;
	top:			70px;
	left: 			360px;
	}

ul.submenu_com
	{
	position: 		absolute;
	top:			70px;
	left: 			360px;
	}

ul.submenu_com02
	{
	position: 		absolute;
	top:			70px;
	left: 			540px;
	}


.item
	{
	font-family: 	axel, helvetica, arial, sans-serif;
	font-size: 		14px;
	font-weight: 	normal;
	color: 			#231E1E;
	}

.item:hover, 
.item a.selected,
.item a.selected:hover,
.item.selected:hover,
.item.selected
	{
	color: 			#E61E5A;
	}

.pressinfo .item:hover
	{
	color: 			#FFF !important;
	}
	
/* 3. Homepage
********************************************************************
********************************************************************/	
		
.hangingtxt
	{
	position: 		relative;
	width: 			100%;
	height: 		303px;		
	padding-top: 	97px;
	background:		url(../images/img.resource.smalline.gif) no-repeat 0 bottom; 
	}

.hangingtxt_btm
	{
	position: 		relative;
	width: 			100%;
	height: 		133px;
	padding-top: 	116px;
	background:		url(../images/img.resource.smalline.gif) no-repeat 0 bottom; 
	}
	
.hometxt
	{
	padding-top: 	27px;
	}	

a.learnmore
	{
	position: 		absolute;
	left:			0px;
	bottom: 		15px;
	font-size:		12px;
	color:			#E61E5A;
	}

a.learnmore.item:hover
	{
	color: 			#FFF !important;
	background: 	#E61E5A;
	}

a.learnmore img
	{
	padding-right:	5px;
	margin-bottom:	-1px;
	}

.homebanner
	{
	position: 		relative;
	width: 			680px;
	height: 		399px;
	background: 	#EEE;	
	}

.gllrymnu
	{
	position: 		absolute;
	left: 			0;
	bottom: 		15px;
	}

.gllrymnu li
	{
	float: 			left;
	display: 		inline;
	margin-right: 	20px;
	}

.gllrymnu li .item
	{
	font-size: 		12px !important;
	}

.gllrymnu li .item:hover
	{
	color: 			#FFF !important;
	}
	
.gllrymnu li a.selected
	{
	background: 	#E61E5A;
	color: 			#FFF !important;
	}
	
/*--- FOR OLD SLIDE EFFECT
#beforeafter
	{
	position: 		relative;
	width: 			100%;
	height: 		250px;
	}
	
#beforeafter ul
	{
	width: 			100%;
	height: 		248px;
	border-top:		1px solid #FFF;
	display: 		block;
	}

#beforeafter ul li
	{
	width: 			226px;
	height: 		248px;
	line-height: 	249px;
	float: 			left;
	display: 		inline;
	border-right: 	1px solid #FFF;
	background-color: #EEE
	}


#beforeafter ul li.last
	{
	border-right: 	0px !important;
	}
	
.img_one 	{ background:url(../images/index.show.img_01.png) no-repeat 0 0; }
.img_two 	{ background:url(../images/index.show.img_02.png) no-repeat 0 0; }
.img_three 	{ background:url(../images/index.show.img_03.png) no-repeat 0 0; }	
.img_four 	{ background:url(../images/index.show.img_04.png) no-repeat 0 0; }
.img_five 	{ background:url(../images/index.show.img_05.png) no-repeat 0 0; }
.img_six 	{ background:url(../images/index.show.img_06.png) no-repeat 0 0; }
.img_seven 	{ background:url(../images/index.show.img_07.png) no-repeat 0 0; }
.img_eight 	{ background:url(../images/index.show.img_08.png) no-repeat 0 0; }
	

#beforeafter ul li:hover
	{
	background-position: 0px -249px;
	cursor: 		pointer;
	}

#beforeafter ul li.hover
	{
	background-position: 0px -249px;
	cursor: 		pointer;
	}	
	
	
#beforeafter ul li.current,
#beforeafter ul li.current .jsblend
	{
	background-position: 0px -498px !important;
	cursor: 		pointer;
	}
		
---*/
	
#beforeafter
	{
	position: 		relative;
	width: 			680px;
	height: 		250px;
	}
	
#beforeafter ul
	{
	width: 			680px;
	height: 		250px;
	display: 		block;
	}

#beforeafter ul li
	{
	width: 			135px;
	height: 		124px;
	float: 			left;
	display: 		inline;
	margin:         1px 1px 0px 0px;
	}


#beforeafter ul li.last
	{
	margin-right: 	0px !important;
	}

#beforeafter ul li a
	{
	width: 			135px;
	height: 		124px;
	line-height: 	124px;
	display: 		block;
	}
	
.img_one 	{ background:url(../images/img.index.matrix.png) no-repeat 0 0; }
.img_two 	{ background:url(../images/img.index.matrix.png) no-repeat -136px 0; }
.img_three 	{ background:url(../images/img.index.matrix.png) no-repeat -272px 0; }	
.img_four 	{ background:url(../images/img.index.matrix.png) no-repeat -408px 0; }
.img_five 	{ background:url(../images/img.index.matrix.png) no-repeat -544px 0; }
.img_six 	{ background:url(../images/img.index.matrix.png) no-repeat 	0 -125px; }
.img_seven 	{ background:url(../images/img.index.matrix.png) no-repeat -136px -125px; }
.img_eight 	{ background:url(../images/img.index.matrix.png) no-repeat -272px -125px; }
.img_nine 	{ background:url(../images/img.index.matrix.png) no-repeat -408px -125px; }
.img_ten 	{ background:url(../images/img.index.matrix.png) no-repeat -544px -125px; }
	
.img_one:hover 	 { background:url(../images/img.index.matrix.png) no-repeat 0 -250px; }
.img_two:hover 	 { background:url(../images/img.index.matrix.png) no-repeat -136px -250px; }
.img_three:hover { background:url(../images/img.index.matrix.png) no-repeat -272px -250px; }	
.img_four:hover  { background:url(../images/img.index.matrix.png) no-repeat -408px -250px; }
.img_five:hover  { background:url(../images/img.index.matrix.png) no-repeat -544px -250px; }
.img_six:hover 	 { background:url(../images/img.index.matrix.png) no-repeat  0 -375px; }
.img_seven:hover { background:url(../images/img.index.matrix.png) no-repeat -136px -375px; }
.img_eight:hover { background:url(../images/img.index.matrix.png) no-repeat -272px -375px; }
.img_nine:hover  { background:url(../images/img.index.matrix.png) no-repeat -408px -375px; }
.img_ten:hover 	 { background:url(../images/img.index.matrix.png) no-repeat -544px -375px; }


#beforeafter ul li:hover
	{
	cursor: 		pointer;
	}

	
/* 3. Projects
********************************************************************
********************************************************************/	
	
ul.projects_row,
ul.projects_row.lastrow
	{
	position: 		relative;
	width: 			1040px;
	height: 		160px;
	display: 		block;
	}

ul.projects_row.lastrow
	{
	border-bottom: 	1px solid #231E1E;
	height: 		159px !important;
	}

ul.projects_row li,
ul.projects_row.lastrow li
	{
	width: 			260px;
	height: 		160px;
	float: 			left;
	display: 		inline;
	cursor: 		pointer;
	}

ul.projects_row.lastrow li
	{
	height: 		159px !important;
	}

ul.projects_row li a,
ul.projects_row.lastrow li a
	{
	width: 			260px;
	line-height:	160px;
	display: 		block;
	}


ul.projects_row.lastrow li a
	{
	line-height:	159px !important;
	}	
	
/* Updated Feb 24, 2011 // projects.img.sprite.png -to- projects.img.sprite.jpg */
		
li.project_one 		{ background: url(../images/projects.img.sprite.jpg) no-repeat 0px 0px; }	
li.project_two 		{ background: url(../images/projects.img.sprite.jpg) no-repeat -260px 0px; }		
li.project_three 	{ background: url(../images/projects.img.sprite.jpg) no-repeat -520px 0px; }	
li.project_four 	{ background: url(../images/projects.img.sprite.jpg) no-repeat -780px 0px; }

li.project_one.blkout,   .blkout:hover, li.project_one.blkout.hover  	{ background: url(../images/projects.img.sprite.jpg) no-repeat 0px -1278px    !important; }	
li.project_two.blkout,   .blkout:hover, li.project_two.blkout.hover		{ background: url(../images/projects.img.sprite.jpg) no-repeat -260px -1278px !important; }		
li.project_three.blkout, .blkout:hover,	li.project_three.blkout.hover 	{ background: url(../images/projects.img.sprite.jpg) no-repeat -520px -1278px; }	
li.project_four.blkout,  .blkout:hover, li.project_four.blkout.hover	{ background: url(../images/projects.img.sprite.jpg) no-repeat -780px -1278px; }			

li.project_one:hover, 	li.project_one.hover  	{ background-position: 	0px 	-639px; }	
li.project_two:hover, 	li.project_two.hover 	{ background-position: 	-260px 	-639px; }		
li.project_three:hover, li.project_three.hover 	{ background-position: 	-520px 	-639px; }	
li.project_four:hover,	li.project_four.hover 	{ background-position:  -780px 	-639px; }		


li.project_five 	{ background: url(../images/projects.img.sprite.jpg) no-repeat 0px -160px; }	
li.project_six 		{ background: url(../images/projects.img.sprite.jpg) no-repeat -260px -160px; }		
li.project_seven 	{ background: url(../images/projects.img.sprite.jpg) no-repeat -520px -160px; }	
li.project_eight 	{ background: url(../images/projects.img.sprite.jpg) no-repeat -780px -160px; }

li.project_five.blkout,  .blkout:hover, li.project_five.blkout.hover 	{ background: url(../images/projects.img.sprite.jpg) no-repeat 0px -1438px; }	
li.project_six.blkout,   .blkout:hover, li.project_six.blkout.hover 	{ background: url(../images/projects.img.sprite.jpg) no-repeat -260px -1438px; }		
li.project_seven.blkout, .blkout:hover, li.project_seven.blkout.hover 	{ background: url(../images/projects.img.sprite.jpg) no-repeat -520px -1438px; }	
li.project_eight.blkout, .blkout:hover, li.project_eight.blkout.hover 	{ background: url(../images/projects.img.sprite.jpg) no-repeat -780px -1438px; }		

li.project_five:hover, 	li.project_five.hover  	{ background-position: 	0px 	-799px; }	
li.project_six:hover, 	li.project_six.hover  	{ background-position: 	-260px 	-799px; }		
li.project_seven:hover,	li.project_seven.hover  { background-position: 	-520px 	-799px; }	
li.project_eight:hover, li.project_eight.hover 	{ background-position:  -780px 	-799px; }

li.project_nine		{ background: url(../images/projects.img.sprite.jpg) no-repeat 0px -320px; }	
li.project_ten 		{ background: url(../images/projects.img.sprite.jpg) no-repeat -260px -320px; }		
li.project_eleven 	{ background: url(../images/projects.img.sprite.jpg) no-repeat -520px -320px; }	
li.project_twelve	{ background: url(../images/projects.img.sprite.jpg) no-repeat -780px -320px; }

li.project_nine.blkout,   .blkout:hover, li.project_nine.blkout.hover	{ background: url(../images/projects.img.sprite.jpg) no-repeat 0px -1598px; }	
li.project_ten.blkout, 	  .blkout:hover, li.project_ten.blkout.hover 	{ background: url(../images/projects.img.sprite.jpg) no-repeat -260px -1598px; }		
li.project_eleven.blkout, .blkout:hover, li.project_eleven.blkout.hover { background: url(../images/projects.img.sprite.jpg) no-repeat -520px -1598px; }	
li.project_twelve.blkout, .blkout:hover, li.project_twelve.blkout.hover	{ background: url(../images/projects.img.sprite.jpg) no-repeat -780px -1598px; }		

li.project_nine:hover,		li.project_nine.hover 	{ background-position: 	0px 	-959px; }	
li.project_ten:hover,		li.project_ten.hover 	{ background-position: 	-260px 	-959px; }		
li.project_eleven:hover,	li.project_eleven.hover { background-position: 	-520px 	-959px; }	
li.project_twelve:hover,	li.project_twelve.hover { background-position:  -780px 	-959px; }		

li.project_thirt	{ background: url(../images/projects.img.sprite.jpg) no-repeat 0px -480px; }	
li.project_fourt 	{ background: url(../images/projects.img.sprite.jpg) no-repeat -260px -480px; }		
li.project_fivet 	{ background: url(../images/projects.img.sprite.jpg) no-repeat -520px -480px; }	
li.project_sixt		{ background: url(../images/projects.img.sprite.jpg) no-repeat -780px -480px; }

li.project_thirt.blkout, .blkout:hover, li.project_thirt.blkout.hover	{ background: url(../images/projects.img.sprite.jpg) no-repeat 0px -1758px; }	
li.project_fourt.blkout, .blkout:hover, li.project_fourt.blkout.hover 	{ background: url(../images/projects.img.sprite.jpg) no-repeat -260px -1758px; }		
li.project_fivet.blkout, .blkout:hover, li.project_fivet.blkout.hover 	{ background: url(../images/projects.img.sprite.jpg) no-repeat -520px -1758px; }	
li.project_sixt.blkout,  .blkout:hover, li.project_sixt.blkout.hover	{ background: url(../images/projects.img.sprite.jpg) no-repeat -780px -1758px; }		

li.project_thirt:hover, li.project_thirt.hover 	{ background-position: 	0px 	-1119px; }	
li.project_fourt:hover, li.project_fourt.hover 	{ background-position: 	-260px 	-1119px; }		
li.project_fivet:hover,	li.project_fivet.hover 	{ background-position: 	-520px 	-1119px; }	
li.project_sixt:hover, 	li.project_sixt.hover 	{ background-position:  -780px 	-1119px; }		

	
/* 4. Slider
********************************************************************
********************************************************************/	

#workslide img.scrollButtons
	{
	display: 		none;
	}

img.scrollButtons
	{
	position: 		absolute;
	top:			509px;
	z-index: 		10;
	cursor: 		pointer;
	display: 		none;
	}

img.scrollButtons.left
	{
	left:			0px;
	}

img.scrollButtons.right
	{
	right:			0px;
	}
		
.scroll, #smallscroll	
	{
	position: 		relative; /* fix for IE to respect overflow */
  	height: 		640px;
  	overflow: 		auto;
  	clear: 			left;
	}

#smallscroll
	{
	height: 		250px !important;
	}

.scrollContainer div.panel 
	{
	width: 			1040px; /* change to 560px if not using JS to remove rh.scroll */
  	height: 		640px;
	}

#beforeafter div.panel 
	{
	width: 			680px !important; /* change to 560px if not using JS to remove rh.scroll */
  	height: 		250px !important;
	}

	
	
	
/* 5. Breadcrumbs
********************************************************************
********************************************************************/		

.breadcrumbs
	{
	position:  		absolute;
	bottom: 		10px;  
	left: 	   		0px;
	}

.breadcrumbs li
	{
	float:			left;
	display: 		inline;
	line-height: 	10px;
	}

.breadcrumbs li a.link:hover
	{
	border-bottom: 	0px;
	}

/* 6. Project Refine / Studio
********************************************************************
********************************************************************/
		
#projectinfo, #studioinfo
	{
	height: 		649px;
	background:		url(../images/img.resource.smalline.gif) no-repeat 0 bottom; 	
	}

.studio, .sitemap
	{
	height: 		649px;
	background: 	url(../images/img.resource.bigline.gif) no-repeat 0 bottom;
	}

.press
	{
	height: 		640px;
	/*background: 	url(../images/img.resource.bigline.gif) no-repeat 0 bottom;*/
	}

 #studioinfo
 	{
 	background:		none;
 	}
 	
.plusminus
	{
	position: 		absolute;
	left: 			0px;
	top:			19px;
	width: 			50px;
	height: 		10px;
	}
	
.plusminus	.plus
	{
	float: 			right;
	display: 		inline
	}

.plusminus	.minus
	{
	float: 			left;
	display: 		inline
	}
		
.projectdesc,
.genericdesc
	{
	position: 		relative;
	width: 			100%;
	height:			420px;
	overflow: 		auto;
	margin-top: 	116px;
	}	
	
h1.projectname,
h1.title
	{
	padding-bottom: 30px;
	}

.projectdesc strong
	{
	font-weight: 	normal;
	color: 			#A5A0A0;	
	}
	
.flrplans, .flrplansvert 
	{
	position: 		absolute;
	left: 			0px;
	bottom: 		20px;
	width: 			320px;
	}

.flrplansvert 
	{
	width: 			59px !important;
	}

.flrplan_info
	{
	position:	absolute;
	left:		90px;
	bottom:		20px;
	}

a.visitnxt
	{
	position: 		absolute;
	left: 			90px;
	top: 			19px;
	height: 		12px;
	line-height: 	12px;
	font-size: 		95%;
	color:			#E61E5A;
	}

a.visitnxt img
	{
	margin-right: 	2px;
	}

a.visitnxt:hover
	{
	color: 			#FFF;	
	background:  	#E61E5A;
	}
	
a.flrplans:hover
	{
	background-position: 0 -12px;
	}
	
.studiodesc 
	{
	position: 		relative;
	width: 			500px;
	height: 		480px;
	margin-top: 	115px;
	}
	
.studiodesc p
	{
	padding-bottom: 	20px;
	}
	
.studiodesc p.last
	{
	padding-bottom: 	0px;
	}
	
a.green
	{
	bottom: 		15px;
	font-size:		12px;
	color:			#E61E5A;
	}

a.green.item:hover
	{
	color: 			#FFF !important;
	background: 	#E61E5A;
	}

a.green img
	{
	padding-right:	5px;
	margin-bottom:	-1px;
	}


/* 6. Press
********************************************************************
********************************************************************/

.presslist
	{
	position: 			relative;
	width: 				100%;
	height: 			100%;
	background: 		#A5A0A0; 
	}

.presslist li
	{
	position: 			relative;
	height: 			159px;
	float: 				left;
	display: 			inline;
	border-bottom:  	1px solid #231E1E;
	}

.presslist li:hover
	{
	background: 		#E61E5A 
	}

.presslist li.empty,
.presslist li.empty:hover 
	{
	background: 		#FFF;
	}

.presslist li.pressitem_01
	{
	width: 				519px;
	border-right: 		1px solid #231E1E;
	}

.presslist li.pressitem_02
	{
	width: 				519px;
	border-right: 		0px !important;
	}

.presslist li  img,
.presslist li .pressinfo
	{
	position: 			absolute;
	border-right: 		1px solid #231E1E;
	}
	
.presslist li.pressitem_01 .pressinfo
	{
	top:				35px;
	left:				180px;
	width: 				338px;
	height: 			124px;
	margin-right: 		0px !important;
	border-right: 		0px !important;
	}

.presslist li.pressitem_02 .pressinfo
	{
	top:				35px;
	left:				180px;
	width: 				339px;
	height: 			124px;
	margin-right: 		0px !important;
	border-right: 		0px !important;
	}

.pressinfo h3,
.pressinfo h3:hover,
.pressinfo h3.item:hover
	{
	color: 				#FFF  !important;
	}

.pressinfo a.item
	{
	font-size: 			12px !important;
	}
	
.pressinfo a.item:hover
	{
	color: 				#E61E5A !important;
	background: 		#FFF;
	}


/* 7. Gallery
********************************************************************
********************************************************************/

.pika_main
	{
	position: 		relative;
	width: 			680px;
	height: 		399px;
	border-bottom: 	30px solid #A5A0A0;
	background: 	#EBE6E6;
	}

.pika_caption
	{
	position: 		absolute;
	left: 			20px;
	bottom:			-25px;
	font-size: 		95%;
	z-index: 		100;
	}

.pika_navigation
	{
	position: 		absolute;
	top:			139px;
	left:			0px;
	width: 			680px !important;
	height: 		110px;
	z-index: 		100;
	cursor: 		pointer;
	}

.pika_navigation a.previous
	{
	background: 	url(../images/img.resource.arrow.prev.gif) no-repeat 0 0;
	float: 			left;
	}

.pika_navigation a.next
	{
	background: 	url(../images/img.resource.arrow.next.gif) no-repeat 0 0;
	float: 			right;
	}


#gallery
	{
	position: 		relative;
	width: 			680px;
	height: 		180px;
	padding-top: 	10px; 			
	}

#gallery li
	{
	position: 		relative;
	width: 			105px;
	height: 		80px;
	float: 			left;
	display: 		inline;
	margin: 		0px 10px 10px 0px;
	overflow: 		hidden;
	cursor: 		pointer;
	}

#gallery li img
	{
	position: 		absolute;
	top:			0px;
	left:			0px;
	z-index: 		1;
	}
	
#gallery li span
	{
	position: 		absolute;
	bottom:			-10px;
	left:			0px;
	width: 			105px;
	height: 		10px;
	background:		#E61E5A;
	z-index: 		10;
	}

#gallery li:hover span,
#gallery li span:hover,
#gallery li span.active,
#gallery li span.active:hover,
#gallery li:hover span.active,
#gallery li:hover span.active:hover
	{
	bottom:			0px;
	}

#gallery li.last
	{
	margin-right: 	0px;
	}

/*/// Custom Borders /// */

.sorella { border-bottom: 	30px solid #A5A0A0; }
	
	
/* 7. Sitemap
********************************************************************
********************************************************************/

#sitemap
	{
	margin-top: 	115px;
	}


#sitemap > li,
#sitemap .map01 > ul > li,
#sitemap .map01 ul li ul > li 
	{
	border-bottom: 	1px dotted #A5A0A0; 
	}

#sitemap .map01 > ul,
.brdrtop
	{
	border-top: 	1px dotted #A5A0A0;  
	}

#sitemap .map01 ul li > a
	{
	margin-left: 	140px; 			
	}

#sitemap .map01 ul li ul li > a
	{
	margin-left: 	180px; 			
	}
		
#sitemap .map01 .last
	{
	border-bottom: 	0px;
	}

#sitemap a
	{
	color: 			#231E1E;
	}		
	
#sitemap a:hover
	{
	color: 			#FFF !important;
	background: 	#E61E5A;
	}

/* 8. Contact
********************************************************************
********************************************************************/
.cntct
	{
	position: 		relative;
	z-index: 		10;
	}
	
.cntct li.item
	{
	padding: 		5px 0px;
	border-top:		1px dotted #A5A0A0; 
	}	
		
.cntct li.item:hover
	{
	color: 			#231E1E !important;
	}

.ltlrooster
	{
	position: 		absolute;
	top:			-15px;
	left: 			320px;
	z-index: 		1;
	}

/* 9. Sustainability
********************************************************************
********************************************************************/

.sustainmatrix
	{
	position: 		absolute;
	bottom: 		1px;
	left: 			0px;
	width: 			1040px;
	height: 		239px;
	}
	
/* 10. Bubble
********************************************************************
********************************************************************/
 
.apple_overlay  
	{ 
    display:		none; 
    z-index:		10000; 
    background:		#FFF; 
    min-width:		500px;     
    min-height:		200px; 
    border:			1px solid #FFF; 
    -moz-box-shadow:	0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000;     
	} 
 
/* close button positioned on upper right corner */ 
.apple_overlay .close 
	{ 
    position:		absolute; 
    right:			-15px; 
    top:			-15px; 
    cursor:			pointer; 
    height:			35px; 
    width:			35px;
    background-image:url(../images/btn.close.bubble.png); 
	}