/* RESET */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #D6D7D8;
	position: relative;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* LINKS */

a{color: white; text-decoration: underline; color: #4185F4;}
a:hover{color: white;}

p{padding-bottom: 15px;}

/* STRUCTURE */

body {background: #30353A url('images/background.jpg') no-repeat center top;}

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

#leftcol {width: 582px;float: left;padding-left: 15px;	margin-top: 97px;}

#rightcol {width: 363px;float: left; margin-top: 800px; text-align: right;}

.ffclear {clear: both;}

#navarea {width: 547px;	height: 52px;	padding: 10px 0 0 35px; background: none;}

#blurbarea {width: 552px; padding: 15px;}

.section{width: 582px; margin-bottom: 30px;	}

.sectiontop{width: 582px;	}

.sectionbottom{width: 552px;background: #1F2226; padding: 15px;}

.updownarea{position: absolute; bottom: 4px; right: 6px;}

.updownarea a { text-decoration: none; margin-left: 20px; }

.updownarea img {margin-right: 5px; vertical-align: middle;}

.updownarea a span { text-decoration: underline; color: white;}

.updownarea a span:hover {color:#4185F4;}

/* NAV */

#navarea a{margin-right: 35px;}

#navarea a:hover{background-position: top right;}

#musicbutton{width: 76px; height: 44px; float: left; background: url('images/musicbutton.png') no-repeat;}


#picturesbutton{width: 102px; height: 44px; float: left; background: url('images/picturesbutton.png') no-repeat;}

#videobutton{width: 83px; height: 44px; float: left; background: url('images/videobutton.png') no-repeat;}

#contactbutton{width: 128px; height: 44px; float: left; background: url('images/contactbutton.png') no-repeat;}

.social{display: block;margin-top: 5px;}


/* BLURB & TILTE */

.signature{margin-left: 350px;margin-top: 20px;}
.title{padding: 0 0 15px 15px;}

/* PICTURES */

#picturesarea{width:577px;}

#picturesarea a{display: block; padding: 10px; background: url('images/blueblockhover.png') no-repeat; float: left; margin: 0 16px 16px 0;}
#picturesarea a:hover{background-position: top right;}

#picturesarea a img{width:106px; height: 106px;}

/* CONTACT */

#contactleft{float: left;width: 234px;border-right: 1px solid #303235;}

#contactright{float: left;width: 286px; padding-left: 15px;}

.bold{font-weight: bold;}

.textbox{background: white url('images/formback.png') repeat-x; border: 2px solid #1C55D9; padding: 8px; margin-bottom: 10px; width: 261px; color: #595D61; font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold;}

.submitbutton{background: url('images/submit.png');}