body, h1, h2, h3, h4, h5, h6, address, blockquote, li, ul, dd, dl, hr, p {
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

body {
font-family: helvetica, sans-serif, verdana;
background-color: #fff;
color: #000;
font-size: 16px;
line-height: 16px;
}

a {
color: #0066a4;
text-decoration: none;
outline:none;
}

a:hover {
color: #0066a4;
text-decoration: underline;
cursor: pointer;
}

.nohover:hover {
text-decoration: none;
}

a:active {
outline:none;
}

:focus {
-moz-outline-style:none;
}

#preload {
display: none;
position: absolute;
left: 9999px;
}

/* —————————————————————— 01a - Main Navigation —————————————————————— */

.inactive {
text-decoration: line-through;
}

#main_nav li.header {
margin: 0;
text-align: right;
padding: 0 0 0 1px;
background: rgb(255,255,255);
background: rgba(255,255,255,0);
border: none;
font-weight: bold;
color: #000;
height: 60px;
list-style-type: none;
width: 210px;
cursor: pointer;
}

#main_nav li.header:hover {
background: rgb(255,255,255);
background: rgba(255,255,255,0);
}

#main_nav li.header.active {
background: rgb(255,255,255);
background: rgba(255,255,255,0);
}

#headerTXT {
float: right;
padding: 24px 0 0 0;
}

#headerIMG {
float: left;
width: 54px;
height: 36px;
background-image: url('images/6ft6.png');
background-repeat: no-repeat;
padding: 0 0 0 10px;
margin: 12px 0 0 15px;
}

#title {
position: absolute;
z-index: 10;
height: 36px;
text-align: left;
top: 0;
left: 212px;
padding: 24px 20px 0 0;
}

#topbar {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 59px;
z-index: 8;
border-top: 1px solid #000;
background: #fff;
}

/* —————————————————————— 01b —————————————————————— */

#sidebar {
position: absolute;
float: left;
z-index: 10;
width: 168px;
}

#main_nav {
padding: 0px !important;
margin: 0px !important;
}
	
#main_nav li {
color: #000;
height: 44px;
list-style-type: none;
padding: 6px 10px 3px 0;
margin: 0 150px 0 10px;
width: 190px;
cursor: pointer;
border-top: 1px solid #000;
background: rgb(255,255,255);
background: rgba(255,255,255,.8);
}

#main_nav li.first {
padding: 5px 10px 4px 10px;
margin: 0 150px 0 0;
border-top: 2px solid #000;
height: 43px;
}

#main_nav li.first:hover, #main_nav li.first.active {
background-image: url('images/firstbghover.png');
background-repeat: no-repeat;
}
	
#main_nav li:hover {
background: rgb(255,255,0);
background: rgba(255,255,0,.5);
}
	
#main_nav li.active {
background: rgb(255,255,0);
background: rgba(255,255,0,1);
}
	
#main_nav img {
margin: 0 auto;
}

.project {
margin: 0 0 3px 0;
font-size: 16px;
}

.copyhead {
margin: 0 0 3px 0;
font-size: 16px;
}

.proj_sub {
font-size: 12px;
}

.category {
margin: 12px 0 0 0;
}

.navTXT {
float: left;
padding: 5px 0 0 10px;
}

/* —————————————————————— 01c —————————————————————— */

#main_nav li.cat {
padding: 2px 10px 7px 10px;
margin: 0 150px 0 0;
height: 43px;
border-top: 2px solid #000;
background: rgb(235,235,235);
background: rgba(222,222,222,.8);
}

#main_nav li.cat:hover {
background: rgb(255,255,0);
background: rgba(255,255,0,.4);
}

#main_nav li.cat.active {
background: rgb(255,255,0);
background: rgba(255,255,0,1);
}

/* —————————————————————— 02a - Main Gallery —————————————————————— */

#container, #containerBG {
position: absolute;
z-index: 8;
top: 0;
left: 0;
padding: 0px 0 0 0;
width: 100%;
height: 760px;
}

#containerBG {
z-index: 4;
}

#stage, #stageBG {
position: relative;
overflow: hidden;
padding: 0 0 0 0;
margin: 0 auto;
width: 1260px;
height: 708px;
}

#pages, #pagesBG {
position: absolute;
height: 20000em;
}

