@charset "utf-8";
body {
text-align:center;
font-family:Arial, Helvetica, sans-serif;
background-color:#F5F5F5;
color:#FFF;
font-size:10px;
}
#apDiv2 {
left:0;
position:absolute;
width:25px;
height:80px;
bottom:40px;
z-index:5;
padding:5px;
}
#wrapper {
width:996px;
text-align:left;
height:668px;
margin:0 auto;
}

h1 {
margin-bottom:.5em;
border-bottom:solid 1px #d9d9d9;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
font-size:180%;
text-indent:5px;
letter-spacing:-1px;
}

img {
text-decoration:none;
border:0;
border-style:none;
}

.thumbnails {
position:absolute;
right:0;
display:block;
height:430px;
z-index:900;
background-color:#06C;
filter:alpha(opacity=90);
opacity:.9;
padding-top:50px;
top:80px;
width:52px;
padding-right:10px;
padding-left:15px;
}

.latest_img {
border-bottom:#FFF 2px solid;
border-left:#FFF 2px solid;
border-top:#FFF 2px solid;
border-right:#FFF 2px solid;
background-color:#FFF;
height:40px;
width:40px;
}

#latest_work {
margin-top:20px;
width:200px;
float:left;
}

#thumbnails {
border-bottom:#363636 1px solid;
border-left:#363636 1px solid;
line-height:20px;
margin-top:7px;
width:110px;
float:left;
border-top:#363636 1px solid;
border-right:#363636 1px solid;
padding:8px;
}

a.trigger {
display:block;
position:absolute;
text-decoration:none;
top:0;
right:1px;
filter:alpha(opacity=80);
opacity:.8;
background:#333 url(../images/plus.png) 15% 55% no-repeat;
width:36px;
background-color:#06C;
background-image:url(../images/plus.png);
height:1px;
border-style:none;
padding:20px;
}

a.trigger:hover {
display:block;
position:absolute;
text-decoration:none;
top:1px;
right:0;
filter:alpha(opacity=90);
opacity:.9;
background:#06C url(../images/plus.png) 15% 55% no-repeat;
width:36px;
border-style:none;
padding:20px;
}

a.active.trigger {
text-decoration:none;
background:#06C url(../images/minus.png) 15% 55% no-repeat;
border-style:none;
}

.border {
border-top:#FFF 1px solid;
width:400px;
height:10px;
}

.slidePanel2 {
width:527px;
position:absolute;
z-index:100;
color:#FFF;
left:539px;
top:131px;
height:300px;
margin:0;
padding:0;
}

.slideHeader2 {
cursor:pointer;
position:relative;
font-size:14px;
opacity:0.6px;
filter:alpha(opacity=60);
background-color:#396;
padding:5px 10px;
}

.slideBody2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#396;
opacity:0.6px;
filter:alpha(opacity=60);
height:350px;
padding:5px 10px 15px;
}

#maincontent_holder {
width:996px;
z-index:2;
height:560px;
position:absolute;
margin-left:auto;
margin-right:auto;
top:31px;
}

#panelContent {
position:absolute;
background:#06C;
filter:alpha(opacity=80);
opacity:.8;
width:400px;
height:420px;
top:0;
left:0;
padding:30px 130px 30px 30px;
}

#pane1 {
width:400px;
height:280px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
text-align:left;
line-height:12pt;
position:fixed;
}

#panelContent2 {
position:absolute;
background:#FF8000;
filter:alpha(opacity=80);
opacity:.8;
width:360px;
height:420px;
top:1px;
left:0;
padding:30px 130px 30px 30px;
}

#panelContent3 {
position:absolute;
background:#096;
filter:alpha(opacity=80);
opacity:.8;
width:500px;
height:480px;
top:1px;
right:0;
background-color:#396;
padding:30px 130px 30px 30px;
}

#panelContent4 {
position:absolute;
background:#096;
filter:alpha(opacity=80);
opacity:.8;
width:500px;
height:480px;
top:1px;
right:0;
background-color:#333;
padding:30px 130px 30px 30px;
}

#panelContent5 {
position:absolute;
background:#096;
filter:alpha(opacity=80);
opacity:.8;
width:500px;
height:480px;
top:1px;
right:0;
background-color:#C06;
padding:30px 130px 30px 30px;
}

