/* --------------------------------------------
UA2006: PLC Redesign
Name:     -
Designer: Holly Valero
URL:      www.hollyworks.com
Date:     June 2006

Color Scheme:  
Lobster: #e35220
Dark blue: #2d3d61
Lite blue: #83add7
Teal:#1ea4b4
Sky blue:#e7f8fa

Universal Page Parameters and Widths:  820 px.

----------------------------------------------- */



/* -- 508 HIDE -- */
#skip {position: absolute; left: -9999px; font-size: small;}
#skip a:hover {color: #ffffff;}
#hide {display: none;}
#hide h2 {display: none;}
#hide p {display: none;}

.clear {clear:both; padding-top:6px;}
.fr {float:right;}
.fl {float:left;}
.left {padding:8px; float:left;}
.right {padding:8px; float:right;}
.c {text-align:center;}




/* --  CLASSIC TAGS A-Z  -- */




/* -- AM tags -- */

.left {float:left;}
.right {float:right;}
.center {margin-left: auto; margin-right: auto;}
.c {text-align:center;}




/* --  Classic Tags  -- */

abbr, acronym {font-style: normal; border-bottom: dotted 1px #d6d6d6; cursor: help;}
img {border: 0; padding: 0;}


h1 {font:bold 1.2em "Lucida Grande", Verdana, Helvetica, sans-serif; color:#ffffff; background:#e35220; padding:2px 5px; width:100%; line-height:1.0em;}

h2 {font:bold 1.1em "Lucida Grande", Verdana, Helvetica, sans-serif; color:#ffffff; background:#e35220; padding:2px 5px; width:100%;line-height:1.0em; }
 
h3 {font:bold 1.0em "Lucida Grande", Verdana, Helvetica, sans-serif; color:#ffffff; background:#1ea4b4; padding:1px 1px; width:100%;line-height:1.0em; }

h4 {font:bold 1.0em "Lucida Grande", Verdana, Helvetica, sans-serif; color:#1ea4b4; padding:1px 1px; line-height:1.0em;}



h1.callout {display:box; padding:10px; border:1px solid #88dff2; background-color:#ffffff; color:#36b2aa; font-size:20px;width:90%; margin:0 auto; margin:10px 0 10px 0; text-align:center;}

/* -- Architecture  -- */



body {
color:#4c618e;
background:#2d3d61;
font-family: Verdana, Helvetica, Arial, Sans-Serif;
font-size: small;
line-height: 1.4em;	
margin: 0; 
padding: 0; 
text-align: center; 
}
 


#container_shell {
width:820px;
margin:0 auto;
text-align: left;
margin-top:20px;

}

#container_wrap {
width:820px;
}


#container_shell2 {
width:960px;
margin:0 auto;
text-align: left;
margin-top:28px;
}

#container_wrap2 {
width:960px;
float:left;
}


/* pagetops */



#pagetop {
	width: 820px;
	height: 243px;
	margin:0;
	border:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	background: url(../images/plcheader.jpg) no-repeat;
}


#pagetopmenu {
	width: 820px;
	height: 243px;
	margin:0;
	border:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	background: url(../images/plcheadermenu.jpg) no-repeat;
}



#pagetopdirections {
	width: 820px;
	height: 243px;
	margin:0;
	border:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	background: url(../images/plcheadermap.jpg) no-repeat;
}


#pagetopcalendar {
	width: 820px;
	height: 243px;
	margin:0;
	border:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	background: url(../images/plcheadercalendar.jpg) no-repeat;
}

#pagetopcoupon {
	width: 820px;
	height: 243px;
	margin:0;
	border:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	background: url(../images/plcheadercoupon.jpg) no-repeat;
}

#pagetoplobsters {
	width: 820px;
	height: 243px;
	margin:0;
	border:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	background: url(../images/plcheaderbuylobster.jpg) no-repeat;
}

#pagetopshop {
	width: 820px;
	height: 243px;
	margin:0;
	border:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	background: url(../images/plcheadershop.jpg) no-repeat;
}

#pagetopmusic {
	width: 820px;
	height: 243px;
	margin:0;
	border:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	background: url(../images/plcheadermusic.jpg) no-repeat;
}



#pagetopmap {
	width: 820px;
	height: 243px;
	margin:0;
	border:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	background: url(../images/plcheadermap.jpg) no-repeat;
}