.page, .pageBG {
position: relative;
width: 1260px;
height: 708px;
}

.scrollable, .scrollableBG {
position:relative;
overflow:hidden;
width: 1260px;
height: 708px;
}

.scrollable .items, .scrollableBG .itemsBG {
width: 20000em;
position: absolute;
clear: both;
}

.item, .itemBG {
position: relative;
float: left;
width: 1260px;
height: 708px;
}

.unscrollable, .unscrollableBG {
position:relative;
overflow:hidden;
width: 1260px;
height: 708px;
}


/* —————————————————————— 02b - The Goods, Foreground —————————————————————— */

.screen {
position: absolute;
top: 90px;
left: 242px;
z-index: 2;
}

.full {
position: absolute;
top: 60px;
left: 0px;
z-index: 6;
}

.full2 {
position: absolute;
top: 60px;
left: 0px;
z-index: 2;
}

#moon {
position: absolute;
top: 45px;
right: 105px;
z-index: 8;
}

#modal01 {
position: absolute;
top: 30px;
left: 504px;
z-index: 6;
}

#modal02 {
position: absolute;
top: 438px;
left: 420px;
z-index: 6;
}

.TL {
position: absolute;
top: 70px;
left: 210px;
z-index: 8;
}

.TR {
position: absolute;
top: 70px;
right: 50px;
z-index: 8;
}

.BL {
position: absolute;
bottom: 10px;
left: 210px;
z-index: 8;
}

.BR {
position: absolute;
bottom: 10px;
right: 50px;
z-index: 8;
}

.hello {
position: absolute;
padding: 10px 10px 10px 13px;
color: #000;
font-size: 108px;
font-weight: bold;
line-height: 97px;
z-index: 10;
width: 400px;
background: rgba(255,255,255,.6);
top: 116px;
left: 630px;
}

.launch {
position: absolute;
padding: 14px 10px 10px 10px;
margin: 0;
font-size: 16px;
line-height: 14px;
color: #000;
text-align: center;
z-index: 10;
width: 188px;
border: 1px solid #000;
background: rgb(235,235,235);
background: rgba(222,222,222,.8);
top: 583px;
right: 0;
z-index: 4;
}

.launch:hover {
border: 1px solid #000;
background: rgb(255,255,0);
background: rgba(255,255,0,.4);
}

/* —————————————————————— 02c - The Goods, Background —————————————————————— */

#homeBG {
position: absolute;
z-index: 4;
top: 113px;
left: 230px;
}

.iMac {
position: absolute;
top: 60px;
left: 211px;
}

/* —————————————————————— 03 - Additional Elements —————————————————————— */


.col01p01a {
position: absolute;
padding: 11px 10px 10px 10px;
margin: 0;
border-top: 1px solid #000;
color: #000;
font-size: 12px;
line-height: 18px;
z-index: 10;
width: 400px;
background: rgba(255,255,255,.6);
top: 222px;
left: 630px;
}

.col01p01b {
position: absolute;
padding: 10px 10px 10px 10px;
margin: 0;
border-top: 2px solid #000;
color: #000;
font-size: 12px;
line-height: 18px;
z-index: 10;
width: 400px;
background: rgba(255,255,255,.6);
top: 438px;
left: 630px;
}

.col03 {
position: absolute;
padding: 10px 10px 10px 10px;
margin: 0;
color: #000;
font-size: 12px;
line-height: 18px;
z-index: 10;
width: 190px;
border-top: 1px solid #000;
background: rgba(255,255,255,.4);
top: 168px;
right: 630px;
}

.col04 {
position: absolute;
padding: 10px 10px 10px 10px;
margin: 0;
color: #000;
font-size: 12px;
line-height: 18px;
z-index: 10;
width: 190px;
border-top: 1px solid #000;
background: rgba(255,255,255,.4);
top: 168px;
right: 420px;
}

.col05 {
position: absolute;
padding: 10px 10px 10px 10px;
margin: 0;
color: #000;
font-size: 12px;
line-height: 18px;
z-index: 10;
width: 190px;
border-top: 1px solid #000;
background: rgba(255,255,255,.4);
top: 168px;
right: 210px;
}

