.main, table.title, table.footer {
    width: 960px;
}

html {  }

body {
  color: #ddd;
  font-family: arial, verdana, sans-serif;
  background: #000;
  margin: 0px;
  padding: 0px;
}


a {
  color: #69b;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #9cf;
}

body, td {
  font-size: 12pt;
}

/*
  Header and footer
*/
table.title, table.footer {
  height: 60px;
  background: #fff;
  color: #000;
  vertical-align: middle;
  margin-top: 30px;
  margin-left: 0px;
  margin-bottom: 30px;
}

table.footer tr td {
  font-size: 10pt;
  text-align: center;
}

table.title tr td {
  font-size: 25pt;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}

table.title tr td.left, table.footer tr td.left {
  width: 120px;
  background-image: url("../shared/images/title-left.png");
  background-repeat: repeat-y;
}

table.title tr td.right, table.footer tr td.right {
  width: 120px;
  background-image: url("../shared/images/title-right.png");
  background-position: right;
  background-repeat: repeat-y;
}

/*
  Media page table
*/
table.media tr th {
  padding: 1em 0.5em;
  text-align: center;

}
table.media tr td {
  padding: 1em 0.5em;
  text-align: left;
}

/*
  Corporate page table
*/
table.corporate tr th {
  padding: 0 0 0 0;
  text-align: center;
}

table.corporate tr td {
  padding: 1em 0.5em 0em 1.8em;
  text-align: center;
}


/*
  Logo Quote
*/
table.logoQuote tr th {
  padding: 0 0 0 0;
  text-align: left;
}

table.logoQuote tr td {
  padding: 0em 1em 0em 0em;
}

/*
  Unindented List Items
*/
.unindentedListItems {
  list-style-position:inside;
  padding: 0 0 0 0;
}

/*
  Small Indent List Items
*/
.smallIndentListItems {
  list-style-position:inside;
  padding: 0 0 0 12px;
}

/*
  The following three items define the layout of the page.
*/
td.navigation {
  width: 190px;
  vertical-align: top;
}

td.cdNavigation2 {
  width: 190px;
  vertical-align: top;
}


td.content {
  vertical-align: top;
  padding-left: 20px;
  padding-right: 10px;
  text-align: left;
}

.flowingLogo {
  float: right;
}

td.logo {
  width: 150px;
  vertical-align: top;
  text-align: center;
}


.bookAppointmentHeader {
  margin: 1em 0em 2em 0em;
  text-align: center;
}

.bookAppointmentFooter {
  margin: 2em 0em 2em 0em;
  text-align: center;
}

.bulletText {
  font-size: 11pt;
}

/* The contact details box above the navigation */
.phone {
  border: 1px solid #369;
  color: #aaa;
  background: #123;
  font-size: 10pt;
  font-weight: bold;
  padding: 10px 2px 10px 2px;
  text-align: center;
}

.topphone {
	border: 1px solid #369;
	color: #69b;
	background: #123;
	font-size: 11pt;
	font-weight: bold;
	padding: 10px 5px 10px 5px;
	text-align: center;
	line-height: 19px;
}


.phone1 {
	color: #69b;
	background: #123;
	font-size: 10pt;
	font-weight: bold;
	padding: 5px 5px 10px 5px;
	text-align: center;
	line-height: 19px;
}


.phoneleft {
	color: #fff;
	background: #123;
	font-size: 11pt;
	font-weight: bold;
	padding: 10px 5px 5px 5px;
	text-align: left;
	line-height: 19px;
}

.cdMenu {
  border: 1px solid #369;
	color: #fff;
	background: #123;
	font-size: 11pt;
	font-weight: bold;
	padding: 25px 5px 20px 5px;
	text-align: center;
	line-height: 19px;
}

/*
  Text within the phone number box
*/
.numberborder {  
  margin-top: 2px;
}

.number {
  font-size: 12pt;
  font-weight: bold;
  color: #964;
  padding-top: 2px;
  padding-bottom: 2px;
}

.whiteNumber {
  font-size: 12pt;
  font-weight: bold;
  color: #ccc;
  padding-top: 2px;
  padding-bottom: 2px;
}

a.email {
  font-size: 10pt;
}


/*
  Define the look of items in the menu (the naviagation)
*/

.menu {
  border: 1px solid #369;
  background: #123;
  padding-left: 4px;
  padding-right: 4px;
}


.menu a {
  font-size: 10pt;
  padding: 1px 4px 1px 4px;
  display: block;
  color: #58a;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 4px;
  text-align: center;
}

.menu a.selected {
  background: #479;
  color: #123;
}

.menu a:hover {
  color: #9cf;
}



.indented {
  margin-left: 40px;
}


/* Temporary box, e.g. for holiday text */
.alertBox {
  /*border: 5px solid #369;*/
  color: #333;
  background: #fcf267;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: -10px;
}


/* PayPal prices heading */
.paypalHeading {  
  font-weight: bold;
  color: #a86;
  font-size: 12pt;
  margin-bottom: 5px;
}

/* PayPal prices text */
.paypalText {
  font-weight: bold;
  color: #864;
  font-size: 10pt;
}

/* The quotes in the body of the page */
.quotename, .question {
  font-weight: bold;
  color: #ddd;
}

.quotetype, .answer {
  font-style: italic;
  color: #ace;
}

.quote, .answer {
  font-style: italic;
  color: #ace;
  margin-bottom: 15px;
  margin-top: 3px;
}

.aaronquote {
  font-family: tacoma, verdana, sans-serif;
}
.aaronquotename {
  font-family: tacoma, verdana, sans-serif;
  font-weight: bold;
}

/* The caption under images */
.imageCaption {
  font-style: italic;
  color: #ace;
  padding: 3px;
  margin-top: 3px;
  text-align: center;
  font-size: 11pt;
}

/* The quotations on the right */
.quotation {
  font-style: italic;
  color: #ace;
  padding: 10px;
  text-align: center;
}

p.cost {
  font-weight: bold
}

h3 {
  margin: 2em 1em 4px 0px;
  font-size: 110%;
  font-weight: bold;
}

h4 {
  margin: 1em 1em 4px 0px;
  font-weight: bold;
}

h5 {
  margin: 2em 1em 4px 0px;
  font-weight: bold;
}
.links .description {
  margin-bottom: 10px;
}

.tm {
  vertical-align: super;
  font-weight: normal;
  font-size: 40%;
  position: relative;
  top: 4px;
  color: #ccc;
}

.tm2 {
  vertical-align: super;
  font-weight: normal;
  color: #ccc;
}

.incVAT {
  font-size: 9pt;
}

.smallprint {
  font-size: 10pt;
}

.smallprintbold {
  border: 0px;
  font-size: 11pt;
  font-weight: bold;
}

.smallerprint {
  font-size: 7pt;
}

.nickthecoder, .nickthecoder a {
  color: #666;
  font-size: 11px;
}
.nickthecoder a:hover {
  color: #369;
}



