/*.................................................. GENERAL ...............................................*/
body {margin:0;  padding:0;  font-size:100.01%; background: url(../img/bg/backdrop-2.gif) repeat; text-align:left; width:100%}
* { margin: 0; padding:0;}

/***** GENERAL STYLES *****/
.l {float:left;}
.r {float:right;}
.clear { clear:both; width:100%; height:1px; font-size:1px; }
.cb {border: 0px;}
img { border: none;}
.toDo {background: yellow}

acronym { border-bottom:1px solid #AAD4FE;  cursor: help;  }

ul {margin:0}
ul li {margin:0; padding:0; background: none; list-style:none}

/*.............................................. ACCESSIBILITY .............................................*/
#access {height:1px; font-size:1px; color:#fff;}
#access a {color:#fff;}
#access ul li {display: inline; float:left; font-size: 1px; text-indent:-9000px;}

/*.................................................. FONTS & HEADERS ........................................*/

p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#333;
	font-size:75%}

.feedburnerFeedBlock {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#333;
	font-size: 11px}

.feedburnerFeedBlock ul li .headline a {
	font-family: Calibri;
	color:#c0137f;
	font-size: 13px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold}

.feedburnerFeedBlock ul li .headline a:hover {
	text-decoration:underline}

#introtext2 p {
	margin:	10px 30px 0 10px;
	padding-bottom: 15px;
	font-size:75%;
	border-bottom: 1px dashed #666}

#introtext2 h1 {
	margin: 0 0 15px 10px}

#contactform {
	float:right;
	width:553px;
	margin-top:265px;}

#contactform ul {
	float:left;
	width:553px}

#contactform ul li {
	float:left;
	padding: 0;
	margin:0}

#inputforms {
	float:left;
	width:553px;
	margin-bottom:15px}
	
#contactform ul li input#subject {
	float:left;
	background:url(../img/email/name-panel.png) no-repeat;
	width: 209px;
	border: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	padding: 10px 0 8px 10px;
	margin:0 12px 0 0}

#contactform ul li input#emailfor {
	float:left;
	background:url(../img/email/mailme-panel.png) no-repeat;
	width: 264px;
	border: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	padding: 10px 0 8px 10px;
	margin:0}

#contactform ul li textarea#message {
	float:left;
	background:url(../img/email/maessage-panel.png) no-repeat;
	width: 505px;
	height:130px;
	border: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	padding:10px 0 0 10px;
	margin-top:15px;
	overflow:hidden}

#contactform ul li button#submit {
	border: 0;
	float: left;
	cursor: pointer;
	background:url(../img/email/mailinglist_submit.png) no-repeat top right;
	height:31px;
	width:78px}
	
#contactform ul li button#submit:hover {
	background: url(../img/email/mailinglist_submit.png);
	background-position:0 -31px}
	
#classdates p {
	margin:	20px 0 0 40px;
	font-size:75%;
	width:880px;
	float:left;}

#makeover p {
	margin:	20px 0 0 0px;
	font-size:75%;
	width:920px;
	float:left;}

#aboutjulie {
	float:left;
	padding:20px 0 0 20px;
	margin-top:210px;
	width:940px}

#aboutjulie p {
	float:left;
	font-size:11px;
	width:620px;
	padding:0;
	margin-top:20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:16px;
	text-align:justify}
	
	#aboutsiobhan {
	float:left;
	padding:20px 0 0 20px;
	margin-top:210px;
	width:940px}

#aboutsiobhan p {
	float:left;
	font-size:11px;
	width:620px;
	padding:0;
	margin-top:20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:16px;
	text-align:justify}

#stylefishclasses p {
	padding:0 0 10px 120px;
	font-size:75%;
	width:460px}

#emailtext p {
	margin-top:	10px;
	padding: 0 0 0 40px;
	font-size:75%;
	width:400px}

#thanks p {
	margin: 10px 0 0 40px}
			
#phil p {			
	padding: 0 0 10px 20px;}

p#philtext {
	padding: 110px 0 0 100px}
			
#phil h1 {
	padding: 5px 0 10px 110px;}
			
#wrapall h1 {
	padding: 20px 0 0 0}


#wrapall h2 {
	padding:15px 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px; 
	font-style:italic;
	color:#77001c}

#wrapall h2 span {
	color:#D33972;}

