/* INITIALIZE */
body, h1, h2, h3, h4, h5, p, ul, li, ul li, table, th, td, form, input,img, a {
margin:0px;
padding:0px;
border:0px;
}

body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
background-color:#fff;
color:#333;
}

#outer {
position:absolute;
top: 50%;
left: 50%;
width:836px;
height:484px;
margin-top: -263px;
margin-left: -439px;
background-image: url(/phpThumb/phpThumb.php?src=/images/portfolio/Snow_2_For_Front_Page_842_x_6142.jpg&w=878&h=526&zc=1&q=95);
background-repeat:no-repeat;
padding:21px;
z-index:10;
}

#portfolioouter {
position:absolute;
top: 50%;
left: 50%;
width:836px;
height:484px;
margin-top: -263px;
margin-left: -439px;
background-color:#5C6569;
padding:21px;
z-index:10;
}

#inner {
position:relative;
z-index:100;
}

#squares {
position:absolute;
z-index:50;
}

.square {
float:left;
background-color:#fff;
width:42px;
height:42px;
margin:1px;
-moz-opacity:0.2;
filter: Alpha(opacity=20);
opacity: .2;
}

#nsalogo {
position:absolute;
left:1px;
top:1px;
z-index:100;
}

#infobox {
position:absolute;
left:1px;
top:221px;
width:192px;
height:236px;
padding:13px;
background-color:#fff;
-moz-opacity:0.85;
filter: Alpha(opacity=85);
opacity: .85;
}

#staffbox {
position:absolute;
left:1px;
top:221px;
width:218px;
height:262px;
}

#portfoliobox {
position:absolute;
left:1px;
top:221px;
width:218px;
height:262px;
}

#projectinfo {
position:absolute;
height:42px;
width:526px;
top:89px;
left:309px;
color:white;
background-image: url(/images/pdarrow.gif);
background-repeat:no-repeat;
}

#projectinfo h1 {
padding-top:3px;
padding-left:20px;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}

#projectinfo h2 {
padding-left:20px;
font-size:10px;
font-weight:normal;
text-transform:uppercase;
}

#projectinfo h3 {
padding-left:20px;
font-size:8px;
font-weight:bold;
text-transform:uppercase;
}

#projectinfo h3 a:link,
#projectinfo h3 a:hover,
#projectinfo h3 a:active,
#projectinfo h3 a:visited {
color:white;
text-decoration:none;
}

#contactbox {
position:absolute;
left:1px;
top:441px;
width:218px;
height:42px;
}

#projectdetails {
position:absolute;
left:89px;
top:441px;
width:95px;
height:32px;
padding:5px;
padding-right:30px;
background-image: url(/images/projectdetails.png);
background-repeat:no-repeat;
}

#navbar {
position:absolute;
left:309px;
top:1px;
width:526px;
height:86px;
z-index:500;
}

#pmenu, #pmenu ul {
padding:0;
margin:0;
list-style-type: none;
z-index:500;
}

#pmenu {
margin:0px 0px 200px 0px;
z-index:500;
}

#pmenu li {
position:relative;
z-index:500;
}

#pmenu li.top {
float:left;
position:relative;
z-index:500;
}

#pmenu a.top,
#pmenu a.top:visited {
display:block;
width:86px;
height:86px;
margin:0px 0px 0px 2px;
padding:0px 0px 2px 0px;
z-index:500;
}

#pmenu li.nolink {
display:block;
width:86px;
height:86px;
margin:0px 0px 0px 2px;
padding:0px 0px 2px 0px;
z-index:500;
}

#pmenu li.nolinkfirst {
display:block;
width:86px;
height:86px;
margin:0px 0px 0px 0px;
padding:0px 0px 2px 0px;
z-index:500;
}

#pmenu a,
#pmenu a:visited {
display:block;
width:86px;
height:42px;
padding:0px;
margin:0px 0px 0px 0px;
padding:2px 0px 0px 0px;
z-index:500;
}

#pmenu a img,
#pmenu a:visited img {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
z-index:500;
}

#pmenu a.top img,
#pmenu a.top:visited img {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
z-index:500;
}

#pmenu a.first,
#pmenu a:visited.first {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
z-index:500;
}

#pmenu a.subfirst,
#pmenu a:visited.subfirst {z-index:500;}

#pmenu li:hover > a {z-index:500;}

#pmenu li.sub:hover > a.sub {z-index:500;}

#pmenu li ul {
display: none;
z-index:500;
}

#pmenu li:hover > ul {
display:block;
position:absolute;
top:0;
left:101px;
z-index:500;
}

