body {
	background: url('../images/bg-2011B.jpg') scroll no-repeat center center #292929;
	height:100%;
	color:#fff;
}

a {
	color:#f1ff19;
	outline:0;
}

a:hover, a:active, a:focus {
	color:#fff;
	outline:0;

}


/*#image_home {
	background: url('../images/bigjoni.png') no-repeat scroll top left;
	width: 360px;
	height: 360px;
	margin:0 auto;
}*/

.box {
	width:2000px;
	float:left;
	border:1px solid #fff;
}

#horizontal {
	width:5000px;
	border:1px solid #f00;
}

.section {
	height:500px;
	position:relative;
	overflow:hidden;
}

#body {
	position:relative;
	overflow:hidden;
	height:500px;
	margin-top:63px;

}

#body .container_12 {

	height:516px;
	position:relative;
	
	
}

#background-old {
	background: url('../images/bg-2011.jpg') scroll repeat top center;

}

#navigationx {
	background: url('../images/dj-topmenu2.png') repeat-x scroll top left;
	position:absolute;
	top:0;
	width:100%;
	height:92px;
	z-index:400;
}

#navigation {
	background: url('../images/top-2011.png') repeat-x scroll top left;
	position:absolute;
	top:0;
	width:100%;
	height:92px;
	z-index:400;
}

#navigation ul {
	position:relative; 
	float:right;

	margin-top:8px;
}

#navigation ul li {  
    float: left;  
/*	background:#f00;*/
    list-style: none;  
	height:37px;
	line-height:40px;
	text-align:center;
	text-transform:uppercase;
	margin:0 5px;
	width:100px;
}

#navigation ul li a {  
    color: #fff;  
/*	background:#000;*/
    position: relative;  
	margin:0 auto;
    z-index: 12;  
    font-size: 1.1em;  
    font-family: helvetica, arial, sans-serif;  
    text-decoration: none;    
	width:80px;
	padding:5px 10px 15px;
	height:40px;
	background: url('../images/dj-topmenu.png') no-repeat scroll top center;


display:block;
}

#navigation ul li a:hover {
	color:#ccc;
	background: url('../images/dj-topmenu-hover.png') no-repeat scroll top center;
}

#navigation ul li a.selected {
	background: url('../images/dj-topmenu-selected.png') no-repeat scroll top center;
	color:#f1ff19;
}

#home .intro{
	margin-top:150px;
	width:575px;
	float:left;
}

#home .laurelx{
	margin-top:50px;
	width:575px;
	text-align:center;
	float:left;
}

#home .laurel{
	margin-top:20px;
	width:100%;
	text-align:center;
	float:left;
}

#home .laurel{
	margin-top:0px;
	width:430px;
	position:absolute;
	top:390px;
	
	left:30px;
}



h2, h3 {
	margin:5px 0;
}

h2 {
	font-size:1.2em;
	color:#f1ff19;
}

h3 {
	font-size:1.1em;
}

p {
	font-size:1em;
}

#body ul{
	margin:5px 0;
}

div {
/*	border:1px solid #fff;*/
}

#about .container_12 {
	background: url('../images/about.png') no-repeat scroll;
}

#portfolio .container_12 {
	background: url('../images/portfolio0.png') no-repeat scroll;
}

#home .container_12 {
	background: url('../images/homepage.png') no-repeat scroll;
}

#about .grid_8 {
	width:600px;
	
	margin:20px 10px 0 20px;
}

#about .skill {
	margin-top:20px;

	margin-left:60px;
	width:250px;
	font-size:.9em;
}

#about .description {
	margin-left:40px;
	width:550px;
	font-size:.95em;
}


.section_bg {
	

	width: 960px;
	height: 500px;
	
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

#portfolio_nav {
	margin-top:20px;
	z-index:340;
	position:relative;
}

#portfolio_nav ul {
	position:relative; 
	margin-top:50px;
}

#portfolio_nav ul li {  
    list-style: none;  
	
	line-height:40px;
	text-transform:uppercase;
	margin:0 10px;
	display:block;
}

#portfolio_nav ul li a {  
    color: #fff;  
    position: relative;  
	margin:0 auto;
    z-index: 12;  
    font-size: 1em;  
    font-family: helvetica, arial, sans-serif;  
    text-decoration: none;  
    padding: 0 40px 0 0;  
height:40px;
text-align:right;
width:230px;
display:block;
}

#portfolio_nav ul li a:hover {
	color:#E9A910;
}

#portfolio_nav ul li a.selected {
	color:#E9A910;
	background: url('../images/dj-portfoliomenu-selected.png') no-repeat scroll top center;
}

#portfolio_container {

	margin-top:20px;
	margin-left:0px;
	height:460px;
	overflow:hidden;
	position:relative; 
	z-index:250;
}

#portfolio_container .minisection{
	width:610px;
	height:460px;
}


.minisection { 
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
	position:relative; 
}

.minisection li { 
	list-style: none; 
	float: left; margin: 5px;  
	position:relative; padding:0;
}

.minisection li a { 
	position:relative; 
	width:90px; 
	height:90px;  
	display:block;

}

.minisection li a img { 
	border: none; 
	display: block; 
	margin: 7px auto;
}

.minisection li a span {
	background: url('../images/thumb_border.png') no-repeat scroll top left;
	width: 90px;
	height: 90px;
	display: block; 
	top:-7px;
	left:0;
	position:absolute;
}

.center {
	text-align:center;
}

#about .title {
	text-align:center;
}
#portfolio .title {
	margin-left:30px;
	z-index:300;
	position:relative;
}

strong {
	color:#F9B411;
}

div#number1 {
	position:absolute;
	left:-50px;
	top:75px;
}

div#rocket {
	position:absolute;
	left:-100px;
	bottom:-25px;
	z-index:315;
}

div#bunnybot {
	position:absolute;
	left:-50px;
	bottom:-25px;
	z-index:315;
}

div#followmex {
	position:absolute;
	left:0px;
	top:440px;
	z-index:315;
	width:450px;
	text-align:center;
}

div#followme {
	width:350px;
	height:34px;
/*	background: url('../images/followme.png') no-repeat scroll top left;*/
	position:absolute;
	top:365px;
	right:30px;
	text-align:right;
}

div#followme img{
	margin:3px;
}

div#store {
	width:370px;
	height:100px;
	position:absolute;
	top:20px;
	left:20px;

}

div#twitterupdate {
	width:250px;
	height:100px;
	position:absolute;
	top:20px;
	left:440px;

}

div.comingsoon {
	width:160px;
	height:32px;
	margin:30px auto;
	background: url('../images/comingsoon.png') no-repeat scroll top left;
}

div#welcome {
	width:680px;
	height:180px;
	position:absolute;

	top:170px;
	left:50px;
}

span#tweet_quote_author {
	
	display:block;
	visibility:hidden;
	border:1px solid #fff;
}

#twittertext li {
	list-style:none;
	line-height:1.1em;
	font-size:.9em;
	padding:0;
	margin:0;
}

#description_text {
	width:300px;
	float:right;
}