@import url(reset.css);@import url(prettyphoto.css);*{font-family:helvetica,arial,sans-serif}body{background:#fff url(../images/topline.jpg) repeat-x}#container{width:920px;margin:0 auto;padding:50px 0 0 0}#header{width:275px;position:fixed}     h1{overflow:hidden}    h1.logo{width:275px;height:99px;position:relative}    h1.logo span{background:url("../images/logo.jpg");background-position:0%-0%;position:absolute;width:100%;height:100%} h1.logo span:hover{background-position:92%-92%}#nav{margin:10px 0;text-align:right;text-transform:uppercase} #nav li{padding:10px 0} #nav a{color:#fff;padding:10px 10px 8px 15px;text-decoration:none} .port{background:#357F88;opacity:.7} .port:hover{background:#666} .about{background:#4D9C9C;opacity:.7} .about:hover{background:#666} .blog{background:#74A796;opacity:.7} .blog:hover{background:#666} .cont{background:#98B99C;opacity:.7} .cont:hover{background:#666}#content{width:636px;position:relative;left:295px} #portfolio{padding:0 0 75px 0} #about{padding:50px 0 50px 0} #blog{padding:50px 0 50px 0} #contact{padding:50px 0 755px 0;margin:0 0 -475px 0} div.splash{width:630px;height:300px}  #portfolio >li{border:solid 1px #ccc;padding:3px} ul#filter{float:left;font-size:16px;list-style:none;width:100%} ul#filter li{float:left} ul#filter li:last-child{} ul#filter a{color:#d0d0d0;text-decoration:none;text-transform:uppercase} ul#filter li.current a,ul#filter a:hover{color:#999} ul#filter li.current a{color:#333;font-weight:bold} ul#portfolio{float:left;list-style:none;margin:5px 0 0 0;width:100%} ul#portfolio li{float:left;margin:0 10px 10px 0;width:190px} ul#portfolio a{display:block;width:100%} ul#portfolio a:hover{text-decoration:none} ul#portfolio img{border:none;display:block;padding-bottom:5px}  #portfolio h3{margin:5px 10px 1px 10px;color:#FFF;font:10pt Arial,sans-serif;font-weight:bold} .boxgrid{width:190px;height:117px;background:transparent;overflow:hidden;position:relative} .boxgrid a{float:right;padding:2px 0;color:#98B99C;font-weight:bold;font-size:12px;text-transform:uppercase;text-decoration:none;text-decoration:underline} .boxgrid p{padding:0 10px;color:#afafaf;font-weight:bold;font:10pt "Lucida Grande",Arial,sans-serif} .boxcaption{position:absolute;top:94px;background:#000;height:100px;width:100%;opacity:.8}  div .block{width:192px;float:left;padding:0 20px 0 0;margin:10px 0 0 0} div .block h3{width:96%;margin:0 0 6px 0;padding:0 0 4px 0;border-bottom:#777 1px dashed}   #testimonials p{color:#333;line-height:20px;font-style:italic;width:180px} .quote{font-size:35px;font-weight:bold;color:#999;line-height:0px;position:relative;top:13px;padding:0 2px;font-style:normal} .author{color:#888 !important;line-height:14px !important;margin:-3px 0 0 0;font-style:normal !important}  .flickr img{width:82px;height:82px;display:inline;float:left;margin:0px 6px 6px 0px;border:3px solid #ddd;opacity:.7} .flickr img:hover{opacity:.9}  #contactsplash{width:175px;float:left} #contactinfo{float:left;margin:0 25px} #contactform{float:left;margin:0 25px} fieldset{width:250px;position:relative;top:-10px;font-weight:bold} legend{margin:-9999px} input,textarea{margin:3px 0 5px 0;padding:5px;border:#666 1px solid} input:focus,textarea:focus{border:#111 1px solid} .contactinput{opacity:.7;color:#000;font-size:14px} .contactinput:hover{opacity:.8} .contactinput input,.contactinput textarea {width:250px} .error{color:red;font-weight:bold} .btn{background:#888;color:#fff;padding:7px 11px;border:none;text-transform:uppercase;font-weight:bold;position:relative;top:-4px} .btn:hover{background:#444}#footer{color:#999;font-size:10px;padding:5px 0 30px 5px;position:relative;top:25px;clear:both;border-top:#999 1px dashed}  #footer .toplink{position:absolute;top:-21px;right:0px} #footer .toplink img{position:relative;right:4px;top:1px;opacity:.8}  #footer .right{float:right} #footer a{color:#999;text-decoration:none;padding:0 5px} #footer a:hover{font-weight:bold}.clear{clear:both}