@charset "utf-8";
/* CSS Document */
body						{ margin:0; padding:0 0 0 0; font-family:Tahoma; font-size: 12px; background:#000; color:#fff; height: 100%; }
html						{ margin:0; padding:0; width:100%; height:100%; }
#container { width:100%; height:100%; position:absolute; overflow:auto;  top:0; left: 0;}

h1, h2, h3, h4, h5			{ padding:0; margin:0; font-weight:normal; }
p							{ margin:0; padding:0; line-height:20px; }
a							{ text-decoration:none; color:#fff; font-size:11px;}

.header						{ height:430px;  min-width:900px; position:relative;  background:url(../images/header-bg.jpg) top no-repeat; width:100%; overflow:hidden;  }
.logo						{ position:relative; top:60px; margin:0 auto; width:874px; }
.logo img, .logo img:focus					{ outline:none; border:1px solid transparent; }
.url						{ position:relative; top:60px; width:844px; margin:0 auto; letter-spacing:12px; color:#999; cursor:pointer; }

.nav-strip					{ position:relative; margin-top:3px; margin:0 auto; width:100%; height:30px; overflow:hidden; }

.nav-box					{ width:880px; margin:96px auto 0 auto; height:30px; position:relative; padding:0 0 0 10px; }
.nav-box a, 
.port-reach a				{ color:#999; padding:8px 18px; position:relative; top:7px; letter-spacing:1px; 
								background:#333 url(../images/link-bg.jpg); }
.nav-box a:hover, 
.port-reach a:hover, 
a.active					{ background:#690 url(../images/link-bg2.jpg); color:#fff; }
.port-reach					{ position:absolute; left:680px; top:0; display:block; height:30px; }
.space						{ display:block; width:319px; height:31px; background:url(../images/space.jpg); position:absolute; top:-2px; right:-290px; }
.space2						{ display:block; width:307px; height:31px; background:url(../images/space.jpg); position:absolute; top:-2px; left:370px; }

.content-box				{ position:relative; margin:0 auto 0 auto; width:845px; } /* Holds Content that slides */

.content-box h3				{ font-size:27px; color:#0f9; padding:7px 0; font-family:Arial; letter-spacing:1px; }
.content-box p				{ letter-spacing:1px; line-height:18px; color:#FFF; width:250px; position:absolute; top:50px; left:10px; }
.content-box img			{ position:absolute; top:20px; left:470px; }
form						{ position:relative; }
#name						{ position:absolute; top:12px; left:51px; outline:none; width:135px; height:16px; font-size:13px; background:transparent; border:none; }
#email-ad					{ position:absolute; top:33px; left:51px; outline:none; width:135px; height:16px; font-size:13px; background:transparent; border:none; }
#note						{ position:absolute; top:60px; left:51px; outline:none; width:135px; height:70px; background:transparent; border:none; font-family:Tahoma; }
#btn						{ position:absolute; top:110px; left:200px; background:transparent; border:none; font-size:13px; width:60px;  }

.footer						{ height:323px; width:100%; background:#333 url(../images/footer.jpg) center top no-repeat; min-width:900px; position:relative;  }
.note						{ position:relative; top:75px; width:315px; margin:0 auto; line-height:18px; }
.sn							{ position:relative; top:88px; width:340px; margin:0 auto; }
.sn img						{ margin:0 4px 0 0; outline:none; border:none; }
.logo-copyright				{ position:relative; top:100px; width:900px; margin:0 auto; }
.logo-copyright span		{ display:block; position:absolute; width:170px; top:0; right:0; letter-spacing:1px; font-family:Arial; color:#0f9; }
.logo-copyright h2			{ font-size:14px; padding:2px 0; color:#fff; }
.logo-copyright span img	{ float:left; margin:0 8px 0 0; }

.gui						{ background-image:url(../images/gui-bg.jpg); }
.web						{ background-image:url(../images/web-design.jpg); }
.folio						{ background-image:url(../images/folio.jpg); }
.flash-box					{ top:-10px; padding:0; width:590px; }
.swf							{ outline:1px solid #000;  }
.swf:focus						{ outline:1px solid #000; }
.portfolio-nav				{ top:318px; z-index:100; position:relative; }
.portfolio-nav-box			{ z-index:110; margin:1px auto 0 auto; height:30px; position:relative; padding:0 0 0 10px; }
.folio-logo						{ position:relative; top:10px; margin:0 auto; width:874px; }
.folio-url					{ top:13px; }


        /* ---------------------------------------------------------- */
        /* LIGHTBOXES
        /* ---------------------------------------------------------- */
        #lightboxes {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        list-style-type: none;
        overflow: hidden;
        text-align: left;}

        #lightboxes li {
        width: 100%;
        height: 3000px;
        position: relative;
        background: rgba(0,0,0,.8);}

        #lightboxes .box {
        position: absolute;
        width: 260px;
        height: 248px;
        left: 50%;
        top: 50px;
        border: 10px solid #666;
        margin-left: -90px;
        background: url(../images/reach-us-bg.jpg) no-repeat;
        padding: 20px;
		z-index: 1;}
		
.inside #name						{ top:26px; }
.inside #email-ad					{ top:47px; }
.inside #note						{ top:73px; }
.inside #btn						{ top:123px;  }

        #lightboxes #close {
        background-color: transparent;
        z-index: -1;}

        /* ---------------------------------------------------------- */
        /* PRETTY STUFF
        /* ---------------------------------------------------------- */

        
        a { 
        color: #09F;}

        h2 {
        font-weight: normal;}

        p {
        margin: 0 0 1.6923em 0;}        
       

        

        
        #lightboxes h3 {
        font-weight: normal;
        font-size: 1.8461em;
        margin: 0 0 10px 0;}
        
        #lightboxes a.close {
        position: absolute;
        top: 20px;
        right: 20px;
        display: block;
        width: 20px;
        line-height: 20px;
        text-align: center;
        background-color: #ddd;
        text-decoration: none;
        font-weight: bold;
        color: #999;
        font-size: 1.2em;}
        
        #lightboxes a.close:hover {
        background-color: #999;
        color: #fff;}