/* -------- YOU SHOULD NOT NEED TO UPDATE ANYTHING IN THIS FILE -------- */

a { text-decoration:none; }
img { border-style:none; }
body { background-color:#414042; font-family:arial; font-size:13px; color:#FFF; }
#page { width:950px; margin:0 auto; position:relative; }
.gallery { list-style-type:none; padding:0; margin:0; }
.gallery li { width:314px; height:182px; float:left; margin-right:4px; margin-bottom:4px; position:relative; }
.gallery li img { padding:3px 0 0 3px; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.gallery li.on a img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
.gallery li.last { margin-right:0; }
.gallery li.on a span { display:block; background-image:url(hoverbox.gif); width:314px; height:182px; position:absolute; top:0; right:0; }
#header { padding:32px 0 0 0; margin-bottom:36px; position:relative; }
#header ul { list-style-type:none; padding:0; margin:0; width:311px; position:absolute; right:0; top:52px; }
#header li { float:left; width:150px; margin:0 10px 4px 0; height:18px; }
#header li.last{ margin-right:0; }
#header li a { display:block; color:#888; font-size:12px; border-left:6px solid #556b3d; background-color:#464547; }
#header li a span { display:block; padding:3px 0 3px 5px; border-left:4px solid #414042; }
#header li.on a,
#header li a:hover { color:#fff; border-left:6px solid #7bbc34; background-color:#504f51; }
#footer { font-family:verdana; font-size:10px; background-color:#504f51; position:relative; margin-top:14px; }
#footer p { margin:0; padding:2px 4px; color:#fff; }
#footer p.last { margin:0; color:#838384; position:absolute; top:0; right:0; }
#footer p.last a { color:#838384; }
#footer p.last a:hover { color:#a3a3a4; }
#project, #next { background-repeat:no-repeat;background-position:3px 3px; width:950px;height:560px;position:absolute; }
.back { background-color:#78a22f;position:absolute;top:3px;right:4px;width:300px;height:92px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; }
.front { position:absolute;top:3px;right:4px;padding:20px 30px 0 30px;width:240px;height:72px;color:#414042; }
.xback { background-color:#78a22f;position:absolute;top:95px;right:4px;width:300px;height:462px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; }
.xfront { position:absolute;top:95px;right:4px;padding:20px 30px 0 30px;width:240px;height:202px;color:#414042; }
.toggle { position:absolute; top:76px; right:6px; }
#browser { list-style-type:none; padding:0; margin:9px 0 0 0; }
#browser li { float:left; margin-right:4px; position:relative; overflow:hidden; width:155px; height:90px; }
#browser li img { padding:2px 0 0 2px; }
#browser li.t6 { margin-right:0; }
#browser li.on span { position:absolute; top:0; right:0; width:155px; height:90px; background-image:url(thumbhover.gif); }
#browser li:hover span { position:absolute; top:0; right:0; width:155px; height:90px; background-image:url(thumbhover.gif); }
#page h1 { padding:0; margin:0; font-size:18px; font-weight:normal; }
#page p { margin:8px 0 0 0; }
#projects { background-image:url(projects_back.jpg); background-repeat:no-repeat; background-position:3px 3px; width:950px; height:650px; position:relative; }
#projects .column_back { background-color:#78a22f;position:absolute;top:3px;right:3px;width:300px;height:644px;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9; }
#projects .column { position:absolute;top:3px;right:4px;width:240px;height:624px; padding:20px 30px 0 30px; color:#414042; }
#projects ul { list-style-type:none; padding:0; margin:0; } 
#projects li a { display:block; margin-top:30px; padding:0 0 0 23px; background-image:url(plus.gif); background-position:0 3px; background-repeat:no-repeat; color:#414042; }
#projects li a:hover { color:#fff; background-image:url(plus_hover.gif); }
#projects.about { background-image:url(about_back.jpg); }
#projects.contact { background-image:url(contact_back.jpg); }
#projects.contact a { color:#FFF; }
#projects.contact a:hover { color:#414042; }

#print { position:absolute; right:0; top:96px; color:#666; }
#print a { color:#666; }
#print a:hover { color:#DDD; }

#type_1, #type_2, #type_3, #type_4, #type_5, #type_6, 
#type_7, #type_8, #type_9, #type_10, #type_11, #type_12 { position:relative;width:950px;height:560px; }
#type_1 .i1 { background-image:url(../project1/pic1.jpg); }
#type_1 .i2 { background-image:url(../project1/pic2.jpg); }
#type_1 .i3 { background-image:url(../project1/pic3.jpg); }
#type_1 .i4 { background-image:url(../project1/pic4.jpg); }
#type_1 .i5 { background-image:url(../project1/pic5.jpg); }
#type_1 .i6 { background-image:url(../project1/pic6.jpg); }
#type_2 .i1 { background-image:url(../project2/pic1.jpg); }
#type_2 .i2 { background-image:url(../project2/pic2.jpg); }
#type_2 .i3 { background-image:url(../project2/pic3.jpg); }
#type_2 .i4 { background-image:url(../project2/pic4.jpg); }
#type_2 .i5 { background-image:url(../project2/pic5.jpg); }
#type_2 .i6 { background-image:url(../project2/pic6.jpg); }
#type_3 .i1 { background-image:url(../project3/pic1.jpg); }
#type_3 .i2 { background-image:url(../project3/pic2.jpg); }
#type_3 .i3 { background-image:url(../project3/pic3.jpg); }
#type_3 .i4 { background-image:url(../project3/pic4.jpg); }
#type_3 .i5 { background-image:url(../project3/pic5.jpg); }
#type_3 .i6 { background-image:url(../project3/pic6.jpg); }
#type_4 .i1 { background-image:url(../project4/pic1.jpg); }
#type_4 .i2 { background-image:url(../project4/pic2.jpg); }
#type_4 .i3 { background-image:url(../project4/pic3.jpg); }
#type_4 .i4 { background-image:url(../project4/pic4.jpg); }
#type_4 .i5 { background-image:url(../project4/pic5.jpg); }
#type_4 .i6 { background-image:url(../project4/pic6.jpg); }
#type_5 .i1 { background-image:url(../project5/pic1.jpg); }
#type_5 .i2 { background-image:url(../project5/pic2.jpg); }
#type_5 .i3 { background-image:url(../project5/pic3.jpg); }
#type_5 .i4 { background-image:url(../project5/pic4.jpg); }
#type_5 .i5 { background-image:url(../project5/pic5.jpg); }
#type_5 .i6 { background-image:url(../project5/pic6.jpg); }
#type_6 .i1 { background-image:url(../project6/pic1.jpg); }
#type_6 .i2 { background-image:url(../project6/pic2.jpg); }
#type_6 .i3 { background-image:url(../project6/pic3.jpg); }
#type_6 .i4 { background-image:url(../project6/pic4.jpg); }
#type_6 .i5 { background-image:url(../project6/pic5.jpg); }
#type_6 .i6 { background-image:url(../project6/pic6.jpg); }
#type_7 .i1 { background-image:url(../project7/pic1.jpg); }
#type_7 .i2 { background-image:url(../project7/pic2.jpg); }
#type_7 .i3 { background-image:url(../project7/pic3.jpg); }
#type_7 .i4 { background-image:url(../project7/pic4.jpg); }
#type_7 .i5 { background-image:url(../project7/pic5.jpg); }
#type_7 .i6 { background-image:url(../project7/pic6.jpg); }
#type_8 .i1 { background-image:url(../project8/pic1.jpg); }
#type_8 .i2 { background-image:url(../project8/pic2.jpg); }
#type_8 .i3 { background-image:url(../project8/pic3.jpg); }
#type_8 .i4 { background-image:url(../project8/pic4.jpg); }
#type_8 .i5 { background-image:url(../project8/pic5.jpg); }
#type_8 .i6 { background-image:url(../project8/pic6.jpg); }
#type_9 .i1 { background-image:url(../project9/pic1.jpg); }
#type_9 .i2 { background-image:url(../project9/pic2.jpg); }
#type_9 .i3 { background-image:url(../project9/pic3.jpg); }
#type_9 .i4 { background-image:url(../project9/pic4.jpg); }
#type_9 .i5 { background-image:url(../project9/pic5.jpg); }
#type_9 .i6 { background-image:url(../project9/pic6.jpg); }
#type_10 .i1 { background-image:url(../project10/pic1.jpg); }
#type_10 .i2 { background-image:url(../project10/pic2.jpg); }
#type_10 .i3 { background-image:url(../project10/pic3.jpg); }
#type_10 .i4 { background-image:url(../project10/pic4.jpg); }
#type_10 .i5 { background-image:url(../project10/pic5.jpg); }
#type_10 .i6 { background-image:url(../project10/pic6.jpg); }
#type_11 .i1 { background-image:url(../project11/pic1.jpg); }
#type_11 .i2 { background-image:url(../project11/pic2.jpg); }
#type_11 .i3 { background-image:url(../project11/pic3.jpg); }
#type_11 .i4 { background-image:url(../project11/pic4.jpg); }
#type_11 .i5 { background-image:url(../project11/pic5.jpg); }
#type_11 .i6 { background-image:url(../project11/pic6.jpg); }
#type_12 .i1 { background-image:url(../project12/pic1.jpg); }
#type_12 .i2 { background-image:url(../project12/pic2.jpg); }
#type_12 .i3 { background-image:url(../project12/pic3.jpg); }
#type_12 .i4 { background-image:url(../project12/pic4.jpg); }
#type_12 .i5 { background-image:url(../project12/pic5.jpg); }
#type_12 .i6 { background-image:url(../project12/pic6.jpg); }

#corner-tl { position:absolute; top:0; left:0; }
#corner-tr { position:absolute; top:0; right:0; }
#corner-bl { position:absolute; bottom:0; left:0; }
#corner-br { position:absolute; bottom:0; right:0; }