/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}
/* layout */
#wrapper { margin: 0 auto; width: 896px; }
#header { height: 128px; width: 896px; }
#header h1 { display: block; float: left; height: 128px; width: 448px; }
#header a.email { display: block; float: right; height: 17px; line-height: 17px; margin: 25px 32px 19px 0; padding: 0 0 0 30px; }
#header ul { clear: right; display: block; float: right; margin: 0 16px 0 0; width: 336px; }
#header ul li { display: block; float: left; }
#header ul li a { display: block; height: 32px; }
#header ul li a.home { width: 80px; }
#header ul li a.about { width: 77px; }
#header ul li a.work { width: 71px; }
#header ul li a.contact { width: 108px; }
#banner { height: 320px; position: relative; width: 896px; }
#banner h2 { display: block; height: 51px; left: 55px; position: absolute; top: 30px; width: 353px; z-index: 6; }
#banner #banner-text { display: block; height: 144px; left: 64px; position: absolute; top: 70px; width: 320px; z-index: 6; }
#banner #banner-text p { margin: 0px; }
#banner a.button { display: block; height: 31px; left: 293px; position: absolute; top: 264px; width: 104px; z-index: 6; }
#jqbox-out { display: block; float: right; height: 320px; position: relative; width: 448px; }
#jqbox { padding: 35px 0 0 59px; }
#jqbox a.prev { display: none; height: 50px; left: 19px; position: absolute; top: 134px; width: 26px; z-index: 6; }
#jqbox a.prev.enable { display: block; }
#jqbox a.prev.disabled { display: none; }
#jqbox div.scroll { height: 246px; overflow: hidden; position: relative; width: 328px; }
#jqbox div.scroll div.items { padding: 0; position: absolute; width: 2048px; }
#jqbox div.scroll div.items div { display: block; float: left; height: 246px; position: relative; width: 328px; z-index: 6; }
#jqbox a.next { display: none; height: 50px; left: 403px; position: absolute; top: 134px; width: 26px; z-index: 6; }
#jqbox a.next.enable { display: block; }
#jqbox a.next.disabled { display: none; }
#content { clear: both; display: block; overflow: hidden; }
#main { display: block; float: left; margin: 16px 0px 0px 16px; padding: 8px 0 0 0; width: 464px; }
#main span.end { display: block; float: left; height: 32px; width: 464px; }
#sidebar ul li.step1 { margin-top: 20px;}
#sidebar ul li { display: block; margin: 10px 0px 0 -35px; overflow: hidden; //margin: 20px 0px 0px 10px;}
#sidebar ul li h2 { display: block; float: left; margin: 0 0 9px 0; padding: 0 16px 0 64px; }
#sidebar ul li p { display: block; float: left; margin: 0 0 9px 0; padding: 0 16px 0 64px; }
#sidebar { clear: right; display: block; float: left; margin: 24px 0 0 48px; width: 344px; }
#sidebar h2 { margin: 0 0 12px 0; }
#main ul { margin: 20px 0 12px 0; }
#main ul li { margin: 0 0 0 22px; padding: 6px 0 6px 22px; //margin: 0px 0px 0px 40px;}
#main blockquote { display: block; float: left; width: 368px; }
#main blockquote p { display: block; float: left; margin: 12px 16px 0 16px;}
#main blockquote p.open { margin: 16px 16px 0 16px; padding: 0 0 0 48px; }
#main blockquote p.close { margin: 12px 16px 16px 16px; padding: 0 48px 0 0; }
#main blockquote p.who { display: block; float: right; margin: 0 64px 16px 0; }
#footer { clear: both; margin-bottom: 32px; }
#footer a.top { display: block; height: 23px; margin: 0 auto; margin-top: 16px; width: 22px; }
#footer p.copyright { clear: both; margin-top: 8px; }
#about #banner .thumb { display: block; height: 246px; left: 508px; position: absolute; top: 36px; width: 328px; }
.breadcrumbs {position: absolute; font-variant: small-caps; font-family: arial; margin: 103px 0px 0px 700px; //margin: 102px 0px 0px 210px; }
.breadcrumbs2 {position: absolute; font-variant: small-caps; font-family: arial; margin: 103px 0px 0px 620px; //margin: 102px 0px 0px 210px; }
#about #banner h2 { width: 443px; }
#about #banner a.avatar { display: block; height: 222px; left: 578px; overflow: hidden; position: absolute; top: 51px; width: 228px; z-index: 6; }
#about #banner-text { width: 400px; }
#about #main h2 { margin: 0 0 14px 24px; }
#about #main p { margin: 0 24px 16px 24px; }
#about #main ul { margin: 0 auto; width: 306px; }
#about #main ul li { display: block; float: left; margin: 0; }
#about #main ul li a { display: block; float: left; height: 26px; margin: 8px 4px 0 4px; width: 26px; }
#about #sidebar ul li { clear: both; display: block; float: left; margin: 0 0 16px 0; padding: 0; }
#about #sidebar #tweet img { display: block; height: 32px; margin: 0 auto; margin-top: 32px; margin-bottom: 48px; width: 32px; }
#about #sidebar a.follow { clear: both; display: block; height: 61px; margin: 0 auto; overflow: hidden; width: 120px; }
#work #banner h2 { height: 51px; width: 393px; }
#work #banner a.thumb { display: block; height: 246px; left: 508px; position: absolute; top: 36px; width: 328px; }
#work #content div { display: block; margin: 0px auto; margin-top: 16px; overflow: hidden; width: 848px; }
#work #content .thumb { display: block; float: left; height: 246px; margin: 24px; width: 328px;}
#work #content .thumb2 { display: block; float: right; height: 246px; margin: 24px; width: 328px;}
#work #content h2 { margin: 24px 24px 16px 0; }
#work #content p { margin: 0 24px 0 25px; }
#work #content a.launch { display: block; float: right; height: 31px; margin: 0 24px 0 0; width: 104px; }
#contact #banner h2 { width: 309px; }
#contact #banner h2.number { height: 39px; top: 109px; width: 358px; }
#contact #banner-text { width: 336px; }
#contact #banner-text p { margin-top: 25px; }
#contact #banner form { display: block; float: right; height: 208px; margin: 48px 48px 0 0; overflow: visible; padding: 0; position: relative; width: 352px; }
#contact #banner #email { display: block; float: left; height: 24px; margin: 0 0 8px 0; padding: 8px 0 0 8px; width: 344px; }
#contact #banner #name { display: block; float: left; height: 24px; margin: 0 0 8px 0; padding: 8px 0 0 8px; width: 344px; }
#contact #banner form textarea { clear: both; display: block; float: left; height: 110px; overflow: auto; padding: 8px 0 0 8px; width: 344px; }
#contact #banner #submit { display: block; height: 31px; left: 250px; position: absolute; text-indent: -4096px; top: 255px; width: 104px; //margin-top: 40px;}
#contact #sidebar h3 { margin: 0 0 16px 0; }
#contact div.location { display: block; float: left; margin: 0 0 16px 0; padding: 12px 0 12px 0; width: 288px; }
#contact div.location p { clear: both; display: block; float: left; margin: 6px 24px 6px 24px; }
#contact #sidebar p { clear: both; display: block; float: left; width: 360px; }
/* typography */
body { font: 14px arial, sans-serif; }
#header a.email { font-size: 12px; text-decoration: none; }
#banner #banner-text p { font: 14px arial, sans-serif; }
#main ul li h2 { font: bold 18px arial, sans-serif; }
#main ul li p { line-height: 145%; }
#sidebar h2 { font: bold 18px arial, sans-serif; }
#main blockquote p { line-height: 145%; }
#main blockquote p.who { font-weight: bold; }
p.copyright { text-align: center; font-size: 11px;}
p.copyright a { text-decoration: none; color: #4c4c4c;}
p.copyright a:hover { text-decoration: underline;}
#about #main h2 { font: bold 18px arial, sans-serif; }
#about #main p { line-height: 145%; }
#about #sidebar ul li { line-height: 145%; }
#work #content h2 { font: bold 18px arial, sans-serif; text-align: center; }
#work #content p { line-height: 145%; }
#contact #banner #email,
#contact #banner form textarea { font: 14px arial, sans-serif; }
#contact #sidebar h3 { font: 18px arial, sans-serif; }
#contact #sidebar .location p { font: bold 14px arial, sans-serif; text-transform: uppercase; }
#contact #sidebar .area { font: 12px arial, sans-serif; text-transform: none;}
#contact #sidebar p { line-height: 145%; }
/* decoration */
body { background: url(../images/body.jpg) repeat-x #f3f3f3; color: #2e2e2e; }
a { color: #00f; }
a:visited { color: #00f; }
#header { background: url(../images/header.jpg); margin-top: -10px; }
#header h1 { background: url(../images/logo.jpg); margin-top: -10px; //margin-top: 0px;}
#header a.email { background: url(../images/email.gif) no-repeat center left; color: #2e2e2e; }
#header ul li a.home { background: url(../images/menu.png); }
#header ul li a.home:hover { background: url(../images/menu.png) 0 -32px; }
#home ul li a.home { background: url(../images/menu.png) 0 -64px; }
#header ul li a.about { background: url(../images/menu.png) -80px 0; }
#header ul li a.about:hover { background: url(../images/menu.png) -80px -32px; }
#about ul li a.about { background: url(../images/menu.png) -80px -64px; }
#header ul li a.work { background: url(../images/menu.png) -157px 0; }
#header ul li a.work:hover { background: url(../images/menu.png) -157px -32px; }
#work ul li a.work { background: url(../images/menu.png) -157px -64px; }
#header ul li a.contact { background: url(../images/menu.png) -228px 0; }
#header ul li a.contact:hover { background: url(../images/menu.png) -228px -32px; }
#contact ul li a.contact { background: url(../images/menu.png) -228px -64px; }
#banner { background: url(../images/banner.jpg); }
/*#contact #banner { background: url(../images/contactbanner.jpg); }*/
#banner h2 { }
#banner #banner-text p { color: #fff; }
#banner a.button { }
#banner a.prev { background: url(../images/arrow-prev.png); cursor: pointer; }
#banner a.prev:hover { background: url(../images/arrow-prev.png) -26px; }
#banner a.next { background: url(../images/arrow-next.png); cursor: pointer; }
#banner a.next:hover { background: url(../images/arrow-next.png) -26px; }
#content { background: url(../images/shade.jpg) no-repeat center top; }
#main { background: url(../images/main.jpg) repeat-y; }
#main span.end { background: url(../images/main-end.jpg) no-repeat center bottom; }
#sidebar ul li.step1 { background: url(../images/1.gif) no-repeat center left; }
#sidebar ul li.step2 { background: url(../images/2.gif) no-repeat center left; }
#sidebar ul li.step3 { background: url(../images/3.gif) no-repeat center left; }
#main ul li { background: url(../images/bullet.png) no-repeat center left; }
#main blockquote { border: 0px groove #e6e6e6; padding: 10px; margin: 10px 0px 0px 40px;}
#main blockquote p.open { position: absolute; margin: -25px; float: left; width: 36px; height: 31px; //margin: -25px 0px 0px -395px;}
#main blockquote p.close { position: absolute; float: left; width: 36px; height: 31px; }
#main blockquote p {margin: -15px 5px 5px 5px; padding: 5px;}
#footer a.top { background: url(../images/arrow-up.gif) no-repeat center; }
#about #banner h2 { }
#about #banner a.avatar { }
#about #main ul li a { cursor: pointer; }
#about #main ul li a.vimeo { background-position: -26px; }
#about #main ul li a.delicious { background-position: -52px; }
#about #main ul li a.lastfm { background-position: -78px; }
#about #main ul li a.linkedin { background-position: -104px; }
#about #main ul li a.technorati { background-position: -130px; }
#about #main ul li a.facebook { background-position: -156px; }
#about #main ul li a.flickr { background-position: -182px; }
#about #main ul li a.blogger { background-position: -208px; }
#about #sidebar ul li { background: none; }
#about #sidebar a.follow { }
#work #banner h2 { }
#work #banner a.button { background: url(../images/launch-top.png); }
#work #content { background: url(../images/shade-work.jpg) no-repeat center top; }
#work #content div.dark { background: #e0e0e0; border-bottom: 1px solid #c8c8c8; text-align: justify;}
#work #content a.launch { background: url(../images/launch.png); }
#work #content #head {font-weight: bold; font-size: 16px; margin: 25px 0px 0px 25px;}
#work #content #portland {margin: 15px 0px 0px 25px;}
#work #content #saco {margin: 0px 0px 0px 25px;}
#work #content #bangor {margin: 0px 0px 0px 25px;}
#work #content #info {margin: 15px 0px 0px 25px; font-size: 12px; font-weight: bold;}
a, a:visited {color: #000000;}
a:hover {color: #0356a6;}
.testimonial { clear: both; text-align: center; font-size: 11px;}
#contact #banner h2 { background: url(../images/stay.gif); }
#contact #banner h2.number { }
#contact #banner #email { background: url(../images/field-email.jpg) no-repeat; border: 0; color: #fff; font-weight: bold; }
#contact #banner #name { background: url(../images/field-email.jpg) no-repeat; border: 0; color: #fff; font-weight: bold;}
#contact #banner form textarea { background: url(../images/field-message.jpg) no-repeat; border: 0; color: #fff; font-weight: bold; }
#contact #banner #submit { background: url(../images/sendemail.png); border: 0; cursor: pointer; padding: 0; }
#contact #main p { margin: 0px; }
#contact #sidebar h3 { color: #3d3d3d; }
#contact #sidebar .location { background: #fff; border: 1px solid #e6e6e6; border-bottom: 1px solid #d4d4d4; border-top: 0; }
#contact #sidebar .location p { color: #5c5c5c; }
#contact #sidebar p { color: #474747; }
/* image-replacement */
.hide { display: block; text-indent: -4096px; }
img { border: 0px; margin-top: 1px; margin-left: 1px;}
#work #news div {width: 87%; margin-left: 50px; border: 0px solid #000000;}
#toplinx {text-align: center;}
#bottomlinx {text-align: center;}
.newspost {}
.posttitle {font-size: 18px; font-family: "arial rounded mt bold";}
.postinfo {font-size: 12px;}
#home #banner #toplinx {display: none;}
#home #banner #bottomlinx {display: none;}
#home #banner .postinfo {display: none;}
#home #banner #news div {margin: 0px; border: 1px solid #000000;}
#home #banner .posttitle {margin: 0px;}
#home #banner .blogpost {padding: 0px;}
#work #content #toplinx {display: none;}
#banner #featured { display: block; height: 300px; width: 430px; position: absolute; top: 10px; left: 10px;}
#img { background-image: url(../images/smallbanner.jpg) no-repeat; width: 430px; height: 300px;}
iframe {border: 0px; overflow: hidden;}
.newspost {font-variant: normal; margin-top: -15px;}