/* ==========================================================

* Filname : 	style.css
* Description :	Global CSS file
* Website :	http://sitename.com
* Author : 	Design Magic Studios, LLC

CSS PROPERTY ORGANIZATION {
  float
  position
  display
  height
  width
  margin
  padding
  border
  background
  color
  font
  line-height
}

============================================================== */

body { background-color: black; color: white; }

/* -- STRUCTURE ---------------------------------------------- */

#dmscanvas { }
#dmscanvas #dock { padding-bottom: 50px;}

#dmscanvas #header {
		text-align: center;
		background: url('/assets/img/elms/header.jpg') no-repeat center;
		height: 163px;
}

#dmscanvas #header img {
	vertical-align: bottom;
}
/* -- SIDEBAR ---------------------------------------------- */
#dmscanvas #sidebar {

}
#dmscanvas #sidebar .greybox {
	margin-bottom: 15px;
}
/* -- MAIN CONTENT ---------------------------------------------- */
#dmscanvas .spread p {
	line-height: 2em;
	letter-spacing: 0.05em;
}
#dmscanvas #photos img {
	border: 2px solid #fff;
	margin: 10px 15px 15px 10px;
}

		#dmscanvas #photos div.fl_left {
			margin-left: 45px;
		}
		#dmscanvas #photos div.fl_right {
			margin-right: 45px;
		}		
#dmscanvas .greybox {
	background: url('/assets/img/bgs/greybox_bg.jpg') repeat-x #232323;
	margin: 0px 10px 0px 10px;
}
#dmscanvas .highlight-box {
	border-bottom: 2px solid black;
	border-top: 1px solid #6f6f6f;
}
#dmscanvas .highlight-box span {
	font-style: italic;
}
#dmscanvas .agendaitem {
}
#dmscanvas .agendaitem li {
	float: left;
	margin: 10px 0px 10px 0px;
}
#dmscanvas .agendaitem li.time {
	color: white;
	font-weight: normal;
	clear: left;
	width: 70px;
	padding: 0px 15px 0px 15px;
}
#dmscanvas .agendaitem li {
	float: left;
	width: 400px;
	color: #999;
}
#dmscanvas .agendaitem h3 {
	clear: both;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: url('/assets/img/bgs/trans_blk25.png');
}

#dmscanvas .agendaitem h3 img {
	width: 40px;
	vertical-align: middle;		
	margin: 10px;
}
		#dmscanvas .greybox h4 {
			padding-top: 5px;
			padding-bottom:5px;
		}
#dmscanvas .contact a {
	display: block;
	padding: 10px;
	width: 100%;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	padding-left: 25px;
}
#dmscanvas .contact a:hover {
	width: 100%;
	text-decoration: none;
	background: url('/assets/img/bgs/trans_blk25.png');
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding-left: 0px;
}
/* -- PARTNER STYLES --------------------------------------------- */
#partners {
	background-color: #fff;
	width: 960px;
}
#partners th {
	background-color: #000;
	padding: 10px;
	font-weight: normal;
}
#partners tr.logo td {
	height: 150px;
	padding: 10px;
	vertical-align: middle;
	text-align: center;
}
#partners tr.logo img {
	width: 200px;
}
#partners .roundcorner {
	background-color: black !important;
}
/* -- FOOTER STYLES --------------------------------------------- */
#dmscanvas #footer {
	background: url('/assets/img/bgs/trans_blk25.png') top center;
	border-top: 1px solid #000;
	padding: 50px 25px 50px 25px;
	text-align: center;
}

#dmscanvas #footercap {
		text-align: center;
		background: url('/assets/img/elms/footer_cap.jpg') no-repeat center;
		height: 213px;
}
#footer span { font-size: 1.2em; font-weight: normal; color: #4F4F4F; }

#sponsormenu {position: relative; margin: 10px auto; padding: 0px; width: 960px; height: 60px; background: url('/assets/img/stock/logo_sprite.png');}
#sponsormenu li {width: 320px; height: 60px; position: absolute; top: 0px; background: url('/assets/img/stock/logo_sprite.png') 0 0 no-repeat; display: block; list-style: none;}
#sponsormenu a {width: 320px; height: 10px; display: block; color: #4F4F4F; text-decoration: none; padding-top: 75px; text-align: center;}
#sponsormenu a:hover { color: white; text-decoration: none; }
#sponsormenu #bachamber {left: 0px;}
#sponsormenu #baleads {left: 320px; background-position: -320px 0;}
#sponsormenu #dmstudios {left: 640px; background-position: -640px 0;}

#sponsormenu #bachamber a:hover {background: url('/assets/img/stock/logo_sprite.png') 0px -60px no-repeat;}
#sponsormenu #baleads a:hover {background: url('/assets/img/stock/logo_sprite.png') -320px -60px no-repeat;}
#sponsormenu #dmstudios a:hover {background: url('/assets/img/stock/logo_sprite.png') -640px -60px no-repeat;}

