@charset "utf-8";
/* CSS Document */
@font-face
{
	font-family:prototype;
	src: local(prototype),url(font/Prototype.ttf)
	     format("truetype");
}

body
{
	margin:0;
	margin-top:0px;
	padding:0;
	background-color:#CCC;
}

#container
{
	margin:0 auto;
	width: 890px;
	height: 500px;
	background-color:#fff;
}

#header
{
	float:left;
	width: 890px;
	height: 120px;
}

#leftSide
{
	float:left;
	width:144px;
	height:481px;
	margin-top:-4px;
	background-image:url(images/fave_web_05.gif);
	background-repeat:no-repeat;
}

#latestProject
{
	clear:both;
	width:100px;
	height:180px;
	background-color:#fff;
	margin-left:20px;
	margin-top:40px;
}

#portfolio
{
	width:600px;
	height:350px;
	
	margin-left:50px;
}

.items
{
	float:left;
	display:inline-block;
	width:150px;
	height:150px;
	margin-left:20px;
	margin-right:30px;
	margin-top:10px;
}

.details
{
	float:left;
	width:560px;
	height:260px;
	background-color:#CCC;
	margin-left:40px;
	margin-right:30px;
	margin-top:30px;
	display:inline;
	padding:20px;
}

.description
{
	float:left;
	display:inline;
	width:360px;
	height:100px;
	padding-left:20px;
	
}
.detailBackButton
{
	margin-left:100px;
	margin-top:80px;
	float:left;
}

img {
	width:150px;
	height:120px;
}

.images
{
	width:150px;
	height:120px;
	
}

.detailImages
{
	width:150px;
	height:120px;
	
	float:left;
}

.caption
{
	margin-top:5px;
	width:150px;
	height:30px;
	text-align:center;
}

.title
{
	width:200px;
	height:30px;
	text-align:center;
	margin-left:30%;
	margin-bottom:40px;
}

.pageSpace
{
	height:20px;
	width:120px;
	float:right;
	margin-right:240px;
	margin-top:6px;
	color:#000;
}

.navigator
{
	float:left;
	background-color:#000;
	width:746px;
	height:30px;
	display:inline;
}

.navigator ul
{
	list-style:none;
	display:inline;
	font-family:prototype;
	font-size:12pt;
	color:#FFFFFF;
	margin-top:-5px;
}

.navigator ul li
{
	float:left;
	width:100px;
	text-align:center;
	height:30px;
	margin-top:5px;
}

li.menu
{
	float:left;
	text-align:center;
	border-left:3px #FFFFFF solid;
	margin-top:5px;
}

li:hover
{
background-image:url(images/nav.jpg);
background-repeat:no-repeat;
}

.menu a{
	text-decoration:none;
	color:#FFFFFF;
}
.menu a:hover
{
	color:#000066;
}

#content
{
width:746px;
background-color:#fff;
height:418px;
float:left;
}

p
{
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	padding-top:5px;
	padding-left:30px;
	padding-right:20px;
	padding-bottom:30px;
	text-align:justify;
}

c
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#333;
	margin-left:10px;
	margin-right:20px;
	
}

h1
{
	width:147px;
	height:30px;
	background-image:url(images/fave_web_08.gif);
	background-repeat:no-repeat;
	color:#000;
	padding-top:5px;
	font-size:12pt;
	padding-left:35px;
	margin-top:10px;
	margin-left:20px;
}

#footer
{
	float:left;
	margin-left:144px;
	margin-top:-24px;
	width: 746px;
	height: 20px;
	background-color:#000;
	font-family:"Century Gothic";
	font-size:9pt;
	color:#fff;
	text-align:center;
	padding-top:4px;
}