body {
	padding: 0px;
	margin: 0px;
	background-repeat: repeat;
	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(storage/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(storage/btn_prev.gif) no-repeat 0 0;	
		}
	#nextBtn a, #slider1next a{ 
		background:url(storage/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-repeat: no-repeat;
		}
	ol#controls li:hover {
		background-image: url(storage/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(storage/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: ;
	margin-top: 60px;
}

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

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.col31 {
width:280px;
}

div.col4 {
	width: 304px;
}

div.col41{
width: 370px;
}

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 {
margin-top: -8px;
}

div#outlets {
	margin-left: 20px;
	margin-top: -205px;
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-image: url(storage/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(storage/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(storage/border_portrait2.png);
}

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

div.thumb {
	display: block;
	background-image: url(storage/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: #991818;
	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;
}



.weare {
margin-left:50px;
width:618px;
    font-size: 16px;
    text-transform: lowercase;
    word-spacing:1px;
    text-align:justify;
    color: #303030;

}

.wearec {
    font-size: 50px;
    text-transform: lowercase;
    letter-spacing:0.5px;
    text-align:justify;
    color: #303030;

}



#site-footer .weare .heisa,
#site-footer .weare .stubborn,
#site-footer .weare .oneway,
#site-footer .weare .work,
#site-footer .weare .happy { 
color:#555;
	display: block; 
	line-height: 1.05em;
    -webkit-transform-origin: center bottom;
       -moz-transform-origin: center bottom;
         -o-transform-origin: center bottom;
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
    text-shadow: 0 0px 1px #222;
}


#site-footer .weare .heisa:hover,
#site-footer .weare .stubborn:hover,
#site-footer .weare .oneway:hover,
#site-footer .weare .work:hover,
#site-footer .weare .happy:hover {
   color:white;
    text-shadow: 0 4px 1px #000;
    -webkit-transform: scale(1.25);
       -moz-transform: scale(1.25);
         -o-transform: scale(1.25);
}
#site-footer .weare span:hover a { color: #E58; }
 
#site-footer .weare .heisa { font-size: 32px; }
#site-footer .weare .stubborn { font-size: 70px; }
#site-footer .weare .oneway { font-size: 22px; }
#site-footer .weare .work { font-size: 12px; letter-spacing: 0.15em; line-height: 2.0em; font-weight: 300; }
#site-footer .weare .happy { font-size: 9px; letter-spacing: 0.15em; line-height: 1.2em; font-weight: 500; }

#site-footer .weare .work:hover,
#site-footer .weare .happy:hover { 
    -webkit-transform: scale(1.4);
       -moz-transform: scale(1.4);
         -o-transform: scale(1.4);

}

#site-footer .weare a:hover { color: #FFF; }
#site-footer {
    background: #222;
    color: #EEE;
    padding-top: 60px;
    padding-bottom: 60px;
    clear: both;
}

#site-footer p { margin-bottom: 0;}


#site-footer a:hover {
    background: none;
}

#site-footer .made-this p {
    position: relative;
    left: 0;
    top: 0;
    -webkit-transition: all 0.12s ease-out;
       -moz-transition: all 0.12s ease-out;
         -o-transition: all 0.12s ease-out;
}

#site-footer .made-this a {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 0.9em;
    margin-bottom: 10px;
    display: block;
    position: relative;
    -webkit-transition: all 0.12s ease-out;
       -moz-transition: all 0.12s ease-out;
         -o-transition: all 0.12s ease-out;
}
#site-footer .made-this a strong { font-weight: 800;}


#site-footer .made-this a .given-name,
#site-footer .made-this a .family-name,
#site-footer .made-this a .made,
#site-footer .made-this a .this {
    color: #555;
    text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000, 5px 5px #000, 6px 6px #000, 7px 7px #000, 8px 8px #000;
    -webkit-transition: all 0.12s ease-out;
       -moz-transition: all 0.12s ease-out;
         -o-transition: all 0.12s ease-out;
    
}

#site-footer .made-this a:hover {
    color: #FFF;
    top: -3px;
    left: -3px;
}
#site-footer .made-this a:hover .given-name {
    color: #FFF;
    text-shadow: 1px 1px #58E, 2px 2px #58E, 3px 3px #58E, 4px 4px #58E, 5px 5px #58E, 6px 6px #58E, 7px 7px #58E, 8px 8px #58E, 9px 9px #58E, 10px 10px #58E, 11px 11px #58E;
}
#site-footer .made-this a:hover .family-name {
    color: #FFF;
    text-shadow: 1px 1px #F90, 2px 2px #F90, 3px 3px #F90, 4px 4px #F90, 5px 5px #F90, 6px 6px #F90, 7px 7px #F90, 8px 8px #F90, 9px 9px #F90, 10px 10px #F90, 11px 11px #F90;
}

