/***

Charlie Gentle 
http://www.charliegentle.co.uk

***/

/*** Reset ***/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,label,select,textarea,p,blockquote,th,td
{ 
	margin:0;
	padding:0;
}

img,fieldset
{
	border:none;
}

/*** Main Layout ***/

html
{
	padding:10px;
	background:#fff;
}

body
{
	font-size:62.5%;
	/*background:#c7c46a;*/
	text-align:center top;
	color:#fff;
}

body,input,textarea
{
	font-family: "QuicksandLight", Tahoma, Geneva, sans-serif;
}

#stick1
{
	height:300px;
	width:129px;
	float:left;
	z-index:1;
	position:absolute;
	background-image:url(../images/stick1.png);
	left: 177px;
}
#stick2
{
	height:300px;
	width:97px;
	float:left;
	z-index:2;
	position:absolute;
	background-image:url(../images/stick2.png);
}
#stick3
{
	height:333px;
	width:102px;
	z-index:3;
	position:absolute;
	background-image:url(../images/stick3.png);
	float:right;
	left:300px;
}
#stick4
{
	width:219px;
	z-index:4;
	position:absolute;
	background-image:url(../images/stick4.png);
	float:right;
	height:300px;
	left:1200px;
}


#header
{
	background: url(../images/top.png)  no-repeat center top;
	width:954px;
	margin:auto;
	z-index:50;
	height: 160px;
}

#contactbox
{
	float:right;
	font-size:21px;
	text-align:right;
	margin:20PX 20PX 0PX 0PX;
}
#telephone
{
	font-size:36px;

}
#logo
{
	float:left;
	width:642px;
	height:115px;
	overflow:hidden;
	display:inline;
	font-family:"QuicksandLight",Tahoma, Geneva, sans-serif;
	font-size:80px;
	margin-top:73px;
	z-index:51;
	left: 119px;
}
#header a
{
	text-decoration:none;
}
#logo:first-letter
{
	font-size:110px;
}
.noJS #header #logo:hover
{
	opacity:0.7;
}


#nav
{
	width:954px;
	margin:auto;
	height:55px;
	text-align:right;
}

#nav ul
{
	list-style:none;
	z-index:100;
	float:right;
}

#nav ul li
{
	display:inline;
}

#nav ul li a
{
	overflow:hidden;
	margin:0px 0px 0px 20px;
	font-size:24px;
	font-variant: small-caps;
	text-decoration:none;
	color:#993;
}

.noJS #nav ul li a:hover
{
	opacity:0.5;
}



#navWeb
{
	width:134px;
}

#navPrint
{
	width:73px;
}

#navEns
{
	width:143px;
}

#navContact
{
	width:100px;
}

#title
{
	margin:auto;
	width:954px;
	background:url("../images/bottom_01.png") no-repeat center top;
}

#title h1
{
	text-indent:-9999em;
	overflow:hidden;
	background:url("../images/digital_portfolio.png") no-repeat 0px 0px;
	height: 60px;
}
/*
#title2
{
	width:954px;
	padding:0px 20px;
	margin:0 auto;
	height:101px;
	background:url("../images/titles2.gif") no-repeat 20px 0px;
	position:absolute;
	top:0px;
	left:0px;
}

#title3
{
	width:954px;
	padding:0px 20px;
	margin:0 auto;
	height:101px;
	background:url("../images/titles3.gif") no-repeat 20px 0px;
	position:absolute;
	top:0px;
	left:0px;
}
*/
#controlContainer
{
	width:954px;
	padding:0px 20px;
	display: inline;
	position:absolute;
}

#prevControl
{
	right:85px;
	width:30px;
	margin-top:-50px;
	height:30px;
	background:url("../images/left_arrow.png") no-repeat 0px -30px;
	text-indent:-9999em;
	overflow:hidden;
	position:absolute;
}

#prevControl.noScroll
{
	background:url("../images/left_arrow.png") no-repeat 0px 0px;
	cursor:default;
}

#nextControl
{
	right:55px;
	width:30px;
	margin-top:-50px;
	height:30px;
	background:url("../images/right_arrow.png") no-repeat 0px -30px;
	text-indent:-9999em;
	overflow:hidden;
	position:absolute;
}

#nextControl.noScroll
{
	background:url("../images/right_arrow.png") no-repeat 0px 0px;
	cursor:default;
}

.noJS #prevControl,
.noJS #nextControl
{
	display:none;
}

#content
{
	width:954px;
	height:420px;
	margin:auto;
	overflow:hidden;
	background:url("../images/bottom_02.png") no-repeat center top;
	font-family:"QuicksandLight",Tahoma, Geneva, sans-serif;
	left:51px;
	z-index:200;
	text-align:left;
}

#footerContainer
{
	background:url("../images/footer_bg.gif") repeat-x left 30px;
}

#footer
{
	width:954px;
	padding:0px 20px 20px;
	margin:0px auto;
	overflow:hidden;
}

#footer h2
{
	width:147px;
	height:30px;
	text-indent:-9999em;
	overflow:hidden;
	background:url("../images/subtitle_other.png") no-repeat left top;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/subtitle_other.png', sizingMethod='crop');
}

