/* StyleSheet for Sudie's by Design at Work
   Project: Sudies Seafood House
   v1.1
   Date: July/August 2009
   www.designatwork.com
*/

@import url('reset.css');


/*------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------STRUCTURE----------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------- */

body{background:#01351e url(../images/common/greenbgrepeat.jpg) top left repeat;}

	#mainContainer{background:url(../images/common/redwood_tile_bg.jpg) top left; background-repeat:repeat; min-height:580px; width:100%; /*height:auto !important; height:580px;*/}

		#centerContainer{ width:1024px; min-height:580px; /*height:auto !important; height:580px;*/ overflow:visible; margin:0 auto; position:relative; }

		#logo{ position:absolute; /*background:url(../images/common/sudies_logo.png) top left no-repeat;*/ height:187px; width:329px; top:0; z-index:1000;}
		
		#mainContent{ position:relative; top:70px; left:175px; width:788px; z-index:1; height:auto; }
 
			#mainContentTop{ width:788px; background:url(../images/common/white_bg_top.png) top left no-repeat; height:64px; }
			
			#mainContentBody{width:788px; background:url(../images/common/white_bg_body.png) top left repeat-y; /*overflow:auto; flash problem*/  padding:0 0 80px 155px; /* padding: 0 0 80px 0;*/ min-height:400px; height:auto !important; height:400px;  }
			
			#mainContentBottom{ width:788px; background:url(../images/common/white_bg_bottom.png) top left no-repeat; height:61px; padding-bottom:55px;}
			
		#rightPlankContainer{ /*FOR CSS width:260px; z-index:10; position:absolute; left:755px; top:0;*/
							/*FOR FLASH*/width:300px; z-index:200; position:absolute; left:755px; top:0;}

		#rewardsPlank{ background:transparent url(../images/rightplanks/top_plankwithhook.png) top left no-repeat; width:260px; height:250px;}
		
		#openHours{ /*margin-left:155px;*/ padding-top:45px;/*width:420px;*/ }
		
		#churchPlank{width:245px;height:143px; background:transparent url(../images/rightplanks/plank_one.png) top left no-repeat;margin-top:-35px; margin-left:12px;}
		
		.plankRight{float:left;}
		
		.regularPlank{width:245px; height:137px; background:url(../images/rightplanks/plank_continue.png) top left no-repeat; margin-top:-33px; margin-left:10px;}
		
		#colorbar{height:37px; background:url(../images/common/trans_bar.gif) top left repeat-x;}
		
		#footerHolder{background:url(../images/common/greenbgrepeat.jpg) top left repeat-x; min-height:137px;/* height:auto !important; height:137px;*/}
		
		#footerGreen{background:url(../images/common/footer_green.jpg) top left no-repeat; width:1024px; height:137px; margin:0 auto;}

		#locations{width:275px; padding:50px 0 0 37px; float:left;}
		
		#locations .itemLeft{float:left; border-right:1px solid #FFF; margin-right:8px; padding-right:8px;}

		#foodImageHolder{z-index:100; position:relative; float:left; margin:-85px 0 0 -28px;}
		
		#transfatSealHolder{z-index:120; position:relative; float:left; margin:-95px 0 0 -10px;}
		
		#mainContentBody .newsPhotoLeft{padding:10px; border:2px solid #999; float:left; margin:0 20px 0 0;}
		
		#mainContentBody .newsPhotoRight{padding:10px; border:2px solid #999; float:right; margin:0 375px 0 20px;}



/*------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------NAVIGATION---------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------- */

