@charset "utf-8";
/* CSS Document */
/* Copyright 2009 Taupo Solutions Ltd, Oxfordshire */
/* www.taupo.co.uk */

BODY {font-family: corbel,arial,helvetica; font-size: 75%; margin: 0; padding: 0; background-color: #000; color: white}

.hide {display: none}

A {	COLOR: #fff; TEXT-DECORATION: none}
A:visited {	COLOR: #fff;}
A:hover {	COLOR: #18bee7; TEXT-DECORATION: underline}
A:active {	COLOR: red;}
A#current { TEXT-DECORATION: underline}
A#current:hover { TEXT-DECORATION: underline; COLOR: #fff;}

H1, H2, H3, H4 {font-weight: normal; margin: 0; padding: 0; font-style: normal;}
H1 {font-size: 22px; letter-spacing: 2px; padding: 0 0 2px 0; margin: 0; color: #fff; letter-spacing: 1px; margin-bottom: 1em}
H2 {font-size: 18px; letter-spacing: 1px; padding: 0 0 2px 0; margin: 0; color: #fff}
H3 {font-size: 15px; letter-spacing: 1px; padding: 0 0 2px 0; margin: 0; color: #fff}

* html body {text-align:center;}
#container {background-color: #3d474f; margin:17px auto; text-align:left; width:954px; text-align: left;border: 1px solid #babcbe; border-left: 1px solid #babcbe; border-right: 1px solid #babcbe; padding-bottom: 14px}
#header {height: 217px; position: relative}
#logo {right: 34px; top: 20px; width: 268px; height: 106px; background: url(iFocusLogo.gif) no-repeat left top; position: absolute;}
#logo a {display: block; width: 268px; height: 106px;}
#tagline {right: 34px; top: 165px; width: 604px; height: 32px; background: url(iFocusTagline.gif) no-repeat left top; position: absolute;}
#sidebarL {float: left; width: 286px; text-align: right;}
#sidebarL ul {margin: 0; padding: 0; list-style-type: none}
#sidebarL li {padding: 3px 0; margin: none; font-size: 17px; letter-spacing: 1px; text-transform: uppercase}
#sidebarL li li {margin-left: 34px; font-size: 12px; padding: 2px 0;text-transform: none}

#content{float: left;  margin-left: 30px; min-height: 365px; font-size: 13px}
#fpContent {margin-left: 320px; clear: left; padding-top: 17px; font-size: 15px; line-height: 1.5}

#content h1 {margin: 0}
#content.portfolioPage h1 {margin-bottom: 20px}
#content.page {border-left: 1px solid #fff; padding-left: 15px;}
#innerContent {margin-bottom: 17px; width: 580px; font-size: 15px; line-height: 1.5}

#fpImageHolder {width: 604px; height:  355px; background: white; position: relative}
#fpImage {width: 582px; height: 333px;border: 1px solid #3d474f; position: absolute; top: 10px; left: 10px; background: #ccc; }

.portfolioLink {border-bottom: 1px solid #ccc; margin: 5px 0; width: 580px; float: left; clear: both; padding-bottom: 10px; cursor: pointer}
.portfolioImage{float: left; margin: 3px 17px 3px 3px; border: 1px solid #fff; width: 90px; height: 60px; background-repeat: none;}
.portfolioImage a {display: block; height: 60px; width: 90px}

#weddingPortfolio .portfolioImage {background-image: url(portfolio1.jpg)}
#phvenuePortfolio .portfolioImage {background-image: url(portfolio5.jpg)}
#familyPortfolio .portfolioImage {background-image: url(portfolio2.jpg)}
#petPortfolio .portfolioImage {background-image: url(portfolio3.jpg)}
#hobbyPortfolio .portfolioImage {background-image: url(portfolio4.jpg)}
div.portfolioLink:hover .portfolioImage {background-position: -90px 0; border-color: #18bee7}
div.portfolioLink:hover h2 {color: #18bee7}
.portfolioLink h2{}
.portfolioLink p{}

#portfolioImageHolder {width: 470px; height:  320px; background: white; position: relative}
#portfolioImage {width: 448px; height: 298px;border: 1px solid #3d474f; position: absolute; top: 10px; left: 10px; background: #ccc; }

h1.ruleT {border-top: 1px solid #fff; padding-top: 20px; margin-top:20px;}
h2.ruleT {border-top: 1px solid #fff; padding-top: 10px; margin-top: 10px;}
h2.ruleD {border-top: 1px dotted #fff}
ul li {padding-bottom: 7px}

#copy {clear: both; padding-top: 15px; text-align: center; border-top: 1px solid #fff; margin-top: 30px}
/* Contact form specials. */
.medium {width: 320px; margin-right: 5px}
.message {width: 400px}
.normal {width: 240px}
.small {width: 180px}
.formSuccess {border: 1px solid #88914d; background: #f6f6f6; padding: 15px; font-size: 1.2em; font-weight: bold; margin-bottom: 1em}

.col2 {width: 100px; float: left; text-align: right; padding-right: 1em}



/* Overriding the default Slideshow thumbnails for the vertical presentation */

.slideshow-thumbnails {
height: 300px;
 left: auto;
right: -90px;
 top: -16px;
width: 70px;
 }
 .slideshow-thumbnails ul {
 height: 500px;
 width: 70px;
 } 
.slideshow-controller {top: 5px}


/* Text holding area styles for inside image boxes */
.textHolder {color: #000; padding: 15px; height: 300px; overflow: hidden}
.textHolder H1 {color: #000}

.linksPage A {	COLOR: #18bee7; TEXT-DECORATION: none}
.linksPage A:visited {	COLOR: #18bee7;}
.linksPage A:hover {	COLOR: #fe3401; TEXT-DECORATION: underline}