html, body, h1, h2, h3, div, p, ul, dl, ol, img {
margin: 0;
padding: 0;
}

html {
font-size: 100%;
height: 100.1%;
min-height: 100.1%;
margin-bottom: 1px;
}

body {
background-color: #fefefe;
font-family: verdana, helvetica, sans-serif;
font-weight: 400;
color: #000;
text-align: center;
}


/* divs */

#banner {
width: 948px;
height: 120px;
margin: 0 auto;
background-image: url("images/pinkgradient.jpg");
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #333;
}

#logo {
background: url("images/logo.jpg") no-repeat;
width: 105px;
height: 112px;
margin-top: 3px;
margin-left: 30px;
float: left;
border: solid 1px #903;
}

#container {
width: 948px;
margin: 0 auto;
padding-top: 30px;
text-align: left;
border-left: 1px solid #333;
border-right: 1px solid #333;
}

#nav {
width: 200px;
padding-left: 30px;
float: left;
}

#tell {
margin-top: 2em;
margin-bottom: 2em;
padding: 0.5em 0 0.5em 0;
border-top: 0.3em solid #903;
border-bottom: 0.2em solid #903;
color: #333;
font-size: 1em;
}

#content {
margin-left: 260px;
margin-right: 315px;
}

#disclaimer {
margin-left: 260px;
}

#teamcontent {
margin-left: 260px;
margin-right: 10px;
}

.videos {
float: right;
padding-left: 1.5em;
margin-right: 0;
}

#footer {
clear: both;
width: 948px;
height: 20px;
margin: 0 auto;
padding-top: 0.2em;
background-image: url("images/footergradient.jpg");
background-position: top left;
background-repeat: repeat-x;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
color: #fff;
font-family: arial, sans-serif;
font-size: 1.1em;
font-weight: 700;
font-style: italic;
text-align: center;
}

#register {
font-size: 1em;
border: 1px solid #333;
padding: 0.4em;
}

.facebook {
font-size: 1em;
font-weight: 700;
text-align: center;
width: 200px;
margin: 10px 55px 10px 0;
float: right;
clear: right;
}

.facebook a img {
border: none;
}

/* round corners box */

.bloffer {
background: url("images/bl.gif") 0 100% no-repeat #903;
font-size: 1.2em;
font-weight: 700;
text-align: center;
width: 200px;
margin: 0 55px 10px 0;
float: right;
clear: right;
}
.br {
background: url("images/br.gif") 100% 100% no-repeat;
}
.tl {
background: url("images/tl.gif") 0 0 no-repeat;
}
.tr {
background: url("images/tr.gif") 100% 0 no-repeat; 
padding: 10px;
}
.clearbox {
font-size: 1px; 
height: 1px;
}

.bloffer a:link {
text-decoration: none;
color: #fff;
}

.bloffer a:visited {
text-decoration: none;
color: #fff;
}

.bloffer a:hover {
text-decoration: underline;
color: #fff;
}

.bloffer a:active {
color: #fff;
}

/* round corners box 2 */

div#content .bloffer2 {
background: url("images/bl.gif") 0 100% no-repeat #903;
font-size: 1.1em;
font-weight: 700;
color: #fff;
text-align: center;
width: 300px;
margin: 10px 0 15px 0;
}
.br {
background: url("images/br.gif") 100% 100% no-repeat;
}
.tl {
background: url("images/tl.gif") 0 0 no-repeat;
}
.tr {
background: url("images/tr.gif") 100% 0 no-repeat; 
padding: 10px;
}
.clearbox {
font-size: 1px; 
height: 1px;
}

div#content .bloffer2 a:link {
text-decoration: none;
color: #fff;
}

div#content .bloffer2 a:visited {
text-decoration: none;
color: #fff;
}

div#content .bloffer2 a:hover {
text-decoration: underline;
color: #fff;
}

div#content .bloffer2 a:active {
color: #fff;
}

/* round corners box 3 (Have a Psychic Reading) */

.bloffer3 {
background: url("images/bl3.gif") 0 100% no-repeat #333;
font-size: 1.1em;
font-weight: 700;
font-style: italic;
color: #eaa115;
text-align: center;
width: 200px;
margin: 0 55px 10px 0;
float: right;

}
.br3 {
background: url("images/br3.gif") 100% 100% no-repeat;
}
.tl3 {
background: url("images/tl3.gif") 0 0 no-repeat;
}
.tr3 {
background: url("images/tr3.gif") 100% 0 no-repeat; 
padding: 10px;
}
.clearbox {
font-size: 1px; 
height: 1px;
}

.bloffer3 a:link {
text-decoration: none;
color: #eaa115;
}

.bloffer3 a:visited {
text-decoration: none;
color: #eaa115;
}

.bloffer3 a:hover {
text-decoration: underline;
color: #fff;
}

