body {
	padding: 0px;
	margin: 0px;
	background-repeat: repeat;
	background-image: url(../images/background_chalkSeamless2.jpg);
	background-color: black;
	/*overflow-x: hidden;*/
}

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%; }

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix {display: block;}
#main { padding-bottom: 280px;}  /* must be same height as the footer */

#footer {background-image: url(../images/footer_floor_v5.png); background-repeat: repeat-x; position: relative;
	margin-top: -200px; /* negative value of footer height */
	height: 200px;
	clear:both;} 

/* CLEAR FIX*/
div#footerInfo {
	margin-left: 100px;
	z-index: 1;
	display: block;
	float: left;
}

/* Hides from IE-mac \*/
/* End hide from IE-mac */



/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:619px;
		height:353px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin-top:10px;
		margin-left: -4px;
		padding:0;
		height:23px;	
		}
	ol#controls li{
		background-position: -1px 1px;
		margin-right:5px; 
		padding:0;
		float:left;
		list-style:none;
		width: 24px;
		height: 24px;
		line-height:28px;
		background-image: url(../images/circle_empty.png);
		background-repeat: no-repeat;
		}
	ol#controls li:hover {
		background-image: url(../images/circle_highlight2.png);
		background-repeat: no-repeat;
	}
	ol#controls li a{
		/*visibility: hidden; */
		text-align: center;
		font-size: 11px;
		float:left;
		height: 23px;
		width: 24px;
		color:#555;
		text-decoration:none;
		display: block;

		}
	ol#controls li a:hover {
		color: #000;
	}
	ol#controls li.current {
		background-image: url(../images/circle_filled.png);
		background-repeat: no-repeat;
		}
	ol#controls li.current a {
		color: #000;

		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


/* The rest */

div#body {
	margin-left: 100px;
	margin-top: 60px;
}

div.container {
	margin-left: 40px;
	display: block;
	float: left;
	width: 962px;
}

div.col {
	display: block;
	float: left;
	margin-right: 20px;
}

div.colLast {
	margin-right: 0px;
}

div.col1 {
	width: 61px;
}

div.col2 {
	width: 142px;
}

div.col3 {
	width: 223px;
}

div.col4 {
	width: 304px;
}

div.col5 {
	width: 385px;
}

div.col6 {
	width: 466px;
}

div.col7 {
	width: 547px;
}

div.col8 {
	width: 628px;
}

div.col9 {
	width: 709px;
}

div.col10 {
	width: 790px;
}

div.col11 {
	width: 871px;
}

div.col12 {
	width: 952px;
}

div#navMain ul, div#navSecondary ul {
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
}

div#navMain ul li, div#navSecondary ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
}

div#navSecondary {
}

div#outlets {
	margin-left: 20px;
	margin-top: -205px;
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-image: url(../images/outlets2.png);
	height: 70px;
	width: 93px;
}

img.insertNoun {
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 6px;
	padding: 0px;
	display: block;
	float: left;
	height: 136px;
	width: 223px;
}

div.extraImagery {
	z-index: 100;
	left: 1100px;
	top: -100px;
	display: block;
	position: absolute;
}

div#content {
}

div.player {
	padding-left: 5px;
	padding-top: 3px;
	float: left;
	display: block;
	background-image: url(../images/border_player.png);
	background-repeat: no-repeat;
	border-width: 0px;
	height: 353px;
	width: 628px;
}

div.playerWithButtons {
	height: 430px;
}

div.player img {
	height: 348px;
	width: 619px;
}

.pushDown {
	margin-bottom: 40px;
}

.pushUp {
	margin-top: 40px;
}

div.portrait {
	width: 226px;
	height: 353px;
	background-repeat: no-repeat;
	background-image: url(../images/border_portrait2.png);
}

div.portrait img {
	height: 348px;
	width: 216px;
	padding-left: 5px;
	padding-top: 3px;
}

div.thumb {
	display: block;
	background-image: url(../images/border_thumb.png);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	width: 142px;
	height: 92px;
}

div.thumb .thumbText {
	padding-left: 10px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 5px;
	display: block;
	margin-left: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
	margin-top: -89px;
	position: absolute;
	z-index: 100;
	width: 121px;
	height: 76px;
	background-color: #d3af30;
	opacity: 0;
	filter:alpha(opacity=0);
}

div.thumb .thumbText img {
	height: 60%;
	width: 60%;
}

div.thumb .thumbImage {
	display: block;
	margin: 3px;
	width: 136px;
	height: 86px;
	opacity: 1;
	filter:alpha(opacity=1);
}

div.thumb img {
	display: block;
	margin: 3px;
	height: 86px;
	width: 136px;
}

div#buttonRow {
	float: left;
	display: block;
	margin-top: 10px;
}

div#buttonRow img {
	border-width: 0px;
}

p {
	margin-bottom: 20px;
}

img {
	border-style: none;
}

div.clients img {
	height: 105px;
	width: 142px;
	opacity:0.7;
	filter:alpha(opacity=70);
}

div.clients img:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

div.entry {
	margin-bottom: 40px;
	border-bottom-color: #969696;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

div.entry img {
	max-width: 100%;
	border-color: white;
	border-width: 1px;
	border-style: solid;
	/*-moz-border-radius: 1px; 
	-khtml-border-radius: 1px; 
	-webkit-border-radius: 1px; 
	border-radius: 1px;*/
}

div.entry embed {
	min-width: 385px;
	/*-moz-border-radius: 1px; 
	-khtml-border-radius: 1px; 
	-webkit-border-radius: 1px; 
	border-radius: 1px;*/
}

div.comment-body {
	margin-left: 20px;
}

hr {
	border-color: #bcbcbc;
	height: 0px;
	border-width: 1px;
	border-style: solid;
}

