html {
	margin: 0;
	padding: 0;
}
body {
	background: #2b2224 url('images/bkg.jpg') no-repeat top left;
	font: 12px "Georgia", Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	text-align: left;
	margin: 0;
	padding: 0;
}

/* #####################################################
						GENERAL >>> 
######################################################## */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%;
}
/* End hide from IE-mac */

img { 
	border: 0;
}

a:link, a:visited {
    color: #ffffff;
	text-decoration: none;
}
a:hover, a:active {
    color: #c50094;
	text-decoration: none;
}

h4 {
	font: bold 12px "Georgia", Arial, Verdana, Helvetica, sans-serif;
	margin: 0 0 10px 0;
}
p {
	margin: 0;
}

/* #####################################################
						Header >>> 
######################################################## */

#header_container {
	width: 800px;
	float: left;
	margin: 0 0 30px 0;
}

#logo_position {
	margin: 41px 0 0 60px;
	float: left;
}
#header_type {
	width: 500px;
	font: bold 16px "Georgia", Arial, Verdana, Helvetica, sans-serif;
	color: #b5b5b5;
	margin: 60px 0 0 0;
	float: right;
}

/* #####################################################
						NAVIGATION >>> 
######################################################## */

#nav_bkg {
	width: 100%;
	height: 35px;
	background: url('images/nav_bkg.gif') repeat-x top left;
	clear: both;
	float: left;
}

#nav {		
	width: 798px;
	height: 23px;
	background: #000000 url('images/nav_bkg_end.jpg') no-repeat top right;
	text-align: left;
	margin: 6px 0 0 42px;
	padding: 0;
	overflow: hidden;
	clear: both;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
    list-style: none;
	display: inline;
	margin: 0; 
	padding: 0;
}
#nav a {
	height: 0px !important; 
	padding: 23px 0 0 0;
	float: left;
	overflow: hidden;
	height /**/:20px; /* for IE5/Win only */
}	
#nav a:hover, #nav a:active, #nav a.selected {
	background-position: 0 -23px;
}

#nhome a  {
	width: 72px;
	background: url("images/nav_home.jpg") no-repeat top left;
}
#nportfolio a  {
	width: 88px;
	background: url("images/nav_portfolio.jpg") no-repeat top left;
}	
#nabout a  {
	width: 72px;
	background: url("images/nav_about.jpg") no-repeat top left;
}
#ncontact a  {
	width: 81px;
	background: url("images/nav_contact.jpg") no-repeat top left;
}

/* #####################################################
						COONTENT >>> 
######################################################## */

.row_container {
	width: 800px;
	color: #ffffff;
	float: left;
	padding: 15px 0;
	border-bottom: 1px solid #332b2d;
}

.row_container2 {
	width: 800px;
	color: #ffffff;
	float: left;
	padding: 20px;
	padding-left: 40px;
	border-bottom: 1px dashed #332b2d;
}

.pic_container {
	width: 220px;
	margin: 0 20px;
	padding: 0;
	float: left;
	display: inline;	
	overflow: hidden;
}
.pic_box {
	width: 220px;
	height: 150px;
	background-color: #191415;
	text-align: center;
	margin: 0 auto;
	padding: 5px 0;
	display: block;
}
.pic_box a:link img, .pic_box a:visited img {
	border: 5px solid #191415;
}
.pic_box a:hover img, .pic_box a:active img {
	border: 5px solid #c50094;
}

.pic_txt {
	border-top: 1px solid #332b2d;
	border-bottom: 1px solid #332b2d;
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	clear: both;
}

.bigimage_container {
	float: left;
	margin: 20px;
	padding: 0;
}
.bigimage_container img {
	float: left;
	margin: 0;
	padding: 0;
	border: 10px solid #191415;
	overflow: hidden;
}

/* #####################################################
						FOOTER >>> 
######################################################## */

.footer_container {
	width: 800px;
	font: 10px "Arial", Verdana, Helvetica, sans-serif;
	color: #554e50;
	float: left;
	padding: 15px 30px;
	display: inline;
}