#footer p
{
	padding:10px 0px 0px 0px;
	color:#222222;
	font-size:1.2em;
	font-weight:normal;
}

#footer p a
{
	color:#222222;
}

#socialNetworks a
{
	margin:0px 10px 0px 0px;
}

#secondaryLinks
{
	text-align:right;
}

p
{
	font-size:1.4em;
	line-height:1.429em;
	padding:80px 0px 0px 50px;
	font-family:"QuicksandLight",Tahoma, Geneva, sans-serif;
}

p.large
{
	font-size:1.8em;
	line-height:1.6em;
	letter-spacing:-1px;
	padding:80px 0px 0px 50px;
	font-family:"QuicksandLight",Tahoma, Geneva, sans-serif;
}

a
{
	color:#ffffff;
	outline:none;
}

h2
{
	padding:0px 0px 12px 0px;
}

h3
{
	font-size:1.4em;
	line-height:1.667em;
}

.singleColumn
{
	float:left;
	width:100px;
	margin:0px 20px 0px 0px;
	display:inline; /* IE6 */
}

.doubleColumn
{
	float:left;
	width:220px;
	margin:0px 16px 0px 0px;
	display:inline; /* IE6 */
}

.quadColumn
{
	float:left;
	width:460px;
	display:inline; /* IE6 */
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.sixColumn
{
	float:left;
	width:954px;
	margin:0px 20px 0px 0px;
	display:inline; /* IE6 */
}

.endColumn
{
	margin:0px;
}

#contentScroller
{
	width:10000px;
}

.page
{
	float:left;
	width:954px;
	margin:90px 960px 0px 0px;
	min-height:300px;
}

#home h2
{
	height:30px;
	text-indent:-9999em;
	overflow:hidden;
}


#content img
{
	display:block;
	border:solid 2px #ffffff;
	margin:0px 0px 20px 0px;
	zoom:1;
}

#content img.largeImage
{
	display:block;
	border:solid 2px #ffffff;
	margin:0px 0px 0px 0px;
}

#laptop img,
#ens,
#contact img
{
	border:none;
}

#web img
{
	margin:0px 0px 6px 0px;
}

#web .doubleColumn h3
{
	font-size:1.2em;
	padding:0px 0px 2px 0px;
	font-weight:bold;
}

#web .doubleColumn p
{
	font-size:1.2em;
	color:#ffffff;
	padding:0px 0px 15px 0px;
	font-weight:normal;
}

#print img
{
	margin:0px 0px 6px 0px;
}

#print .doubleColumn h3
{
	font-size:1.2em;
	padding:0px 0px 2px 0px;
	font-weight:bold;
}

#print .doubleColumn p
{
	font-size:1.2em;
	color:#ffffff;
	padding:0px 0px 15px 0px;
	font-weight:normal;
}
#webMain
{
	float:left;
}

.webDetail
{
	float:left;
	display:none;
}

.webDetail .back
{
	display:block;
	text-decoration:none;
	padding:5px 0px 5px 35px;
	color:#ffffff;
	background:url("../images/back.png") no-repeat 0px 0px;
	font-size:16px;
	height:30px;
	margin-left:50px;
}

.clientlink
{
	display:block;
	padding:5px 0px 5px 50px;
	color:#ffffff;
	font-size:16px;
	height:30px;
}

#feed h2
{
	background:url("../images/subtitle_feed.png") no-repeat left top;
	padding:0px 0px 15px 0px;
	height:30px;
	text-indent:-9999em;
	overflow:hidden;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/subtitle_feed.png', sizingMethod='crop');
}

#feed li
{
	/*border-bottom:solid 2px #58A8A9;*/
	border-bottom:solid 2px #ffffff;
	padding:1px 0px 12px 0px;
	margin:0px 0px 15px 0px;
	font-size:1.2em;
	line-height:1.667em;
	color:#ffffff;
	list-style:none;
	font-weight:bold;
}

#feed li a
{
	color:#ffffff;
}

#feed li a.time
{
	display:block;
	color:#ffffff;
	font-size:0.8em;
	text-decoration:none;
	font-weight:normal;
}

label
{
	display:block;
	font-size:1.4em;
	font-weight:bold;
	padding:0px 0px 5px 0px;
}

input
{
	display:block;
	font-size:1.4em;
	padding:5px;
	background:#ffffff;
	border:solid 2px #ffffff;
	color:#222222;
	width:446px;
	margin:0px 0px 10px 0px;
	display:block;
}

textarea
{
	display:block;
	font-size:1.4em;
	padding:5px;
	background:#ffffff;
	border:solid 2px #ffffff;
	color:#222222;
	width:446px;
	margin:0px 0px 10px 0px;
	height:120px;
}

input.error,
textarea.error
{
	background: #BB6767;
}

input.submit
{
	border:none;
	width:auto;
	display:block;
	padding:0px;
	background:none;
}

#topBorder
{
	background:#ffffff;
	height:10px;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	_display:none;
}

#bottomBorder
{
	background:#ffffff;
	height:10px;
	width:100%;
	position:fixed;
	bottom:0px;
	left:0px;
	_display:none;
}