/* CLEAR CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* MAIN CSS */

body
{
	background: #000000;
	color: #ffffff;
	font-family: helvetica;
}

p {
	font-size: .7em;
	color: #575757;
}

h2 {
	padding-top: 20px; padding-bottom: 5px; font-size: .9em; color: #f2f2f2; font-weight: bold;
}

h3 {
	padding-left: 20px; padding-top: 35px; padding-bottom: 10px; font-size: .9em;
	}

a {
	font-weight: bold;
	color: #cacaca;
	text-decoration: none;
}	

a:hover {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}	


#prevNext
{
margin-bottom: -2.5em;
}

#prevNext img
{
position: relative;
z-index: 2;
cursor: pointer;
}

#controller 
{
cursor: pointer;
width:100%;


}

.jFlowControl {
display: block;
float: left;
font-weight: bold;
font-size: .7em;
padding: 50px 40px 0 40px;
height: 49px;


} 

#controller .hoverhome.jFlowSelected { background:#b1dd1f; }
#controller .hoversocial.jFlowSelected { background:#f7ae21; }
#controller .hovershow.jFlowSelected { background:#14c4f5; }
#controller .hovercontact.jFlowSelected { background:#ec048e; }

.jFlowControl:hover {
background: #ffffff;
}

.hoverhome:hover {
background: #b1dd1f;
}

.hoversocial:hover {
background: #f7ae21;
}

.hovershow:hover {
background: #14c4f5;
}

.hovercontact:hover {
background: #ec048e;
}


#container {
	margin: 0px auto;
	width: 960px;
}

#footer {
	background: #000000;
}

#footer a {
	font-weight: bold;
	color: #575757;
	text-decoration: none;
}	

#footer a:hover {
	font-weight: bold;
	color: #f2f2f2;
	text-decoration: none;
}	

#footercontainer {
	margin: 20px auto;
	width: 960px;
	padding-bottom: 50px;
}

#header {
	background: url('images/headerbokeh.jpg') no-repeat top #000000;
	height: 100px;
}

#headercontainer {
	margin: 0px auto;
	width: 960px;
}

#homefeature {
	background: url('images/bokeh.jpg') no-repeat top #141414;
}

#show-container {
	padding-top: 35px;
	width: 960px;
}

#cu3er-container {
	width: 960px;
}

#cu3er-wrap{
	background: url('images/cu3erbg.jpg') no-repeat bottom transparent;
	padding-top: 35px;
	height: 420px;
}

#homefeaturecontainer {
	margin: 0px auto;
	width: 960px;
		
}

#logo {
	padding-top: 29px;
	width: 182px;
	float: left;
}

#logo h1 {
	background: url('images/logo.png');
	text-indent: -999px;
	padding-bottom: 30px;
}

#nav {
	float: right;
	height: 100px;
}

#portfolio {
	width: 960px;
	padding-top: 20px;
}	

#homerollovers {
	margin-top: 20px;
	width: 500px;
	margin-left: 20px;
	float: left;
}

#homenews {
	margin-top: 10px;
	width: 392px;
	height: 209px;
	margin-right: 20px;
	float: right;
	background: url('images/newsbg.jpg') no-repeat;
}

#homenews p {
	padding-right: 120px;
	font-size: .8em;
	padding-left: 20px;
	line-height: 1.4em;
	padding-bottom: 15px;
	color: #bababa;
}

#homenews p.below {
	padding-right: 30px;
	font-size: .8em;
	padding-left: 20px;
	line-height: 1.4em;
	padding-bottom: 15px;
	color: #bababa;
}

#homerollovers p {
	line-height: 1.4em;
	font-size: .9em;
	padding-bottom: 20px;
	color: #bababa;
	text-align: justify;
}

.homerolloverswork a {
	display:block;
	margin-left: 80px;
	float: left;
	width: 151px;
	height: 147px;
	text-indent: -999px;
	font: bold 13px sans-serif;
	color:#333;
	background: url('images/ourwork.jpg') 0 0 no-repeat;
	text-decoration: none;
}
.homerolloverswork a:hover { 
	background-position: -151px 0;
	color: #049;
}

.homerolloverssponsor a {
	display:block;
	width: 188px;
	margin-left: 150px;
	float: left;
	height: 147px;
	text-indent: -999px;
	font: bold 13px sans-serif;
	color:#333;
	background: url('images/ourshow.jpg') 0 0 no-repeat;
	text-decoration: none;
}
.homerolloverssponsor a:hover { 
	background-position: -188px 0;
	color: #049;
}

.homerolloverscontact a {
	display:block;
	float: left;
	margin-left: 150px;
	width: 173px;
	height: 147px;
	text-indent: -999px;
	font: bold 13px sans-serif;
	color:#333;
	background: url('images/ourcontact.jpg') 0 0 no-repeat;
	text-decoration: none;
}

.homerolloverscontact a:hover { 
	background-position: -173px 0;
	color: #049;
}

.portfoliothumbrolloverrob a {
	display:block;
	float: left;
	width: 116px;
	height: 135px;
	text-indent: -999px;
	font: bold 13px sans-serif;
	color:#333;
	background: url('images/robthumb.png') 0 0 no-repeat;
	text-decoration: none;
}