.bloffer3 a:active {
color: #fff;
}

/* psychic reading */

#psyread {
width: 210px;
height: 100px;
margin: 0 50px 0px 0;
float: right;
clear: right;
}

#psyread img {
border: none;
}

#psyread a {
display: block;
width: 210px;
height: 100px;
background: url("images/reading_hover_01.gif") left top no-repeat;
text-decoration: none;
border: none;
}

#psyread a:hover img, #psyread a:active img {
position: absolute;
left: -999em;
top: -999em;
}

#psyread a:link, #psyread a:visited, #psyread a:hover, #psyread a:active; {
text-underline: none; !important
}


/* text */

h1 {
color: #fff;
font-family: "arial narrow", sans-serif;
font-size: 1.4em;
font-weight: 700;
font-style: italic;
text-align: center;
margin-left: 15%;
margin-top: 1.2em;
}

h2 {
font-size: 1.2em;
color: #903;
padding-bottom: 0.8em;
}

h2.border {
border-top: #666;
border-top-style: dotted;
border-top-width: 2px;
padding-top: 0.5em;
}

h3 {
font-size: 0.9em;
color: #903;
padding-bottom: 0.2em;
}

h4 {
color: #903;
font-weight: 700;
font-size: 0.7em;
padding: 5px 0 0 0;
}

p {
font-size: 0.7em;
padding-bottom: 0.7em;
}

p#exp {
font-weight: 600;
padding: 0.5em 0 0.5em 0;
border-top: 0.3em solid #903;
border-bottom: 0.2em solid #903;
margin: 1.4em 0;
}

p.final, p.credit {
padding-bottom: 20px;
}

p.finalsmall {
padding-bottom: 20px;
font-size: 0.6em;
}

p.bio {
font-size: 0.7em;
padding-right: 2em;
}

p.biocontact {
font-size: 0.7em;
padding-bottom: 4em;
}

p.privacy {
font-size: 0.6em;
}

#disclaimer p {
font-size: 0.6em;
}

.caption {
margin: 0;
padding: 0 2em 0.4em 0;
text-align: center;
}

#tell p {
padding: 0;
}

.red {
color: #903;
font-weight: 700;
}

.rednonb {
color: #903;
}

.gold {
color: #f4e250;
}

.grey {
color: #666;
}

.area {
font-style: italic;
color: #903;
}

p.quote {
color: #903;
font-style: italic;
padding: 0.5em 0 0 0;
}

p.source {
color: #903;
font-style: italic;
text-align: right;
}

#register p {
padding-bottom: 0;
}

.strong {
font-weight: 700;
}

.footnote {
font-size: 0.6em;
padding-bottom: 20px;
}

.download {
color: #903;
font-weight: 700;
margin-top: 3em;
}

.cl {
clear: left;
}

.large {
font-size: 1em;
}

.largebold {
font-size: 1.5em;
font-weight: 700;
}


/* lists and bullets */

#nav ul {
font-family: arial, sans-serif;
font-size: 0.9em;
font-weight: 700;
color: #903;
list-style: none;
}

#nav li {
padding-bottom: 0.6em;
}

#nav li#current {
color: #cc0000;
}

#content ul {
font-size: 0.7em;
list-style: url("images/redbullet.jpg") outside;
margin-left: 1.3em;
margin-bottom: 0.7em;
}

#content ul#home {
margin-bottom: 1.3em;
}

#content li {
margin-right: 0;
margin-bottom: 0.4em;
}

ul#sublist {
font-size: 1em;
margin-top: 0.4em;
}

#content ol {
font-size: 0.7em;
margin-left: 1.8em;
margin-bottom: 0.7em;
}

ol#alpha {
font-size: 1em;
list-style: lower-alpha;
margin-left: 2em;
margin-bottom: 0.7em;
}


/* links */

#nav a:link {
color: #903;
text-decoration: none;
}

#nav a:visited {
color: #666;
text-decoration: none;
}

#nav a:hover {
color: #cc0000;
text-decoration: none;
}

#nav a:active {
color: #cc0000;
text-decoration: underline;
}

#content a:link, #teamcontent a:link {
color: #000;
}

#content a:visited, #teamcontent a:visited {
color: #666;
}

#content a:hover, #content a:active, #teamcontent a:hover, #teamcontent a:active {
color: #903;
}

#register p a:link, #register p a:visited {
font-weight: 700;
color: #903;
}

#register p a:hover, #register p a:active {
font-weight: 700;
text-decoration: underline;
color: #903;
}

#content .credit a {
color: #903;
font-weight: 700;
}

.facebook a:link, .facebook a:visited {
font-weight: 700;
color: #903;
}

.facebook a:hover, .facebook a:active {
font-weight: 700;
text-decoration: underline;
color: #903;
}

/* images */

