/*
COLOURS
-------

Purple: #605c7a
Turquoise: #4396ac

*/

/* INIT
------------------------------------------------*/

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, 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 */
caption, th, td { text-align: left; font-weight: normal; vertical-align: top; }


body {
	padding: 0;
	margin: 0;
	border: 0;
	font: 80% Tahoma,Arial,Verdana,sans-serif;
	background: #fff;
	text-align: center;
	background: url(../images/stripe.gif);
}
strong { font-weight: bold; }
em { font-style: italic; }
.clear { clear: both; width: 100%; }

#container { margin: 0 auto; width: 760px; padding: 0 10px 0 9px; margin: 0 auto 2em; position: relative; text-align: left; background: url(../images/container-bg.png); }

.white-text-on-purple { background-color: #605c7a; color: #fff; }
.purple-text-on-white { background-color: #fff; color: #605c7a; }

#header { position: relative; width: 100%; height: 10em; background-color: #fff; }
#header #logo {position: relative; top: 1em; left: 1em; }
#header #nav { position: absolute; bottom: 0; left: 0; }
#header #nav ul { float: left; margin-left: 40px; }
#header #nav ul li { float: left; background: #4396ac url(../images/n_left.gif) 0 0 no-repeat; }
#header #nav ul li a { display: block; text-decoration: none;  padding: 10px 10px 5px 0; margin-left: 10px; background: #4396ac url(../images/n_right.gif) top right no-repeat; color: #fff; }

/* li link, visited */
#header #nav ul li:link, #header #nav ul li:visited { background-position: left top; }
#header #nav ul li:link a, #header #nav ul li:visited a { background-position: right top; }

/* li hover, active */
#header #nav ul li:hover, #header #nav ul li:active { background-position: left -43px; }
#header #nav ul li:hover a, #header #nav ul li:active a { background-position: right -43px; }

/* li current */
#header #nav ul li.current { background-color: #605c7a; background-position: left -43px; }
#header #nav ul li.current a { background-color: #605c7a; background-position: right -43px; }

#header #contact-details { width: 23em; position: absolute; top: 0.5em; right: 0; background: #605c7a url(../images/belinda.jpg) top right no-repeat; min-height: 80px; }
#header #contact-details p { padding: 0.6em; margin-top: 0.3em; }
#header #contact-details a:link, #header #contact-details a:visited { color: #fff; text-decoration: underline; }
#header #contact-details a:hover, #header #contact-details a:active { color: #fff; text-decoration: none; }

#content-wrapper { background: #605c7a url(../images/content-top-curve.gif) top left no-repeat; width: 100%; padding-top: 25px; }
#content { background: #fff; margin-left: 28px; padding: 0 10px 10px; }
#content h1 { color: #605c7a; font: 140% "Century Gothic",Tahoma,Arial,Verdana,sans-serif; margin-bottom: 1em; }
#content h2 { color: #605c7a; font: 120% Tahoma,Arial,Verdana,sans-serif; margin-bottom: .6em; clear: left; }
#content h2.err { color: #f13c05; }
#content p, #content ul, #content li { color: #4396ac;  }
#content p { margin-bottom: 1em; }
#content ul { list-style: square; margin-left: 1em; margin-bottom: 1em; }
#content a:link { color: #605c7a; text-decoration: underline; }
#content a:visited { color: #4396ac; text-decoration: underline; }
#content a:hover, #content a:active { background-color: #605c7a; color: #fff; text-decoration: underline; }
#content .footnote { font-size: 90%; color: #605c7a; }

/* PRICE LIST */
#prices-leftpart { color: #4396ac; border-right: 1px solid #605c7a; float: left; margin-bottom: 1em; width: 250px; }
#prices-sidenotes { float: left; width: 400px; margin-left: 2em; }

/* CONTACT FORM */
#content .contactform { position: relative; width: 600px; }
#content .contactform .clear { width: 650px; }
#content .contactform p span { color: #eb643a; font-size: 110%; }
#content .contactform p { clear: left; }
#content .contactform fieldset { margin-bottom: 1em; }
#content .contactform label {  font-size: 100%; width: 150px; color: #605c7a; float: left; text-align: left; clear: left; margin-bottom: 5px; }
#content .contactform label span { color: #eb643a;  font-size: 110%; }
#content .contactform input, #content .contactform select, #content .contactform textarea { width: 400px; background-color: #fff; float: left; margin-left: 10px; border: 1px solid #ccc; color: #555; font-family: tahoma,arial,sans-serif; font-size: 100%; margin-bottom: 10px; }
#content .contactform textarea { height: 100px; }
#content .contactform .hwid { width: 200px; }
#content .contactform .tqwid { width: 300px; }
#content .contactform .qwid { width: 100px; }
#content .contactform .ewid { width: 50px; }
#content .contactform .check { width: auto; }
#content .contactform input.submit { width: auto; font-weight: bold;  float: right; margin: 1em 140px 1em 0; border-width: 2px; border-style: outset; color: #fff; background-color: #4396ac; padding: 3px; }
#content .contactform .radio-wrapper { float: left; width: 300px; color: #555; margin-bottom: 10px; }
#content .contactform .radio-wrapper input { margin-bottom: 0; display: inline; border: 0; }

/* HOMEPAGE SPECIFIC */
.homepage #main-band { background-color: #605c7a; position: relative; border-bottom: 3px solid #555; width: 100%; }
.homepage #main-band #content-wrapper { width: 400px; margin-left: 360px; }
.homepage #main-band #content { background: #fff url(../images/content-bottom-curve.gif) -28px bottom no-repeat; padding: 0 10px 30px; }
.homepage #main-band #flash-changer { width: 360px; height: 270px; background: #605c7a; position: absolute; top: 30px; left: 20px; }
.homepage #price-band { background-color: #a7a8b2; position: relative; width: 100%; height: 22em; margin-top: 30px; }
.homepage #price-band .rounded-block { background: #fff url(../images/roundblock-bottom.gif) left bottom no-repeat; color: #4396ac; width: 230px; position: absolute; top: -20px; min-height: 15em; }
.homepage #price-band .rounded-block h2 { background: #605c7a url(../images/roundblock-head.gif) top left no-repeat; color: #fff; padding: 5px 10px; font: 100% "Century Gothic",Tahoma,Arial,Verdana,sans-serif; }
.homepage #price-band .rounded-block .inner { padding: 10px; line-height: 1.5; }
.homepage #price-band .rounded-block .inner p { margin-bottom: 10px; }
.homepage #price-band .rounded-block .inner sub { color: #605c7a; font-size: 90%; }

.homepage #price-band #comment { background-color: #fff; position: relative; top: 15em; left: 20px; padding: 5px 10px; width: 700px; }
.homepage #price-band #comment blockquote { color: #605c7a; font: 140% "Century Gothic",Tahoma,Arial,Verdana,sans-serif; }
.homepage #price-band #comment .cite { color: #4396ac; font-size: 100%; text-align: right; margin-top: 5px; }

.homepage #footer { background-image: none; padding: 5px; margin-top: 1em; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #fff; text-decoration: none; }

#footer { position: relative; background: #605c7a url(../images/content-bottom-curve.gif) top left no-repeat; padding-top: 30px; }
#footer p { color: #fff; padding: 0 1em 0.5em; text-align: center; }
.foot-bottom { position: absolute; bottom: -15px; left: -10px; height: 15px; background: transparent url(../images/foot-shadow.png) bottom left no-repeat; width: 780px; }