@charset "utf-8";
/* Skookum Design Solutions - Start CSS Document */
/* Default Style Sheet */
*
{
  cursor: default;
  margin: 0;
  padding: 0;
}
a, a *, area, map {
  cursor: pointer;
}
body 
{
  background: #f8faff url(http://images.skookumdesign.co.uk/image/graphic/body) repeat-x center top; /* c4d4f1 */
  color: #003170;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  margin: 0px 0 0 0px;
  vertical-align: text-bottom;
  width: 100%;
	z-index: 1;
}
h1
{
  font-size: 1.3em;
  padding: 0.3em 0 0.2em 0;
}
h1 span {
  color: #bbbbbb;
  display: none;
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.8em;
}
img
{
	border: none;
}
p
{
  padding: 0.05em 0 0.3em 0.2em;
  line-height: 1.5em;
  text-align: justify;
}

/* ID Styles */
#Header
{
  background: url(http://images.skookumdesign.co.uk/image/graphic/header) no-repeat center top;
  height: 123px;
  margin: 10px auto 0 auto;
  width: 460px;
}
#Main
{
  background: url(http://images.skookumdesign.co.uk/image/graphic/main) no-repeat;
  height: 508px;
  margin: 0px auto;
  overflow: hidden;
  position: relative;
  width: 386px;
	z-index: 2;
}
#Title
{
	color: #FFFFFF;
	height: 37px;
	margin: 0px auto;
	padding: 10px 0 0 0;
	width: 340px;
}
#Content
{
  height: 448px;
  margin: 0px 19px 14px 0px; /* margin: 14px 19px */
  overflow: hidden;
  width: 340px; /* width: 338px; -> 371px */
}
#Footer
{
  margin: 0 auto;
  text-align: center;
}
#Footer p {
  text-align: center;
}
#ButtonAbout:link, #ButtonAbout:visited
{
  background: url(/images/button-about.png);
}
#ButtonAbout:hover
{
  background: url(/images/button-about-hover.png);
}
#ButtonPortfolio:link, #ButtonPortfolio:visited
{
  background: url(/images/button-portfolio.png);
}
#ButtonPortfolio:hover
{
  background: url(/images/button-portfolio-hover.png);
}
#ButtonContact:link, #ButtonContact:visited
{
  background: url(/images/button-contact.png);
}
#ButtonContact:hover
{
  background: url(/images/button-contact-hover.png);
}
#PortfolioCarousel li a img
{
	background: #F0F6F9;
	zoom: 1;
}
#Liverpool {
	display: none;
  height: 125px;
  right: 16px;
	padding:2px 5px;
	position: absolute;
  text-align: right;
  top: 40px;
  width: 291px;
  z-index: 10;
}
div#FB-Status img {
  margin: 20px 150px;
}
div#FB-Status p {
  line-height: 1.3em;
  margin-bottom: 12px;
  position: relative;
}
div#FB-Status p span#FB-Timestamp {
  bottom: -12px;
  color: #999999;
  font-size: 10px;
  position: absolute;
  right: 3px;
}

/* Class Styles */
a.Block:link, a.Block:visited
{
  border-top: 1px solid #04269e;
  border-bottom: 1px solid #04269e;
  border-left: 4px solid #605cff;
  color: #4e51d5;
  display: block;
  margin: 10px 0;
  padding: 3px 5px;
  text-align: left;
  text-decoration: none;
}
a.Block:hover
{
  background: #dee7f5;
  border-left: 4px solid #b0aeff;
  color: #2b2ea8;
}
a.Button
{
  display: block;
  height: 29px;
  margin: 20px 0;
  width: 163px;
}
p.Error
{
  color: #FF0000;
}
#Screenshots img
{
  margin: 5px;
}
.Hidden
{
  display: none;
}
.NoBorder
{
  border: none;
}

/* End CSS Document */