/* (c) 2008 Spike Likes, LLC */

/* ^^^^ NAVIGATION ROLL OVERS ^^^^	*/

#nav {margin:10px 55px 0 0; z-index:0; float:right; width:620px;}
#nav {height:37px; list-style-type:none;}


#nav li {height:37px; margin:0; display:block; float:left; background-repeat:no-repeat;}
#nav li a {display:block; height:37px;overflow: hidden;outline:none; background-repeat:no-repeat;}
#nav li:hover {background-position:0 -37px; background-repeat:no-repeat;}
#nav .on  {background-position:0 -37px;}
#tprt  {background-image:url(../gifs/nav_webportfolio.gif); width:121px;}
#tmrph  {background-image:url(../gifs/nav_sitemorphosis.gif);width:142px;}
#tsrv {background-image:url(../gifs/nav_services.gif);width:105px;}
#tstrt  {background-image:url(../gifs/nav_how2start.gif);width:127px;}
#tbiz {background-image:url(../gifs/nav_aboutbiz.gif);width:115px;}


#nav li ul {padding:0; display:none; margin-top:-6px; overflow: hidden; outline:none;}
#nav li ul  a {float:left; background:none; color:#9d8d85; text-decoration:none;}
#nav li ul li a {font-family:arial, sans-serif; font-size:10px; background:url(../gifs/icon_disc_plus.gif) no-repeat 0px 14px; padding:5px 20px 2px 11px; }
#nav li ul  a:hover {color:#02afd4; text-decoration:none; background:url(../gifs/icon_disc_pluson.gif) no-repeat 0px 14px;}

#portfolio {margin:0; width:650px;}
#services {margin-left:-243px;width:650px;}
#biz {margin-left:-420px; width:600px;}
.bizfix {padding-right:0px;}

#nav li:hover ul, #nav li.over ul {display:block;} /* The magic */

#subsubnav a {font-family:times new roman, serif; font-size:13px; line-height:26px; letter-spacing:1px; color:#87746a; text-decoration:none; padding-left:25px;}
#subsubnav .on {color:#02afd4;}

#subsubnav2 a {line-height:21px; margin-left:10px; font-size:12px;}

#breadcrumb {margin:-5px 0 0 5px;}
#breadcrumb a {font-family:arial; font-size:10px; color:#87746a; text-decoration:none; padding-right:10px;}
#breadcrumb .on {color:#02afd4; padding-right:10px; margin:-20px 0 10px 0; font-family:arial; font-size:10px;}

/* ^^ PAGE CONTROLLERS ^^ */

.page-photo-gallery #footer a.pg, .page-home #footer a.lh, .page-privacy #footer a.lpt, .page-site-map #footer a.lsm, .page-contact #footer a.lcu, .page-rfp #footer a.lrq, page-articles #footer a.lra, page-news #footer a.lsln {color:#5c8792;}

/* about the biz */

.page-biz #footer .lab, .page-biz-talent #footer .lab, .page-biz-awards #footer  .lab, .page-biz-clients #footer .lab, .page-biz-what #footer .lab {color:#5c8792;}

.page-biz #tbiz, .page-biz-talent #tbiz, .page-biz-awards #tbiz, .page-biz-clients #tbiz, .page-biz-what #tbiz {background-position:0 -37px;}
.page-biz-talent #nav a.bizlt, .page-biz-awards #nav a.biza, .page-biz-clients #nav a.bizo, .page-biz-what #nav a.bizw {color:#02afd4; background:url(../gifs/icon_disc_pluson.gif) no-repeat 0px 12px;}
  
.page-morphosis #nav #tmrph {background-position:0 -37px;}
.page-morphosis #footer .lsmrph {color:#5c8792;}

.page-start #tstrt {background-position:0 -37px;}
.page-start #footer .lhs {color:#5c8792;}

.page-portfolio #tprt {background-position:0 -37px;}
.page-portfolio #footer .lwp {color:#5c8792;}

.page-portfolio-web-design #tprt, .page-portfolio-special #tprt,.page-portfolio-ads #tprt {background-position:0 -37px;}
.page-portfolio-web-design #footer .lwp, .page-portfolio-special #footer .lwp, .page-portfolio-ads #footer .lwp {color:#5c8792;}

.page-portfolio-web-design #nav .prtw, .page-portfolio-special #nav .prtws, .page-portfolio-special #nav .prtws, .page-portfolio-ads #nav  .prtwa, .page-portfolio-logo #nav .prtl {color:#02afd4;}

.page-services #tsrv {background-position:0 -37px;}
.page-services #footer .ls {color:#5c8792;}


.big-brain #nav .servb, .web-advertising #nav .servc, .logo-design #nav .servl, .seo-services #nav .servs, .custom #nav .servcw, .custom #nav .servcw {color:#02afd4;}

 /* ^^ FOOTER NAVIGATION ^^  */
 
#footer {
	min-height:80px;
	width:auto;
	background-image: url(../gifs/bg_bottom.gif);
	background-repeat:repeat-x; background-color:#a2cdd8;
}
.footer-motif {background:url(../gifs/bg_footer_accent.gif) no-repeat 340px 19px;  width:950px; margin-left:auto; margin-right:auto; font-family: arial, sans-serif; font-size: 11px; color:#5c8792; line-height:15px; padding-top:24px; z-index:1;}

#footer a {color:#ffffff; text-decoration:none;}
#footer a:hover  {color:#5c8792; text-decoration:none;}

.copyright {padding:30px 0px 30px 0px; font-family: times new roman, serif; font-size: 11px; color:#cae7fe; text-align:center; color:#5c8792;}