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

/* /////////////////////////////// Containers //////// */

body { background-color: #333333; }

.container { position: relative; top: 20px; left: 100px; width: 800px; height: auto; }

.opening { width: 800px; height: 200px; position: absolute; left: 35px; top: 100px; }

.links { width: 773px; height: 520px; position: absolute; left: 43px; top: 82px; }
.links_Left { width: 360px; height: 520px; position: relative; top: 0px; left: 0px;  }
.links_Right { width: 360px; height: 520px; position: absolute; top: -3px; left: 405px; }
.links_subLeft { width: 170px; height: 520px; float: left; }
.links_subRight { width: 170px; height: 520px; position: relative; float: right; }

/* /////////////////////////////// Navigation //////// */

.navigation { width: 900px; height: 56px; position: absolute; left: 0px; top: 0px; padding: 0px; margin: 0px; }

.menuButton_about { width: 50px; height: 50px; position: absolute; left: 100px; top: 312px; z-index: 10; }
.arrowButton_about { width: 50px; height: 50px; position: absolute; left: 40px; top: 312px; z-index: 10; }

.menuButton_video { width: 50px; height: 50px; position: absolute; left: 100px; top: 417px; z-index: 10; }
.arrowButton_video { width: 50px; height: 50px; position: absolute; left: 40px; top: 417px; z-index: 10; }

/* /////////////////////////////// Pictures and GFX //////// */

.bioPic { background-image: url(../images/about/bioPic.jpg); width: 314px; height: 200px; position: absolute; left: 502px; top: 93px; border: 2px solid #999999; }

.contactFlash { width: 314px; height: 200px; position: absolute; left: 502px; top: 93px; }

.skillsPic { width: 314px; height: 200px; position: absolute; left: 502px; top: 93px; border: 2px solid #999999; }

.resumePic { width: 314px; height: 200px; position: absolute; left: 502px; top: 93px; border: 2px solid #999999; }

.largeBrace_left { width: 40px; height: 220px; background-image: url(../images/gfx/aboutLargeBrace_left.jpg); position: absolute; left: 38px; top: 87px; z-index: -10; }
.menuBrace_left { width: 10px; height: 50px; background-image: url(../images/gfx/aboutMenuBrace_left.jpg); position: absolute; left: 41px; top: 168px; z-index: -10; }
.menuBrace_right { width: 10px; height: 50px; background-image: url(../images/gfx/aboutMenuBrace_right.jpg); position: absolute; left: 809px; top: 168px; z-index: -10; }

.workBrace { width: 10px; height: 130px; background-image: url(../images/gfx/workMiddleBrace.jpg); z-index: 10; }
.workBrace_posMain { position: absolute; left: 496px; top: 251px; }
.workBrace_posArt { position: absolute; left: 660px; top: 234px; }

.video { width: 430px; height: 360px; position: absolute; left: 215px; top: 100px; }

.work { width: 420px; height: 280px; position: absolute; left: 46px; top: 96px;  border: solid 2px #999999; }
.work_art { width: 600px; height: 255px; position: absolute; left: 42px; top: 105px; border: solid 2px #999999; }

/* /////////////////////////////// Text //////// */

p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; }

h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color: #999999; margin: 0px; padding: 0px; }

.emTitle { font-size: 15px; color: #CCCCCC; }

.aboutPicDesc { width: 314px; height: 50px; position: absolute; left: 502px; top: 294px; z-index: 5; }

.workDesc_main { width: 300px; height: 213px; position: absolute; left: 515px; top: 232px; z-index: 10; }
.workDesc_art { width: 200px; height: 213px; position: absolute; left: 680px; top: 215px; z-index: 10; }

.aboutText_pos { width: 360px; height: 300px; position: absolute; left: 0px; top: 82px; margin: 0px; padding-left: 80px; } 

.pad_0 { padding: 0px; }

.font_14 { font-size: 14px; }
.font_16 { font-size: 16px; }
.font_18 { font-size: 18px; }

/* /////////////////////////////// Lists //////// */

.ulNone { list-style-type: none; }
.ulSquare { list-style-type: square; color: #666666; }
.ulLinks { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; padding: 0px 0px 0px 15px; }
.ulAboutMenu { width: 900px; height: 50px; position: absolute; top: 166px; left: 120px; }
.ulWorkMenu { width: 900px; height: 50px; position: absolute; top: 166px; left: 127px; }

.workNumbers { width: 900px; height: 40px; position: absolute; left: 3px; top: 400px; z-index: 50; }

.liWorkNumbers { width: auto; float: left; padding-right: 12px; }
.liNavigation { float: left; width: auto; padding-right: 20px; }
.liMenu { float: left; width: auto; padding-right: 80px; }
.liSkills { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; }
.liContact { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; padding-bottom: 5px; } 
.liLinks { padding: 0px 0px 5px 0px; margin: 0px; text-indent: 0px; }

/* /////////////////////////////// Links //////// */

a:link { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; }
a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color: #999999; }
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; }
a:active { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; }

/* /////////////////////////////// Footers //////// */

.footer { background-image: url(../images/footers/footer_main.jpg); width: 900px; height: 110px; }

.footer_webDesign { background-image: url(../images/footers/footer_webDesign.jpg); width: 900px; height: 110px; }
.footer_photography { background-image: url(../images/footers/footer_photography.jpg); width: 900px; height: 110px; }
.footer_video { background-image: url(../images/footers/footer_video.jpg); width: 900px; height: 110px; }
.footer_art { background-image: url(../images/footers/footer_art.jpg); width: 900px; height: 110px; }

.f_main { position: absolute; left: 0px; top: 350px; }
.f_links { position: absolute; left: 0px; top: 655px; }
.f_work { position: absolute; left: 0px; top: 455px; }

.logo { width: 50px; height: 50px; z-index: 20; }
.logo_posMain { position: absolute; left: 704px; top: 342px; }
.logo_posLinks { position: absolute; left: 704px; top: 647px; }
.logo_posWork { position: absolute; left: 704px; top: 450px; }