@import 'nav.css';

html{
	height: 100%;
}

body { 
	background: #ffffff url(../images/background-top.jpg) top center no-repeat;
	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
===================================================================================*/


.body {
	border: none 0px #000000;
	background: transparent;
	width: 952px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -145px;
}

.header {
	border: none 0px #000000;
	background: transparent;
	width: 952px;
	height: 367px;
	margin: 0px;
	padding: 0px;
}

.header_content {
	border: none 0px #000000;
	background: transparent;
	float: right;
	width: 315px;
	height: 350px;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
}

.container-column-left {
	border: none 0px #000000;
	background: transparent;
	float: left;
	width: 250px;
	margin: 0px;
	padding: 93px 0px 0px 0px;
}

.container-column-top {
	border: none 0px #000000;
	background: transparent url(../images/column-left-top.jpg) top left no-repeat;
	width: 222px;
	min-height: 392px;
	height: auto !important;
	height: 392px;
	margin: 0px;
	padding: 0px;
}

.container-column-middle {
	border: none 0px #000000;
	background: transparent url(../images/column-left-middle.jpg) left repeat-y;
	width: 222px;
	margin: 0px;
	padding: 0px;
}

.container-column-bottom {
	border: none 0px #000000;
	background: transparent url(../images/column-left-bottom.jpg) bottom left no-repeat;
	width: 222px;
	height: 56px;
	margin: 0px;
	padding: 0px;
}

.container-column-right {
	border: none 0px #000000;
	background: transparent;
	float: right;
	width: 207px;
	margin: 34px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.container-body {
	border: none 0px #000000;
	background: transparent;
	float: left;
	width: 495px;
	margin: 0px;
	padding: 0px;
}

.container-body-full {
	border: none 0px #000000;
	background: transparent;
	float: left;
	width: 702px;
	margin: 0px;
	padding: 0px;
}

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

.footer {
	border: none 0px #000000;
	background: transparent url(../images/background-footer.jpg) bottom center no-repeat;
	width: 100%;
	height: 145px;
	margin: 70px auto 0px auto;
	padding: 0px;

}

.footer_container {
	border: none 0px #000000;
	background: transparent;
	width: 952px;
	height: 110px;
	margin: 0px auto;
	padding: 0px;
}


/*  Styles Text
===================================================================================*/


p {
	color: #331817;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-style: normal;
	text-align: justify;
	margin: 0px;
	padding: 15px 22px 0px 22px;
}

h1, h2 {
	color: #331817;
	background: transparent url(../images/bullet.jpg) left center no-repeat;
	text-transform: capitalize;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	margin: 55px 0px 0px 22px;
	padding: 0px 0px 0px 25px;
}

h1, h2 span {
	color: #ad5f1c;
	font-style: normal;
}

li { color: #331817;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-style: normal;
	text-align: justify;
	margin: 0px;
	padding: 13px 15px 0px 13px;
	margin-left: 45px;
}

strong {
	color: #ad5f1c;
	font-weight: bold;
}

.container-body-full p {
	color: #331817;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-style: normal;
	text-align: justify;
	margin: 0px;
	padding: 15px 0px 0px 22px;
}

.container-body-full strong {
	color: #ad5f1c;
	font-weight: bold;
}

.container-body-full h1 {
	color: #331817;
	background: transparent url(../images/bullet.jpg) left center no-repeat;
	text-transform: capitalize;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	margin: 55px 0px 0px 22px;
	padding: 0px 0px 0px 25px;
}

.container-body-full h1 span {
	color: #ad5f1c;
	font-style: normal;
}

.container-column-left p {
	color: #331817;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 15px 22px 0px 18px;
}

.container-column-left h1 {
	color: #331817;
	background: transparent;
	text-transform: capitalize;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 28px 22px 0px 18px;
}

.container-column-left li {
	color: #331817;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 10px 22px 0px 10px;
}

.container-column-right p {
	color: #331817;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 6px 0px 0px 32px;
}

.container-column-right h1 {
	color: #ffffff;
	background: transparent url(../images/column-right-brown.jpg) right center no-repeat;
	text-transform: lowercase;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	line-height: 22px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	margin: 20px 0px 0px 22px;
	padding: 5px 0px 5px 29px;
}

.container-column-right h2 {
	color: #ffffff;
	background: transparent url(../images/column-right-orange.jpg) right center no-repeat;
	text-transform: lowercase;
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	line-height: 22px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	margin: 36px 0px 0px 22px;
	padding: 5px 0px 5px 29px;
}

.container-column-left a:link {font-weight: normal; text-decoration: none; color: #ad5f1c;}
.container-column-left a:visited {font-weight: normal; text-decoration: none; color: #ad5f1c;}
.container-column-left a:active {font-weight: normal; text-decoration: none; color: #331817;}
.container-column-left a:hover {font-weight: normal; text-decoration: none; color: #331817;}

.container-column-right a:link {font-weight: normal; text-decoration: none; color: #ad5f1c;}
.container-column-right a:visited {font-weight: normal; text-decoration: none; color: #ad5f1c;}
.container-column-right a:active {font-weight: normal; text-decoration: none; color: #331817;}
.container-column-right a:hover {font-weight: normal; text-decoration: none; color: #331817;}

.container-body a:link {font-weight: normal; text-decoration: none; color: #ad5f1c;}
.container-body a:visited {font-weight: normal; text-decoration: none; color: #ad5f1c;}
.container-body a:active {font-weight: normal; text-decoration: none; color: #331817;}
.container-body a:hover {font-weight: normal; text-decoration: none; color: #331817;}

.container-body-full a:link {font-weight: normal; text-decoration: none; color: #ad5f1c;}
.container-body-full a:visited {font-weight: normal; text-decoration: none; color: #ad5f1c;}
.container-body-full a:active {font-weight: normal; text-decoration: none; color: #331817;}
.container-body-full a:hover {font-weight: normal; text-decoration: none; color: #331817;}

.footer p {
	color: #e4d89c;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size: 7pt;
	line-height: 10pt;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 30px 10px 0px 2px;
}

.footer a:link {font-weight: normal; text-decoration: none; color: #e4d89c;}
.footer a:visited {font-weight: normal; text-decoration: none; color: #e4d89c;}
.footer a:active {font-weight: normal; text-decoration: none; color: #ad5f1c;}
.footer a:hover {font-weight: normal; text-decoration: none; color: #ad5f1c;}


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


img {border: none;}

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

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

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

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




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


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

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