body
{
	background: #bce8e7;
	text-align: center;
	color: #333;
	background: #fff;
}

img { border: 0; display: block; }
.hiddenpic { display: none; }
.hidden { display: none; }

/* ----------- Font size ---------- */

body, p {
	font-family:  times, serif;
	font-size: 12px;
}

/*/*/a{}
body,
body p {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body,
html>body p {
  font-size: small;
}  
/* */


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

.wrapper
{
	position: relative;
	margin: 10px 0;
	text-align: left;
	width: 800px;
	height: 550px;
	border: 0;
	background:#fff;
}
/* hide from iemac \*/
html>body .wrapper { height: auto; min-height: 550px; }

/* end hide */

.header {	
	position:relative;display:block;
	width: 800px;
	height: 60px;
	padding:20px 0;
	background: #fff;border-bottom:1px solid #fff;
}
/* hide from iemac \*/

html>body .header {height:auto;min-height:60px;}
/* end hide */

#headerlogo {margin:0;padding:0;border:0; background: #fff url(../g/logo_o.gif) no-repeat;width:400px;height:60px;float:right;}
#logo {display:block;margin:0;padding:0;border:0;background: url(../g/logo.gif) no-repeat;width:400px;height:60px;}
#logo:hover {background: url(../g/logo_o.gif) no-repeat;}


#content
{
	position:relative;
	padding: 0;
	margin: 0;
	width: 800px;
	height: 400px;background: #fff;
}
/* hide from iemac \*/
html>body #content { height: auto; min-height: 400px; }
/* end hide */

#maincontent
{
	position: relative;
	width:599px;
	padding: 0;
	margin: 0 0 0 200px;height:500px; border-left:1px solid #fff;background:#fff;
}
/* hide from iemac \*/
html>body #maincontent { height: auto;min-height:500px;}
/* end hide */

div#maincontent p { text-indent:-9000em;}

/* ----------- Background Text ----------- */

body#intro div#maincontent { background: #fff url(../t/intro_text.gif) 0 20px no-repeat; }
body#whatsuit div#maincontent { background: #fff url(../t/suit_text.gif) 0 20px no-repeat; height:600px;}
body#whatacc div#maincontent { background: #fff url(../t/acc_text.gif) 0 20px no-repeat; }
body#con div#maincontent { background: #fff url(../t/con_text.gif) 0 20px no-repeat; }
body#thanks div#maincontent { background: #fff url(../t/thanks_text.gif) 0 20px no-repeat; }

body#splash div#maincontent  {border:1px solid #000;width:}
body#splash div#maincontent:hover  {border:1px solid #999;}


/* ----------- Main nav ----------- */

#mainnav	{ 
	position: absolute;top:16px;left:0;
	width: 180px;height: 200px;   
	padding:16px 0 0 0 ; margin: 0 0 0  16px; background: #fff;}
	
#mainnav ul	{ width: 200px; height: 160px; background: url(../g/nav.gif) no-repeat; margin: 0; padding: 0; position: relative; }
	
#mainnav ul li { margin: 0; padding: 0; list-style: none; position: absolute;left:0;text-align:center;}
#mainnav ul li, #mainnav a	{ height: 20px; display: block; }
#mainnav ul li a	{ text-indent: -9999px; text-decoration: none;padding:0; }


#mn1 {top: 0px; width: 200px;height:20px;}
#mn2 {top: 20px; width: 200px;height:20px;}
#mn3 {top: 40px; width: 200px;height:20px;}
#mn4 {top: 60px; width: 200px;height:20px;}
#mn5 {top: 80px; width: 200px;height:20px;}
#mn6 {top: 100px; width: 200px;height:20px;}
#mn7 {top: 120px; width: 200px;height:20px;}
#mn8 {top: 140px; width: 200px;height:20px;}



#mn1 a:hover {background: transparent url(../g/nav.gif) -200px 0px no-repeat;}
#mn2 a:hover {background: transparent url(../g/nav.gif) -200px -20px no-repeat;}
#mn3 a:hover {background: transparent url(../g/nav.gif) -200px -40px no-repeat;}
#mn4 a:hover {background: transparent url(../g/nav.gif) -200px -60px no-repeat;}
#mn5 a:hover {background: transparent url(../g/nav.gif) -200px -80px no-repeat;}
#mn6 a:hover {background: transparent url(../g/nav.gif) -200px -100px no-repeat;}
#mn7 a:hover {background: transparent url(../g/nav.gif) -200px -120px no-repeat;}
#mn8 a:hover {background: transparent url(../g/nav.gif) -200px -140px no-repeat;}

/* ---------- You are here ----------- */

body#intro #mn1 {background: transparent url(../g/nav.gif) -200px 0px no-repeat;}
body#whatsuit #mn2 {background: transparent url(../g/nav.gif) -200px -20px no-repeat;}
body#whatacc #mn3 {background: transparent url(../g/nav.gif) -200px -40px no-repeat;}
body#suits #mn4 {background: transparent url(../g/nav.gif) -200px -60px no-repeat;}
body#acces #mn5 {background: transparent url(../g/nav.gif) -200px -80px no-repeat;}
body#broch #mn6 {background: transparent url(../g/nav.gif) -200px -100px no-repeat;}
body#con #mn7 {background: transparent url(../g/nav.gif) -200px -120px no-repeat;}



/* ----------- headers ---------- */

h1 { display: inline; font:900 200%/2em baskerville,verdana, sans-serif;padding:0 0 0 12px;text-transform:capitalize;}

h2 { padding:6px 12px;margin:0;text-transform:capitalize;}

h3 {width:70px;height:20px; padding:0;margin:12px 0 0 22px;font:100 1.2em/1.2em baskerville, serif;clear:left;text-transform:lowercase;}

h4 { }

h5 { }

h6 { }

/* ----------- LINKS ---------- */

a:link { color: #666; text-decoration: none; }

a:visited { color: #333; text-decoration: none; }

a:hover, a:active { color: #000; }

#nav a:link, nav a:visited, #maincontent a:link, #maincontent a:link
	{ color: #333; text-decoration: none; }

#nav a:hover, #nav a:active, #maincontent a:hover, #maincontent a:active
	{  text-decoration: none;font-weight:600; }

h1 a:link, h1 a:visited { color: #666; text-decoration: none;}
h1 a:hover, h1 a:active { color: #ccc; }


/* ----------- typography ----------- */

p { margin: 1em 0 0 0; padding-top: 0; }

#maincontent p {width:90%;padding:0 0 0 12px; text-align:justify;}

#back { background: url(../g/back2.gif) left no-repeat;width:70px;height:14px;}
#back2 {display:block;border:0;background: url(../g/back.gif) left no-repeat;width:70px;height:14px;}
#back2:hover {background: url(../g/back2.gif) no-repeat;}


#more { background: url(../g/more2.gif) left no-repeat;width:70px;height:14px;}
#more2 {display:block;border:0;background: url(../g/more.gif) left no-repeat;width:70px;height:14px;}
#more2:hover {background: url(../g/more2.gif) no-repeat;}


.small { display: block; font: 0.6em/1 verdana,arial, sans-serif; }

#strapline {display:inline;font:100  80%/2em arial;padding:0 0 0 40px;margin:0;}
.ital { font-style: italic; }

.title:before { content: '"'; }
.title:after { content: '", '; }

strong {font-weight:900;}


/* ---------- thumbs ---------- */

div#thumbs img { width: 70px; }

div#thumbs
{
	width: 204px;
	height: auto;
	margin: 0;
	padding:16px 0 0 24px;
}

div#thumbs ul
{
	list-style: none;
	margin: 0;
	padding: 0 0;
}

div#thumbs ul li
{	
	width: 72px;float:left;
	padding: 0;
	margin: 0 30px 10px 0;
}

div#thumbs ul li a
{
	display: block;
	padding: 0;margin:0;
	border: 1px solid #fff;

}

div#thumbs ul li a:active
	{ background: none; text-decoration: none; }

div#thumbs ul li a:hover { border-color: #999; }
div#thumbs ul p { display: none; }

div#thumbs li.one:hover p
{
	display: block;
	position: absolute;
	top: 230px;
	left: 112px;
	width: 100px;height:102px;
	z-index: 100;
	padding: 0;
	margin: 0;
}

#rollover
{
	position: absolute;
	top: 16px;
	right: 0;
	width: 350px;
	height: 500px;
	margin: 0 0px;
	padding: 0;
	border: 0;
}

html>body #rollover
{
	height: auto;
	min-height: 200px;
}


div.drop img
{
	height: 0;
	width: 0;
	border-width: 0;display:none;
}

#thumbs li:hover div.drop img
{display:block;
	position: absolute;
	top: 16px;
	right: 0px;
	height: 500px;
	width: 350px;
}


/* ----------- FOOTER ----------- */
.footer
{
	display: block;
	
	clear: both;
	padding: 10px 0 0 0;width: auto;
}

.footer p
{
	margin: 0 auto;
	font-weight: 100;
	font:100 90%/160% verdana, arial, sans-serif;background:#fff;width:800px;
}

.footer p a
{
	color: #333;
	text-decoration: none;
	border-right: 1px #999 dotted;
	padding: 0 6px;
}

.footer p a:hover { color: #000;text-decoration:underline; }

.footer a#dog
{
	color: #666;
	border: none;
}

.footer a#dog:hover { text-decoration: underline; }

.emailimage {position:relative;padding:180px 0 0 0;margin:0;}
/* ---------- Form ---------- */


form p, form label {display:block;font: 900 italic 100% times;margin:10px 0;}

fieldset  {
	color: #666;
	font: 0.8em/1em times, serif;
	background-color: #fff;
	padding:0 0 0 200px;border:0;	}


legend  {
	color: #666;
	font-family: times,serif;
	background-color: #fff;
	padding: 2px;
	}

label   {
	display: block;
	margin-right: 10px;
	position: relative;
	width: 100%;
	}

input {display:block;width: 100%;}	
input.formInputField   {
	border:  2px outset #666;
	background-color: #fff;
	color: #333;
	margin: 0px;
	padding: 2px;
	height: 15px;
	}
	
input.formInputField:hover {
	background-color: #fff;
	border:  2px inset #666;
	color: #000;
	}

input.formInputButton   {
	background: url(../g/submit_text.gif) center center no-repeat;
	color: #333;
	cursor: pointer;
	text-align: center;	
	font: 1em/1em times, serif;
	padding: 1px;
	vertical-align: middle;
	width:100px;height:20px;text-indent:-9000px;
	}
	
input.formInputButton:hover  { background: url(../g/submit_text2.gif) 0 0 no-repeat;}