@charset "utf-8";body {font:13px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;background:#292929 url(images/bg.jpg) center top no-repeat; text-align:center;color:#343434}
body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{margin:0px;padding:0px}
a,a:visited{text-decoration:none;outline:none;color:#09F}img{border:none}
*{margin:0;padding:0;outline:none}h1{color:#777;font-size:22px;font-weight:normal;text-transform:uppercase;margin-bottom:5px}
h2{font-weight:normal;font-size:10px;text-transform:uppercase;color:#aaa}
h3{font-weight:normal;font-size:13px;color:#343434}
ul{padding:0;margin:0;list-style-type:none}
ul li{padding:0;margin:0;list-style-type:none}
.fixed #container{width:511px;margin:0 auto;text-align:left}
.fixed #sidebar1{float:left;width:197px}
.fixed #sidebar2{float:right;width:197px}
.fixed #mainContent{margin:60px 0 0 0;width:511px}
#bodyContent{background:url(images/static.gif) 0 50px no-repeat;padding:100px 100px 0 40px;margin:123px 0;height:455px; width:440px;}
#bodyContentwhite{background:url(images/white.jpg) 0 50px no-repeat;padding:100px 100px 0 40px;margin:123px 0;height:455px; width:440px;}
#bodyContentturq  {background:url(images/turq.jpg) 0 50px no-repeat;padding:100px 100px 0 40px;margin:123px 0;height:455px; width:440px;}
#bodyContentprojects{background:url(images/static.jpg) 0 50px no-repeat;padding:100px 100px 0 40px;margin:123px 0;height:455px; width:440px;}
#title{padding:0 0 7px 25px}
#logo{margin:-70px 0 0 -47px; float:left; width:404px;}
#burst{background:url(images/burst.png) no-repeat right 0;margin:-35px 20px 0 0;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px}
#draggable{width:197px;height:388px;margin:220px 0 0 -55%;cursor:move;float:left}
a.home,a.about,a.services,a.projects,a.contact{width:197px;height:36px;display:block;background:url(images/menu.png);overflow:hidden}
a.remotetop{width:197px;height:45px;display:block;background:url(images/menu.png);overflow:hidden;background-position:0 0px;cursor:move}
a.remotebot{width:197px;height:163px;display:block;background:url(images/menu.png);overflow:hidden;background-position:0 -225px;cursor:move}
a.home{background-position:0 -45px}
a.about{background-position:0 -81px}
a.services{background-position:0 -117px}
a.projects{background-position:0 -153px}
a.contact{background-position:0 -189px}
a.home:hover{background-position:-197px -46px}
a.about:hover{background-position:-394px -82px}
a.services:hover{background-position:-591px -118px}
a.projects:hover{background-position:-788px -154px}
a.contact:hover{background-position:-985px -189px}


#footer{width:336px;padding:15px 15px;text-align:right;display:block;position:absolute;bottom:0;right:0}
a.footlink{width:336px;height:17px;display:block;background:url(images/footer.png);overflow:hidden;background-position:0px 0px}
a.footlink:hover{background-position:-336px -17px}


a.xhtmllink,a.csslink{height:28px;width:98px;display:block;background:url(images/valid.png);overflow:hidden}
a.xhtmllink{background-position:0 28px;width:55px;float:right}
a.csslink{background-position:-55px -28px;width:43px;float:right}
a.xhtmllink:hover{background-position:0px 0px}
a.csslink:hover{background-position:-55px 0px}
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 0px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block}
* html .galleria li div span{width:400px}
.caption{color:#fff;float:right;background-color:#323232;border:5px solid #222;margin-right:-335px;margin-top:-400px;padding:10px;text-transform:uppercase;width:220px}
.demo{position:relative} 
.gallery_demo{width:500px;margin:0 0 0 -27px;}
.gallery_demo li{width:68px;height:50px;border:5px solid #222;margin:5px 10px;background:#292929}
.gallery_demo li div{left:340px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif}
#main_image{height:550px;width:511px; margin:-49px 0 0 -39px;}
#main_image img{margin-bottom:0px}
.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase}
.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px}
.info p{margin-top:1.6em}
#form-container{width:400px;margin:0px auto}
td{white-space:nowrap;padding:0 0 4px 0}
label{text-transform:uppercase;font-size:10px;font-family:Tahoma,Arial,Sans-serif}
textarea{color:#404040;font-family:Arial,Helvetica,sans-serif;font-size:12px}
td >button{text-indent:8px}
.error{background-color:#AB0000;color:white;font-size:10px;font-weight:bold;margin-top:10px;padding:10px;text-transform:uppercase;width:240px}
#loading{position:relative;bottom:9px;visibility:hidden}