#wrapall h3 {
	margin-bottom:10px;
	padding-left:40px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:75%;
	color:#3e3e3e;
	font-weight:normal}

#wrapall h3 span {
	color:#960224}
	
#wrapall h9 {
	padding:15px 0 5px 0;
	color:#77001c;
	font: italic bold 12px/25px Georgia, "Times New Roman", Times, serif;
	width: 300px;
}

#wrapall h9 span {
	color:#D33972;}
	
#testimonials h8 {
	font-family: Helvetica, sans-serif;
	font-size:15px; 
	font-weight:normal;
	text-transform:	uppercase;
	color:#666;
	}

	
#testimonials h4 {
	padding:0 0 10px 0;
	margin-bottom:10px;
	font-family: Helvetica, sans-serif;
	font-size:15px; 
	font-weight:normal;
	text-transform:	uppercase;
	color:#666;
	border-bottom: 1px #666 dotted}

p.styclass span {
	background-color: #F99; font-style:italic}
	


/*.................................................. WRAP ALL ................................................*/

#wrapall {
	width:960px;
	margin:0 auto;}

#wrapall-news {
	width:960px;
	margin:0 auto;}
			
#wrapall-test {
	width:960px; 
	margin:0 auto}

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

#signupwrapper {
	width:960px;
	margin:0 auto}
/*.................................................. HEADER ................................................*/

#header {
	width:238px;
	background:url(../img/logos/logo.png) no-repeat 0 5px;
	height:176px;
	float: left}

/*.................................................. FISHFOOD ................................................*/

#fishfood {
	width: 180px; 
	height:70px; 
	position:absolute;
	float:left;
	margin-left:780px}
	
#jointheclass {
	width: 448px; 
	height:63px; 
	position: absolute;
	float:left;
	margin-left:300px;
	background:url(../img/email/class-signup.png) no-repeat top}

#jointheclass p {
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	margin:30px 0 0 10px}

#jointheclass ul {
	float:left;
	width:450px;
	margin:30px 0 0 0;
	padding:0}

#jointheclass ul li {
	float:left;
	margin:0;
	padding:0}
	
#jointheclass input#emailFrom {
	float:left;
	background:url(../img/email/name-signup.png) no-repeat;
	border:none;
	margin-left:10px;
	padding:7px 0 7px 6px;
	width:172px;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;}

#jointheclass input#county {
	float:left;
	background:url(../img/email/county-signup.png) no-repeat;
	border:none;
	margin-left:5px;
	padding:7px 0 7px 6px;
	width:172px;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;}
	
#jointheclass #submit{
	border: 0;
	float:left;
	cursor: pointer;
	background:url(../img/email/submit.png) no-repeat top left;
	height:24px;
	width:60px;}
	
#jointheclass #submit:hover{
	background: url(../img/email/submit.png);
	background-position:0 -24px}
	
/*........................ MAIN this wraps the left and right columns........................*/

#main {
	float:left; 
	background:url(../img/bg/email-panel.png) no-repeat 0 15px; 
	width:960px;
	height:510px;}

#main-home {
	float:left; 
	background:url(../img/bg/home-bg.png) no-repeat; 
	width:960px;
	height:685px}
			
#main-testimonials {
	float:left; 
	background:url(../img/bg/testimonials-panel.png) no-repeat 0 15px; 
	height:1470px; 
	width:960px}
			
#aboutpanel {
	float:left; 
	background:url(../img/bg/about-julie.png) no-repeat 0 15px; 
	width:960px; 
	height:428px }
	
#aboutpanel2 {
	float:left; 
	background:url(../img/bg/about-siobhan.png) no-repeat 0 15px; 
	width:960px; 
	height:390px }

#classpanel {
	background:url(../img/content/classes.png) no-repeat; 
	width:960px; 
	height:1300px; 
	float:left}

#classpanel2 {
	background:url(../img/content/classes.gif) no-repeat; 
	width:960px; 
	height:1300px; 
	float:left}

#dublinclassdates {
	background:url(../img/bg/dublin-class.png) no-repeat 0 15px; 
	width:960px; 
	height:850px;
	float:left}
			
#laoisclassdates {
	background:url(../img/bg/laois-class.png) no-repeat 0 15px; 
	width:960px; 
	height:850px;
	float:left}

