/*
Title: /style/basic.css
Date: 26/03/2006
Author: Nick Payne
Description: Stylesheet
*/

/* Defaults */
body {
  /* Layout stuff */
  text-align: center; /* Centers content in browser window for IE5- */
  margin: 0px;
  padding: 0px;
  
  /* Font stuff */
  color: #D5C9D7;
  background-color: #000; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
}

h1 {
	font-size: 2em;
	margin-top: 0px;
}

h2 {
  font-size: 1.2em;
  margin: 0px 0px 5px 0px;
}

p {
  margin: 0px 0px 5px 0px;
}

a:link, 
a:active, 
a:visited, 
a:hover {
	color: #9900CC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

/* Layout */
div#outer_wrapper {
  /* Set width of content and center */
  width: 780px;
  margin: 0px auto;
  position: relative; /* So we can absolutely position elements inside */
  /* Font stuff */
  text-align: left; /* Restore default to inner elements */
  
  /* Debug */
  /*border: 1px solid yellow;*/
}

div#left_column {
  /* Layout stuff */
  width: 174px;
  position: absolute;
  top: 0px;
  left: 0px;
  
  /* Debug */
  /*border: 1px solid yellow;*/
}

div#main {
  /* Layout stuff */
  margin: 0px 174px; /* allow space for columns */
  width: 432px;
  
  /* Debug */
  /*border: 1px solid yellow;*/
}

div#right_column {
  /* Layout stuff */
  width: 174px;
  position: absolute; 
  top: 0px;
  right: 0px;
  
  /* Debug */
  /*border: 1px solid yellow;*/
}

div.inner {
  /* Layout stuff */
  padding: 55px 15px 15px 15px; /* Inner padding compatible with IE5- */
  
}

/* Headings */
/*
h1#heading  {
  background-image: url("../images/heading.gif");
  width: 144px;
  height: 315px;
}
*/

h2#phone {
  background-image: url("../images/title_phone.gif");
  width: 49px;
  height: 14px;
}

h2#commercial {
  background-image: url("../images/title_commercial.gif");
  width: 94px;
  height: 14px;
}

h2#portrait {
  background-image: url("../images/title_portrait.gif");
  width: 54px;
  height: 14px;
}

h2#wedding {
  background-image: url("../images/title_wedding.gif");
  width: 72px;
  height: 18px;
  
  margin-bottom: 1px; /* because "g" goes below baseline */
}

h2#favourites {
  background-image: url("../images/title_favourites.gif");
  width: 109px;
  height: 18px;
  
  margin-bottom: 1px; /* because "y" goes below baseline */
}

h1 span, 
h2 span {
  display: none;
}

/* Other stuff */
ul.nav  {
  list-style-type: none;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  
  /* Debug */
  /*border: 1px solid blue;*/
}

ul.nav li  {
  text-transform: lowercase;
  margin: 0 0 2px }

p.photo {
  text-align: center;
  margin: 0px;
}

p#back {
  margin: 0px;
}

p#forward {
  text-align: right;
  margin: 0px;
}

p.footer {
  text-align: center;
}