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

body { background: #8b96a5 url(../../images/theme_02/images/bg.gif); background-repeat: repeat-x; width: 100%; color: white; font:100% Verdana, Arial, Helvetica, sans-serif; }
a, a:visited { text-decoration: none; color: white; }
a:hover { text-decoration: underline; }
#container { width: 1000px;  margin: 0 auto; top: 0; }
#overlay { background-image: url(../../images/theme_02/images/mockup3_03.png); background-repeat: no-repeat; width: 981px; height: 631px; z-index: 10; position: absolute; top: 125px;  }


#window_image { background-color: gray; height: 405px; width: 970px; position: absolute; top: 130px; margin-left: 6px;}
#resume { background-image: url(../../images/theme_02/images/front/resume.jpg); height: 405px; width: 970px; position: absolute; top: 0;}
#webportfolio { background-image: url(../../images/theme_02/images/front/webportfolio.jpg); height: 405px; width: 970px; position: absolute; top: 0;}
#threedportfolio { background-image: url(../../images/theme_02/images/front/3dportfolio.jpg); height: 405px; width: 970px; position: absolute; top: 0;}
#infodesign { background-image: url(../../images/theme_02/images/front/3dportfolio.jpg); height: 405px; width: 970px; position: absolute; top: 0;}
#motiongraphics { background-image: url(../../images/theme_02/images/front/3dportfolio.jpg); height: 405px; width: 970px; position: absolute; top: 0;}
#photography { background-image: url(../../images/theme_02/images/front/photography.jpg); height: 405px; width: 970px; position: absolute; top: 0;}
#services { background-image: url(../../images/theme_02/images/front/services.jpg); height: 405px; width: 970px; position: absolute; top: 0;}

#servicesContent { width: 800px; position:relative; top: 100px; margin: 0 auto; font-size: 1.2em; font-weight: bold; text-shadow: 1px 1px 1px #000; }
#servicesContent .col { width: 400px; height:400px; float: left; position: relative; }


#btn_resume a { background: transparent url(../../images/theme_02/images/resume.gif) no-repeat;  background-position: 0 -83px; width: 107px;}
#btn_resume a:hover { background-position: 0 0px; }

#btn_web a { background: transparent url(../../images/theme_02/images/web_portfolio.gif) top left no-repeat; background-position: 0 -83px; width: 143px; }
#btn_web a:hover { background-position: 0 0px; }
#btn_3d a { background: transparent url(../../images/theme_02/images/3d_portfolio.gif) top left no-repeat; background-position: 0 -83px; width: 127px; }
#btn_3d a:hover { background-position: 0 0px; }
#btn_info a { background: transparent url(../../images/theme_02/images/info_design.gif) top left no-repeat; background-position: 0 -83px; width: 180px; }
#btn_info a:hover { background-position: 0 0px; }
#btn_motion a { background: transparent url(../../images/theme_02/images/motion_graphics.gif) top left no-repeat; background-position: 0 -83px; width: 163px; }
#btn_motion a:hover { background-position: 0 0px; }
#btn_photography a { background: transparent url(../../images/theme_02/images/photography.gif) top left no-repeat; background-position: 0 -83px; width: 139px; }
#btn_photography a:hover { background-position: 0 0px; }
#btn_services a { background: transparent url(../../images/theme_02/images/services.gif) top left no-repeat; background-position: 0 -83px; width: 99px; }
#btn_services a:hover { background-position: 0 0px; }
#menu { position: absolute; top: 535px; width: 960px; height: 83px; margin: 0 0 0 11px; padding: 0 ; z-index:11; }
#menu li { float: left; margin: 0; padding: 0; list-style: none; }
.main_link a { height: 83px; display: block; outline: none; text-decoration: none; position: relative; float: left; }

#header { width: 998px; height: 25px; background: url(../../images/theme_02/images/header.gif) no-repeat; z-index: 5; position: absolute; top: 0; font-size: .6em; }
#contact_info { padding: 5px 0 0 620px; }
#logo { background: url(../../images/theme_02/images/bryannaegele.png) no-repeat; width: 340px; height: 41px; position: relative; top: 75px; left: 25px; }

#logo a:active, a:visited, a:focus { outline: 0; }
#mainContentBody { background: #3c4249; height: auto; }
#contentContainer { margin: 30px auto; color: white; min-height: 431px; }
#comingSoon { background: url(../../images/coming_soon.png) top left no-repeat; width: 552px; height: 56px; margin: 200px auto; }
h2 { color: white; font-size: 1.3em; font-weight: 500; text-align: justify; padding: 0 0 .2em .2em; border-bottom: 1px #8b9c83 solid; }
h3 { color: white; font-size: 1em; text-align: justify; padding: 0; border-bottom: 1px #8b9c83 solid; }
h4 { color: white; font-size: .9em; font-weight: bold; text-align: justify; border-bottom: 1px #8b9c83 solid; padding: 0; }
li { font-size: .8em; margin: 0; padding: 0; }
p { color: white; font-size: .8em; }
.left { float: left; }
.right { float: right; }
.green1 { color: #8f5c7c; }
a.selectedLink { color: #8f5c7c; text-decoration: underline;  }