#corkclassdates {
	background:url(../img/bg/cork-class.png) no-repeat 0 15px; 
	width:960px; 
	height:850px;
	float:left}

#kilkennyclassdates {
	background:url(../img/bg/kilkenny-class.png) no-repeat 0 15px; 
	width:960px; 
	height:850px;
	float:left}
			
#othercounties {
	background:url(../img/bg/other-counties.png) no-repeat 0 15px; 
	width:960px; 
	height:395px; 
	float:left}

#classdates {
	background:url(../img/bg/class-dates.png) no-repeat 0 15px; 
	width:960px; 
	float:left; 
	height:670px}

#StylefishGallery {
	background:url(../img/bg/gallery.png) no-repeat 0 15px; 
	width:960px; 
	float:left; 
	height:765px}
			
#thanks {
	background:url(../img/bg/thanks.png) no-repeat; 
	width:960px; 
	height:249px; 
	float:left}

#stylefishforyou {
	float:left; 
	width:960px;
	background:url(../img/bg/styleforyou.png) no-repeat 0 15px;
	height:1115px}

#newspanel {
	float:left; 
	width:680px}

/*.................................................. LEFTCOL ...............................................*/
#leftCol {	
	float: left; 
	background: transparent url(../img/bg/coming-soon.png) no-repeat center; 
	width: 960px;
	height:486px;
	margin-top:50px}
			
#sidebar {
	float:left; 
	width: 265px;
	margin:25px 40px 0 0}
			
#sidebar ul {
	margin: 15px 10px 0 0;
	float:left;}
			
#sidebar ul li {
	margin: 0; 
	float: left; 
	width: 265px; 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:85%; 
	text-align:right;
	padding:0}

#sidebar ul li select {
	margin-top: 15px; 
	width: 180px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:85%; 
	padding:3px 5px 3px 0;
	border: dashed 1px #F00;
	background-color:#fff;
	clear:both}

#sidebar ul li select option {
	float:right;
	width: 150px; 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:85%;
	margin-top:10px}
	
#sidebar ul li ul li {
	margin: 10px 0 0 0;
	padding:0}
			
#sidebar ul li#recent-posts-3 a, #sidebar ul li#meta-3 a {
	padding: 5px 0 5px 0; 
	color:#1f1f1f; 
	text-decoration: none;}

#sidebar ul li#recent-posts-3 a:hover, #sidebar ul li#meta-3 a:hover {
	text-decoration: underline;
	color:#a91e2c}

#sidebar h2 a {
	text-transform:uppercase}
			
#sidebar ul li a:hover, #sidebar ul li.current_page_item a {
	color: #b41f18}

#content {
	float: left; 
	width: 650px; 
	font-family: Arial, Helvetica, sans-serif;
	margin-top:55px;}
		
#content a {
	text-decoration:none}
		
#content a:hover {
	text-decoration:underline}
		
#content p {
	line-height: 1.5em; 
	margin: 6px 0; 
	font-size: 75%}

#content h2 {
	margin: 10px 0 0 0; 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size: 1.2em;
	color:#1b1b1b; 
	font-weight:normal; 
	color:#9c140a;}
		
#content h3 {
	margin: 10px 0 6px 0; 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size: 1.2em; 
	color:#1b1b1b; 
	font-weight:normal}
		
#content h4 {
	margin: 10px 0 6px 0;  
	font-size: 12px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight:normal;
	text-transform:uppercase}
		
#content h4 a {
	color:#a4156f}
		
#content h5 {
	margin: 10px 0 6px 0; 
	font-size: 1.2em; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight:normal;}
			
#content h6 {
	margin: 10px 0 6px 0; 
	font-size: 1.0em; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	color:#000; }
			
#content strong.clickstream span {
	color: #b22018}
			
#content p.note {
	padding: 3px 0; 
	margin-left: 15px; 
	margin-right: 35px; 
	font-size: 0.8em; 
	border-top: 1px solid #eaeaea; 
	border-bottom: 1px solid #eaeaea;}

/*.................................................. LEFTCOL2 ..............................................*/

#introtext2 {
	float:left;
	width:600px;
	margin: 20px 0 0 10px}

#stylefish-phil {
	float:left;
	width:400px;
	margin: 110px 0 0 55px;
	text-transform:uppercase}