.portfoliothumbrolloveradam a {
	margin-left: 20px;
	display:block;
	float: left;
	width: 116px;
	height: 135px;
	text-indent: -999px;
	font: bold 13px sans-serif;
	color:#333;
	background: url('images/adamthumb.png') 0 0 no-repeat;
	text-decoration: none;
}

.portfoliothumbrolloverdarren a {
	margin-left: 20px;
	display:block;
	float: left;
	width: 116px;
	height: 135px;
	text-indent: -999px;
	font: bold 13px sans-serif;
	color:#333;
	background: url('images/darrenthumb.png') 0 0 no-repeat;
	text-decoration: none;
}

.portfoliothumbrolloverchris a {
margin-left: 20px;
display:block;
float: left;
width: 116px;
height: 135px;
text-indent: -999px;
font: bold 13px sans-serif;
color:#333;
background: url('images/christhumb.png') 0 0 no-repeat;
text-decoration: none;
}

.portfoliothumbrolloverjo a {
margin-top: 20px;
display:block;
float: left;
width: 116px;
height: 135px;
text-indent: -999px;
font: bold 13px sans-serif;
color:#333;
background: url('images/jothumb.png') 0 0 no-repeat;
text-decoration: none;
}

.portfoliothumbrolloversammie a {
margin-top: 20px;
margin-left: 20px;
display:block;
float: left;
width: 116px;
height: 135px;
text-indent: -999px;
font: bold 13px sans-serif;
color:#333;
background: url('images/sammiethumb.png') 0 0 no-repeat;
text-decoration: none;
}

.portfoliothumbrolloversarah a {
margin-top: 20px;
margin-left: 20px;
display:block;
float: left;
width: 116px;
height: 135px;
text-indent: -999px;
font: bold 13px sans-serif;
color:#333;
background: url('images/sarahthumb.png') 0 0 no-repeat;
text-decoration: none;
}

.portfoliothumbrolloversam a {
margin-top: 20px;
margin-left: 20px;
display:block;
float: left;
width: 116px;
height: 135px;
text-indent: -999px;
font: bold 13px sans-serif;
color:#333;
background: url('images/samthumb.png') 0 0 no-repeat;
text-decoration: none;
}

.portfoliothumbrollovernick a {
margin-top: 20px;
margin-left: 20px;
display:block;
float: left;
width: 116px;
height: 135px;
text-indent: -999px;
font: bold 13px sans-serif;
color:#333;
background: url('images/nickthumb.png') 0 0 no-repeat;
text-decoration: none;
}

.portfoliothumbrollovercheyenne a {
margin-top: 20px;
margin-left: 20px;
display:block;
float: left;
width: 116px;
height: 135px;
text-indent: -999px;
font: bold 13px sans-serif;
color:#333;
background: url('images/cheyennethumb.png') 0 0 no-repeat;
text-decoration: none;
}

.portfoliothumbrolloverjames a {
margin-left: 20px;
display:block;
float: left;
width: 116px;
height: 135px;
text-indent: -999px;
font: bold 13px sans-serif;
color:#333;
background: url('images/jamesthumb.png') 0 0 no-repeat;
text-decoration: none;
}

.portfoliothumbrolloverlewis a {
margin-left: 20px;
display:block;
float: left;
width: 116px;
height: 135px;
text-indent: -999px;
font: bold 13px sans-serif;
color:#333;
background: url('images/lewisthumb.png') 0 0 no-repeat;
text-decoration: none;
}

.portfoliothumbrolloversteve a {
margin-left: 20px;
display:block;
float: left;
width: 126px;
height: 135px;
text-indent: -999px;
font: bold 13px sans-serif;
color:#333;
background: url('images/stevethumb.png') 0 0 no-repeat;
text-decoration: none;
}

.portfoliothumbrolloversteve a:hover {
background-position: -126px 0;
color: #049;
}


.portfoliothumbrolloverrob a:hover, .portfoliothumbrolloveradam a:hover, .portfoliothumbrolloverlewis a:hover, .portfoliothumbrolloverjames a:hover, .portfoliothumbrolloverdarren a:hover, .portfoliothumbrolloverchris a:hover, .portfoliothumbrollovercheyenne a:hover, .portfoliothumbrolloverjo a:hover, .portfoliothumbrolloversammie a:hover, .portfoliothumbrolloversam a:hover, .portfoliothumbrolloversarah a:hover, .portfoliothumbrollovernick a:hover { 
background-position: -116px 0;
color: #049;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

/* CONTACT */
#contact p {padding-left:20px;}
#contact p, label, legend { font: .8em Arial, sans-serif; color: #000000; }
#contact h1 { padding: 10px 0 20px 20px; font-size: 24px; color: #ffc425; }
#contact { float: left; width: 560px; background:#ffffff url('images/h1bg.jpg') repeat-x top; margin-top: 35px; border: 1px solid #a5a5a5; }
#contactright { width: 362px; height: 407px; float: right; padding-top:35px; text-align: right;}
#contactright p { font-size: .8em; line-height: 1.8em; color: #f2f2f2; }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: .8em; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:.8em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px;}
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: .8em; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('images/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('images/success.gif') left no-repeat; padding-left:22px; }