#pagetopjobs {
	width: 820px;
	height: 243px;
	margin:0;
	border:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	background: url(../images/plcheaderemploy.jpg) no-repeat;
}


#pagetop404 {
	width: 820px;
	height: 243px;
	margin:0;
	border:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	background: url(../images/plcheader404.jpg) no-repeat;
}


#pagetophome {
	width: 820px;
	height: 501px;
	margin:0;
	border:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	background: url(../images/homephoto.jpg) no-repeat;
}


#pagetophome2 {
	width: 960px;
	height: 567px;
	margin:0;
	border:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	background: url(../images/homephoto2.jpg) no-repeat;
}



#pagetophome .blurb, #pagetophome2 .blurb  {display:none;}

#pagetopvideo {
	width: 820px;
	height: 243px;
	margin:0;
	border:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	background: url(../images/plcheadervideo.jpg) no-repeat;
}




#anchorsaway {
	width: 500px;
	margin:0;
	border:0;
	padding:0;
	position:relative;
	top:190px;
	left:230px;
	background: transparent;
	font-size:75%;
	line-height: 1.1em;	
}



#page {
	width: 820px;
	background: url(../images/stripewall.gif) repeat-y;
	position:relative;
}





/* -- Navigation:  -- */

#navcontainer { width:198px; top:0; left:12px; position:relative; float:left;}

#navcontainer ul
{
margin:0;
padding: 0;
list-style-type:none;
position:absolute;
width:198px;
}



.glossymenu{
list-style-type: none;
margin:0;
padding: 0;
border: 0;
position:absolute;
width:198px;
}

.glossymenu li a{
background: transparent url(../images/dots.gif) repeat-x bottom left;
font: bold 80% "Lucida Grande", Verdana, Helvetica, sans-serif;
color: white;
display: block;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 188px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-color: #c54012;
}










#content { 
	width: 560px;
	margin:0;
	padding:0;
	position:relative;
 	font-size: 85%;
	left:230px;
	top:0;
	background:#ffffff;
	}
 


#content ul {margin-left:10px; list-style:square;}


#pagebot {
	width: 820px;
	height: 30px;
	margin: 0;
	border:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	background: url(../images/plcbot.gif) no-repeat;
}



#copyright {
	width: 820px;
	margin: 0;
	border:0;
	color:#83add7;
	padding: 0;
	position:relative;
	top:0;
	left:0;
	background: transparent;
	text-align:center;
	font-size:80%;
}

#copyright2 {
	width: 960px;
	margin: 0;
	border:0;
	color:#83add7;
	padding: 0;
	position:relative;
	top:0;
	left:0;
	background: transparent;
	text-align:center;
	font-size:80%;
}

#copyright a:link, #copyright a:visited {color: #83add7; text-decoration: none;}
#copyright a:hover {color: #83add7; text-decoration: none;}

#copyright2 a:link, #copyright2 a:visited {color: #83add7; text-decoration: none;}
#copyright2 a:hover {color: #83add7; text-decoration: none;}


a.top:link,  a.top:visited {display:block; padding:2px 5px 2px 5px; width:90%; text-align:center; color:#83add7; text-decoration:none;}
a.top:hover {color: #ffffff; text-decoration: none; background:#83add7;}




#anchorsaway a:link {

	text-decoration: none;
	font-weight: normal;
	color: #1ea4b4;
	border-bottom: 1px solid #ffffff;
	}

#anchorsaway a:visited  {

	text-decoration: none;
	font-weight: normal;
	color: #e35220;
	border-bottom: 1px solid #ffffff;

	}

#anchorsaway a:hover, #anchorsaway a:active {	

	border-bottom-color: #e7f8fa;
	color: #e35220;
	}	





#content a:link {

	text-decoration: none;
	font-weight: normal;
	color: #1ea4b4;
	}

#content a:visited  {

	text-decoration: none;
	font-weight: normal;
	color: #e35220;

	}

#content a:hover, #content a:active  {	

	border-bottom-color: #e7f8fa;
	color: #e35220;
	}	




.calendar {
	width: 560px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #83add7;
	font: normal 11px/13px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #4c618e;
	text-align: left;
	background-color: #ffffff;
}



.date {
	font: normal 10px/10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	display:block;
	top:1px;
	left:1px;
	position:relative;
	width:12px;
	height:12px;
	padding:1px 1px;
	border: 1px #ffffff solid;
	color:#e35220;
	background-color:#ffffff;
}

