HTML, BODY {
    height: 							100%;
}
BODY{
	background-color:					#FFFFFF;
	background-image:					url(../images/layout/bg_home.gif);
	background-repeat:					no-repeat;
	background-position:				0px 0px;
	background-attachment:				fixed;
}
BODY, TD, DIV{
	margin:								0px 0px 0px 0px;
	padding:							0px 0px 0px 0px;
    font-family : 						"Trebuchet MS","Arial","Helvetica",sans-serif;
    font-weight : 						normal;
    font-size : 						14px;
    line-height:						1.8em;
	color:								#666;
}
H1{
	background-color:					#f3f3f3;
	margin:								20px 0px 0px 200px;
	padding:							8px 8px 10px 8px;
	text-transform:						lowercase;
	font-size:							20px;
	color:								#d3aaaa;
}
P{
	width:								460px;
}
A{
	color:								#666666;
	font-weight:						bold;
}
A:Hover{
	color:								#000000;
	font-weight:						bold;
    text-decoration:					none
}
#page{
	position:							relative;
	width:								820px;
	padding:							0px 0px 0px 0px;
    min-height:							100%;
}
#header{
	position:							relative;
	margin:								0px 0px 0px 0px;
	text-align:							right;
}
#menu{
	text-align:							right;
}
.menu{
	line-height:						20px;
	font-weight:						bold;
}
.main{
	float:right;
	text-align:							left;
	margin:								32px 0px 10px 10px;
    font-size : 						16px;
	color:								#98a0b4;
	text-transform:						lowercase;
}
.main A{
	color:								#98a0b4;
    text-decoration:					none;
}
.main A:hover{
    text-decoration:					underline;
}
.sub{
	clear:								both;
	float:right;
	width:								620px;
    font-size :							14px;
    text-align:							justify;
	color:								#98a0b4;
	text-transform:						lowercase;
}
.sub A{
	font-weight:						normal;
	color:								#98a0b4;
    text-decoration:					none;
}
.sub A:hover{
    text-decoration:					underline;
}
.sub .selected, .main .selected{
	color:								#d3aaaa;
    text-decoration:					underline;
}
#content{
	background-color:					#f3f3f3;
	margin:								20px 0px 0px 200px;
	padding:							8px 8px 40px 8px;
}
.previews a img{
	border: 4px solid #f3f3f3;
}
.previews a:hover img{
	border: 4px solid #e4debe;
}


#footer{
    position:							relative;
    clear:								both;
	margin:								0px 0px 0px 360px;
	padding:							40px 0px 10px 0px;
	font-size:							11px;
	color:								#d3aaaa;
    bottom: 							0px;
	
}
#footer a{
	font-weight:						normal;
	color:								#d3aaaa;
	
}

.projectpreview{
	float:								left;
	width:								171px;
	margin:								0px 10px 10px 0px;
	background-color:					#fff;
}
.projectpreview img{
	border:								8px solid #f3f3f3;
	background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
}
.projectpreview img:hover{
	border:								8px solid #e4debe;
	
}
.projectpreview a{
	color:								#2f3a7d;
	text-decoration:					none;
	font-size:							14px;
	font-weight:						bold;
}
.previews a{
	margin-right:						10px;
}
.smallpreview{
	float:left;
	width:272px;
	padding:10px;
	height:90px;
	margin:0px 10px 10px 0px;
	cursor:pointer;
	line-height:1.2em;
	overflow:hidden;
	background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
}
.smallpreview img{
	float:left;
	margin:0px 10px 0px 0px;
}
.smallpreview img a{
	border:none;
}
.smallpreview a{
	text-decoration:none;
}
.smallpreview:hover{
	background-color:#e4debe;
}
.smallpreview:hover a{
	color:#000;
}

.thumbnail, .title, .availability{
	display:none;
}