body {
	font-size:75%;
	font-family: Tahoma, Geneva, Verdana;
	background:url(../img/bodybg.jpg) top left #000;
	color:#844CAF;
}

#container {
	width:1100px;
	/*height:1333px;*/
	margin:0 auto 0 auto;
	padding:0 0 10px 0;
	/*background:url(../img/bg.jpg) 0 0 repeat-y; */
	position:relative;
}

/* temporary */
#portfolionote {
	width:320px;
	height:30px;
	background-color:#000;
	position:absolute;
	top:210px;
	left:232px;
	line-height:24px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:none;
}

#portfolionote p {
	color:#fff;
}

#portfolionote img {
	position:absolute;
	left:145px;
	bottom:-13px;
	z-index:20;
}

#social {
	width:500px;
	height:28px;
	position:absolute;
	top:0;
	right:0;
	padding:0 30px 0 0;
}

#social li {
	display:inline-block;
	height:28px;
	margin:0 0 0 10px;
}

#logo {
	width:1100px;
	height:240px;
	margin:0;
	padding:0;
}

#nav {
	width:976px;
	height:57px;
	background:url(../img/nav.png) 0 0 no-repeat #371853;
	position:absolute;
	top:240px;
	margin:0 auto 0 61px;
}

#nav li {
	position:absolute;
	height:55px;
	top:0;
}

#nav #nav-home {
	width:85px;
	left:47px;
}

#nav #nav-services {
	width:122px;
	left:132px;
}

#nav #nav-portfolio {
	width:144px;
	left:254px;
}

#nav #nav-clients {
	width:106px;
	left:398px;
}

#nav #nav-releases {
	width:126px;
	left:504px;
}

#nav #nav-testimonials {
	width:170px;
	left:630px;
}

#nav #nav-contact {
	width:122px;
	left:800px;
}

#nav li,
#nav li a,
#nav li a img {
	display:block;
}

#jdFlow {
	position:absolute;
	width:1040px;
	margin:0 0 0 -33px;
}

#flow {
	margin:56px 0 0 61px;
	width:976px;
	height:290px;
	background:url(../img/flowbg.png);
	position:absolute;
}

#flowprev,
#flownext {
	position:absolute;
	display:block;
	top:92px;
	z-index:15;
	width:65px;
	height:65px;
}

#flowprev {
	left:0;
}

#flownext {
	right:0;
}

#content {
	background-color:#000;
	width:972px;
	margin:360px auto 0 63px;
	padding:10px 0 10px 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.6);
	box-shadow:3px 3px 3px rgba(0,0,0,0.6);
	overflow:hidden;
	position:relative;
	z-index:15;
}

#footer {
	width:972px;
	height:36px;
	margin:10px auto 0 63px;
	overflow:hidden;
	background-color:#000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.6);
	box-shadow:3px 3px 3px rgba(0,0,0,0.6);
}

#footer p {
	overflow:hidden;
	line-height:36px;
	padding:0 10px 0 10px;
}

#footer span {
	float:right;
}

#services-contact {
	width:410px;
	margin:10px 0 0 0;
	float:right;
}

#services-contact img {
	cursor:pointer;
}

#services-contact fieldset {
	border:1px solid #844CAF;
	padding:10px;
	width:380px;
	text-align:center;
}

#services-contact input,
#services-contact select {
	float:right;
	width:250px;
	height:20px;
	margin:0 0 10px 0;
	line-height:20px;
}

#services-contact select {
	width:254px;
	height:20px;
	vertical-align:middle;
	margin:0 0 16px 0;
}

#services-contact label {
	display:block;
	width:120px;
	height:20px;
	float:left;
	margin:0 0 10px 0;
	padding:3px;
	line-height:20px;
	text-align:left;
}

#services-contact p {
	margin:0;
	padding:0 0 2px 0;
	clear:both;
	height:20px;
	float:left;
	text-align:left;
}

#services-contact textarea {
	width:380px;
	margin:0 0 10px 0;
}

#services-contact .submit {
	text-align:center;
	float:none;
	width:120px;
	margin:0 auto 0 auto;
}

.leftcolumn {
	width:420px;
	float:left;
}

.centrecolumn {
	width:292px;
	float:left;
	background-color:#FFF;
}

.rightcolumn {
	width:250px;
	float:right;
	padding-right:10px;
}

h1, h2 {
	padding:10px 20px 10px 20px;
	font-weight:bold;
	font-size:2em;
}


h3 {
	font-size:0.8em;
	color:#fff;
}

p {
	font-size:1.1em;
	margin:0 0 10px 0;
	padding:3px 20px 3px 20px;
}

a {
	color:#55277B;
}

strong {
	font-weight:bold;
}

#content ul li {
	list-style:disc inside;
	margin:5px 0 5px 20px;
	font-size:1.2em;
}

ul.projects li {
	padding:0 20px 0 20px;
	float:left;
	width:300px;
	height:250px;
	list-style:none !important;
}

.projects li h3,
.projects li p {
	padding:0;
}

.projects li p {
	font-size:1em;
	font-style:italic;
}

.releases {
	clear:both;
}

.releases li {
	margin:0 20px 20px 20px;
	list-style:none !important;
}

.releases li h3 {
	padding:0;
	margin:0 0 5px 0;
}

blockquote {
	margin:10px 20px 10px 20px;
	padding:0 0 10px 0;
}

blockquote p {
	margin:0;
	padding:0;
}

blockquote span {
	display:block;
	color:#fff;
	margin:5px 0 0 0;
}

.dotted {
	border-bottom:1px dotted #fff;
}

.releasecol {
	width:324px;
	float:left;
	padding:20px 0 0 0;
	text-decoration:center;
}

.releasecol object,
.releasecol embed {
	margin:0 0 20px 5px;
}

.centreflow {
	text-align:center;
	padding:40px 0 0 0;
}

.clients {
	padding:0 0 0 2px;
	text-align:center;
}

ul.clients-artists li,
ul.clients-business li,
ul.clients-labels li {
	margin:0 !important;
	padding:0 !important;
	list-style:none !important;
	display:inline-block !important;
}

.clients .art {
	width:135px;
	height:150px;
}

.clients h3 {
	margin:0 0 10px 0;
	padding:0;
	font-size:1.2em;
}

.clients ul.clients-companies {
	text-align:left;
}

#contactform fieldset {
	padding:10px 20px 10px 20px;
	border:1px solid #844CAF;
	width:340px;
	margin:0 0 0 20px;
}

#contactform label,
#contactform input,
#contactform textarea,
#contactform select,
#contactform p {
	display:block;
	clear:both;
	float:left;
	margin:0;
	padding:0;
}

#contactform input,
#contactform select,
#contactform textarea {
	margin:2px 0 10px 0;
}

#formsuccess p,
#formsucces h2,
#formerror p,
#formerror h2 {
	float:none;
	width:100%;
	clear:both;
	display:block;
	margin:10px 0 0 0;
	padding:0 10px 0 10px;
}

.hide {
	display:none;
}