/* ::: RESET ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, ins, kbd, q, 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; vertical-align: baseline; background: transparent; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
:focus { outline: 0; }


/* ::: HTML BODY ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
body {
	background: #000 url(../images/brandon_russell_grdnt_bkgd.jpg) top repeat-x; /* MATCH FOOTER BKGD COLOR */
	color: #ccc;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}


/* ::: HEADER DEVELOPMENT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#header_wrapper {
	float: left;
	width: 100%;
	min-width: 900px;
	padding: 0;
	margin: 0 auto 0 auto;
	
	display: inline;
}

#header_content {
	width: 900px;
	padding: 0;
	margin: 0 auto 0 auto;
	border-bottom: 1px solid #333;
}

	#header_content_logo {
		float: left;
		width: 656px;
		padding: 10px 0 10px 0;
		margin: 0;
		border: 0;
		
		display: inline;
	}
	
	#header_nav_portfolio {
		float: left;
	
		display: inline;
	}
		#header_nav_portfolio a {
			color: #666;
			background: url(../images/portfolio_btn_bkgd.jpg) top no-repeat #000;
			width: 115px;
			padding: 15px 0 12px 0;
			margin: 20px 10px 0 0;
			text-align: center;
			text-decoration: none;
			font-variant: small-caps;
			border: 1px solid #333;
			display: block;
		}
		#header_nav_portfolio a:hover {
			color: #e3e3e3;
			border: 1px solid #555;
		}
		#header_nav_portfolio.selected {
			color: #e3e3e3;
			background: url(../images/portfolio_btn_bkgd.jpg) top no-repeat #000;
			width: 115px;
			padding: 15px 0 12px 0;
			margin: 20px 10px 0 0;
			text-align: center;
			font-variant: small-caps;
			border: 1px solid #333;
			display: block;
		}
	
	#header_nav_resume {
		float: left;
	
		display: inline;
	}
		#header_nav_resume a {
			color: #666;
			background: url(../images/resume_btn_bkgd.jpg) top no-repeat #000;
			width: 115px;
			padding: 15px 0 12px 0;
			margin: 20px 0 0 0;
			text-align: center;
			text-decoration: none;
			font-variant: small-caps;
			border: 1px solid #333;
			display: block;
		}
		#header_nav_resume a:hover {
			color: #e3e3e3;
			border: 1px solid #555;
		}
		#header_nav_resume.selected {
			color: #e3e3e3;
			background: url(../images/resume_btn_bkgd.jpg) top no-repeat #000;
			width: 115px;
			padding: 15px 0 12px 0;
			margin: 20px 0 0 0;
			text-align: center;
			font-variant: small-caps;
			border: 1px solid #333;
			display: block;
		}
	


/* ::: BODY DEVELOPMENT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#body_wrapper {
	float: left;
	width: 100%;
	min-width: 900px;
	padding: 0;
	margin: 0 auto 0 auto;
	
	display: inline;
}

#body_content {
	width: 900px;
	padding: 0 0 30px 0;
	margin: 0 auto 0 auto;
}

	.body_content_full {
		background: url(../images/brandon_russell_entry_bkgd.jpg) top no-repeat;
		float: left;
		width: 822px;
		padding: 50px 40px 0 40px;
		margin: 0;
	
		display: inline;
	}
	.body_description_full {
		background: url(../images/brandon_russell_entry_bkgd.jpg) top no-repeat;
		float: left;
		width: 822px;
		padding: 50px 40px 0 40px;
		margin: 0;
	
		display: inline;
	}
		.body_link_full a {
			background: url(../images/brandon_russell_full_off.jpg) top no-repeat;
			float: left;
			width: 740px;
			padding: 18px 40px 16px 40px;
			margin: 0;
			color: #777;
			font-size: 1.75em;
			text-align: center;
			text-decoration: none;
			border: 1px solid #333;
		
			display: inline;
		}
		.body_link_full a:hover {
			border: 1px solid #555;
		}
	.body_content_two {
		float: left;
		width: 590px;
		padding: 10px 0 0 0;
		margin: 0;
	
		display: inline;
	}
	.body_content_half {
		float: left;
		width: 404px;
		padding: 0;
		margin: 0;
	
		display: inline;
	}
	.body_content_one {
		float: left;
		width: 290px;
		padding: 10px 0 0 0;
		margin: 0;
	
		display: inline;
	}

		.body_content_two p,
		.body_content_one p {
			margin-top: 10px;
			font-size: .8em;
		}

		.body_content_full p {
			padding: 0 0 17px 0;
			margin: -2px 0 20px 0;
			font-size: .8em;
			border-bottom: 1px solid #333;
		}

		.body_content_full p a,
		.body_content_two p a,
		.body_content_one p a {
			color: #777;
			text-decoration: none;
		}

		.body_content_full p a:hover,
		.body_content_two p a:hover,
		.body_content_one p a:hover {
			color: #000;
			background: #ccc;
		}

		.body_content_full img {
			margin: 0 0px 20px 0;
			border: 1px solid #333;
			float: left;
	
			display: inline;
		}
		


.vid_container {
	margin: 0 0 20px 135px;
	border: 1px solid #333;
	float: left;
	
	display: inline;
}
		
	.resume_content_full {
		float: left;
		width: 900px;
		padding: 20px 0 7px 0;
		margin: 0;
		border-bottom: 1px solid #333;
	
		display: inline;
	}	
		.resume_content_full ul {
			padding: 0;
			margin: 17px 0 9px 36px;
		}	
		.resume_content_full li {
			padding: 0;
			margin: 0 0 4px 0;
			list-style: square;
		}
		
	.resume_content_title {
		float: left;
		width: 519px;
		padding: 10px 0 7px 20px;
		margin: 10px 0 10px 0;
		border-right: 1px solid #191919;
	
		display: inline;
	}
		
	.resume_content_date {
		float: left;
		width: 340px;
		padding: 20px 0 17px 20px;
		margin: 0;
	
		display: inline;
	}	
		.resume_content_date ul {
			padding: 0;
			margin: 17px 0 9px 21px;
		}	
		.resume_content_date li {
			color: #777;
			padding: 0;
			margin: 0 0 4px 0;
			list-style: none;
		}	
			.resume_content_date li a {
				color: #777;
				text-decoration: none;
			}	
			.resume_content_date li a:hover {
				color: #e3e3e3;
			}
			
	.project_breaker {
		float: left;
		width: 808px;
		padding: 0;
		margin: 20px 0 20px 0;
		border-top: 1px dashed #333;
	
		display: inline;
	}


/* ::: FOOTER DEVELOPMENT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#footer_wrapper {
	float: left;
	background: url(../images/centered_footer_bkgd.gif) repeat-x;
	width: 100%;
	min-width: 900px;
	padding: 0;
	margin: 0 auto 0 auto;
	
	display: inline;
}

#footer_content {
	width: 900px;
	padding: 20px 0 30px 0;
	margin: 0 auto 0 auto;
}

	.footer_content_full {
		float: left;
		width: 900px;
		padding: 10px 0 0 0;
		margin: 0;
	
		display: inline;
	}
	.footer_content_two {
		float: left;
		width: 590px;
		padding: 10px 0 0 0;
		margin: 0;
	
		display: inline;
	}
	.footer_content_one {
		float: left;
		width: 290px;
		padding: 10px 0 0 0;
		margin: 0;
	
		display: inline;
	}


/* ::: HACKS, SPACERS, AND BREAKERS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.clear_floats {
	clear: left;
	padding: 0;
	margin: 0;
}

.spacer_two {
	float: left;
	width: 20px;
	padding: 0;
	margin: 0;
	
	display: inline;
}

.spacer_half {
	float: left;
	width: 10px;
	padding: 0;
	margin: 0;
	
	display: inline;
}

.spacer_one {
	float: left;
	width: 15px;
	padding: 0;
	margin: 0;
	
	display: inline;
}

.vertical_splitter {
	float: left;
	width: 900px;
	height: 9px;
	border-bottom: 1px solid #fff;
	
	display: inline;
}

.vertical_spacer_two {
	float: left;
	width: 900px;
	height: 20px;
	
	display: inline;
}

.vertical_spacer_three {
	float: left;
	width: 900px;
	height: 30px;
	
	display: inline;
}


/* ::: STYLES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
h1 {
	color: #e3e3e3;
	font-size: 3.5em;
	font-weight: normal;
	line-height: 0.8em;
	letter-spacing: .05em;
	font-variant: small-caps;
	margin: 9px 0 7px -3px;
	padding: 0;
}

h2 {
	color: #444;
	font-size: 1.5em;
	font-weight: normal;
	line-height: .8em;
	letter-spacing: .05em;
	font-variant: small-caps;
	margin: 0 0 9px -1px;
	padding: 0;
}

h3 {
	color: #777;
	font-size: 1.75em;
	font-weight: normal;
	line-height: .8em;
	letter-spacing: .05em;
	font-variant: small-caps;
	margin: 0;
	padding: 0;
}

h4 {
	color: #e3e3e3;
	font-size: 1.25em;
	font-weight: normal;
	line-height: .8em;
	letter-spacing: .05em;
	font-variant: small-caps;
	margin: 0;
	padding: 0;
}
	h4.branding {
	list-style-image: url(../images/bullets/brandon_russell_branding.gif);	
	margin: 0 0 17px 23px;			
	}
	h4.design {
	list-style-image: url(../images/bullets/brandon_russell_design.gif);	
	margin: 0 0 17px 23px;			
	}
	h4.interactive {
	list-style-image: url(../images/bullets/brandon_russell_interactive.gif);	
	margin: 0 0 17px 23px;	
	}
	h4.motion {
	list-style-image: url(../images/bullets/brandon_russell_motion.gif);	
	margin: 0 0 17px 23px;			
	}
	h4.photo {
	list-style-image: url(../images/bullets/brandon_russell_photo.gif);	
	margin: 0 0 17px 23px;			
	}

h5 {
	color: #ccc;
	font-size: 1.75em;
	font-weight: normal;
	line-height: .8em;
	letter-spacing: .05em;
	margin: 0;
	padding: 0;
}

h6 {
	color: #777;
	font-size: .95em;
	font-weight: normal;
	line-height: .8em;
	letter-spacing: .05em;
	margin: 8px 0 0 0;
	padding: 0;
}

.specs {
	color: #555;
	font-size: .85em;
	font-variant: small-caps;
}
	.specs ul {
		padding: 0;
		margin: 2px 0 35px 15px;
	}
	.specs li {
		float: left;
		padding: 0;
		margin: 0 45px 0 0;
		list-style: square;
	}
		.specs li a {
			color: #777;
			text-decoration: none;
		}
		.specs li a:hover {
			color: #000;
			background-color: #777;
			text-decoration: none;
		}
	
.branding_title {
 	color: #d20051;
	font-size: 1.5em;
	font-weight: bold;
}	
.design_title {
 	color: #4a065f;
	font-size: 1.5em;
	font-weight: bold;
}	
.interactive_title {
 	color: #435968;
	font-size: 1.5em;
	font-weight: bold;
}	
.motion_title {
 	color: #948572;
	font-size: 1.5em;
	font-weight: bold;
}	
.photo_title {
 	color: #b1d800;
	font-size: 1.5em;
	font-weight: bold;
}
	
.branding_text {
 	color: #d20051;
}	
.design_text {
 	color: #4a065f;
}	
.interactive_text {
 	color: #435968;
}	
.motion_text {
 	color: #948572;
}	
.photo_text {
 	color: #b1d800;
}



/* ::: FLASH STYLING ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#update_flashplayer {
	color: #b7b7b7;
	font-size: 11px;
	letter-spacing: .1em;
	line-height: 1.25em;
	text-align: center;
	width: 375px;
	margin: 18px auto 0px auto;
}

#update_flashplayer a {
	color: #e3e3e3;
	font-size: 12px;
	letter-spacing: .1em;
	line-height: 1.25em;
	text-decoration: underline;
}

#update_flashplayer a:hover {
	color: #000;
	background: #e3e3e3;
	text-decoration: none;
}

/* CONTACT FORM */

.contact_table {
    margin: 0px;
}

.contact_table td {
    padding: 0px;
    vertical-align: top;
    border-top: 1px solid #191919;
}

.contact_table td .textinputwrap input,
.contact_table td .textinput,
.contact_table td textarea {
    margin: 0;
    width: 360px;
}

.contact_table td.label {
	padding-top: 9px;
    width: 100px;
}

.contact_table td.fields {
    padding: 11px;
	background: #111;
}

.contact_table td label,
.contact_table td p {
    color: #fff;
    font-size: 0.8em;
}

.textinputwrap input,
.textinput {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #fff;
	letter-spacing: -0.05em;
	font-size: 1em;
	font-weight: bold;
	color: #000;
}

textarea {
	border: 1px solid #e3e3e3;
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight: bold;
	color: #000;
}

.submitButton {
	border: none;
	padding: 11px;
	cursor: pointer;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1em;
	color: #e3e3e3;
	background:  #000;
}

.submitButton:hover {
	background: #e3e3e3;
	color: #000;
}

.submitResponse {
	border: none;
	padding: 11px;
	cursor: pointer;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1em;
	background: #e3e3e3;
	color: #000;
}