#navContainer{ position:absolute;z-index:5;top:172px;left:23px;width:270px;}

	ul#mainnav{ background:url(../images/common/nav_bg.png) top left repeat-y; color:#00457c; min-height:465px; height:auto !important; height:465px;}
	
		ul#mainnav li{ padding:10px 0 10px 0; margin:0 60px 0 45px; border-bottom:2px solid #6a4843; font: normal 16px/20px "Palatino Linotype", "Book Antiqua", Palatino, serif;letter-spacing:-0.5px;}
		
		ul#mainnav li a:link, ul#mainnav li a:visited{ color:#00457c;}
			
		ul#mainnav li a:hover, ul#mainnav li ul li a:hover,
		ul#mainnav.mainSelected li#main, ul#mainnav.mainSelected li#main a,
		ul#mainnav.menuSelected li#menu, ul#mainnav.menuSelected li#menu a,
		ul#mainnav.banquetSelected li#banquet, ul#mainnav.banquetSelected li#banquet a,
		ul#mainnav.cateringSelected li#catering, ul#mainnav.cateringSelected li#catering a,
		ul#mainnav.aboutSelected li#about, ul#mainnav.aboutSelected li#about a,
		ul#mainnav.newsSelected li#news, ul#mainnav.newsSelected li#news a,
		ul#mainnav.contactSelected li#contactus, ul#mainnav.contactSelected li#contactus a,
		ul#mainnav.customerphotosSelected li#customerphotos, ul#mainnav.customerphotosSelected li#customerphotos a{color:#F00;}
	
		ul#mainnav.menuSelected li#menu ul.secnav li, ul#mainnav.menuSelected li#menu ul.secnav li a,
		ul#mainnav.banquetSelected li#banquet ul.secnav li, ul#mainnav.banquetSelected li#banquet ul.secnav li a,
		ul#mainnav.cateringSelected li#catering ul.secnav li, ul#mainnav.cateringSelected li#catering ul.secnav li a,
		ul#mainnav.contactSelected li#contactus ul.secnav li, ul#mainnav.contactSelected li#contactus ul.secnav li a,
		#mainnav ul.secnav li a:link,#mainnav ul.secnav li a:visited{ color:#85a3bc; border:none;}
		
		#mainnav ul.secnav li{color:#85a3bc; background:url(../images/common/bullet.png) center left no-repeat; font:normal 13px/18px "Palatino Linotype", "Book Antiqua", Palatino, serif; border:none; margin:0; padding:0 0 0 10px;}
		
		ul#mainnav.menuSelected li#menu ul.secnav li a:hover,
		ul#mainnav.banquetSelected li#banquet ul.secnav li a:hover,
		ul#mainnav.cateringSelected li#catering ul.secnav li a:hover,
		ul#mainnav.contactSelected li#contactus ul.secnav li a:hover{color:#F00;}
		
		/*2nd Level Nav Active States*/
		#mainnav.menuleaguecitySelected li#menu ul#underMenu.secnav li#underMenuLeaguecity a,
		#mainnav.menupasadenaSelected li#menu ul#underMenu.secnav li#underMenuPasadena a,
		#mainnav.banquetleaguecitySelected li#banquet ul#underBanquet.secnav li#underBanquetLeaguecity a,
		#mainnav.banquetpasadenaSelected li#banquet ul#underBanquet.secnav li#underBanquetPasadena a,
		#mainnav.cateringmenuSelected li#catering ul#underCatering.secnav li#underCateringMenu a,
		#mainnav.cateringvideoSelected li#catering ul#underCatering.secnav li#underCateringVideo a,
		#mainnav.contactdirectionsSelected li#contactus ul#underContact.secnav li#underContactDirections a,
		#mainnav.contactcareersSelected li#contactus ul#underContact.secnav li#underContactCareers a,
		#mainnav.contactcommentsSelected li#contactus ul#underContact.secnav li#underContactComments a {color:#F00;}
				
		#mainnav li#menu ul#underMenu.secnav,
		#mainnav li#banquet ul#underBanquet.secnav,
		#mainnav li#catering ul#underCatering.secnav,
		#mainnav li#contactus ul#underContact.secnav{ visibility:hidden; display:none; height: 0px;}
		
		#mainnav.menuSelected li#menu ul#underMenu.secnav,
		#mainnav.banquetSelected li#banquet ul#underBanquet.secnav,
		#mainnav.cateringSelected li#catering ul#underCatering.secnav,
		#mainnav.contactSelected li#contactus ul#underContact.secnav,
		/*Show the second level when active states for second level are activated*/
		#mainnav.banquetleaguecitySelected li#banquet ul#underBanquet.secnav,
		#mainnav.banquetpasadenaSelected li#banquet ul#underBanquet.secnav,
		#mainnav.menuleaguecitySelected li#menu ul#underMenu.secnav,
		#mainnav.menupasadenaSelected li#menu ul#underMenu.secnav,
		#mainnav.contactdirectionsSelected li#contactus ul#underContact.secnav,
		#mainnav.contactcareersSelected li#contactus ul#underContact.secnav,
		#mainnav.contactcommentsSelected li#contactus ul#underContact.secnav { visibility:visible; display:inline; height: auto;}