#stylephil {
	margin-top: 7px; 
	position: relative; 
	float: left}

.tTip {
	width: 200px; 
	position: absolute;
	cursor: pointer; color: #000; 
	font-size:10px; 
	text-transform:uppercase; 
	font-family: Georgia, "Times New Roman", Times, serif}

.tip {
	color: #000; 
	font-size:11px; 
	font-family: Georgia, "Times New Roman", Times, serif}

#cloud1 {top: 100px; left: 58px;}
#cloud2 {top: 140px; left: 58px;}
#cloud3 {top: 180px; left: 58px;}
#cloud4 {top: 220px; left: 58px;}
#cloud5 {top: 270px; left: 58px;}			
#cloud6 {top: 320px; left: 58px;}			

.tip {
	width: 300px;
	margin: 0;
	padding-top: 15px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 5;
	background: transparent url(../img/content/home/top.png) no-repeat top;}

.tipMid {
	background: transparent url(../img/content/home/middle.png) repeat-y center; 
	padding: 0 25px 0 25px;}

.tipBtm {
	background: transparent url(../img/content/home/bottom.png) no-repeat bottom; 
	height: 15px;}

#pressnews {
	float: left;
	width:250px;
	margin-left:60px}

#pressnews h1 {
	margin:0 0 15px 0}

#pressnews p {
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#333;
	font-size: 11px;
	border:none;
	margin:20px 0 0 0}

#pressnews ul {
	float:left;
	width:200px;}

#pressnews ul li {
	font-family: Calibri;
	color:#c0137f;
	font-size: 12px;
	text-transform:uppercase;
	float:left;
	width:200px;
	padding:0;
	margin-top:7px;
	font-weight:bold}
	
#makeovervideo {
	float:left;
	width:680px;
	margin: 35px 0 30px 280px}
			
#introtext a.makeover {
	display:block; 
	background:url(../img/headers/make-over-link.png) no-repeat; 
	height:19px;
	margin: 15px 0 0 40px}

#introtext a.makeover:hover { 
	background:url(../img/headers/make-over-link-hover.png) no-repeat }

#stylefishclasses {
	float:left; 
	margin-left: 10px;
	width:560px}

#stylefishclasses ul {
	width:460px;
	margin:0 0 20px 120px; 
	border: 1px dashed #fda5a7; 
	background-color:#fff}

#stylefishclasses ul li {
	margin-top:	10px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	line-height:2;
	font-size:10px;
	color:#a91e2c;
	background:url(../img/content/arrow.png) no-repeat;
	padding-left:30px;
	font-weight:bolder;
	width:405px}

#stylefishclasses img.justforyou {
	margin-top:40px}
			
#stylefishoffers {
	width: 264px; 
	height:566px; 
	float:left;
	background:url(../img/content/offer-bdrop.png) no-repeat;
	margin:115px 0 0 70px}

#stylefishoffers ul {
	margin-top:90px}

#stylefishoffers li a {
	outline:none}

#stylefishoffers li a.offer1 {
	height:65px;
	display: block;
	background:url(../img/content/offers/offer1.png) no-repeat}
			
#stylefishoffers li a.offer1:hover {
	background:url(../img/content/offers/offer1-hover.png) no-repeat;}

#stylefishoffers li a.offer2 {
	height:82px;
	display: block;
	background:url(../img/content/offers/offer2.png) no-repeat}
			
#stylefishoffers li a.offer2:hover {
	background:url(../img/content/offers/offer2-hover.png) no-repeat;}

#stylefishoffers li a.offer3 {
	height:68px;
	display: block;
	background:url(../img/content/offers/offer3.png) no-repeat}
			
#stylefishoffers li a.offer3:hover {
	background:url(../img/content/offers/offer3-hover.png) no-repeat;}
		
#stylefishoffers li a.offer4 {
	height:47px;
	display: block;
	background:url(../img/content/offers/offer4.png) no-repeat}
			
#stylefishoffers li a.offer4:hover {
	background:url(../img/content/offers/offer4-hover.png) no-repeat;}

#stylefishoffers li a.offer5 {
	height:69px;
	display: block;
	background:url(../img/content/offers/offer5.png) no-repeat}
			
#stylefishoffers li a.offer5:hover {
	background:url(../img/content/offers/offer5-hover.png) no-repeat;}

