/* CSS Document */
* { margin: 0; padding: 0; }

/** CSS for Simon Davidson by John Hancock @ Squeeze Creative. (c) Squeeze Creative 2007. **/

html { overflow: hidden; }

/** Font Reset **/

body { font: 13px arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; padding: 0; margin: 0 auto; color: #CCC; position:relative; width:100% height:100%; }
table { font-size: inherit; font: 100%; }
select, input, textarea { font: 99% arial,helvetica,clean,sans-serif; }
pre, code { font: 115% monospace; *font-size: 100%; }
body * {line-height:1.22em;}

/** Standardised XHTML Elements **/

html { background: #000; }
body { background: #000; }
a {	color: #808285;	text-decoration: none; }
img { border: none; }
.Active a, a:hover { color: #ff6420; }
a:active { outline: none; }
h1 {font-size: 122%; color: #555; font-weight: normal; padding: 0; margin: 0;}
h2 {font-size: 136%; color: #c00; font-weight: normal; padding: 0; margin: 0 0 10px 0;}
h3 {font-size: 136%; color: #c00; font-weight: normal; padding: 0; margin: 0 0 10px 0;}
h4 {font-size: 122%; color: #555; font-weight: normal; padding: 0; margin: 0;}
h5 {font-size: 122%; color: #555; font-weight: normal; padding: 0; margin: 0;}
h6 {font-size: 122%; color: #555; font-weight: normal; padding: 0; margin: 0;}
div p { padding: 0; margin: 0;}
select, input { color: #999;}
form { margin: 0; padding: 0; }
fieldset { display: inline; border: none; margin: 0; padding: 0;}
fieldset legend { display: none; }

/** Misc Styles **/

div.hr hr { display: none; }
div.hr { border-top: solid 1px #999; }

/** Divs **/
#HomeWrapper {
	position: absolute;
	overflow: hidden;
	margin-top: -36px;
	width: 380px;
	height: 100px;
	left: 50%;
	top: 50%;
}
	

#MainWrapper
{
	clear:both;
	width:100%;

	height: 500px;
}

#Wrapper { position: relative; }
	
#Header
{ 
	padding: 0px;
	margin-left: 6%;
	text-align: left;
}
#Header ul 
{
	float: left;
	text-transform: lowercase;
}
#Header ul li { display: inline; list-style: none; padding-left: 7px; }
#Logo 
{
	display: block;
	float: right;
	margin-right: 7%;
	margin-bottom: 15px;
	width: 133px;
	height: 24px;
	background:	url(Assets/SimonDavidsonLogo.gif) bottom left no-repeat;
}

#Content { overflow: scroll; }

#Contact 
{ 
	text-align: right; 
	clear: both; 
	margin-right: 7%;
	margin-top: -10px;
	color: #808285;
}
#Contact .Name { color: #ff6420; }
#Contact div { padding-bottom: 20px; }
#Contact .NoPhotoSlider { height: 37%; }

#Footer {}

#Footer a { color: #393939 }

#Footer p { 
	text-align: right;
	padding: 50px 7% 0px 0px;
	font-size: 78%;
	color: #393939;
}


/* PHOTO SLIDER STYLES */

/* The display panel */
#photo_slider
{
	position:relative;
	width: 100%;
	height:357px;
	overflow:hidden;
	background-color:black;
	text-align: left;
	white-space:nowrap;
	clear: both;
}

.Loading #photo_slider { background: #000 url(Assets/Loader.gif) no-repeat center center; }
.Loading #photo_slider_inner { visibility: hidden; }

/* The moving panel inside the display panel */
#photo_slider_inner
{
	position:absolute;
	margin-left:0px;
	text-align: left;
}

/* Images inside the moving panel */
#photo_slider img
{
	/* Don't try and float these images - safari breaks */
	text-align: left;	
	border:none;
	border-left:solid 0px black;
	border-right:solid 15px black;
	margin-top:3px;
	margin-bottom:20px;
}

.Last { 
	border-right: none;
}
/* Slider control background bar */
#sliderbg
{
	height:21px;
	margin-top:2px;
	background: #333 url(Assets/Rail.gif) left top repeat-x;
	text-align: left;

}

/* Slider control sliding element */
#sliderthumb
{
	width:70px;
	height:21px;
	background: url(Assets/Handle.gif) left top no-repeat;
	text-align: left;
}
#sliderthumb:hover
{
	width:70px;
	height:21px;
	background: url(Assets/Handle.gif) left bottom no-repeat;
	cursor: pointer;
	cursor: hand;
}

/* Image inside the sliding element */
#sliderthumbimg
{
	display:none;
}

#sliderButtons
{
	width:32px;
	float:right;
	padding-top:2px;
}

#leftArrow a
{
	float:left;
	display:block;
	height:21px;
	width:16px;
	background: #000 url(Assets/Arrows.gif) no-repeat top left;
}

#leftArrow a:hover
{
	background-position: bottom left;
}

#rightArrow a
{
	float:left;
	display:block;
	height:21px;
	width:16px;
	background: #000 url(Assets/Arrows.gif) no-repeat top right;
}

#rightArrow a:hover
{
	background-position: bottom right;
}

.clear
{
	clear:both;
	background: #333 url(Assets/Rail.gif) left top repeat-x;
}