/*------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------TYPOGRAPHY---------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------- */


#mainContent p, #mainContent h1, #mainContent h2, #mainContent h3, #mainContent ul, #mainContent fieldset{ padding-right:365px; }

	#mainContent h1{ font:bold 24px/28px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#00457c; padding:10px 0; }
	
	#mainContent h2{ font:bold 16px/20px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#01351e; margin:20px 0 10px 0; }
	
	#mainContent h3{ font:bold 14px/18px "Palatino Linotype", "Book Antiqua", Palatino, serif; color:#000; margin:-10px 0 10px 0;}
	
	#mainContent p, table{ font:normal 12px/18px Verdana, Geneva, sans-serif; letter-spacing:-0.5px; margin:0 0 10px 0;}
	
	#mainContent p a:link, #mainContent p a:visited{ border-bottom:1px dotted; color:#000;}
	
	#mainContent p a:hover, #mainContent p a:active{  border-bottom:1px solid; color:#F00;}
	
	#mainContent ul{margin:0 0 0 15px;}
	
	#mainContent ul li{ font:normal 12px/16px Verdana, Geneva, sans-serif; margin:0 0 5px 0; list-style-type:disc;}
	
	#mainContent ul li a { border-bottom:1px dotted; color:#000; text-decoration:none;}
	
	#mainContent ul li a:hover { border-bottom:1px solid; color:#F00;}

#openHours .leagueHours{display:block; float:left; padding-right:5px; display:inline;}

#openHours .pasadenaHours{ float:left; display:block; margin-left:5px; padding-left:10px; border-left:1px solid #492b0f; display:inline;}

#mainContentBody p.smallerp{ margin:0; padding:0; font: normal 10px/16px Verdana, Geneva, sans-serif; color:#000;}

#rewardsPlank p{ font:normal 16px/20px "Palatino Linotype", "Book Antiqua", Palatino, serif; padding:160px 15px 0 20px; text-align:center; color:#FFF;}

	#rewardsPlank p a:link, #rewardsPlank p a:visited{color:#FFF;}

#churchPlank p{font:normal 16px/20px "Palatino Linotype", "Book Antiqua", Palatino, serif; padding:34px 0px 0px 40px; text-align:left; color:#FFF;}

#churchPlank p a:link, #churchPlank p a:visited{color:#FFF;}

.percent{font:normal 46px/86px "Palatino Linotype", "Book Antiqua", Palatino, serif; height:40px; width:50px; display:block; float:left;}

.smallerplankletter{ font:normal 12px/16px "Palatino Linotype", "Book Antiqua", Palatino, serif;}