#stylefishoffers li a.offer6 {
	height:67px;
	display: block;
	background:url(../img/content/offers/offer6.png) no-repeat}
			
#stylefishoffers li a.offer6:hover {
	background:url(../img/content/offers/offer6-hover.png) no-repeat;}
			
#player {
	margin: 60px 0 0 0;
	padding-left:430px;
	float:left;
	width:960px}

#graduatesplayer {
	height:103px; 
	position:absolute}

#graduates {
	float:right; 
	margin:30px 100px 0 0;
	width:185px; 
	height:103px}

#graduates2 {
	float:left; 
	margin:380px 0 0 25px;
	width:185px; 
	height:103px}
	
#stylefishclasses ul li span {
	font-size:12px; 
	text-decoration:underline}

#classtimes {
	width:450px; 
	margin:10px 0 20px 170px;
	border: 1px dashed #a91e2c;}

#classdates img.classdates {
	margin-top:20px}

#DublinDates {
	float:left;
	width:240px;
	margin:130px 0 0 40px}
			
#DublinDates a.dublin {
	float:left;
	background:url(../img/classes/dublin-class-panel.png) no-repeat;
	height:135px;
	width:240px;}

#DublinDates a.dublin:hover {
	background-position: 0 -135px}
	
#TipperaryDates {
	float:left;
	width:240px;
	margin:50px 0 0 80px;
	height:135px;
	background: url(../img/classes/tipperary-class-panel.png)}			

#KildareDates {
	float:left;
	width:240px;
	margin:50px 0 0 80px;
	height:135px;
	background: url(../img/classes/kildare-class-panel.png) no-repeat}

#LaoisDates {
	float:left;
	width:240px;
	margin:130px 0 0 80px;}
			
#LaoisDates a.laois {
	float:left;
	background: url(../img/classes/laois-class-panel.png) no-repeat;
	height:135px;
	width:240px;			
	outline:none}

#LaoisDates a.laois:hover {
	background-position: 0 -135px}

#CorkDates {
	float:left;
	width:240px;
	margin:130px 0 0 80px;}
			
#CorkDates a.cork {
	float:left;
	background:url(../img/classes/cork-class-panel.png) no-repeat;
	height:135px;
	width:240px;			
	outline:none}

#CorkDates a.cork:hover {
	background-position: 0 -135px}

#KilkennyDates {
	float:left;
	width:240px;
	margin:50px 0 0 40px;}
			
#KilkennyDates a.kilkenny {
	float:left;
	background: url(../img/classes/kilkenny-class-panel.png) no-repeat;
	height:135px;
	width:240px}

#KilkennyDates a.kilkenny:hover {
	background-position:0 -135px;}

#OtherCountiesDates {
	float:left;
	height:135px;
	width:240px;
	margin:50px 0 0 360px;}
			
#OtherCountiesDates a.others {
	float:left;
	background: url(../img/classes/other.png) no-repeat;
	height:135px;
	width:240px}

#OtherCountiesDates a.others:hover {
	background-position:0 -135px}
			
#classinfo {
	float:left;
	margin-top:20px;
	width:100%}

#othercountyinfo {
	float:left;
	margin:110px 0 0 20px;
	width:920px;}
			
h1.email a {
	margin-left:100px;
	outline:none}
			
#classinfo p {
	margin:10px 0 0 40px;
	font-size:75%;
	width:880px;
	float:left;}

#corkclass1 {
	float:left;
	width:265px;
	padding-left:30px;
	margin-top:140px}
			
#corkclass2  {
	float:left;
	width:265px;
	padding-left:140px;
	margin-top:140px}
			
#corkclass3  {
	float:left;
	width:265px;
	padding-left:110px;
	margin-top:140px}
	
#corkclassc  {
	float:left;
	width:265px;
	padding-left:300px;
	margin-top:140px}
	
#dublinclass1 {
	float:left;
	width:265px;
	padding-left:50px;
	margin-top:110px}
			
#dublinclass2  {
	float:left;
	width:265px;
	padding-left:50px;
	margin-top:110px}
			
#dublinclass3  {
	float:left;
	width:265px;
	padding-left:50px;
	margin-top:110px}

#dublinclass4  {
	float:left;
	width:265px;
	padding-left:140px;
	margin-top:140px}