/* -- NAVIGATION / BUTTONS --------------------------------------------- */
#dmscanvas #navigation  {
	background:  url('/assets/img/bgs/navbar_bg.jpg') #000 top center;
	height: 50px;
}
		#dmscanvas #navigation li {
			float: left;
		}
		#dmscanvas #navigation li a {	
			float: left;
			margin: 0.85em 5em 1em 1em;			
		}

#dmscanvas a.btn_blk {
	background: url('/assets/img/elms/btn_blk.png') repeat-x;
	color: white !important;
	height: 30px;
	padding-top: 5px;
	display: block;
	text-decoration: none !important;
	border-bottom: 2px solid #0f0f0f;
	border-right: 1px solid #0f0f0f;
	width: 175px;
}
/* -- POPUP BUBBLE --------------------------------------------- */
.bubbleInfo {
    position: relative;
}
.popup {
	position: absolute;
	display: none; /* Keeps the popup hidden if no JS available */
	z-index: 50;
	border-collapse: collapse;
	width: 225px;
	color: black;
	padding: 0px;
	text-align: center;
	line-height: 0px !important;
	margin: 0px;
}
.popup img {
	margin: 0px;
}
.popup-content {
	font-size: 0.85em;
	line-height: 1.2em;
	background: url('/assets/img/bgs/coda_bg.gif') #fff repeat-x bottom;
	padding: 10px;
	margin: 0px;	
}
.bubbleInfo a.btn_reg {
	display: block;
	height: 72px;
	background-image: url('/assets/img/elms/btn_reg.jpg');
	width: 275px;
	background-position: 0 0;
	margin-left: 10px;
}
.bubbleInfo a.btn_reg:hover {
	background-position: 0px -72px;
}
#dmscanvas .greybox.selected {
	background-image: url('/assets/img/bgs/selected_price_level.png');
	height: 116px;
	padding: 18px 0px 0px 18px;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.35em;
}
	#dmscanvas .greybox.selected strong {
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: normal;
	}
#dmscanvas .greybox.deselected {
	background-image: url('/assets/img/bgs/box_spotlight_low.jpg');
	height: 84px;
	padding: 25px 18px 30px 18px;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.35em;
	color: #4f4f4f;
}
	#dmscanvas .greybox.deselected strong {
		font-size: 1.3em;
		text-transform: uppercase;
		font-weight: normal;
	}
	
#dmscanvas .noisebox {
	background: url('/assets/img/bgs/noise_body.jpg') #000 repeat-y top center;
	width: 620px;
	padding: 0px 10px 0px 10px;
}
#dmscanvas .noisebox p {
	line-height: 2em;
	padding: 0px 20px 0px 20px;
	text-align: left;
	color: #999;
}
#dmscanvas .keynote {
	width: 300px;
	float: left;
	margin-bottom: 20px;
}
#dmscanvas .keynote img {
	border: 3px solid white;
}

             
/* -- FORM ELEMENTS ------------------------------------------ */
#dmscanvas form {
}
#dmscanvas form fieldset {
	border: 1px solid black;
	padding: 10px;
}
#dmscanvas form label {
	display: block;
}
#dmscanvas form input {
	display: block;
}
/* -- COMMON USE --------------------------------------------- */

.framed 	{ width: 960px; margin-left: auto; margin-right: auto; } /* keeps objects in place */
.clear		{ clear: both;  } /* Firefox float issue */
.fl_left	{ float: left;  }
.fl_right	{ float: right; }

.w300		{ width: 300px; }
.w620		{ width: 590px; }
.w960		{ width: 920px; }

.pad10		{ padding: 10px; }
.mar10		{ margin: 10px; }

/* -- SIMPLE MODAL --------------------------------------------- */

#modal-menu {display:none;}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container { height:600px; width:600px; color:#3f3f3f; background: url('/assets/img/bgs/modal_bg.gif') #fff repeat-x top; border:4px solid #000; padding:12px; text-align: center; font-style: italic;}
#simplemodal-container h2 { color: #000; padding: 10px; background-color: #dfdfdf; border-top: 1px solid #afafaf; border-bottom: 1px solid #afafaf; }
#simplemodal-container h3 { color: #000;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url('/assets/img/elms/x.png') no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-10px; right:-10px; cursor:pointer;}
#simplemodal-container #modal-menu {padding:8px;}
#simplemodal-container #modal-menu li { margin-top: 10px; margin-bottom: 5px;}
a.menu:link, a.menu:active, a.menu:visited {color:#999 !important; border-bottom: 1px solid #999;}
a.menu:hover {color:#fff !important; border-bottom: 1px solid #fff; text-decoration: none !important;}
.white { color:white !important; font-weight:bold;}
.italic{ font-style: italic;font-weight:normal;}