#site-footer .made-this a:hover .made {
    color: #FFF;
    text-shadow: 1px 1px #3C7, 2px 2px #3C7, 3px 3px #3C7, 4px 4px #3C7, 5px 5px #3C7, 6px 6px #3C7, 7px 7px #3C7, 8px 8px #3C7, 9px 9px #3C7, 10px 10px #3C7, 11px 11px #3C7;
}

#site-footer .made-this a:hover .this {
    color: #FFF;
    text-shadow: 1px 1px #E58, 2px 2px #E58, 3px 3px #E58, 4px 4px #E58, 5px 5px #E58, 6px 6px #E58, 7px 7px #E58, 8px 8px #E58, 9px 9px #E58, 10px 10px #E58, 11px 11px #E58;
    
}

#site-footer .made-this .given-name {
    display: block;
    font-size: 40px; 
    line-height: 0.8em;
}

#site-footer .made-this .family-name {
    display: block;
    line-height: 0.9em;

}

#site-footer .copyright {
    color: #555;
    padding-left: 60px;
    -webkit-transition: all 0.12s ease-out;
       -moz-transition: all 0.12s ease-out;
         -o-transition: all 0.12s ease-out;
}



#site-footer .where-what {
    font-weight: 200;
    text-transform: lowercase;
    letter-spacing:;
    text-align: left;
    color: #555;

}

#site-footer .where-what .heisa1{
color: #62a6e0;
}

#site-footer .where-what .heisa,
#site-footer .where-what .designer,
#site-footer .where-what .living,
#site-footer .where-what .working,
#site-footer .where-what .happy { 
color: #1d3f5c;
	display: block; 
	line-height: 1.1em;
    -webkit-transform-origin: center bottom;
       -moz-transform-origin: center bottom;
         -o-transform-origin: center bottom;
    -webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
    text-shadow: 0 0px 1px #222; 
}

#site-footer .where-what .heisa1:hover,{
    color: #1d3f5c;
    text-shadow: 0 4px 1px #000;
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
}


#site-footer .where-what .heisa:hover,
#site-footer .where-what .designer:hover,
#site-footer .where-what .living:hover,
#site-footer .where-what .working:hover,
#site-footer .where-what .happy:hover {
    color: #62a6e0;
    text-shadow: 0 4px 1px #000;
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
}
#site-footer .where-what span:hover a { color: #62a6e0; }
 
#site-footer .where-what .heisa { font-size: 32px; }
#site-footer .where-what .designer { font-size: 60px; }
#site-footer .where-what .living { font-size: 32px; }
#site-footer .where-what .working { font-size: 22px; letter-spacing: 0.15em; line-height: 2.0em; font-weight: 500; }
#site-footer .where-what .happy { font-size: 9px; letter-spacing: 0.15em; line-height: 1.2em; font-weight: 500; }

#site-footer .where-what .working:hover,
#site-footer .where-what .happy:hover { 
    -webkit-transform: scale(1.4);
       -moz-transform: scale(1.4);
         -o-transform: scale(1.4);

}

#site-footer .where-what a:hover { color: #FFF; }

#site-footer .also-made {
    text-align: right;
}

#site-footer .also-made h3 {
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0.4em;
    line-height: 1.2em;
    color: #555;
}

#site-footer .also-made li {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 1.6em;
}
#site-footer .also-made li.jqmsnry{ font-size: 27px;}
#site-footer .also-made li.curtis{ font-size: 22.5px;}
#site-footer .also-made li.speechbub{ font-size: 24px;}

.also-made a {
    color: #EEE;
    text-shadow: 1px 1px #D47, 2px 2px #D47, 3px 3px #D47;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transition: all 0.12s ease-out;
       -moz-transition: all 0.12s ease-out;
         -o-transition: all 0.12s ease-out;
}
.also-made a:hover {
    color: #FFF;
    top: -3px;
    left: -3px;
    text-shadow: 1px 1px #D47, 2px 2px #D47, 3px 3px #D47, 4px 4px #D47, 5px 5px #D47, 6px 6px #D47;
}


#box_left {width: 180px; float: left; margin-bottom: 30px; margin-left:30px; text-align: justify}
#box_right {width: 180px; float: right; margin-bottom: 30px; margin-right:30px; text-align: justify}
#box_middle {width:180px; margin-left: 265px; margin-right: 210px; margin-bottom: 30px; text-align: justify}