#dublinclass5  {
	float:left;
	width:265px;
	padding-left:140px;
	margin-top:140px}
	
#laoisclass1  {
	float:left;
	width:265px;
	padding-left:130px;
	margin-top:110px}
			
#laoisclass2  {
	float:left;
	width:265px;
	padding-left:150px;
	margin-top:110px}

#laoisclass3  {
	float:left;
	width:265px;
	padding-left:130px;
	margin-top:30px}
			
#laoisclass4  {
	float:left;
	width:265px;
	padding-left:150px;
	margin-top:30px}
			
#tipperaryclass1, #kildareclass1, #kilkennyclass1 {
	float:left;
	width:610px;
	margin-top:20px;
	padding-left:350px;}

#dubclassgallery {
	float:left;
	width:960px;
	margin: 10px 0 0 40px}
			
#dubclassgallery img {
	margin:15px 0 0 20px}
			
#dubclassgallery a img {
	border:1px dashed #fff;
	padding:5px;
	text-decoration:none}
			
#dubclassgallery a:hover img {
	border:1px dashed #a91e2c; 
	text-decoration:none}
			
#kilkennyclassgallery {
	float:left;
	width:960px;
	margin: 10px 0 0 40px}
			
#kilkennyclassgallery img {
	margin:15px 0 0 20px;}
			
#kilkennyclassgallery a img {
	border:1px dashed #fff;
	padding:5px;
	text-decoration:none}
			
#kilkennyclassgallery a:hover img {
	border:1px dashed #a91e2c; 
	text-decoration:none}		
			
#kildareclassgallery {
	float:left;
	width:635px;
	margin: 10px 0 0 325px}
			
#kildareclassgallery img {
	margin:15px 0 0 20px;}
			
#kildareclassgallery a img {
	border:1px dashed #fff;
	padding:5px;
	text-decoration:none}
			
#kildareclassgallery a:hover img {
	border:1px dashed #a91e2c; 
	text-decoration:none}
			
#fishshopping {
	float:left;
	width:450px;
	background:url(../img/bg/post-it.png) no-repeat 10px 0;
	height:450px;
	margin-top:130px}

#fishshopping p {
	margin-top:80px;
	width:390px;
	line-height:1.1;
	margin-left:35px}

#fishshopping ul {
	margin:0 0 10px 50px;
	width:400px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:70%}
			
#fishshopping ul li {
	margin-top:	10px;
	padding-left:30px;
	line-height:1.5;
	color:#3e3e3e;
	background:url(../img/content/arrow.png) no-repeat 0 3px}
			
#fishcolour {
	float:left;
	width:450px;
	background:url(../img/bg/post-it-colour.png) no-repeat 10px 0;
	height:450px;
	margin-top:130px}

#fishcolour p {
	margin-top:70px;
	line-height:1.1;
	width:390px;
	margin-left:35px}

#fishcolour ul {
	margin:0 0 10px 50px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:70%;}
			
#fishcolour ul li {
	margin-top:	10px;
	line-height:1.5;
	color:#3e3e3e;
	background:url(../img/content/arrow.png) no-repeat 0 3px;
	padding-left:30px;
	width:350px}

#fishbody {
	float:left;
	width:450px;
	background:url(../img/bg/post-it-body.png) no-repeat 10px 0;
	height:450px}

#fishbody p {
	margin-top:70px;
	line-height:1.1;
	width:390px;
	margin-left:35px}

#fishbody ul {
	margin:0 0 10px 50px;
	font-family:	"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:70%;}
			
#fishbody ul li {
	margin-top:	10px;
	line-height:1.5;
	color:#3e3e3e;
	background:url(../img/content/arrow.png) no-repeat 0 3px;
	padding-left:30px;
	width:350px}

#fishwardrobe {
	float:left;
	width:450px;
	background:url(../img/bg/post-it-wardrobe.png) no-repeat 10px 0;
	height:450px}

#fishwardrobe p {
	margin-top:70px;
	line-height:1.1;
	width:390px;
	margin-left:35px}

#fishwardrobe ul {
	margin:0 0 10px 50px;
	font-family:	"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	font-size:70%;}
			
#fishwardrobe ul li {
	margin-top:	10px;
	line-height:1.5;
	color:#3e3e3e;
	background:url(../img/content/arrow.png) no-repeat 0 3px;
	padding-left:30px;
	width:350px}
			
