/* --------------------------------------------
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;}


/* -- 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;
}

#container_wrap {
width:820px;
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;
}

#pagetophome .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%;
}



#copyright a:link, #copyright a:visited {color: #83add7; text-decoration: none;}
#copyright 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:  -- */

#navwraphome { 
	width: 820px;
	height:60px;
	margin: 0;
	border:0;
	padding: 0;
	position:relative;
	top:0;
	left:0;
	background: url(http://portlandlobstercompany.com/elements/images/pagetopnav_home.gif) no-repeat;
}


 
/* -- Primary Navigation:  -- */

#navhome { 
	width: 820px;
	height: 60px;
	margin: 0;
	border:0;
	padding: 0;
	background: #2d3d61;
	position:absolute;
	left:0;
	top:0;
}


#navhome ul	{
	width: 820px;
	height: 60px;
	background: url(http://portlandlobstercompany.com/elements/images/pagetopnav_home.gif) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

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

#navhome ul li, #navhome a {
	height: 60px;
	display: block;
}

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


#navhome1 {left: 185px; width: 100px;}
#navhome2 {left: 288px; width: 40px;}
#navhome3 {left: 332px; width: 106px;}
#navhome4 {left: 442px; width: 90px;}
#navhome5 {left: 534px; width: 65px;}
#navhome6 {left: 600px; width: 66px;}
#navhome7 {left: 666px; width: 58px;}
#navhome8 {left: 724px; width: 81px;}


#navhome1 a:hover {background: transparent url(http://portlandlobstercompany.com/elements/images/pagetopnav_home.gif) -185px -60px no-repeat;}
#navhome2 a:hover {background: transparent url(http://portlandlobstercompany.com/elements/images/pagetopnav_home.gif) -288px -60px no-repeat;}
#navhome3 a:hover {background: transparent url(http://portlandlobstercompany.com/elements/images/pagetopnav_home.gif) -332px -60px no-repeat;}
#navhome4 a:hover  {background: transparent url(http://portlandlobstercompany.com/elements/images/pagetopnav_home.gif) -442px -60px no-repeat;}
#navhome5 a:hover {background: transparent url(http://portlandlobstercompany.com/elements/images/pagetopnav_home.gif) -534px -60px no-repeat;}
#navhome6 a:hover {background: transparent url(http://portlandlobstercompany.com/elements/images/pagetopnav_home.gif) -600px -60px no-repeat;}
#navhome7 a:hover  {background: transparent url(http://portlandlobstercompany.com/elements/images/pagetopnav_home.gif) -666px -60px no-repeat;}
#navhome8 a:hover  {background: transparent url(http://portlandlobstercompany.com/elements/images/pagetopnav_home.gif) -724px -60px no-repeat;}



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;}