#pmenu > li:hover > ul {
left:0;
top:86px;
z-index:500;
}

#main {
position:absolute;
left:309px;
top:133px;
width:398px;
height:310px;
background-color:#fff;
z-index:100;
padding:20px;
}

#main p {
padding-bottom:10px;
line-height:130%;
}

#main h1,
#main h2 {
font-size:12px;
font-weight:bold;
color:#333;
}

#main h2 {padding-bottom:10px;}

#main a:link,
#main a:hover,
#main a:visited,
#main a:active {
text-decoration:none;
font-weight:bold;
color:#333;
}

#infobox .summary {
text-transform:uppercase;
font-size:10px;
font-weight:bold;
color:#663300;
}

#infobox .copy {
padding-top:10px;
font-size:10px;
font-weight:bold;
color:#333;
}

#projectdetails .name {
position:absolute;
bottom:14px;
padding-right:30px;
text-transform:uppercase;
font-size:9px;
font-weight:bold;
color:#747F83;
line-height:100%;
}

#projectdetails .subname {
position:absolute;
bottom:5px;
text-transform:uppercase;
font-size:8px;
font-weight:bold;
color:#747F83;
}

#portfoliophoto1 {
position:absolute;
left:749px;
top:133px;
width:86px;
height:86px;
}

#portfoliophoto2 {
position:absolute;
left:749px;
top:221px;
width:86px;
height:86px;
}

#portfoliophoto3 {
position:absolute;
left:749px;
top:309px;
width:86px;
height:86px;
}

#portfoliophoto4 {
position:absolute;
left:749px;
top:397px;
width:86px;
height:86px;
}

#cats {
position:absolute;
left:0px;
top:0px;
width:86px;
height:220px;
}

.cat {
position:relative;
width:86px;
height:42px;
margin-bottom:2px;
background-image: url(/images/category-off.png);
background-repeat:no-repeat;
}

.catactive {
position:relative;
width:86px;
height:42px;
margin-bottom:2px;
background-image: url(/images/category-on.png);
background-repeat:no-repeat;
}

p.catlabel {
position:absolute;
bottom:5px;
left:5px;
text-transform:uppercase;
font-size:8px;
font-weight:bold;
color:#858C8F;
}

.catactive p.catlabel {
position:absolute;
bottom:5px;
left:5px;
text-transform:uppercase;
font-size:8px;
font-weight:bold;
color:white;
}

p.catlabel a:link,
p.catlabel a:hover,
p.catlabel a:active,
p.catlabel a:visited {
text-decoration:none;
color:#858C8F;
}

.catactive p.catlabel a:link,
.catactive p.catlabel a:hover,
.catactive p.catlabel a:active,
.catactive p.catlabel a:visited {
text-decoration:none;
color:white;
}

#catthumbs {
position:absolute;
left:86px;
top:0px;
width:132px;
height:264px;
background-image: url(/images/catback.gif);
background-repeat:no-repeat;
}

.catthumb {
float:left;
width:42px;
height:42px;
margin-left:2px;
margin-bottom:2px;
}

#mainContainer {
position:absolute;
left:309px;
top:133px;
width:438px;
height:350px;
background-color:#fff;
-moz-opacity:0.85;
filter: Alpha(opacity=85);
opacity: .85;
z-index:100;
clip:rect(0,398,310,0);
overflow:hidden;
}

#mainContent {
position:absolute;
width:388px;
height:auto;
top:0px;
left:0px;
padding:20px;
padding-bottom:0px;
margin-right:10px;
}

#mainContent p {
padding-bottom:10px;
line-height:130%;
}

#mainContent h1,
#mainContent h2 {
font-size:12px;
font-weight:bold;
color:#333;
}

#mainContent h2 {padding-bottom:10px;}

#mainContent a:link,
#mainContent a:hover,
#mainContent a:visited,
#mainContent a:active {
text-decoration:none;
font-weight:bold;
color:#333;
}

#mainContent a:hover {
text-decoration:none;
font-weight:bold;
color:#33CC00;
}

#divUpControl {
position:absolute;
width:15px;
height:7px;
top:10px;
right:5px;
z-index:500;
}

#divDownControl {
position:absolute;
width:15px;
height:7px;
top:25px;
right:5px;
z-index:500;
}

#rias {
position:absolute;
top:397px;
left:749px;
z-index:100;
width:86px;
height:86px;
}

#dynamlogo {
position:absolute;
top:485px;
left:1px;
z-index:100;
width:218px;
height:18px;
font-size:9px;
background-color:#33CC00;
}

#dynamlogo a {
color:white;
text-decoration:none;
}