.panel_link {
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FF0;
text-decoration:none;
text-align:left;
}

.project {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
text-align:left;
line-height:12pt;
width:400px;
position:absolute;
top:343px;
left:30px;
height:120px;
}

a.projectlink:hover {
color:#0C0;
}

a.projectlink2:hover {
color:#0C0;
text-align:left;
}

a.projectlink3:hover,a.projectlink:visited {
color:#FF0;
text-align:left;
}

.bullets {
font-size:12px;
font-style:normal;
color:#FFF;
font-weight:400;
list-style-position:inside;
margin-right:20px;
}

li.bullets {
text-indent:-1.1em;
margin:0 0 0 1.5em;
padding:0;
}

.holder {
float:left;
margin:10px;
}

.scroll-pane {
width:400px;
float:right;
height:280px;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
text-align:left;
line-height:12pt;
}

.wide {
width:400px;
}

.super-wide {
width:700px;
}

.tall {
height:400px;
}

a.logoGlow {
display:block;
position:absolute;
text-decoration:none;
filter:alpha(opacity=90);
opacity:.9;
float:left;
left:0;
top:-1px;
border-style:none;
}

a.logoGlow2 {
display:block;
position:absolute;
text-decoration:none;
filter:alpha(opacity=90);
opacity:.9;
margin-left:37px;
left:0;
top:-1px;
border-style:none;
}

a.logoGlow3 {
display:block;
position:absolute;
text-decoration:none;
filter:alpha(opacity=90);
opacity:.9;
float:right;
margin-left:74px;
left:0;
top:-1px;
border-style:none;
}

#backgroundPic div img {
float:left;
border-bottom:1px solid #ddd;
margin:20px 0;
padding:10px 0;
}

.footerwrapper? {
min-height:100%;
height:100%;
margin:0 auto -120px;
}

.footer {
display:block;
z-index:960;
width:600px;
background-color:#000;
filter:alpha(opacity=70);
opacity:.7;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-transform:capitalize;
height:15px;
text-align:left;
float:left;
padding-top:7.5px;
padding-left:20px;
}

.Copyright {
clear:both;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:10px;
text-align:left;
width:681px;
bottom:2px;
z-index:5;
height:14px;
position:absolute;
padding-left:20px;
color:#FFF;
font-size:10px;
}

#bottomBar {
background-color:#000;
filter:alpha(opacity=70);
opacity:.7;
position:absolute;
width:700px;
height:35px;
z-index:3;
top:620px;
margin-left:auto;
margin-right:auto;
overflow:visible;
visibility:visible;
}

.email {
color:#FFF;
text-decoration:none;
}

.photos div img {
float:left;
margin:0;
padding:0;
}

*,ul.bullets {
margin:0;
padding:0;
}

h2,h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
}

.infobox,.panel {
position:absolute;
width:400px;
height:420px;
top:80px;
right:0;
padding:30px 130px 30px 30px;
}

a.panel_link:hover,a.panel_link:visited,a.projectlink4:hover,a.projectlink:visited {
color:#FFF;
text-align:left;
}

.projectlink,.projectlink3 {
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FFF;
text-decoration:none;
text-transform:uppercase;
text-align:left;
}

.projectlink2,.projectlink4 {
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FF0;
text-decoration:none;
text-transform:uppercase;
text-align:left;
}

A.jScrollArrowUp:hover,A.jScrollArrowDown:hover {
background-position:0 -15px;
}

A.jScrollActiveArrowButton,A.jScrollActiveArrowButton:hover {
background-position:0 -30px;
}

a.logoGlow:hover,a.logoGlow2:hover,a.logoGlow3:hover {
display:block;
position:absolute;
text-decoration:none;
filter:alpha(opacity=50);
opacity:.5;
color:#FFF;
border-style:none;
}

a.active.logoGlow,a.active.logoGlow2,a.active.logoGlow3 {
text-decoration:none;
border-style:none;
}

#backgroundPic,.photos {
overflow:hidden;
width:996px;
height:668px;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
z-index:3;
background-color:#FFF;
}

.backgroundImage,#backgroundImage {
width:996px;
height:668px;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
z-index:3;
}