/* www.type-smart.com */

html, body, div, table { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; }
body { background-color: #eef; }

/* Mac IE 5.5 seems to render fonts smaller than other browsers. */
* html body { font-size: 10pt; }
/* In Win IE if a base size has been set, then it won't allow scaling,
 * whereas all the other browsers do, including Mac IE. \*/
html > body { font-size: 8pt; }
* html body { font-size: 70%; }
/* The only way to allow scaling in Win IE is to use percentages only. */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *\
                                   Head
\* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#head { height: 90px; width: 748px; margin: 0 auto; border: 1px solid #ccf; border-width: 0 1px; padding: 0; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }

	#enjoy     { float: left; width: 280px; height: 140px; margin: 15px 0 10px -60px; color: #c00; font-weight: bold; font-size: 120%; }
	#company   { float: left; width: 190px; height: 62px;  margin: 0; color: #006; /* Mac IE doesn't need fonts adjusted \*/ font-size: 90%; /* */ }
	#logo      { float: right; width: 240px; height: 75px; color: #c00; font-weight: bold; font-size: 120%; }
	#tabs      { clear: right; width: 500px; height: 18px; margin: 0; margin-top: -8px; margin-left: -220px; border-left: 1px solid #ccf; }

  		#company h2 { margin: 0; padding: .5em 0 .25em 0; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }
  		#company p  { margin: 0; padding: 0; }
  		#company a  { color: #006; text-decoration: none; }
  
  		a#logo:hover, a#feature:hover { background-color: transparent; }

		#tabs td     { background-color: #339; }
		#tabs td.tab { border-right: 1px solid #ccf; }
		#tabs a      { display: block; width: 100px; height: 16px; line-height: 16px; text-align: center; text-decoration: none; color: #fff; font-weight: bold; }

		#tabs a:hover, #tabs a:focus, #tabs td.tab:hover { background-color: #f66; }
		#tabs td#here { background-color: #c03; }
		
		#enjoy:hover, #logo:hover { background-color: transparent; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *\
                                 Menu Layer
\* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

img#download { padding: 5px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *\
                                 Text Layer
\* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* The extra div is here just for Mac IE 5.0 which won't show the borders otherwise */
* html #contents { top: 80px; }
/* Causes problems for Win IE though \*/
* html #contents { position: relative; top: 0; }
/* */
#contents  { width: 750px; margin: 0 auto; padding: 0; }
	#borders { width: 750px; margin: 0 auto; padding: 0; 
	           /*border-top: 80px solid #fff;   allow for page header */
	            /*border-left: 130px solid #fa3; colour side bar 
	           border-bottom: 1px solid #ccf; */}
	
		#page { border: 1px solid #ccf; border-width: 0 1px; padding: 1em 0 0 0; }

			.text { padding: 0 2em; }
				/* allow space under the floating feature */
				#under-feature { float: right; width: 200px; height: 120px; margin: 0 0 1em 1em; }
				.note { clear: right; float: right; width: 150px; margin-left: 2em; margin-right: -1em; padding: 0 1em; border-left: 1px solid #ccf; }
				.text > .note { margin-right: -2em; }
					.wide { width: 200px; } /* wide notes */
	
			#foot { clear: both; border-bottom: 1px solid #ccf; padding: 2em; text-align: center; }
				#copyright { padding-top: .5em; font-size: 90%; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *\
                                 Font Styles
\* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

h1 { font-size: 170%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }

h1, h2, h3, h4 { margin: 1em 0 .25em 0; color: #006; font-family: Georgia, "Times New Roman", Times, serif; }

p  { padding: 0; margin: .5em 0; }

em { font-size: 90%; color: #006; font-family: Georgia, "Times New Roman", Times, serif; }
* html em { font-size: 95%; }

caption, form caption { margin: 0; padding: .5em 0 .2em 0; text-align: left; }

#foot h2 { margin: .25em 0; }
#foot p  { margin: 0; }

a         { color: #c30; text-decoration: none; }
a:visited { color: #900; }
a:hover   { background-color: #ff9; }
a img     { border: 0; }
#text a   { font-weight: bold; }

.hide    { display: none; }
.indent  { padding-left: 2em; }

.centred { text-align: center; }
img.centred { display: block; margin: 1em auto; }
img.nav { padding: 0 1em; }

.clear   { clear: both; }
.float-l { clear: left;  float: left;  padding-right: 1em; }
.float-r { clear: right; float: right; padding-left: 1em; }

.dark  { font-weight: bold; }
.light { font-weight: normal; }

.orange  { color: #c00; }
.warning { color: #f00000; font-weight: bold; background-color: #fc9; }
#warning { margin: 1em -1em; padding: 1em; padding-top: 1px; background-color: #fc9; }
#warning h3 { color: #f00000; }
.warning h3 { color: #f00000; }

.box { border: 1px solid #ccf; border-width: 1px 0; background-color: #dde; }
.box { margin-top: 1em; padding: 1em; }
table.box, table .box, form .box { margin: 0; padding: .5em; }
.note .box { margin: 1em -1em; }
.narrow { width: 350px; padding: 1em; }

#disclaimer { width: 360px; padding: 0 1em 1em 1em; }
* html #disclaimer { width: 340px; }

.atLast          { text-align: center; color: #006; font-family: Georgia, "Times New Roman", Times, serif; }
.note .atLast    { text-indent: 1em;  line-height: 1.5em; background: url(../images/mini-quotes-left.gif) top left no-repeat; }
.note .atLast em { padding-right: 1.5em; font-style: normal; background: url(../images/mini-quotes-right.gif) top right no-repeat; }

.address { padding-left: 4em; }