@charset "utf-8";

* { margin:0; padding:0; }
html { height:100%; overflow:auto; }
body { background-image:url(../images/bg.png); color:#909aa3; font:0.78em "Trebuchet MS", Helvetica, sans-serif; height:100%; }
h1 { background:url(../images/logo.jpg) 0 0 no-repeat; width:193px; height:128px; left:50%; top:43px; margin:0 0 0 -410px; text-indent:-10000px; overflow:hidden; position:absolute; z-index:2; }
h1 a { width:193px; height:128px; position:absolute; top:0; left:0; }
h3 { color:#FFF; }
img { border:none; }
a { color:#666666; }

#wrapper { width:100%; height:100%; background:url(../images/bigbg.jpg) center top; }

#nav { width:185px; height:11px; position:absolute; top:150px; left:50%; margin:0 0 0 215px; z-index:2; }
#nav a { height:11px; float:left; overflow:hidden; background-position:0 0; background-repeat:no-repeat; display:block; text-indent:-10000px; font-size:1px; position:relative; }
#nav a:hover { background-position:0 -11px; }
#nav a.active { background-position:0 -11px; }
#nav b { background:url(../images/navseperator.png) 0 5px no-repeat; display:block; float:left; width:2px; height:11px; margin:0 10px 0 9px; font-size:1px; }
#home { background-image:url(../images/home.png); width:37px; }
#portfolio { background-image:url(../images/portfolio.png); width:53px; }
#services { background-image:url(../images/services.png); width:53px; }

#maincontainer { background:#d6f0fd url(../images/whitegradient.png) 0 0 repeat-x; margin:0 auto; padding:3px 10px; width:800px; min-height:400px; position:relative; top:180px; z-index:1; } /* IE */
#maincontainer i { display:block; position:absolute; z-index:0; font-size:1px; }

#content { background-color:#30353a; position:relative; min-height:400px; z-index:2; }
#content b { color:#fff; font-weight:normal; }
#content p { width:346px; margin:0 0 13px 10px; position:relative; line-height:1.15em; }
#content p.contact { line-height:1.5em; }
#content h2 { width:362px; height:24px; font-size:1px; padding:10px 0 10px; text-indent:-10000px; position:relative; }
#content #welcome { background:url(../images/welcome.png) 0 10px no-repeat; }
#content #hello { background:url(../images/sayhello.png) 0 10px no-repeat; margin-top:40px; }
#content #elegantdesign { background:url(../images/elegantdesign.png) 0 10px no-repeat; }
#contact a { text-decoration:none; }
#contact a:hover { text-decoration:underline; }

#fadeingdiv.loading { background:#30353a url(../images/ajax-loader.gif) center center no-repeat; }

#mostrecent { background:url(../images/mostrecent.jpg) 0 0 no-repeat; width:438px; height:400px; position:absolute; top:0; right:0; }
#mostrecent a { display:block; position:absolute; left:44px; top:71px; width:151px; height:165px; overflow:hidden; text-indent:-10000px; }
#mostrecent a b { width:129px; height:12px; background:url(../images/recentarrow.png) 0 0 no-repeat; overflow:hidden; position:absolute; left:0; top:153px; font-size:1px; }
#mostrecent a:hover b { background-position:0 -12px; }

.pitem { width:140px; height:368px; padding:16px 10px; float:left; background:url(../images/portfoliobgs.png) 0 0 no-repeat; }
a#previous, a#next { position:absolute; bottom:8px; width:42px; height:42px; overflow:hidden; background-position:0 0; background-repeat:no-repeat; text-indent:-10000px; }
a#previous { left:5px; background-image:url(../images/leftarrow.png); }
a#previous:hover { background-position:0 -42px; }
a#next { right:5px; background-image:url(../images/rightarrow.png); }
a#next:hover { background-position:0 -42px; }
a#previous b, a#next b { position:absolute; top:0; left:0; width:42px; height:42px; }
a#previous b { background:url(../images/leftarrow.png) 0 -42px no-repeat; }
a#next b { background:url(../images/rightarrow.png) 0 -42px no-repeat; }

#requestquote { position:absolute; width:346px; top:45px; right:39px; }
#requestquote p { margin:0 0 13px 0; }

#name { float:left; width:181px; padding:0 0 17px 0; }
#email { float:left; width:165px; padding:0 0 17px 0; }
#message { clear:both; width:364px; }
#submit { width:364px; }

#service input, #service textarea { display:block; background-color:#232426; border:1px solid #5e656b; color:#FFF; font-family:"Trebuchet MS", Helvetica, sans-serif; padding:1px 2px; margin:2px 0 0; }
#service input { width:163px; }
#service input#sendmail { border:1px solid #232426; width:100px; float:right; position:relative; top:10px; right:15px; }
#service textarea { width:344px; height:88px; font-size:0.9em; letter-spacing:1px; }
#service { color:#FFF; }
#service p#log { padding:13px 0 0 2px; font-size:0.8em; letter-spacing:1px; width:217px; }
#service b { color:#C33; }
#service p#log.error { color:#F33; font-size:1.05em; font-weight:bold; }
#service span.error { color:#F33; font-size:1.1em; font-weight:bold; }
#service span.success { font-size:1.1em; font-weight:bold; }

#code { color:#9b9d9e; font:0.8em Verdana, Geneva, sans-serif; position:absolute; bottom:-25px; left:10px; z-index:2; }
#code a, #copy a { color:#bbbdbe; text-decoration:none; }
#code a:hover, #copy a:hover { color:#fff; }
#copy { color:#9b9d9e; font:0.8em Verdana, Geneva, sans-serif; position:absolute; bottom:-25px; right:10px; z-index:2; }

.pitem:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.tip { background:#30353a url(../images/portfolio/tips/bg.png) 0 0 no-repeat; width:800px; height:400px; position:absolute; top:0; left:0; z-index:4; }
.tip .page { width:354px; height:354px; position:absolute; top:19px; left:19px; }
.tip h3, #content .tip p, .tip span { display:block; margin:0 0 0 410px; }
.tip h3 { font-size:1.9em; font-weight:normal; margin:29px 0 18px 410px; }
#content .tip p { font-size:1em; line-height:1.3em; }
#content .tip p i { font-style:normal; color:#bebfbf; display:inline; font-size:1em; position:relative; z-index:auto; }
.tip span a { text-decoration:none; color:#d3d3d3; }
.portlink { font-size:1.1em; font-weight:bold; }
.tip span a:hover { color:#fff; }

#formpop { position:fixed; bottom:30px; left:-400px; z-index:10; }
form#upload label { background:#65a9f2; display:block; float:left; vertical-align:top; width:100px; text-align:right; padding:1px 7px 1px 3px; color:#FFF; }
form#upload li { list-style:none; padding:5px 0; clear:both; }
form#upload textarea { width:218px; }
form#upload #go { width:60px; margin:0 0 0 110px; }