#homel1 {
clear: right;
float: right;
background-image: url("images/house.jpg");
width: 250px;
height: 188px;
margin-right: 30px;
margin-bottom: 20px;
border: 1px solid #333;
}

#homel2 {
clear: right;
float: right;
background-image: url("images/landscape_01.jpg");
width: 250px;
height: 188px;
margin-right: 30px;
margin-bottom: 20px;
border: 1px solid #333;
}

#homesp1 {
clear: right;
float: right;
background-image: url("images/homes01.jpg");
width: 188px;
height: 250px;
margin-right: 61px;
margin-bottom: 20px;
border: 1px solid #333;
}

#homesl1 {
clear: right;
float: right;
background-image: url("images/homes02.jpg");
width: 250px;
height: 188px;
margin-right: 30px;
margin-bottom: 20px;
border: 1px solid #333;
}

#businessl1 {
clear: right;
float: right;
background-image: url("images/business01.jpg");
width: 250px;
height: 188px;
margin-right: 30px;
margin-bottom: 20px;
border: 1px solid #333;
}

#businessl2 {
clear: right;
float: right;
background-image: url("images/business02.jpg");
width: 250px;
height: 188px;
margin-right: 30px;
margin-bottom: 20px;
border: 1px solid #333;
}

#buildl1 {
clear: right;
float: right;
background-image: url("images/build01.jpg");
width: 250px;
height: 188px;
margin-right: 30px;
margin-bottom: 20px;
border: 1px solid #333;
}

#buildl2 {
clear: right;
float: right;
background-image: url("images/build02.jpg");
width: 250px;
height: 188px;
margin-right: 30px;
margin-bottom: 20px;
border: 1px solid #333;
}

#propp1 {
clear: right;
float: right;
background-image: url("images/property01.jpg");
width: 188px;
height: 251px;
margin-right: 61px;
margin-bottom: 20px;
border: 1px solid #333;
}

#propl1 {
clear: right;
float: right;
background-image: url("images/property02.jpg");
width: 250px;
height: 188px;
margin-right: 30px;
margin-bottom: 20px;
border: 1px solid #333;
}

.portrait_pb {
background-image: url("images/philena2.jpg");
background-repeat: no-repeat;
width: 100px;
height: 121px;
margin-top: 0.2em;
margin-right: 0.5em;
margin-bottom: 0.8em;
border: solid 1px #000;
float: left;
}

.portrait_la {
background-image: url("images/lincoln.jpg");
background-repeat: no-repeat;
width: 100px;
height: 121px;
margin-top: 0.2em;
margin-right: 0.5em;
margin-bottom: 0.8em;
border: solid 1px #000;
float: left;
}

.portrait_am {
background-image: url("images/amravati.jpg");
background-repeat: no-repeat;
width: 100px;
height: 116px;
margin-top: 0.2em;
margin-right: 0.5em;
margin-bottom: 0.8em;
border: solid 1px #000;
float: left;
}

.portrait_gm {
background-image: url("images/gareth.jpg");
background-repeat: no-repeat;
width: 100px;
height: 120px;
margin-top: 0.2em;
margin-right: 0.5em;
margin-bottom: 0.8em;
border: solid 1px #000;
float: left;
}

.portrait_sm {
background-image: url("images/sarah2.jpg");
background-repeat: no-repeat;
width: 100px;
height: 119px;
margin-top: 0.2em;
margin-right: 0.5em;
margin-bottom: 0.8em;
border: solid 1px #000;
float: left;
}

.portrait_kr {
background-image: url("images/kathryn.jpg");
background-repeat: no-repeat;
width: 100px;
height: 119px;
margin-top: 0.2em;
margin-right: 0.5em;
margin-bottom: 0.8em;
border: solid 1px #000;
float: left;
}

.portrait_cp {
background-image: url("images/christian.jpg");
background-repeat: no-repeat;
width: 100px;
height: 120px;
margin-top: 0.2em;
margin-right: 0.5em;
margin-bottom: 0.8em;
border: solid 1px #000;
float: left;
}

.portrait_jf {
background-image: url("images/john.jpg");
background-repeat: no-repeat;
width: 100px;
height: 118px;
margin-top: 0.2em;
margin-right: 0.5em;
margin-bottom: 0.8em;
border: solid 1px #000;
float: left;
}

.portrait_tr {
background-image: url("images/tim.jpg");
background-repeat: no-repeat;
width: 100px;
height: 118px;
margin-top: 0.2em;
margin-right: 0.5em;
margin-bottom: 0.8em;
border: solid 1px #000;
float: left;
}

object {
border: 1px solid #000;
}

h3.event img {
float: left;
margin: 5px 15px 10px 0;
}


/* forms */

form {
font-size: 0.7em;
margin-top: 0.5em;
}

input {
margin-bottom: 0.5em;
}

#form2 {
width: 180px;
}

.formlabel2 {
width: 60px;
}
