@charset "utf-8";
/**
Stylesheet: Stylesheet.css
	CSS for Stylesheet.

Copyright:
	Copyright (c) 2009 Abe Cole.
*/

/* Reset script */

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: 13pt;
  	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
  	color: #121212;
  	vertical-align: baseline}
/* remember to define focus styles! */
:focus {outline: 0}
body {line-height: 1;
  color: black;
  background: white}
ol, ul {list-style: none}
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: "" ""}

/* General Styling */

div.container {width: 859px;
  padding: 6px 7px 0 7px;
  margin: 0 auto;
  clear: both;
  background: #773978 url('../images/imgContainerTop.jpg') no-repeat;
  font-size: 13pt;
  font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif}
  
h1.banner {background: url('../images/imgTitle.jpg') no-repeat; 
  width: 778px; 
  height: 76px; 
  margin: 15px auto; 
  text-indent: -9999px}

a#mailMe {display: block;
  text-indent: -9999px;
  background: url('../images/imgHeader.jpg') no-repeat;
  width: 873px;
  height: 37px;
  margin: 0 auto}

div.contentContainer {
  width: 819px;
  background: #bd9cc1 url('../images/imgContentTop.jpg') no-repeat; 
  padding: 20px;
  margin-top: 6px}

a.footer {display: block;
  width: 873px;
  text-align: right; 
  margin: 40px auto;
  color: #cdcdcd; 
  font-size: 10pt;
  text-decoration: none} 

img.floatedRight {float: right; 
  margin: 10px}
  
div.contentContainer h2 {font-size: 20pt;
  font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; 
  color: #522453;
  border-bottom: 1px solid #773978;
  margin-bottom: 10px;
  padding-bottom: 5px}
  
.center {margin: 0 auto}

.spacer {clear:both}

/* Navigation */

.navigation {width: 859px; 
  height: 38px}
      
.navigation li {float: left;
  padding-right: 4px}
      
.navigation a {height: 38px;
  width: 167px;
  display: block;
  text-indent: -9999px}
      
.home {background: url('../images/imgNav1.jpg') no-repeat 0 0}
.profile {background: url('../images/imgNav1.jpg') no-repeat -173px 0}
.jewellery {background: url('../images/imgNav1.jpg') no-repeat -346px 0}
.classes {background: url('../images/imgNav1.jpg') no-repeat -519px 0}
.contact {background: url('../images/imgNav1.jpg') no-repeat -692px 0}

.home:hover {background-position: 0 -38px}
.profile:hover {background-position: -173px -38px}
.jewellery:hover {background-position: -346px -38px}
.classes:hover {background-position: -519px -38px}
.contact:hover {background-position: -692px -38px}