@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color:#fff;
	font:1em Helvetica, sans-serif;
	text-align:center;
	position:relative;
}
#blue-page {
	background:url(../images/body-bg-blue-ie6.jpg) center top no-repeat #fff;
}

.c-fix  { clear:both; height:1px;}
.f-left { float:left; margin:10px;}
a img { border:none;}

h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration:none; color:#000;}
#wrap {
	margin:0 auto;
	width:720px;
	padding:40px 30px;
	position:relative;
}

#logo {
	background:url(../images/logo.png) left top no-repeat transparent;
	display:block;
	overflow:hidden;
	width:324px;
	height:83px;
	text-indent:-9999px;
	margin:0 auto;
	padding:0;
	position:relative;
	top:8px;
}

#nav {
	margin:0 -21px 50px; 
	padding:0;
	background:url(../images/nav-bg.gif) left top repeat-x transparent;
	position:relative;
	top:30px;
	letter-spacing:1px;
}
#nav li {
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
	position:relative;
}
#nav li a:link, #nav li a:visited {
	position:relative;
	font:1.2em/36px Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	margin:2px 0;
	padding:4px 15px;
	background:url(../images/nav-seper.gif) left top no-repeat transparent;
}
#nav li a:hover, #nav li a:focus, #nav li:hover a {
	background:url(../images/nav-hover.gif) left top no-repeat transparent;
}

#nav li ul {
	position:absolute;
	left:-9999px;
	border:2px solid #fff;
	border-width:2px 2px 0;
	background:#efefef;
	width:10em;
	text-align:left;
	margin:-4px 0 0;
	padding:0;
}
#nav li:hover ul, #nav li.sfhover ul {
	left:0;
}
#nav li ul li {
	display:block;
	margin:0;
	padding:0;
}
#nav li ul li a { zoom:1;}
#nav li ul li a:link, #nav li ul li a:visited {
	display:block;
	font:bold 0.8em "Trebuchet MS", Arial, sans-serif;
	margin:0;
	padding:2px 6px;
	border-bottom:2px solid #fff;
	background:none;
}
#nav li ul li a:hover, #nav li ul li a:focus {
	background-color:#fefefe;
}

.page-item { 
	float:left;
	clear:left;
	width:720px;
}
.page-item .col-left {
	float:left;
	width:480px;
	text-align:left;
}
.page-item .col-right {
	margin:0 0 0 490px;
}

.col-right img { margin:0 0 10px;}
.project {
	float:left;
	width:720px;
}


h2, h3 {
	font:500 1.6em Helvetica, sans-serif;
	padding:0;
	margin:0 0 0;
	letter-spacing:1px;
	text-align:left;
}
h3 { font-size:1.2em; margin:20px 0 0;}
p {
	font:bold 0.8em/1.4em Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	text-align:left;
}
.page-item ul { text-align:left;}
.page-item ul li, .page-item td, .page-item blockquote { font:bold 0.8em/1.4em Arial, Helvetica, sans-serif; letter-spacing:0.05em;}
#free-quote-btn {
	display:block;
	margin:14px auto;
	width:347px;
	height:48px;
	background:url(../images/quote-btn.gif) left top no-repeat transparent;
	overflow:hidden;
	text-indent:-9999px;
}


fieldset { border:none;}
legend { 
	font:bold 1em/1.4em Helvetica, sans-serif;
	letter-spacing:1px;
	margin:10px 0 3px 203px;
	padding:0;
	border-bottom:1px solid #ccc;
}
label { 
	float:left;
	display:block;
	width:200px;
	clear:left;
	text-align:right;
	margin:6px 3px 0 0;
	font:bold 0.8em/22px Arial, Helvetica, sans-serif;
}
.textbox {
	float:left;
	border:1px solid #999;
	font:0.8em Arial, Helvetica, sans-serif;
	padding:1px 1px 1px 3px;
	margin:7px 0 0;
}
span.note {
	clear:left;
	margin:0 0 0 203px;
	padding:0 0 10px;
	display:block;
	font:bold 0.6em Verdana, Arial, Helvetica, sans-serif;
	color:#999;
}
.button { 
	border:2px solid #999; 
	background-color:#fff; 
	font:bold 0.9em Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	padding:3px 8px;
	margin:0 0 10px;
}