.col06 {
position: absolute;
padding: 10px 10px 10px 10px;
margin: 0;
color: #000;
font-size: 12px;
line-height: 18px;
z-index: 10;
width: 190px;
border-top: 1px solid #000;
background: rgba(255,255,255,.4);
top: 168px;
right: 0;
}

.sub_nav {
position: absolute;
top: 131px;
right: 0;
padding: 0 0 0 0;
height: 20px;
width: 210px;
z-index: 4;
}

.sub_nav a {
width: 20px;
height: 20px;
float: left;
margin: 0 2px 0 8px;
background: url('images/navigator.png') 0 0 no-repeat;
display: block;
font-size: 1px;
}

.sub_nav a:hover {
background: url('images/navigator2.png') 0 0 no-repeat;      
}

.sub_nav a.active {
background: url('images/navigator3.png') 0 0 no-repeat;     
} 

#keys {
position: absolute;
bottom: 45px;
right: 0;
z-index: 10;
height: 52px;
width: 220px;
background-image: url('images/keys.png');
background-repeat: no-repeat;
}

#keys:hover {
background-image: url('images/keyshover.png');
}

#copyright {
position: absolute;
font-size: 10px;
bottom: 15px;
right: 20px;
}

#cred {
position: absolute;
font-size: 10px;
bottom: 15px;
left: 20px;
}

#corners {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
min-width: 1260px;
min-height: 760px;
}

/* —————————————————————— 04 - Contact Form —————————————————————— */

#contact-form {
position: absolute;
z-index: 10;
height: 36px;
text-align: left;
top: 0;
right: 0;
padding: 24px 20px 0 0;
}

#contact-form:hover {
color: #000;
}

#contact-form a {
color: #000;
}

#contact-form a:hover {
color: #000;
text-decoration: underline;
}

#contact-overlay {
background-color:#000; 
cursor: default;
}

#contact-container {
text-align:left; 
width:450px;
}

#contact-container .contact-content {
background-color:#fff; 
color:#000; 
height:40px;
}

#contact-container h1 {
color:#555;
margin: 0 0 0 110px; 
font-size: 16px;
font-weight: bold;
padding: 16px 0 16px 0; 
text-align:left;
}

#contact-container .contact-loading {
background:url(images/ajax-loader.gif) no-repeat; 
height: 31px;
width: 31px; 
top: 20px;
left: 210px;
padding:0; 
position:absolute; 
z-index:8000;
}

#contact-container .contact-message {
text-align:center;
}

#contact-container .contact-error {
background:#ffff00; 
font-size: 12px;
border:1px solid #555;
margin:0 0 0 110px; 
padding:2px; 
width: 300px;
}

#contact-container br {
clear:both;
}

#contact-container form {
margin:0; 
padding:0;
}

#contact-container label {
clear:left; 
display:block; 
float:left; 
text-align:right; 
font-size: 12px;
width:100px;
padding: 4px 8px 0 0;
}

#contact-container .contact-input {
background: #eee; 
border: 1px solid #555; 
float: left; 
padding: 2px; 
margin: 2px 2px 6px 2px; 
width: 300px;
}

#contact-container textarea {
height:114px;
}

#contact-container .contact-cc {
cursor:default;
font-size: 12px;
}

#contact-container .contact-top {
background-color:#fff; 
height:13px; 
margin:0; 
padding:0; 
-webkit-border-top-left-radius:8px; 
-webkit-border-top-right-radius:8px; 
-moz-border-radius-topleft:8px; 
-moz-border-radius-topright:8px; 
border-radius:8px 8px 0 0;
}

#contact-container .contact-bottom {
background-color:#fff;
height:13px;
-webkit-border-bottom-right-radius:8px; 
-webkit-border-bottom-left-radius:8px; 
-moz-border-radius-bottomright:8px; 
-moz-border-radius-bottomleft:8px; 
border-radius:0 0 8px 8px;
}

#contact-container .contact-button {
background:#555; 
border:0; 
color:#fff; 
cursor:pointer;
height:26px; 
margin:8px 0 0 8px;
text-align:center; 
vertical-align:middle;
}

#contact-container .contact-button:hover {
background:#000;
}

#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {
color:#000; 
font-size:32px; 
font-weight:normal; 
position:absolute; 
text-decoration:none; 
right:12px; 
top:12px;
}

#contact-container a.modal-close:hover {
color:#555;
}