html, body { }
body {
	color:#777;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	background-color:white;
}

h1, h2, h3, h4, h5, h6 { font-weight:normal; text-transform:capitalize; font-weight:normal; margin:0px 0px 10px 0px; }
h1 { font-size:14px; font-weight:bold; }
h2 { font-size:14px; font-weight:bold; }
h3 { font-size:13px; font-weight:bold; }
h1 span, h2 span { color:#336699; font-weight:bold; text-transform:uppercase; }
dt, p, span { font-weight:normal; }
p { margin: 0px 0px 10px 0px; }
a, a:link,a:visited, a:hover, a:active {color:#336699; text-decoration:none; cursor:hand; cursor:pointer;}
a:hover { color:#CC6600; } 
img { border:0px; }
input.txt,textarea.txt {
    border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	width:300px;
}
span.err { font-weight:bold; font-size:8pt; text-transform:uppercase; }
div.err, textarea.err, input.err, span.err input {border:solid 1px red; background-color:#FFDEE2; color:red;}
div.ok { padding:5px; background-color:#B1E4B1; border:solid 1px #339933; color:#339933; font-weight:bold;}
div.err {padding:5px;}

div.clear {clear:both;height:0px;line-height:0px;}

div#g_wrp {
	width:100%;
	position:relative;
	z-index:1;
}

div#h_wrp 
{
	text-align:center;
	margin:auto;
	padding: 0px 0px 0px 0px;
	width:970px;
	height:54px;
}
div#h_wrp { text-align: -moz-center;	}
div#hdr {
    display:block;
    float:left;
	width:955px;
	padding:0px;
	margin:0px 10px 0px 5px;
	clear:both;
}  
div#m_wrp {
	text-align:center;
	margin:auto;
	padding:0px;
	width:970px;
}	
div#m_wrp { text-align: -moz-center;	}
div#menu {
    display:block;
    float:left;
	width:970px;
	padding:0px;
	margin:0px;
	height:40px;
	background: url(../img/menu_bg.gif) no-repeat top;
	clear:both;
}
div#c_wrp {
	text-align:center;
	margin:auto;
	padding:0px;
	width:970px;
}
div#c_wrp { text-align: -moz-center; }

div#content {
    display:block;
    float:left;
    text-align:left;
	width:950px;
	margin:0px 10px 10px 10px;
    padding:0px;
    clear:both;
}
div#f_wrp {
	text-align:center;
	margin:auto;
	padding: 0px 0px 0px 0px;
	width:970px;
}
div#f_wrp { text-align: -moz-center; }
div#footer
{
    display:block;
    float:left;
	width:960px;
	margin:0px 5px;
    padding:0px;
    clear:both;
	border-top:solid 1px #336699;
	text-align:left;
}

/* header */
div#logo { float:left; width:250px; height:17px; margin-top:22px;}
div#seattle { float:right; width:185px; height:54px; }

