/* CSS Reset v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6,  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;font-family:"Gotham Book",Helvetica,Arial,Verdana,sans-serif;color:#f2f2f2;}
html, body {color:#f2f2f2;height:100%;width:100%;}
body{background:#111;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
a{cursor:pointer;}

#wrapper{background:transparent;position:relative;background:#111;width:100%;height:600px;overflow:hidden;}
#head{height:40px;border-bottom:1px #333 solid;}
#logo{float:left;margin:9px 0 0 9px;}
#home{position:absolute;top:11px;right:86px;display:none;}
ul.subnav li a:hover,#home:hover{opacity:0.8;}
span#nohome{float:right;margin:10px 10px 0 0;}

#footer{border-top:1px #333 solid;text-align:right;font-size:10px;height:25px;background:#111;}

.main{position:absolute;width:50%;z-index:100;display:none;}
.main.big{overflow-y:auto;}

#about{top:0;left:0;height:50px;background:#027438;}
#portfolio{top:0;right:0;height:50px;background:#76787f;}
#services{bottom:0;left:0;height:50px;background:#00549a;}
#contact{bottom:0;right:0;height:50px;background:#202427;}

a.nav{position:absolute;display:block;padding:10px 20px;font-size:50px;text-decoration:none;font-family:"Gotham ExtraLight", Helvetica, Arial, sans-serif;}
a.nav:hover{opacity:0.7;}

#about a.nav{bottom:0;right:0;cursor: se-resize;background:transparent url('./images/expand_se.png') no-repeat bottom right;text-align:right;}
#portfolio a.nav{bottom:0;left:0;cursor: sw-resize;background:transparent url('./images/expand_sw.png') no-repeat bottom left;}
#services a.nav{top:0;right:0;cursor: ne-resize;background:transparent url('./images/expand_ne.png') no-repeat top right;text-align:right;}
#contact a.nav{top:0;left:0;cursor: nw-resize;background:transparent url('./images/expand_nw.png') no-repeat top left;}

#about.big a.nav{cursor: nw-resize;}
#portfolio.big a.nav{cursor: ne-resize;}
#services.big a.nav{cursor: sw-resize;}
#contact.big a.nav{cursor: se-resize;}

.area{display:none;font-size:14px;color:#fff;padding:75px;height:49%;overflow:hidden;}
.area a:hover{color:#aaa;}

#about .area{padding:20px;}
#portfolio .area{padding:20px;}
#services .area{padding:60px 20px 20px 20px;}
#contact .area{padding:90px 20px 20px 20px;}

#contact #contactinfo{float:left;margin-right:60px;}
#contact .area #contactform{width:555px;float:left;padding:0 20px 20px 0;}

#contactform fieldset{text-align:left;}
#contactform fieldset legend{padding:0 5px;color:#333;}
#form{width:595px;height:318px;}

#contactform label,
#contactform input,
#contactform textarea,
#contactform input#submit{display:block;float:left;border:1px #fff solid;background:transparent;color:#fff;font-family:Helvetica,Arial,Verdana,sans-serif;font-size:12px;}
#contactform label{clear:left;width:75px;padding-right:10px;border:0;margin-bottom:10px;}
#contactform input{width:300px;padding:2px;}
#contactform textarea{width:460px;padding:2px;height:175px;}
#contactform input#submit{padding:2px;margin-left:85px;width:50px;text-align:center;margin-top:3px;cursor:pointer;font-weight:bold;}
#contactform input#submit:hover{background:#fff;color:#202427;}

h2{margin:0 0 2px 0;}
p{margin:0 0 17px 0;}
ul{margin:0 0 20px 0;}
#about .area p{width:400px;}

#logo h1{display:inline;font-weight:normal;}
#logo h1 a{text-decoration:none;font-family:"Gotham Book", Helvetica, Arial, sans-serif;}
#logo, #logo span{font-family:"Gotham Light", Helvetica, Arial, sans-serif;}
#logo span.divider1{color:#027438;}
#logo span.divider2{color:#00549a;}

ul.subnav{position:absolute;top:12px;z-index:400;display:none;}
ul.subnav li{display:inline;float:left;width:15px;height:15px;margin-left:4px;}
ul.subnav li a{height:100%;width:100%;background:#f20;display:block;text-decoration:none;}
ul.subnav li a.re_about{background:#027438;}
ul.subnav li a.re_portfolio{background:#76787f;}
ul.subnav li a.re_services{background:#00549a;}
ul.subnav li a.re_contact{background:#202427;}
#head ul.subnav{right:10px;}

ul#projects{width:510px;float:right;margin-bottom:10px;}
ul#projects li{width:75px;height:75px;overflow:hidden;margin-left:10px;display:inline;float:left;margin-bottom:10px;}
ul#projects li a{opacity:0.7;}
ul#projects li a:hover{opacity:1.0;}
ul#projects li a img{width:200px;height:131px;margin-left:-30px;}
ul#projects li a.prjop{opacity:1.0;}

#portfolio{clear:right;float:right;width:500px;}

.entry{display:none;width:510px;float:right;}

#p_image{width:400px;height:266px;float:left;background:#111;overflow:hidden;}
#p_image img{width:100%;height:100%;}

.entry h2{color:#bbb;font-size:18px;font-weight:normal;margin-bottom:5px;}
.entry p{text-align: justify; text-justify: newspaper;margin-bottom:10px;}
.entry p.design{text-align:right;margin-bottom:5px;color:#aaa;font-size:10px;}
.entry p.design a{color:#ccc;font-size:10px;text-decoration:none;}
.entry p.design a:hover{color:#444;}
p.visitsite{text-align:right;}
p.visitsite a{color:#444;font-size:16px;text-decoration:none;font-weight:bold;margin-top:5px;}

noscript{width:100%;height:90%;position:absolute;top:0;left:0;padding-top:5%;margin-top:41px;z-index:10000;font-size:150px;color:#ff0066;font-weight:bold;text-align:right;background: #000 url('./images/abg.png');line-height:150px;}
noscript span.one{color:#06f;font-size:175px;display:block;}
noscript span.two{color:#0d0;font-size:200px;text-decoration: blink;display:block;margin-top:20px;}

#debug{color:#092;}