/*#############################################################

Name: jaycreate.co.uk
Date: 06-10-2008
Author: Jason Newton
URL: http://www.jaycreate.co.uk
Layout styling stylesheet

#############################################################*/

/*Additional Styles*/
@import url("reset.css");
@import url("960.css");
@import url("text.css");
/*Additional Styles*/


/* standard elements */
* {
	margin: 0;
	padding: 0;
}

body {
	background-image: url(/img/jc-navbar.png);
	background-repeat: repeat-x;
	background-position: top;
	 /* padding-bottom: 250px;	Height of the footer */
}

html {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}


/* Navigation */

div#navcontainer {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

div#navcontainer ul {
	margin: 0px;
	padding: 0px;
	color: #fff;
	text-align: center;
	float: right;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

div#navcontainer ul li {
	margin-left: -4px;
	padding: 0px;
	display: inline;
}

div#navcontainer ul li a {
	margin: 0px;
	line-height: 29px;
	padding: 7px 16px;
	color: #fff;
	text-decoration: none;
}

div#navcontainer ul li a:hover {
	color: #fff;
	background-image: url(/img/jc-navHighlight.gif);
	background-repeat: repeat-x;
	text-decoration: none;
}

#navlist a:link, #navlist a:visited {
	color: #fff;
	text-decoration: none;
}

#navlist #home a:active {
	color: #fff;
	background-image: url(/img/jc-navHighlight.gif);
	background-repeat: repeat-x;
	text-decoration: none;
}


/* Navigation Page Highlight */

#home #navItem1 a {
	color: #fff;
	background-image: url(/img/jc-navHighlight.gif);
	background-repeat: repeat-x;
	text-decoration: none;
}

#about #navItem2 a {
	color: #fff;
	background-image: url(/img/jc-navHighlight.gif);
	background-repeat: repeat-x;
	text-decoration: none;
}

#creative #navItem3 a {
	color: #fff;
	background-image: url(/img/jc-navHighlight.gif);
	background-repeat: repeat-x;
	text-decoration: none;
}

#contact #navItem4 a {
	color: #fff;
	background-image: url(/img/jc-navHighlight.gif);
	background-repeat: repeat-x;
	text-decoration: none;
}


/* Layout */

#container {
   position: relative;
   min-width: 960px;
   min-height: 100%;
}

div#header {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 150px;
}

#content {
   min-height:100%;
   padding-bottom: 20px;
}

#footer {
	position: relative;
	bottom:0;
	width: 100%;
	height:250px;
	margin: 0px;
	/*margin-left: auto;
	margin-right: auto;*/
	background: #c6272c url(/img/jc-footergrad.jpg) repeat-x;
}

div#footerContainer {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
}

div#footerCol1, div#footerCol2, div#footerCol3, div#footerCol4 {
		Float: left;
		width: 220px;	
}

div#header .logo img {
	padding: 30px 0px;
	margin: 0px;
}

.logo {
	float: left;
}

div#mainContent {
	padding: 0px;
	margin: 0px;
	min-height: 100%;
}

div#sidebar {
	color: #6f6f6f;
	line-height: 18px;
}


/* Layout */

.web-work {
	clear: both;
	float: left;
}

#web-display {
	float: left;
}

#web-thumbnails li {
	float: left;
	width: 250px;
	margin: 0px 10px 20px 0px;
}

#web-thumbnails img {
	border: 1px solid #949494;
	float: left;
	margin-right: 10px;
}

#web-thumbnails img:hover {
	border: 1px solid #c6272c;
}

#web-thumbnails p {
	float: left;
}

/* footer links */

div#footerDelicious {
	float: left;
	padding-top: 10px;
}

div#footerFacebook {
	float: left;
	padding-top: 10px;
}

div#footerLastFM {
	float: left;
	padding-top: 10px;
}

div#footerStumble {
	float: left;
	padding-top: 10px;
}

div#footerMoam {
	float: left;
	padding-top: 10px;
}
.contactMe {
	float: left;
	margin-left: 500px;
	margin-top: 40px;
}

