/* CSS Document */
@import url("reset.css");

/* PNG Transparency */
img, div { behavior: url(png-support/iepngfix.htc) }

body {
	background-image: url(images/bg-main.jpg);
	background-repeat: repeat-x;
	background-color:#c6d4c7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	line-height:20px;
}

#mainframe {
	width:900px;
	height:auto;
	margin:0 auto;
	padding:0px 45px;
	position:relative;
}
#header {
	width:900px;
	height:220px;
	float:left;
	background:url(images/bg-header.jpg) right no-repeat;
}
#logo { float:left; padding-top:28px; }
#menu { float:right; text-align:right; padding-top:12px; line-height:18px; font-size:14px; }
	#menu a{ color:#7ecfc8; }
	#menu a:hover{ color:#fff; }

#strip {
	width:900px;
	height:187px;
	float:left;
	margin-bottom:40px;
}
#strip h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-style:italic;
color:#FFFFFF;
line-height:56px;
}
#strip ul li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#7ecfc8;
line-height:19px;
padding-left:18px;
background:url(images/bullet-strip.gif) no-repeat 0px 5px;
}
#list1 {width:163px; float:left;}
#list2 {width:162px; float:left;}
#list3 {width:136px; float:left;}
#last {float:left; padding-top:61px;}

#center {
	width:900px;
	height:auto;
	float:left;
}

.project {width:900px; height:auto; float:left; margin-bottom:40px;}
	.image-div {width:319px; height:275px; margin-right:20px; float:left; border:#FFFFFF 3px solid; overflow:hidden; position:relative;}
		.image-div .scrollable {width:957px; height:275px; position:relative;}
			.image-div .scrollable img {float:left; width:319px; height:275px; position:relative;}
	.thumb {width:95px; height:281px; margin-right:20px; float:left;}
		.thumb1 {float:left;}
		.thumb2 {margin:19px 0px; float:left;}
		.thumb3 {float:left;}
		.thumb img {width:89px; height:75px;}
		.thumb a {width:89px; height:75px; padding:3px; background-color:#FFFFFF; display:block;}
		.thumb a:hover {background-color:#b4d88e;}
	.description {width:400px; height:241px; padding:20px; float:left; background:url(images/bg-project.jpg) no-repeat;}
		.description dt {color:#b4d88e; font-weight:bold; display:inline;}
		.description dd {display:inline;}
		.description p {margin-top:25px;}
		.description em {font-style:italic; display:block; padding-bottom:5px;}
			.visit {padding:8px 8px 8px 24px; display:inline; background:url(images/bullet-visit.gif) #759b99 no-repeat 8px 12px; font-size:14px; line-height:14px; font-weight:bold;}
			.visit a {color:#b4d88e; text-decoration:none;}
			.visit a:hover {color:#7ecfc8;}
			.description a {color:#b4d88e;}
			.description a:hover {color:#7ecfc8;}

#footer {
	width:900px;
	height:auto;
	float:left;
}