/* designbymuse.com  portfolio.css
stylesheet for portfolio pages
May 2009
*/

* { margin:0; padding:0}
body {
   background-color: #000033;
   text-align:center;
   color:#bba;
   font:80%/140% georgia,serif;
}
h1, h2{
   font:bold 80% 'helvetica neue', sans-serif;
   letter-spacing:3px;
   text-transform:uppercase;
   height: 42px;
   text-align: center;
   margin-bottom: 15px;
}
h1#logo {
/*   background: url(/portfolio/images/design_by_muse_logo.png) no-repeat 50% 0; */
   background: url(/portfolio/images/muse_logo_reflection.png) no-repeat 50% 0;
   margin-top: -43px;
   z-index: 1;
	height: 83px;
}
a {
   color:#348;
   text-decoration:none;
   outline:none;
}
li, ul { list-style-type: none; }
img.replaced { width: auto; }
a:hover { color:#67a; }
.caption { font-style:italic;color:#887; }
#wrap { position: relative; padding-bottom: 200px; }
div.portfolio {
   position: relative;
   margin: 48px auto 0;
   width: 606px;
   min-height: 80%;
}
div.portfolio.three-col-nav { width: 900px; /*694px;*/ }
#portfolio_nav { position: absolute; top: -7px; left: 0px; }
.two-col-nav #portfolio_nav { left: 17px; /*40px;*/ }
#header {
   height: 101px;
   margin-top: 3px;
  /* background:#000033 url(/portfolio/images/bg_header_portfolio2.jpg) repeat-x 0 1px; */
   background:#000033 url(/portfolio/images/bg_header_portfolio2_new.jpg) repeat-x 0 1px;
}
#header li.link_current_page { color: #66FFCD; }
a.link_current_page {
	color: #66FFCD!important;
   cursor: default;
}
.nav {
   clear:both;
   font:80% 'helvetica neue',sans-serif;
   letter-spacing:3px;
   text-transform:uppercase;
   text-align: center;
   margin: 0 0 0 -20px;
   padding: 0;
}
.nav li {
   display: inline;
   position: relative;
   font-family:Century Gothic,Trebuchet,Helvetica,Arial,sans-serif;
   font-size:13px;
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
}
.nav li a {
   color:#49B49D;
   display:b;
   letter-spacing:3px;
   padding-bottom:5px;
   text-decoration:none;
   white-space:nowrap;
}
.nav li a:hover { color:#66FFCD; }
.nav li ul {
   display: none;
   position: absolute;
   background: url(/portfolio/images/portfolio_rollovers_300_03.png) no-repeat;
   height: 84px;
}
.nav li:hover ul, .nav li.sfhover ul {
   display: block;
   position: absolute;
   left: -12px;
   top: 15px;
   padding-top: 8px;
}
.nav li li {
   display: block;
   width: 300px;
   text-align: left;
   margin-left: 21px;
}
.nav li li a {
   width: 300px;
   display: block;
   font-size: 12px;
   padding-top: 8px;
   padding-bottom: 0px;
}
#portfolio_menu {
   color: #66FFCC;
   font-family:"Century Gothic","Trebuchet MS",Arial;
   font-size:13px;
	margin-top: -47px;
}
#portfolio_menu a { color: #41AB94; }
#portfolio_menu a:hover { color: #66FFCC; }

ul.gallery_portfolio_unstyled { width:175px; }
.two-col-nav ul.gallery_portfolio_unstyled { width:170px; }
.three-col-nav ul.gallery_portfolio_unstyled { width:245px; }
.four-col-nav ul.gallery_portfolio_unstyled { width:350px; }
ul.gallery_portfolio li {
   width:61px;
   height:61px;
   list-style-type: none;
   float: left;
   border:3px double #212356;
   margin: 7px;
   background:#000033;
}
ul.gallery_portfolio li:hover, ul.gallery_portfolio li.hover,
ul.gallery_portfolio li.active,
ul.gallery_portfolio li:hover.active, ul.gallery_portfolio li.active.hover {
   border: 3px double #503091;
}
ul.gallery_portfolio li.active, ul.gallery_portfolio li.active img  { cursor: default; }

.gallery_portfolio li div { left:240px }
ul.gallery_portfolio li div .caption { font:italic 0.7em/1.4 georgia,serif; }

#main_image{
   width:700px;
   margin-left: 70px;
}
#main_image img{margin-bottom:10px;}
.galleria_wrapper { text-align: left; margin-left: 110px; margin-top: -3px; }
.four-col-nav .galleria_wrapper { margin-left: 275px; }
.three-col-nav .galleria_wrapper { margin-left: 200px; }
.two-col-nav .galleria_wrapper { margin-left: 135px; }

.info {
   text-align: left;
   width: 700px;
   margin: 30px auto;
   border-top: 1px dotted #221;
   padding-top:30px;
}
.info p { margin-top:1.6em; }

#footer { width: 100%; text-align: center; position: absolute; bottom: 30px; }
#footer.normal { position: static; }
#footer ul { text-align:center; }
#footer li {
   display: inline;
/*   font-family:'helvetica neue',sans-serif; */
   font-family:Century Gothic,Trebuchet,Helvetica,Arial,sans-serif;
   font-size:13px;
   letter-spacing:3px;
   line-height:normal;
   margin-top:0;
   padding-top:0;
   text-transform:uppercase;
}
#footer li a { font-size: 13px; color: #49b49d; }
#footer li a:hover { color:#66FFCD; }