@charset "UTF-8";
/* CSS Document */

body { background-image:url(../images/grid.jpg); background-repeat:no-repeat; background-position:center; background-position:top; margin:0px; background-color:#000; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFF; }

#popup { background-image:url(../images/popupBG.jpg); background-repeat:no-repeat; background-position:center; background-position:top; margin:0px; background-color:#000; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFF; }
#popupcontainer { width:625px; height:592px; margin-left:auto; margin-right:auto; }
#popupleftcontainer { float:left; width:138px; }
#popuprightcontainer { float:right; width:455px; }
#popupcontent { margin:2px 0px 304px 18px; color:#c2c3c3; font-size:12px; line-height:18px; font-weight:100; }
#popupcontent a { color:#c2c3c3; font-size:11px; line-height:18px; text-decoration:underline; }
#popupcontent a:hover { color:#c2c3c3; font-size:11px; line-height:18px; text-decoration:none; }

#maincontainer { width:955px; height:592px; margin-left:auto; margin-right:auto; }
#leftcontainer { float:left; width:163px; }
#leftnavcontent { margin:2px 20px 304px 20px; color:#c2c3c3; font-size:12px; line-height:18px; font-weight:100; }
#rightcontainer { float:right; width:792px; }

#bodyleftcontainer { float:left; width:302px; font-size:13px; line-height:18px; color:#FFF; margin-right:16px; margin-top:54px; }
#bodyleftcontainer a:link { color:#FFF; text-decoration:underline; }
#bodyleftcontainer a:visited { color:#CCC; text-decoration:underline; }
#bodyleftcontainer a:active { color:#FFF; text-decoration:underline; }
#bodyleftcontainer a:hover { color:#FFF; text-decoration:none; }

#home { height:528px; width:790px; }
#contactus { height:301px; width:791px; }
#about { height:524px; width:472px; float:right; margin-top:8px; }
#projects { height:528px; width:577px; float:left; }
#rightcontainerprojects { float:right; margin-left:34px; margin-top:27px; width:175px; }
#rightcontainerprojects a { font-size:15px; line-height:18px; font-weight:normal; text-decoration:none; color:#FFF; }
#rightcontainerprojects a:visited { font-size:15px; line-height:18px; font-weight:normal; text-decoration:none; color:#CCC; }
#rightcontainerprojects a:hover { font-size:15px; line-height:18px; font-weight:normal; text-decoration:none; color:#a439b4; }
#rightcontainerprojectsdetails { float:right; margin-left:24px; margin-top:27px; width:285px; }
#projectdetailimage { width:479px; float:left; margin-top:7px; }
#detailimagescontainer { margin-top:17px; }
.detailimages { float:left; width:127px; }
.detailimages a img {
    filter: alpha(opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity: .70;
    opacity:.70;
}
.detailimages a:hover img {
    filter: alpha(opacity=99);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=99);
    -moz-opacity: .99;
    opacity:.99;
}

.detailimagesOn {float:left; width:127px}

.detailimagesOn a img 
{
    filter: alpha(opacity=99);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=99);
    -moz-opacity: .99;
    opacity:.99;
}

a.projectdetailslink:link { color:#FFF; text-decoration:none; }
a.projectdetailslink:visited { color:#CCC; text-decoration:none; }
a.projectdetailslink:active { color:#FFF; text-decoration:none; }
a.projectdetailslink:hover { color:#a439b4; text-decoration:none; }

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


h1 { margin-top:18px; font-size:15px; line-height:18px; font-weight:normal; }
h2 { margin-top:16px; font-size:18px; line-height:18px; font-weight:normal; width:250px; text-transform:uppercase; border-bottom:solid 1px #FFF; }
h3 { margin:0px; padding:0px; font-size:16px; line-height:18px; margin-bottom:4px; }
h4 { margin:0px; padding:0px; margin-top:16px; font-size:18px; line-height:18px; font-weight:normal; width:250px; text-transform:uppercase; }
h5 { margin:0px; padding:0px; font-size:13px; line-height:24px; font-weight:normal; }