@import 'nav.css';
@import 'characters.css';

html{
	height: 100%;
}

body { 
	background: #162c03 url(../images/background-body.jpg) repeat-y center;
	height: 100%;
	margin: 0px;
	padding: 0px;
}


/*  Containers
===================================================================================*/


.wrapper {
	background: transparent url(../images/background-top.jpg) no-repeat center top;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -160px;

}

.containment {
	width: 1000px;
	margin: 0 auto;
}

.logo {
	background: transparent;
	float: left;
	width: 246px;
	height: 75px;
	margin: 0px;
	padding: 53px 0px 0px 39px;
}

.banner {
	background: transparent url(../images/background-banner.png) no-repeat;
	float: right;
	width: 472px;
	height: 370px;
	margin: 51px 0px 0px 0px;
	padding: 0px 30px 0px 0px;
}

.body_container {
	border: none 0px #000000;

	background: transparent;
	width: 1000px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
}



/*======blog left column======*/
.body_container_left_170 {
	float: left;
	background: transparent;
	width: 170px;
	margin: 0px 0px 50px 0px;
	padding: 0px 30px 0px 40px;
	font-family: "Trebuchat";
	font-size: 14px;}



.logo_container_695 {
	float: left;
	width: 695px;
	margin: 0px 0px 50px 0px;
	padding: 0px 0px 0px 37px;}

.push {
	background: transparent;
	width: 100%;
	height: 160px;
	margin: 0px;
	padding: 0px;}

.footer {
	background: #162c03;
	width: 100%;
	height: 160px;
	margin: 0px auto;
	padding: 0px;}

.footer_container {
	background: #162c03 url(../images/background-footer.jpg) no-repeat right top;
	width: 1000px;
	height: 160px;
	margin: 0px auto;
	padding: 0px;}

div.span-1, div.span-2, div.span-3 {
	float: left;
/*	border-right: solid 1px #2c4319; */
	background: transparent url(../images/image-footer-vertical.jpg) repeat-y right top;
	margin: 38px 0px 0px 0px;
	padding: 0px 0px 0px 40px;}

div.last {
/*	border-right: solid 0px #2c4319; */
	background: transparent;}

.span-1 {width: 204px; height: 121px;}
.span-2 {width: 204px; height: 121px;}
.span-3 {width: 250px; height: 121px;}




/*  Positionings
===================================================================================*/


img {border: none;}

.banner img {
	margin: 0px;
	padding: 27px 0px 0px 26px;}

.floatright {
	float:right;
	border:0px;
	margin:0px;
	padding:15px 0px 10px 20px;}

.floatleft {
	float:left;
	border:0px;
	margin:0px;
	padding:15px 20px 10px 0px;}

.floatright_flush {
	float: right;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.floatleft_flush {
	float: left;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.col1 {
width: 240px;
float: left; padding-left: 60px; }
 
.col2 {
width: 580px;
float: right;
padding-right: 55px; padding-bottom: 20px;}


.bannerlove {z-index: 2000;margin-top:-40px; margin-left: 15px;}


#screenshot{
	position:absolute;
	border:1px solid white;
	background:white;
	text-align: center;
	padding:5px;
	display:none;
	color:black;
	}
	
	
	

#newportfolio img {
border:4px solid #FFFFFF;
margin:2px;
padding:0;
}