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

html { 
	height: 100%;
}

body { 
	background: #ffffff url(../images/background-top.jpg) repeat-x center top;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica', 'Arial', 'Geneva', "Trebuchet MS", sans-serif; font-size:13px; color:#434343;margin:0;-webkit-text-size-adjust: none; 	font-size: 14px;
}



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



.wrapper {
	background: transparent url(../images/background-header.png) no-repeat center top;

	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px auto -214px;
}

.quote_top {
	width: 952px;
	height: 57px;
	text-align: right;
	margin: 0px;
	padding: 0px 48px 26px 0px;
}



.header {
	width: 1000px;
	height: 382px;
	margin: 0px;
	padding: 0px;
}

.logo {
	float: left;
	width: 285px;
	height: 89px;
	margin: 0px;
	padding: 10px 0px 0px 47px;
}

.quote {
	clear: left;
	float: left;
	width: 285px;
	height: 60px;
	margin: 0px;
	padding: 81px 0px 0px 47px;
}



.banner_container {
	background: transparent url(../images/background-banner.png) no-repeat left top;

	float: right;
	width: 591px;
	height: 366px;
	margin: 0px;
	padding: 10px 23px 0px 0px;
}

.banner {
	float: left;
	width: 525px;
	height: 352px;
	margin: 0px;
	padding: 0px;
}
.banner_prev {
	float: left;
	width: 13px;
	height: 16px;
	margin: 0px;
	padding: 169px 8px 0px 11px;
}

.banner_next {
	float: left;
	width: 13px;
	height: 16px;
	margin: 0px;
	padding: 169px 13px 0px 8px;
}



.body_container {
	width: 904px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	margin: 0px;
	padding: 62px 50px 70px 47px;
}

.body_wide {
	float: right;
	width: 543px;
	margin: 0px;
	padding: 0px;
}

.body_narrow {
	/*background: transparent url(../images/background-divider-bar.jpg) repeat-y right top;*/
	float: left;
	width: 285px;
	margin: 0px;
	padding: 0px 37px 0px 0px;
}



/*  Footer
===================================================================================*/



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

.footer {
	background: transparent url(../images/background-footer.jpg) repeat-x center bottom;
	width: 100%;
	height: 214px;
	margin: 0px;
	padding: 0px;
}

.footer_container {
	width: 1000px;
	height: 214px;
	margin: 0px auto;
	padding: 0px;
}

div.span-1, div.span-2, div.span-3 {
	float: left;
	background: transparent url(../images/background-divider-bar-footer.jpg) repeat-y right top;
	margin: 44px 0px 0px 0px;
	padding: 0px;
}

div.span-1 {
	width: 276px;
	height: 140px;
	padding: 0px 47px 0px 47px;
}

div.span-2 {
	width: 240px;
	height: 140px;
	padding: 0px 21px 0px 37px;
}

div.span-3 {
	width: 225px;
	height: 140px;
	padding: 0px 21px 0px 37px;
}

div.last {background: transparent;}



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



img {border: none;}

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

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

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

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




#screenshot{
	position:absolute;
	border:5px solid #CFCFCF;
	background-color: #CFCFCF;
	display:none;
	margin: 0px; padding: 0px;
	height: 145px;
	}
	
#newportfolio {width: 730px;}


#newportfolio img {
border:5px solid #CFCFCF;
margin:5px;
padding:0;
}

#newportfolio img:hover {border:5px solid #A8A8A8;}