#testimonials {
	float:left;
	width:940px;
	margin-top:130px;
	padding-left:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-style:italic;
	text-align: justify;
	height:1140px}

#testimonials ul.testpanel-1 {
	float:left;
	width:291px;
	margin:0;
	padding:0}
	
#testimonials ul.testpanel-2 {
	float:left;
	width:291px;
	margin:0 20px;
	padding:0}

#testimonials ul.testpanel-3 {
	float:left;
	width:286px;
	margin:0;
	padding:0}
	
#testimonials ul.testpanel-1 li, #testimonials ul.testpanel-2 li, #testimonials ul.testpanel-3 li {
	float:left;
	width:286px;
	margin:0 0 20px 0;
	padding:0;}
	
#gallery {
	float:left;
	width:960px; 
	margin:130px 0 30px 40px}
			
#gallery img { 
	float:left; 
	margin:15px 0 0 11px}
			
#gallery a img {
	border:1px dashed #fff; 
	text-decoration:none}
			
#gallery a:hover img {
	border:1px dashed #a91e2c; 
	text-decoration:none}
			
#makeover {
	float:left;
	width:920px; 
	margin-left:40px}
			
#makeover img {
	float:left; 
	margin:15px 0 0 11px}
			
#makeover a img {
	border:1px dashed #fff; 
	text-decoration:none}
			
#makeover a:hover img {
	border:1px dashed #a91e2c; 
	text-decoration:none}

#services2 {	
	float:left;
	width:250px;}
			
.feedburnerFeedBlock {
	float:left;
	margin: 5px 0 0 10px;
	width:auto}

.feedburnerFeedBlock ul li {
	margin-bottom:10px}

#RSSFeed {
	float:left;
	width:250px;
	margin:0;
	padding:20px 0}

#RSSFeed h1 {
	width:58px;
	margin:0;
	padding:0;
	float:left}

#RSSFeed p {
	width:150px;
	border:none;
	float:left;
	text-transform:uppercase;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-weight:bold}

#RSSFeed a {
	text-decoration:none;
	color:#a4156f}

#RSSFeed a:hover {
	text-decoration: underline}

#creditfooter {
	display:none}

#phil {
	float:left;
	width:960px;
	height:396px;
	margin-top:40px;
	background:url(../img/content/philosophy-panel3.png) no-repeat center;}

#emailtext {
	float:left;
	width:500px;
	padding-left:10px}

.formpanel {
	float:left;
	margin-top:30px;
	width:400px}

/*.................................................. FOOTER ...............................................*/
#footer {
	width:960px;
	float:left;
	margin-top:10px}

#footerBase {
	float:left;
	width:960px;
	margin:0px auto;
	padding:10px 0;
	text-align:left;}

#footerBase p {
	font-size:0.6em;
	color:#464646;
	padding-bottom:10px;}

#footerBase p span {
	font-weight:bold;
	font-style:italic;}

#footerBaseLeft {
	float:left;
	width:350px;
	background:url(../img/logos/iici-logo.png) no-repeat;
	padding:5px 50px 0 60px}

#footerBaseRight {
	float:left;
	width:340px;
	margin:10px 0 0 60px}

#followtwitter {
	float:left;
	background:url(../img/icons/twitter.png) no-repeat;
	padding:5px 0 20px 60px;
	width:280px;
	height:40px}
			
#followtwitter h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:12px;
	color:#77001c;
	text-decoration:none;
	font-weight:normal;
	margin:0;
	padding:0}

#followfacebook {
	float:left;
	width:280px;
	background:url(../img/icons/facebook.png) no-repeat;
	padding:5px 0 0 60px;
	height:40px;}
			
#followfacebook h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:12px;
	color:#77001c;
	text-decoration:none;
	font-weight:normal;
	margin:0;
	padding:0}

#footerBase a:hover {
	color:#D33972;
	background-color:#fff;}

/******* FORM *******/

#container {
	float:left;
	background:url(../img/email/email-panel.png) no-repeat top left;
	height:130px;
	width:550px}

#stylefishsignup {
	float:left;
	margin-top:75px;
	width:520px}

#stylefishsignup ul {
	float:left;
	width:520px;
	margin:0;
	padding:0}