.regularPlank p{font:bold 20px/25px "Palatino Linotype", "Book Antiqua", Palatino, serif; padding:40px 15px 0 20px; text-align:center; color:#FFF;}

	.regularPlank p a:link, .regularPlank p a:visited{ color:#FFF;}

#rewardsPlank p a:hover, #churchPlank p a:hover, .regularPlank p a:hover{ color:#02361F;}

.invisible{display:none;}

a:link, a:visited { text-decoration:none;}

.bold{ font-weight:bold;}

.biggerupperCase{text-transform:uppercase; font:normal 20px/25px "Palatino Linotype", "Book Antiqua", Palatino, serif;}

.upperCase{text-transform:uppercase; font:normal 16px/20px "Palatino Linotype", "Book Antiqua", Palatino, serif;}

.right{float:right;}

#locations p{font: normal 9px/15px Arial, Helvetica, sans-serif; color:#FFF;}

#mainContentBody .newsPhotoLeft p.newsCaption, #mainContentBody .newsPhotoRight p.newsCaption {font:normal 9px/12px Verdana, Geneva, sans-serif; color:#000; margin:0; padding:0;}

#mainContentBody ul.twoColumnList{float:left; list-style-type:disc; margin:0; padding:0; display:inline; margin:0 0 0 15px;}

#mainContentBody ul.twoColumnList li{margin-right:25px;}
	
.newsPhotoLeft td sup { line-height:normal; margin:0; padding:0; top:0;}

/*------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------SUDIES LOGO HOVER--------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------- */

.whichSudies { width:385px; height: 80px; background:url(../images/common/bothlogos.png) no-repeat; position:relative;}

	.whichSudies li {display: inline; margin:0; padding:0;}
	
	#mainContent ul.whichSudies li a:link, #mainContent ul.whichSudies li a:visited {position: absolute; top: 0;height: 80px; text-indent: -9000px; overflow:hidden; z-index: 10; border:none; text-decoration:none; margin:0; padding:0;}
	
	.whichSudies .seaFood a:link, .whichSudies .seaFood a:visited {left: 0px;width: 198px;}
	
	.whichSudies .seaFood a:hover, .whichSudies .seaFood a:active{background: url(../images/common/bothlogos.png) no-repeat 1px -80px;}
	
	.whichSudies .catFish a:link, .whichSudies .catFish a:visited {left: 198px;width: 187px;}
	
	.whichSudies .catFish a:hover, .whichSudies .catFish a:active {background: url(../images/common/bothlogos.png) no-repeat -197px -80px;}
		
	
	
/*------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------CONTACT/COMMENT FORM---------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------- */

#mainContent form{ /*background: transparent url(../images/untitled/form_bg.png) repeat;*/ margin:0 210px 0 0; padding:10px 20px; border:2px solid #999; width:450px;}

.formleft{float:left; padding-right:40px; display:inline;}

form.input{width:200px;}

.formright{float:left;}

div#formAddress, div#formFullname{width:350px; display:block;}

div#formCity, div#formZip{width:138px; display:inline;}

div#formState {width:85px; display:block; float:left;}

/*div#formPhone {width:180px; display:block;}*/

#mainContent form span{font:normal 12px/20px Verdana, Geneva, sans-serif;}

#mainContent form .formBold{ font-weight:bold}

#mainContent form .formRatings{ display:inline; float:left; width:130px;}

#mainContent form .formYourself{display:inline; float:left; width:65px;}

/*------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------ROTATING IMGS / IMAGE WITH FRAMES ---------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------- */

#photoframe{background:url(../images/common/photoframe.png) no-repeat; position:absolute; width:313px; height:261px; top:20px; right:-20px; z-index:800;}
/* rotator in-page placement */
    div#rotator {position:absolute; height:261px; width:313px; top:46px; right:-41px; z-index:400;}
/* rotator css */
	div#rotator ul li { float:left; position:absolute; list-style: none; margin:0; padding:0; z-index:400;}
    div#rotator ul li.show { z-index:500; }
	


#smallerphotoframe{background:url(../images/common/photoframe_smaller.png) no-repeat; position:absolute; width:228px; height:190px; top:20px; right:40px; z-index:400}

	div#smallerphoto {position:relative; height:190px; width:228px;}
	div#smallerphoto ul li { float:left; position:absolute; list-style: none; margin:0; padding:0; top:0; left:0;}
    div#smallerphoto ul li.show { z-index:500; }
    
    
    #customerImgframe{background:url(../images/common/photoframe_straight.png) no-repeat; position:relative; width:313px; height:261px; z-index:800; top:-215px; margin-bottom:-190px; left:-5px;}
    
		ul#cusImgRotate {position:relative; top:20px;  z-index:400; list-style-type: none;}
		/* rotator css */
		ul#cusImgRotate li { float:left; position:absolute; margin:0; padding:0; z-index:400; list-style-type: none;}
		ul#cusImgRotate li p{ font: bold 12px/16px Georgia, "Times New Roman", Times, serif; color:#333; padding:20px 0 0 0;}
		/*div#cusImgRotate ul li.show { z-index:500; list-style-type:none; }*/
		
	
	
	.clear{clear:both;}
	
/*Holiday Form*/

.littlePaddingLeft{padding:0 0 0 25px;}

.tableCategory{font: bold 14px Verdana, Geneva, sans-serif; color:#000; border-bottom:1px dotted #333; padding-bottom:5px;}