/* STANDARD CSS FILE - BADSHARK COMMUNICATIONS */

/* ---------------------------- */
/* STANDARD HTML TAG RESET  (Thanks to Eric Meyer, Blueprint, 960gs) */
/* ---------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
} 

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
/* ---------------------------- */

body {
	background: #000000;
	color: #c2c2c2;
 	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Lucida, Arial, Helvetica, sans-serif;
 	font-size: 12px;
	line-height: 1.5; 
}
 
a:link, a:visited {color: #ffffff; text-decoration: none; outline: none;} 

a:hover {text-decoration: none; outline: none;}

a:active { text-decoration: none; outline: none;}

ul {list-style: none;}


/* ----------------------------*/ 
/* PAGE ELEMENTS     */ 
/* ----------------------------*/ 

body {
	
}

.container {
	width: 960px;
	margin: 0px auto;
	position: relative;
	text-align: center;
}

	h1 {
		font-size: 30px;
		color: #ffffff;
		margin: 10px 0px;
	}
	
	p {
		margin: 10px 50px;
		font-size: 14px;
		text-align: left;
	}

	a.details {
		display: block;
		text-align: center;
		position: fixed;
		top: -5px;
		left: 0px;
		color: #ff0000;
		background: #000000;
		border: 0px;
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		padding: 10px 10px 5px 10px;
	}
	
		a.details span {
			font-size: 30px;
			line-height: 0.7;
		}

	a.bullet {
		display: block;
		width: 20px;
		height: 20px;
		/*text-indent: -9999em;
		background: url(images/bubble.png) no-repeat 0px 0px;*/
		position: absolute;
		z-index: 100;
		font-size: 40px;
		color: #ff0000;
	}
	
	a.bullet span {
		position: absolute;
		top: 26px;
		left: 15px;
		z-index: 200;
		color: #b3b3b3;
		background: #000000;
		border: 1px solid #2f2f2f;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 5px 10px;
		text-indent: 0em;
		display: block;
		width: 200px;
		display: none;
		font-size: 12px;
		text-align: left;
	}
	
	a.bullet.hover:hover span {
		display: block;
	}

			
/* ----------------------------*/
/* CUSTOM CLASSES     */
/* ----------------------------*/

.red {
	color: #ff0000;
}

.clear {clear: both; height: 0px;}

em {font-style: italic;}