.nodate {
	font: normal 10px/10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	display:block;
	top:1px;
	left:1px;
	position:relative;
	width:12px;
	height:12px;
	padding:2px 2px;
	border: 2px #ffffff solid;
	color:#ffffff;
	background-color:#ffffff;
}

th {
	font: bold 11px/20px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: #e35220;
	border-right: 1px solid #83add7;
	border-bottom: 1px solid #83add7;
	border-top: 1px solid #e7f8fa;
}



td {
	border-right: 1px solid #83add7;
	border-bottom: 1px solid #83add7;
	width:14%;
	height: 55px;
}





/* -- Primary Navigation:  -- */



h5.review {display:block; position:absolute;width:125px; height:125px;left:105px; top:315px;padding:0;margin:0;border:0;}
h5.review a {display:block;width:125px; height:125px;padding:0;margin:0;border:0; text-indent:-9999px;}




/* -- Primary Navigation:  -- */

#navwraphomenew { 
	width: 960px;
	height:44px;
	margin: 0;
	border:0;
	padding: 0;
	position:relative;
	top:0;
	left:0;
	background: url(http://portlandlobstercompany.com/elements/images/homenav2.jpg) no-repeat;
}


 
/* -- Primary Navigation:  -- */

#navhomenew { 
	width: 960px;
	height: 44px;
	margin: 0;
	border:0;
	padding: 0;
	background: #2d3d61;
	position:absolute;
	left:0;
	top:0;
}


#navhomenew ul	{
	width: 960px;
	height: 44px;
	background: url(http://portlandlobstercompany.com/elements/images/homenav2.jpg) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

#navhomenew ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
}

#navhomenew ul li, #navhomenew a {
	height: 44px;
	display: block;
}

#navhomenew ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}


#navhome1 {left: 0; width: 40px;}
#navhome2 {left: 40px; width: 50px;}
#navhome3 {left: 90px; width:120px;}
#navhome4 {left: 210px; width: 60px;}
#navhome5 {left: 270px; width: 60px;}
#navhome6 {left: 330px; width: 185px;}
#navhome7 {left: 515px; width: 90px;}
#navhome8 {left: 605px; width: 85px;}
#navhome9 {left: 690px; width: 160px;}
#navhome10 {left: 850px; width: 110px;}



#navhome1 a:hover {background: transparent url(http://portlandlobstercompany.com/elements/images/homenav2.jpg) -0px -44px;}
#navhome2 a:hover {background: transparent url(http://portlandlobstercompany.com/elements/images/homenav2.jpg) -40px -44px;}
#navhome3 a:hover {background: transparent url(http://portlandlobstercompany.com/elements/images/homenav2.jpg) -90px -44px;}
#navhome4 a:hover {background: transparent url(http://portlandlobstercompany.com/elements/images/homenav2.jpg) -210px -44px;}
#navhome5 a:hover {background: transparent url(http://portlandlobstercompany.com/elements/images/homenav2.jpg) -270px -44px;}
#navhome6 a:hover {background: transparent url(http://portlandlobstercompany.com/elements/images/homenav2.jpg) -330px -44px;}
#navhome7 a:hover {background: transparent url(http://portlandlobstercompany.com/elements/images/homenav2.jpg) -515px -44px;}
#navhome8 a:hover {background: transparent url(http://portlandlobstercompany.com/elements/images/homenav2.jpg) -605px -44px;}
#navhome9 a:hover {background: transparent url(http://portlandlobstercompany.com/elements/images/homenav2.jpg) -690px -44px;}
#navhome10 a:hover {background: transparent url(http://portlandlobstercompany.com/elements/images/homenav2.jpg) -850px -44px;}





/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#ffffff;
	
	width:400px;	
	min-height:300px;
	border:0;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 3px #222;
	-webkit-box-shadow: 0 0 90px #222;	
}

.simple_overlay_big {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#ffffff;
	
	width:600px;	
	min-height:400px;
	border:0;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 3px #222;
	-webkit-box-shadow: 0 0 90px #222;	
}

/* close button positioned on upper right corner */
.simple_overlay .close, .simple_overlay_big .close {
	background-image:url(http://portlandlobstercompany.com/elements/images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:48px;
	width:48px;
}