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

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

-- Structure -------------------------------------------------

Page Width : 960 px

-- Swatch Colors ---------------------------------------------



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

body {	
	background-color: #464A4E;
}

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

#dmscanvas { }


/* -- HEADER ---------------------------------------------- */

#dmscanvas #header {
	background-color: white;
	background-image: url('/assets/site/img/bgs/header.png');
	height: 85px;
}
#dmscanvas #header .header_content img {
	float: left;
}
#dmscanvas #header .header_content #chatbtn {
	width: 563px;
	height: 84px;
	float: right;
	color: white;
}
#chatbtn a {
	color: white;
	text-decoration: none;
	display: block;
}
#chatbtn span {
	float: right;
}


/* -- NAVIGATION ---------------------------------------------- */

#dmscanvas #navbar {
	background-image: url('/assets/site/img/bgs/navbar.png');
	background-color: white;	
	height: 36px;
}
#dmscanvas .navlinks {
	padding: 7px;
}
#dmscanvas .navlinks a,#dmscanvas .navlinks li {
	float: left;
	margin-right: 20px;
	text-decoration: none;
}
#dmscanvas .navlinks li.active {
	font-weight:bold;
}
#dmscanvas .navlinks a:hover {
}

#dmscanvas ul.sidenav li {
	width: 100%;
	border-top: 1px solid white;
	border-bottom: 1px solid #e1e1e1;
	background-color: #f1f1f1;
	padding: 0px;
}
#dmscanvas ul.sidenav li.side_title {
	width: 93%;
	padding: 10px;
	background-image: url('/assets/site/img/bgs/sidebar_title.png');
	background-repeat: repeat-x;
	font-weight: normal;
	font-size: 1.0em;
	background-color: #DEE1E1;
	text-transform: uppercase;
}
#dmscanvas ul.sidenav li a:link,
#dmscanvas ul.sidenav li a:visited,
#dmscanvas ul.sidenav li a:active {
	display: block;
	width: 93%;
	padding: 10px;
	text-decoration: none;
	color: #3e3e3e;
}
#dmscanvas ul.sidenav li a:hover {
	color: white;
	background-color: #FFA405;
	background-image: url('/assets/site/img/bgs/sidebar_rollover.png');
	background-repeat: repeat-x;
}
/* -- breadcrumbs ---------------------------------------------- */
#dmscanvas #breadcrumbs {
	text-align: right;
	padding: 15px 15px 0px 15px;
}
#dmscanvas #breadcrumbs a {


}
#dmscanvas #breadcrumbs a:hover {

}

/* -- BANNER ---------------------------------------------- */

#dmscanvas .banner {
	background-image: url('/assets/site/img/bgs/banner.png');
	background-position: top center;
	background-repeat: repeat-x;
	color: #f1f1f1;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#dmscanvas .banner.small .framed {
	background-image: url('/assets/images/banners/banner_sm.png');
	background-repeat: no-repeat;
	height: 80px;
	padding-top: 43px;
	text-transform: capitalize;
	font-size: 1.5em;	
}
#dmscanvas .banner.large .framed {
	background-image: url('/assets/images/banners/banner_lg.png');
	background-repeat: no-repeat;
	height: 162px;
	width: 543px;
	padding: 165px 0px 0px 417px;
}

/* -- MAIN PAGE ---------------------------------------------- */
#dmscanvas #main_pg {
	background-image: url('/assets/site/img/bgs/main_pg.png');
	background-repeat: repeat-x;
	background-color: white;
}
#dmscanvas .pg_border {
	background-image: url('/assets/site/img/bgs/main_pg_shadow.png');
	background-repeat: repeat-y;
	background-position: center;
}
#dmscanvas .page_content {
	padding: 10px;
}
#dmscanvas .page_content img {

}

/* -- COLUMN STRUCTURES ----------------------------------- */
.col_sm {
	padding: 10px;
	width: 31%;
}
.col_md {
	padding: 10px;	
	width: 64%;
}
.col_lg {
	padding: 10px;	
	width: 99%;
}
.col_half {
	padding: 10px;
	width: 45%;
}

blockquote {
	background-image: url('/assets/site/img/bgs/highlight_box.png');
	background-repeat: repeat-x;
	padding: 0px 10px;
	border: 1px solid white; /* Weird IE6 bug? Stumbled on this by accident.. background image was pushed down to bottom of blockquote until i put a border around it.. w/e.. */
}
/* -- FOOTER ---------------------------------------------- */
#dmscanvas #footer {
	background-image: url('/assets/site/img/bgs/footer.png');
	background-repeat: repeat-x;
	height: 150px;
}



/* -- COMMON USE --------------------------------------------- */

.framed 	{ width: 960px; margin-left: auto; margin-right: auto; }
.clearfix	{ clear: both;}
.fl-right	{ float: right;}
.fl-left	{ float: left; }

/* -- EMAIL SPAM PROTECTION  ----------------------------------
Example : email@<span class-"spambots">REMOVE</span>domain.com

--------------------------------------------------------------- */

span.spambots {
	display: none;
	visibility: hidden;
}