* { margin: 0; }

html, body { height: 100%; }

.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -102px; }

.footer, .push { height: 102px; clear: both; }

/* ----------------- Footer Code ----------------- */

img { border: 0; }

body { margin: 0; padding: 0; background: url("../images/bg.png") repeat; }

.header { height: 122px; background: url("../images/header_bg.png") repeat-x; }
	.header .header_content { margin: 0 auto; width: 900px; }
	.header .logo { float: left; }
	.header .social { float: right; margin-top: 42px; }
		.header .social a { margin-left: 10px; }

.header_hr { height: 1px; background: #126398 url("../images/header_hr.png") no-repeat center; }

.nav { margin: 0 auto; height: 80px; width: 900px; list-style:none; padding: 15px 0px 0px 10px; }
	.nav li { float:left; width:auto; border-left: #fff solid 0px; text-align: left; width: 150px; }
	.nav li a { display:block; height:80px; text-align:left; font-size:15px; font-weight:bold; color:#ffffff; text-decoration:none; background-repeat: no-repeat; margin: 0px; font-family: Arial, Helvetica, sans-serif; padding: 0px 0px; margin-top: 1px;}
	.nav li a:hover {  }
	.nav img { float: left; }

.sub_wrapper { min-height: 538px; background: url("../images/top_gradient.png") repeat-x; }
	.sub_wrapper .bg_decoration { margin: 0 auto; width: 100%; min-height: 638px; background: url("../images/bg_detail.png") no-repeat top center; }
		.sub_wrapper .bg_decoration .content_wrap { margin: 0 auto; width: 900px; }
		
.default .c_header { margin: 0 auto; position: relative; width: 930px; height: 288px; background: url("../images/c_header.png") no-repeat; }
	.c_header .shadow { position: absolute; padding: 10px; top: 208px; left: 29px; width: 867px; height: 60px; background: url("../images/shadow.png") no-repeat; }
.subpage .c_header { margin: 0 auto; position: relative; width: 930px; height: 35px; background: url("../images/c_header_sub.png") no-repeat; }

.default .c_body { margin: 0 auto; padding: 20px 25px; width: 880px; min-height: 300px; background: url("../images/c_body.png") repeat-y; }
.subpage .c_body { margin: 0 auto; padding: 0px 25px 20px 25px; width: 880px; min-height: 300px; background: url("../images/c_body.png") repeat-y; position: relative; }
	.c_body .stories { float: left; width: 600px; min-height: 300px; border-right: 1px solid #cccccc; }
	.c_body .side_panel { float: right; width: 260px; }
		.c_body .side_panel .subject { padding: 5px; background: #e3e3e3; border-top: 1px solid #999999; border-bottom: 1px solid #999999; }
			.c_body .side_panel h2 { margin: 5px 0px; }
			.c_body .side_panel .subject .title, .c_body .side_panel .subject2 .title { float: left; margin-bottom: 2px; width: 250px; }
			.c_body .side_panel .subject .author, .c_body .side_panel .subject2 .author { float: left; }
			.c_body .side_panel .subject .date, .c_body .side_panel .subject2 .date { float: right; }
		.c_body .side_panel .subject2 { padding: 5px; }
		.c_body .side_panel .subject:hover, .c_body .side_panel .subject2:hover { background: #dfd1ff; }
	.c_body .current_Projects { margin-top: 15px; padding-top: 15px; border-top: 1px solid #cccccc; }
		.c_body .current_Projects .project { float: left; }
			.c_body .current_Projects .project .thumb { width: 279px; height: 196px; padding: 2px; margin: 5px; }
			.c_body .current_Projects .project div { padding: 10px; }

.c_footer { margin: 0 auto; width: 930px; height: 70px; background: url("../images/c_footer.png") center bottom; margin-bottom: 30px; }

.blue_box { padding: 5px 30px; margin: 0 auto; width: 870px; height: 290px; background: url("../images/c_blue_box_sml.png") no-repeat; margin-bottom: 50px; }
	.blue_box .category { margin: 0px 18px; float: left; width: 252px; height: 280px; }
		.blue_box .category .title { margin-bottom: 10px; height: 65px; border-bottom: 1px solid #00f6ff; }
		.blue_box .category .extra_tall { margin-bottom: 17px; }
			.blue_box .category .title div { float: left; width: 150px; padding-top: 15px; }
		.blue_box .category .icon { float: right; }
		.blue_box .category .news_box { float: left; margin: 10px 0px 0px 0px; width: 252px; height: 79px; background: url("../images/news_box.png") no-repeat; }
			.blue_box .category .news_box .icon { float: left; margin: 7px 0px 7px 7px; background: url("../images/new_image_box.png") no-repeat; width: 65px; height: 65px; }
			.blue_box .category .news_box .content { float: right; margin: 5px 5px 5px 0px; width: 165px; height: 65px; text-align: right; }
				.blue_box .category .news_box .content h6 { margin-bottom: 2px; padding-bottom: 2px; }
		.blue_box .category .connect_box { float: left; margin: 10px 0px 0px 0px; width: 252px; height: 50px; background: url("../images/connect_box.png") no-repeat; }
			.blue_box .category .connect_box .icon { float: left; margin: 7px 0px 7px 7px; width: 32px; height: 32px; }
			.blue_box .category .connect_box .content { float: right; margin: 5px 5px 5px 0px; width: 200px; height: 65px; text-align: left; }
		.blue_box .category .client_box { float: left; margin: 3px 2px; width: 121px; height: 80px; background: url("../images/client_box.png") no-repeat; text-align: center; }
			.blue_box .category .client_box img { margin-top: 7px; }

.footer { position: relative; }

	.footer .footer_shadow { height: 20px; background: url("../images/footer_gradient.png") repeat-x; }
	.footer .footer_hr { height: 1px; background: #000a27 url("../images/footer_hr.png") no-repeat center; }
	.footer .footer_content { height: 81px; background: url("../images/footer_bg.png") repeat-x; }
	.footer .logo { position: absolute; bottom: 0px; left: 50%; margin-left: -119px; width: 238px; height: 141px; background: url("../images/footer_logo.png") no-repeat; }
	.footer .footer_content .footer_wrapper { margin: 0 auto; width: 900px; }
	.footer .footer_content .footer_wrapper .social { float: right; margin-top: 21px; }
		.footer .footer_content .footer_wrapper .social a { margin-left: 10px; }
	.footer .footer_content .footer_wrapper .copyright { float: left; margin-top: 16px; }

/* Nav Buttons */


.button_about { background: url('../images/nav/about.png') no-repeat; }
	.button_about:hover { background: url('../images/nav/about_over.png') no-repeat; }
.button_portfolio { background: url('../images/nav/portfolio.png') no-repeat; }
	.button_portfolio:hover { background: url('../images/nav/portfolio_over.png') no-repeat; }
.button_projects { background: url('../images/nav/projects.png') no-repeat; }
	.button_projects:hover { background: url('../images/nav/projects_over.png') no-repeat; }
.button_downloads { background: url('../images/nav/downloads.png') no-repeat; }
	.button_downloads:hover { background: url('../images/nav/downloads_over.png') no-repeat; }
.button_contact { background: url('../images/nav/contact.png') no-repeat; }
	.button_contact:hover { background: url('../images/nav/contact_over.png') no-repeat; }
	
li.button { position: relative; }
img.a { position: absolute; left: 0; top: 0; }
img.b_home, img.b_about, img.b_portfolio, img.b_projects, img.b_downloads, img.b_contact { position: absolute; left: 0; top: 0; z-index: 10; opacity: 0; }

.music_list { list-style-type: none; padding: 0px; margin: 0px; }
.music_list li{ background-image: url("../images/bullet.png"); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 23px; margin-left: 5px; float: left; width: 250px; }

.dj_thumb { float: left; margin: 22px; }

/* ------------- Table ---------------- */

.dt { margin: 20px auto; padding: 0px; border: 1px solid #acb9c7; border-collapse: collapse; width: 90%; }
.single_col { float: left; width: 235px; }
.double { margin: 0px 30px; }
.triple { margin: 0px 5px; }
	.dt tr { margin: 0px; padding: 0px; border: 0px; }
		.dt .selected { background: #f7d5c9; }
		.dt .odd { background: #c4d0e0; }
			.dt .odd td, .dt .even td, .dt .selected td { padding: 5px; height: 30px; }
			.dt .odd:hover, .dt .even:hover { background: #aacdfc; }
			.single_col .odd:hover, .single_col .even:hover { background: #aacdfc url("../images/icons/Delete.png") 210px center no-repeat; }
			.single_col .selected:hover { background: #f7d5c9 url("../images/icons/Delete.png") 210px center no-repeat; }
		.dt .even { background: #d7e5ea; }
	.dt .close { float: right; width: 30px; height: 20px; display: block; }
	.dt .close:hover { text-decoration: none; }
	.dt td { margin: 0px; padding: 10px; border-left: 1px solid #acb9c7; border-right: 1px solid #acb9c7; border-top: 1px solid #97b2d9; border-bottom: 1px solid #97b2d9; text-align: center; }
	.single_col .even td, .single_col .odd td, .single_col .selected td { padding-left: 25px; text-align: left; }
	.dt .top, .dt .bottom { background: #b1c1d2; text-align: center; }
	.single_col .top td { text-align: left; }
		.dt .bottom td { margin: 0px; padding: 3px; text-align: center; }

/* ---------------- Form Classes ---------------- */

input.text { background: url("../images/text_field.png") no-repeat; width: 172px; height: 16px; border: 0; padding: 2px 5px; }
textarea.large { background: url("../images/text_area.png") no-repeat; width: 569px; height: 193px; border: 0; padding: 4px 5px; }

.blue_button { float: left; background: url("../images/blue_button.png") no-repeat; width: 103px; height: 24px; display: block; text-align: center; padding: 12px 0px; margin: 0px 330px; }
	.blue_button:hover { background: url("../images/blue_button_overlay.png") no-repeat; }

/* ---------------- Util Classes ---------------- */
	
.clear { clear: both; }