#stylefishsignup ul li {
	float:left;
	margin:0;
	padding:0}
	
#stylefishsignup p {
	margin: 5px 0 0 30px;
	float:left;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px}
	
#stylefishsignup input#From {
	width: 218px;
	margin:0 10px 0 9px;
	float:left;
	padding: 9px 0 8px 6px;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	background:url(../img/email/email-signup-panel.png) no-repeat top left;
	border:none}

#stylefishsignup input#whichcounty {
	width: 153px;
	margin:0 18px 0 9px;
	float:left;
	padding: 9px 0 8px 6px;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	background:url(../img/email/county-panel-signup.png) no-repeat top left;
	border:none}
	
#stylefishsignup input.error{
	background: url(../img/email/mail-error.png) no-repeat top left}
	
#stylefishsignup #send{
	border: 0;
	float:left;
	cursor: pointer;
	background:url(../img/email/mailinglist_submit.png) no-repeat top left;
	height:31px;
	width:78px;
	margin:0;
	padding:0}
	
#stylefishsignup #send:hover{
	background: url(../img/email/mailinglist_submit.png);
	background-position:0 -31px}

/******* /FORM *******/
.nav, .nav * {
	margin:			0;
	padding:		0;
	list-style:		none;}
	
.nav {
	line-height:	1.0;}
	
.nav ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */}
	
.nav ul li {
	width:			722px;}
	
.nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */}
	
.nav li {
	float:			left;
	position:		relative;}
	
.nav a {
	display:		block;
	position:		relative;}
	
.nav li:hover ul,
.nav li.sfHover ul {
	left:			0;
	top:			1.3em;
	z-index:		99;}

.sfHover ul li {
	margin-top: 8px;
	padding:0}
	
/*** DEMO SKIN ***/
.nav {
	float:left;
	margin:110px 0 0 0;
	width:722px}

.nav li a span { float:left; text-indent: -4000px; height:45px; background-repeat:no-repeat; background-position: 0 0}
.nav li a:hover span { background-position: 0 bottom}
.nav li a { font-size:0; line-height:0; float:left; height:45px}

.nav li a:hover.home-link span, .nav li.active a.home-link span { background-position: 0 -17px}
.nav li a.home-link span { background-image: url(../img/menu/home.png); width:47px; height:17px; margin-top:16px}

.nav li a:hover.about-link span, .nav li.active a.about-link span { background-position: 0 -17px}
.nav li a.about-link span { background-image: url(../img/menu/about.png); width:53px; height:17px; margin-top:16px}

.nav li a:hover.styleclasses-link span, .nav li.active a.styleclasses-link span {background-position: 0 -45px}
.nav li a.styleclasses-link span { background-image: url(../img/menu/stylefish-classes-2.png); width:200px; height:45px}

.nav li a:hover.classdates span, .nav li.active a.classdates span {background-position: 0 -17px}
.nav li a.classdates span { background-image: url(../img/menu/classdates.png); width:98px; height:17px; margin-top:16px}

.nav li a:hover.classgallery span, .nav li.active a.classgallery span {background-position: 0 -17px}
.nav li a.classgallery span { background-image: url(../img/menu/gallery.png); width:64px; height:17px}

.nav li a:hover.stylefishforyou span, .nav li.active a.stylefishforyou span { background-position:0 -17px}
.nav li a.stylefishforyou span { background-image: url(../img/menu/stylefish-for-you.png); width:146px; height:17px; margin-top:16px}

.nav li a:hover.testimonials span, .nav li.active a.testimonials span { background-position:0 -17px}
.nav li a.testimonials span { background-image: url(../img/menu/testimonials.png); width:107px; height:17px; margin-top:16px}

.nav li a:hover.contact span, .nav li.active a.contact span { background-position:0 -17px}
.nav li a.contact span { background-image: url(../img/menu/contact.png); width:77px; height:17px; margin-top:16px}

.nav a {
	text-decoration: none;}
	
.nav li {
	margin-right:13px;
	padding:0}

/*** arrows **/
.nav a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px}
	
.sf-sub-indicator {
	position:		absolute;
	display:		none;
	right:			0em;
	top:			0em; /* IE6 only */
	width:			200px;
	height:			45px;
	text-indent: 	-999em;
	overflow:		hidden}