.footnote {
	clear: both;
}


/* Other styles */


/* lastfm styles */

div#lastBox {
	margin: 0px 0px 40px 0px;
	padding: 0px;
}

table.lfmWidgetchart_6e21032cfa5bbca191f57456de75023e {
	border: none; 
	width: 184px;
} 

table.lfmWidgetchart_6e21032cfa5bbca191f57456de75023e tr.lfmHead a:hover {
	background:url(http://cdn.last.fm/widgets/images/en/header/chart/recenttracks_regular_red.png) no-repeat 0 0 !important;
}

table.lfmWidgetchart_6e21032cfa5bbca191f57456de75023e tr.lfmEmbed object {
	float:left;
}

table.lfmWidgetchart_6e21032cfa5bbca191f57456de75023e tr.lfmFoot td.lfmConfig a:hover {
	background:url(http://cdn.last.fm/widgets/images/en/footer/red.png) no-repeat 0px 0 !important;
}

table.lfmWidgetchart_6e21032cfa5bbca191f57456de75023e tr.lfmFoot td.lfmView a:hover {
	background:url(http://cdn.last.fm/widgets/images/en/footer/red.png) no-repeat -85px 0 !important;
}

table.lfmWidgetchart_6e21032cfa5bbca191f57456de75023e tr.lfmFoot td.lfmPopup a:hover {
	background:url(http://cdn.last.fm/widgets/images/en/footer/red.png) no-repeat -159px 0 !important;
}

tr.lfmHead a {
	width:184px;
	height:20px;
	display:block;
	overflow:hidden;
	background:url(http://cdn.last.fm/widgets/images/en/header/chart/recenttracks_regular_red.png) no-repeat 0 -20px;
	text-decoration:none;
	border:0;
}

td.lfmFoot {
	width: 184px;
	background:url(http://cdn.last.fm/widgets/images/footer_bg/red.png) repeat-x 0 0;
	text-align:right;
}

td.lfmConfig a {
	width:85px;
	height:20px;
	display:block;
	overflow:hidden;
	float:left;
	background:url(http://cdn.last.fm/widgets/images/en/footer/red.png) no-repeat 0px -20px;
	text-decoration:none;
}

td.lfmView a {
	width:74px;
	height:20px;
	display:block;
	overflow:hidden;
	background:url(http://cdn.last.fm/widgets/images/en/footer/red.png) no-repeat -85px -20px;
	text-decoration:none;
	float: left;
}

td.lfmPopup a {
	width:25px;
	height:20px;
	display:block;
	overflow:hidden;
	background:url(http://cdn.last.fm/widgets/images/en/footer/red.png) no-repeat -159px -20px;
	text-decoration:none;
	float: left;
}


/* form styles */

#stylized{
	background: #fff;
}
	
.myform{
	margin: 5px 0px;
	width:512px;
	padding:14px 0px;
}

#captcha{
	float:left;
	margin: 0px 0px 20px 90px;
	padding: 0px;
}

#buttons {
	margin: 0px 0px 0px 90px;
	padding: 0px;
}

#stylized p{
	font-size:11px;
	color: #6f6f6f;
	margin-bottom:20px;
	border-bottom:solid 1px #a8252a;
	padding-bottom:10px;
}

#stylized label{
	display:block;
	text-align:left;
	width:80px;
	float:left;
	color: #6f6f6f;
	margin-top: 10px;
}

#stylized label#enquiry{
	display:block;
	text-align:left;
	width:80px;
	height: 240px;
	float:left;
	color: #6f6f6f;
	margin-top: 10px;
}

#stylized .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}

#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #6f6f6f;
		width:400px;
		margin:2px 0 20px 10px;
}

#stylized button{ 
		clear:both;
		width:130px;
		height:30px;
		background-image: url(/img/jc-navHighlight.gif);
		background-repeat: repeat-x;
		text-align:left;
		line-height:31px;
		padding-left: 5px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
}

.spacer{clear:both; height:1px;}