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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
body{ font-size:0.70em; color:#333333; font-family:Arial; text-align:center; margin:7px 0 0 0;}
html { overflow-y: scroll; }
strong{ font-weight:bold;}

dt{float:left; clear:left;}
dd{ float:left;}

#site{ width:993px; margin:0 auto; text-align:left; }
#wrap1{ float:left; background:url(../images/mid.jpg) repeat-y top left;}
#wrap2{ float:left; background:url(../images/top.jpg) no-repeat top left;}
#wrap3{ float:left; background:url(../images/bottom.jpg) no-repeat bottom left;}
#dims{ float:left; width:993px; min-height:711px;}
#header1{ float:left; clear:left; height:104px; width:993px;}
#headnote{ float:right;}
#header2{ float:left; clear:both; height:55px; width:993px;}
#logo{ float:left; padding:0 10px 0 0;}
#strip{ float:left; width:740px; height:55px; background:#84CEDC url(../images/09.gif) no-repeat top right;}
#main{ float:left; clear:both; width:993px; padding:32px 0 30px 0;}
#col1{ float:left; width:243px; height:428px;}

#pnav{ float:left; padding:0 0 0 38px;}
#pnav li{ float:left; clear:left;}
#pnav li a span{ margin-left:-999px;}
#pnav li a{ display:block; float:left; clear:left; cursor:pointer; text-decoration:none; color:#000000; width:167px;}
#pnav #nav-about a{ height:30px; background:url(../images/nav/about.gif) no-repeat top left;}
#pnav #nav-about a:hover,#pnav #nav-about a.on{ background:url(../images/nav/about.gif) no-repeat bottom left;}

#pnav #nav-attractions a{ height:24px; background:url(../images/nav/attractions.gif) no-repeat top left;}
#pnav #nav-attractions a:hover,#pnav #nav-attractions a.on{ background:url(../images/nav/attractions.gif) no-repeat bottom left;}
#pnav #nav-studio a{ height:22px; background:url(../images/nav/studio.gif) no-repeat top left;}
#pnav #nav-studio a:hover,#pnav #nav-studio a.on{ background:url(../images/nav/studio.gif) no-repeat bottom left;}
#pnav #nav-featured a{ height:23px; background:url(../images/nav/featured.gif) no-repeat top left;}
#pnav #nav-featured a:hover,#pnav #nav-featured a.on{ background:url(../images/nav/featured.gif) no-repeat bottom left;}
#pnav #nav-felixstowe a{ height:27px; background:url(../images/nav/felixstowe.gif) no-repeat top left;}
#pnav #nav-felixstowe a:hover,#pnav #nav-felixstowe a.on{ background:url(../images/nav/felixstowe.gif) no-repeat bottom left;}
#pnav #nav-take-part a{ height:24px; background:url(../images/nav/take-part.gif) no-repeat top left;}
#pnav #nav-take-part a:hover,#pnav #nav-take-part a.on{ background:url(../images/nav/take-part.gif) no-repeat bottom left;}
#pnav #nav-gallery a{ height:20px; background:url(../images/nav/gallery.gif) no-repeat top left;}
#pnav #nav-gallery a:hover,#pnav #nav-gallery a.on{ background:url(../images/nav/gallery.gif) no-repeat bottom left;}
#pnav #nav-friends a{ height:23px; background:url(../images/nav/friends.gif) no-repeat top left;}
#pnav #nav-friends a:hover,#pnav #nav-friends a.on{ background:url(../images/nav/friends.gif) no-repeat bottom left;}
#pnav #nav-news a{ height:23px; background:url(../images/nav/news.gif) no-repeat top left;}
#pnav #nav-news a:hover,#pnav #nav-news a.on{ background:url(../images/nav/news.gif) no-repeat bottom left;}
#pnav #nav-contact a{ height:28px; background:url(../images/nav/contact.gif) no-repeat top left;}
#pnav #nav-contact a:hover,#pnav #nav-contact a.on{ background:url(../images/nav/contact.gif) no-repeat bottom left;}

#sponsor{ float:left; clear:left; width:202px; padding:40px 0 0 0; text-align:right; font-size:10px; color:#000000;}

#col2{ float:left; width:750px;}
#hcol1{ float:left; width:240px;}
#hcol2{ float:left; padding:155px 0 0 24px;}
#hbox{ float:left; width:228px; height:248px;}
#hbox dl{ float:left; padding:0 0 15px 5px; width:218px; color:#FFFFFF; line-height:1.4em;}
#hbox dt{ width:75px; font-weight:bold; font-size:1.1em;}
#hbox dd{ width:140px;}

#content{float:left; width:750px; line-height:1.1em; color:#000000;}
#content .htext{display:block; overflow:hidden; clear:both;}
#content .htext span{ margin-left:-9999px;}
#content p{ margin:0 0 10px 0;}
#content h1{ color:#000000; font-size:1.8em; font-weight:bold; margin:0 0 20px 0;}
#content h2{ color:#84CEDC; font-size:1.3em; font-weight:bold; margin:0 0 2px 0;}
#content h3{ font-weight:bold; font-size:1.1em; border-bottom:solid 1px #84CEDC; padding:0 0 2px 0; font-weight:bold; margin:0 0 2px 0;}
#content h2 span{ color:#000000; font-size:1.6em; line-height:1.1em; font-weight:bold; margin:0 0 4px 0; display:block;}
#content a { color:#666666;}
#content ol li { margin: 0 0 0 20px; list-style-type: decimal;}
#content ul li { margin: 0 0 0 20px; list-style-type: disc;}
#content ul, #content ol{ margin: 0 0 10px 0;}
#content li ul, #content li ol{ margin: 0px;}
#content a.pdf{ text-decoration:none; display:block; width:300px; padding:0 0 0 30px; line-height:2.0em; background:url(../images/pdf.gif) no-repeat top left;}
#content a:hover{ text-decoration:none; color:#000000;}
#content .intro{ font-size:1.1em; font-weight:bold; line-height:1.3em;}
#biotext{ border-top:solid 1px #000000; padding:11px 0 0 0; margin:7px 0 0 0;}
#content .options{ float:left; padding:15px 0 0 0;}
#content .options li{ float:left; clear:left; padding: 0px; margin: 0px; list-style-type: none;}
#content .options li a{ display:block; cursor:pointer; float:left; clear:left; height:32px; line-height:32px; font-size:1.2em; width:360px; border-bottom:solid 1px #000000; font-weight:bold; color:#000000; text-decoration:none !important;}
#content .options li a:hover{ color:#84CEDC;}
#content .options .r1 a{ background:url(../images/arrows/r1.gif) no-repeat top right;}
#content .options .r1 a:hover{ background:url(../images/arrows/r1.gif) no-repeat bottom right;}
#content .options .r2 a{ background:url(../images/arrows/r2.gif) no-repeat top right;}
#content .options .r2 a:hover{ background:url(../images/arrows/r2.gif) no-repeat bottom right;}
#content .options .r3 a{ background:url(../images/arrows/r3.gif) no-repeat top right;}
#content .options .r3 a:hover{ background:url(../images/arrows/r3.gif) no-repeat bottom right;}
#content .options .r4 a{ background:url(../images/arrows/r4.gif) no-repeat top right;}
#content .options .r4 a:hover{ background:url(../images/arrows/r4.gif) no-repeat bottom right;}
#content .options .last a{ border-bottom:0px !important;}

#content .downloads{ padding: 40px 0 0 30px;}
#content .downloads li{ list-style-type: none;font-size: 14px; font-weight: bold; margin: 0px 10px 10px 0;}
#content .downloads li.doc a{ display: block; background: url(../images/word2.gif) no-repeat 0% 50%; padding: 10px 0 10px 40px; list-style-type: none;}
#content .downloads li.pdf a{ display: block; background: url(../images/pdf2.gif) no-repeat 0% 50%; padding: 10px 0 10px 40px; list-style-type: none; }

a#back{ display:block; color:#000000; font-weight:bold; font-size:1.2em; text-decoration:none; float:left; clear:left; cursor:pointer; line-height:27px; padding:0 0 0 35px; background:url(../images/arrows/l1.gif) no-repeat bottom left;}
a#back:hover{ color:#84CEDC; background:url(../images/arrows/l1.gif) no-repeat top left;}

/* titles */
#content #home{ margin:59px 0 12px 0px; width:223px; height:92px; background:url(../images/titles/home.gif) no-repeat top left;}
#content #featured-artist{ margin:0 0 17px 0; width:121px; height:22px; background:url(../images/titles/featured-artist.gif) no-repeat top left;}
#content #about{ margin:0px 0 28px 0px; width:216px; height:85px; background:url(../images/titles/about.gif) no-repeat top left;}
#content #attractions{ margin:0px 0 28px 0px; width:314px; height:116px; background:url(../images/titles/attractions.gif) no-repeat top left;}
#content #featured{ margin:0px 0 28px 0px; width:214px; height:41px; background:url(../images/titles/featured.gif) no-repeat top left;}
#content #felixstowe{ margin:0px 0 34px 0px; width:263px; height:85px; background:url(../images/titles/felixstowe.gif) no-repeat top left;}
#content #gallery{ margin:0px 0 34px 0px; width:174px; height:49px; background:url(../images/titles/gallery.gif) no-repeat top left;}
#content #news{ margin:0px 0 28px 0px; width:182px; height:103px; background:url(../images/titles/news.gif) no-repeat top left;}
#content #studio{ margin:0px 0 10px 0px; width:370px; height:86px; background:url(../images/titles/studio.gif) no-repeat top left;}
#content #studio-Hobby{ margin:0px 0 5px 0px; width:370px; height:120px; background:url(../images/titles/studio-hobby.gif) no-repeat top left;}
#content #studio-Professional{ margin:0px 0 5px 0px; width:370px; height:120px; background:url(../images/titles/studio-professional.gif) no-repeat top left;}
#content #studio-All{ margin:0px 0 5px 0px; width:370px; height:120px; background:url(../images/titles/studio-all.gif) no-repeat top left;}
#content #studio-Group{ margin:0px 0 5px 0px; width:370px; height:120px; background:url(../images/titles/studio-groups.gif) no-repeat top left;}
#content #friends{ margin:0px 0 10px 0px; width:224px; height:85px; background:url(../images/titles/friends.gif) no-repeat top left;}
#content #contact{ margin:0px 0 10px 0px; width:137px; height:42px; background:url(../images/titles/contact.gif) no-repeat top left;}
#content #take-part{ margin:0px 0 10px 0px; width:192px; height:43px; background:url(../images/titles/take-part.gif) no-repeat top left;}

/* links */
#content #view-gallery{ margin:0px 0 0px 5px; width:74px; height:17px; background:url(../images/links/view-gallery.gif) no-repeat top left; cursor:pointer;}
#content #view-gallery:hover{background:url(../images/links/view-gallery.gif) no-repeat bottom left;}

#leftcolpad{ float:left; padding:0 0 0 10px;}
#leftcol{ float:left; width:362px; padding:0 0 20px 0;}
#rightcolpad{ float:left; padding:0 0 0 30px;}
#rightcol{ float:left;}

#slidebox{ float:left; width:319px; padding:127px 0 20px 0;}
#bigpic{ float:left; width:319px; height:228px;}
#boxslides{ float:left; clear:left; width:319px;}
.slide{ float:left; margin:5px 5px 0 0;}
.slide span{ float:left; display:block; background:#c4c5c6; width:76px; height:65px;}
.last{ margin:5px 0 0 0px;}


#gallerybox{ position:relative; height:400px; padding:0 0 0 0px}
#slides{ width:376px; height:253px; position:absolute; overflow:hidden; top:73px; left:147px; }

#footer{ float:left; clear:both; padding:0px 0 81px 121px;}
#copy{ float:left; width:872px; font-size:10px; color:#555555;}
#copy a{ color:#555555;}
#copy a:hover{ color:#000000; text-decoration:none;}


/* lists */
#myList-nav{ margin:30px 0 30px 0}
#myList li{ float:left; clear:left;}
#myList li a{ float:left; clear:left; display:block; cursor:pointer; color:#84CEDC !important; font-size:1.3em; line-height:1.4em; border-bottom:solid 1px #000000; width:600px; font-weight:bold; text-decoration:none !important;}
#myList li a span{ color:#000000 !important;}
#myList li a:hover span, #myList li a:hover{ color:#666666 !important;}

#friendlist li{ font-size:1.1em; border-bottom:solid 1px #000000; line-height:1.9em;}
#friendlist li a{ text-decoration:none; font-weight:bold; color:#84CEDC;}
#friendlist li a:hover{ color:#666666 !important;}

.listNav { margin:0 0 10px; }

.ln-letters { overflow:hidden; }
.ln-letters a { font-size:0.9em; display:block; float:left; padding:3px 7px; border:1px solid #FFFFFF; border-right:none; text-decoration:none;background:#000000; color:#FFFFFF !important; }
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#333333; color:#FFFFFF; }
.ln-letters a.ln-disabled { color:#999999 !important; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#000000; }

#accordion dt{ width:540px; background:url(../images/arrows/d1.gif) no-repeat top right; }
#accordion dt:hover{background:url(../images/arrows/d1.gif) no-repeat bottom right; }
#accordion dt a{ display:block; float:left; clear:left; width:500px; line-height:2.4em; text-decoration:none; border-bottom:solid 1px #000000; font-size:1.2em; font-weight:bold; color:#000000;}
#accordion dt a:hover{ color:#84CEDC;}
#accordion dt a span{ color:#84CEDC; float:right;}
#accordion dt a strong{display:block; float:left; width:410px;}
#accordion dd div{ padding:10px 0 10px 0; width:500px;}