/* menu */
div.mitm {
    float:left;
    margin:9px 0px 0px 20px;
    padding:0px;
    color:#666;
    font-size:12px;
    font-weight:normal;
    text-transform:uppercase;
}
div.mitm span { color:#336699; text-transform:uppercase; }
div.mitm a {color:#666;}
div.mitm a:hover, div.mitm a:hover span {color:#cc6600;}
div#menu div.l { margin-left:30px; }

/* footer */
div#links { float:right; width:150px; margin-top:5px; font-size:11px;}
div#lookingforpros { float:left; width:650px; margin-top:5px; font-size:11px;}
div#lookingforwork { float:left; width:650px; margin-top:5px; text-align:left; font-size:11px;}
div#siteagrmts { float:left; clear:left; margin-top:5px; margin-bottom:5px; font-size:11px;}

/* home */
div#welcome { float:left; width:400px; margin-top:10px; }
div#welcome h1, div#welcome h2 { float:right; width:290px; }
div#welcome p { float:right; width:290px; } 
div#welcome p.full { float:right; width:400px; } 
div#welcome img { float:left; width:100px; margin-right:10px; } 
div#firm { float:left; width:400px; clear:left; }
div#services_sample { float:right; width:540px; margin-top:0px; }
div#recentwork { float:right; width:540px; height:320px; margin:10px 0px 0px 10px; clear:right;}

/* gallery */
div#gallery { float:left; width:540px; height:250px; clear:left; }
div#gall_view { float:left; width:540px; height: 250px; clear:left; position:relative; overflow:hidden; border:solid 1px #666; }
div#gall_view_coll { float:left; width:540px; position:relative; top:0px; }
div.gall_view { float:left; width:540px; height:250px; }
div#gall_menu { float:left; width:60px; height: 25px; margin:5px 0px; clear:left; }
div#gall_desc { float:right; width:480px; height:25px; margin:5px 0px; }
div.gall_mitm { float:left; width:25px; height:25px; margin-right:5px; }
div.gall_desc { float:left; width:480px; text-align:right; display:none; margin:0px 0px 6px 0px; }

/* about */
div#about { float:left; width:950px; margin: 10px 10px 0px 0px; }
div#background { float:left; width:950px; clear:left; margin-right:10px; }

/* services */
div#services { float:left; width:300px; clear:left; margin-top:10px; }
div#skills { float:left; width:300px; clear:left; }
div#approach, div#webdev, div#webapps, div#dbdev, div#flash, div#dnn 
{ float:right; clear:right; width:640px; margin:0px 0px 0px 10px; }
div#approach { margin-top:10px; }

/* contact */
div#contact { float:left; width:300px; clear:left; margin-top:10px; }
div#rfp { float:right; width:640px; margin:10px 0px 0px 10px; }
div#rfp p { text-transform:uppercase; font-size:11px; }
div#rfp div.ok, div#rfp div.err {width:300px;}
div#rfp div.ok p {text-transform:none;}

/* portfolio*/
div#portfolio { float:left; clear:left; margin:5px 10px 10px 10px; }
div#portfolio h1,div#portfolio h2 { float:left; margin:5px 0px 10px; display:block; }
div#portfolio h3 { float:right; margin:6px 5px 10px; display:block; } 
div#portfolio div#port_btns { float:right; display:block; margin:2px 0px 5px 0px; }
div#portfolio div#port_btns div.port_btn { float:right; display:block; margin:0px 5px 0px 0px; }
div#port_gallery { float:left; width:950px; height:663px; }
div#port_gallery div.project {float:left; display:block; position:absolute; margin:5px 0px; width:950px;}
div#port_gallery div.project div.hdr {float:left; display:block; width:950px; margin-bottom:5px;}
div#port_gallery div.project div.hdr div.client {float:left; display:block;}
div#port_gallery div.project div.hdr h3 {float:left; display:block; margin:0px 5px 0px 0px; padding:0px; text-align:left; }
div#port_gallery div.project div.hdr span {float:left; display:block; font-size:13px; margin-right:15px; text-align:left; }
div#port_gallery div.project div.preview {float:left; display:block; width:948px; border:solid 1px #777; margin-bottom:10px;}
div#port_gallery div.project div.preview img {display:block; padding:0px; margin:0px;}
div#port_gallery div.project div.specs {float:left; display:block; width:950px; }
div#port_gallery div.project div.specs div.desc {float:left; display:block; width:690px; min-height:200px; text-align:left; margin-right:10px;}
div#port_gallery div.project div.specs div.feat {float:left; display:block; width:250px; min-height:200px; text-align:left;}
div#port_gallery div.project div.specs h3 { float:left; margin:0px; padding:0px; display:block; } 
div#port_gallery div.project div.specs p, ul { float:left; clear:left; display:block; } 
div#port_gallery div.project div.specs div.feat ul { margin:0px; list-style:none; padding:0px; }
div#port_gallery div.project div.specs div.feat ul li { margin:2px 0px 3px 0px; }
div#port_gallery div.logo { float:right; width:200px; height:40px; text-align:right; margin-bottom:5px; overflow:hidden; }
div#port_gallery div.litm { float:right; width:200px; height:40px; position:relative; }
div#port_gallery div.features { float:right; clear:right; width:200px; margin:5px 0px; overflow:hidden;}
div#port_gallery div.features div.fitm { float:right; clear:right; width:200px; position:absolute;}
div#port_gallery div.features ul { margin:0px; list-style:none; padding:0px; }
div#port_gallery div.features ul li { margin:2px 0px 3px 5px; }
div#port_gallery div.pitm {float:right; width:840px; height:300px; position:absolute;}
div#port_gallery div.desc div.ditm {float:left; width:635px; position:absolute; }

/* privacy */
div#privacy { float:left; width:950px; margin: 10px 10px 0px 0px; }
div#privacy ul { display:inline; width:950px; margin-top:0px; }

/* terms */
div#terms { float:left; width:950px; margin: 10px 10px 0px 0px; }