/*<group=general>*/

* { 
	padding: 0; margin: 0;
	font: 10px Verdana, Arial, sans-serif; color: #333;
	}

body { 
	background: #FFF url(../images/bg_tile.gif) repeat-y 50% 0; background-attachment: fixed;
   text-align: center;
	}
	
img {
   display: block;
   }

h1 {
	font: 14px Verdana, Arial, sans-serif;
	padding: 5px 0;
	}
	
h2 {
   font: italic 11px Verdana, Arial, sans-serif;
   padding: 10px 0 5px 0;
   }

p {
	padding: 3px 0 3px 0;
	}
	
a { color: #d7a94c; text-decoration: none; }
	
a:hover {
   color: #333; background-color: #e0bd4a; 
	} 

/*</group>*/

/*<group=site-wide components>*/

#container {
	margin: 0 auto;
	width: 720px;
	text-align: left;
	}

#logo {
	margin: 200px 0 0 0; padding: 0;
	float: left;
	display: block;	
	position: relative;
	width: 150px; height:65px;
	overflow: hidden;
	}
	  
#logo a.image {
	display: block;
	position: absolute;
	left: 0; top: 0;
	z-index: 1;
	width: 150px; height: 96px;
	margin: 0; padding: 0;
	background: url(../images/skviii-logo.gif) top left no-repeat;
	}

#left-column {
	float: left;
	width: 150px;
	}
   
#middle-column {
   float: left;
   width: 350px;
}

#right-column {
	float: left;
	width: 220px;
	}

#content {
	margin: 60px 0 0 20px;
	}
	
#content-d {
	margin: 185px 0 0 20px;
	}

#content-lg {
	margin: 220px 0 0 20px;
	}

#mainpagecontent {
	margin: 390px 0 0 20px;
	}
	
#footer {
   font: 9px/18px Verdana, Arial, sans-serif; color: #fff;
   margin: 0 20px 25px 150px;
   width: 300px;
   text-align: center; clear: both;
   }
   
#footer a {
   font: 9px Verdana, Arial, sans-serif; color: #fff28e;
   }
   
#footer a:hover {
   color: #333; background-color: #d4ae32;
   }
		
	/*</group>*/

/*<group=main nav>*/

/* control */

div#nav { 
	height: 100px; width: 350px; 
	margin: 100px 0 0 0;
	}
	
div#nav ul#menu {
	height: 100px; width: 350px;
	background: url(../images/nav.gif) top left no-repeat;
	position: relative;
	}
	
div#nav ul#menu li {
	list-style: none;
	position: absolute;
	}


ul#menu li, ul#menu a {
	height: 25px; width: 350px;
	display: block;
	}


div#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}

/* placement */

#webmenu {
	top: 0;
	}


#identitymenu {
	top: 25px;
	}
	
#printmenu {
	top: 50px;
	}


#biomenu {
	top: 75px;
	}

/* interaction */

#webmenu a:hover {
	background: url(../images/nav.gif) -350px 0 no-repeat;
	}

#identitymenu a:hover {
	background: url(../images/nav.gif) -350px -25px no-repeat;
	}

#printmenu a:hover {
	background: url(../images/nav.gif) -350px -50px no-repeat;
	}

#biomenu a:hover {
	background: url(../images/nav.gif) -350px -75px no-repeat;
	}

/* select */

body#web #webmenu {
	background: url(../images/nav.gif) -350px 0 no-repeat;
	}

body#identity #identitymenu {
	background: url(../images/nav.gif) -350px -25px no-repeat;
	}

body#print #printmenu {
	background: url(../images/nav.gif) -350px -50px no-repeat;
	}

body#bio #biomenu {
	background: url(../images/nav.gif) -350px -75px no-repeat;
	}

/*</group>*/

/*<group=subnav>*/

/* placement */

#subnav {
	text-align: left;
	margin: 100px 0 0 20px;
	height: 180px;
	}

#subnav ul {
	list-style: none;
	}

#subnav ul li {
	padding: 2px;
	}

/* interaction */

#subnav ul li a {
	color: #d4ae32;
	text-decoration: none;
	}

#subnav ul li a:hover, body.avlogo #avlogomenu, body.avpam #avpammenu, body.clarityhr #clarityhrmenu, body.davinci #davincimenu, body.jsra #jsramenu, body.k2 #k2menu, body.coyotes #coyotesmenu, body.sra #sramenu, body.whic #whicmenu, body.aiga #aigamenu, body.ftr #ftrmenu, body.rhino #rhinomenu, body.tfs #tfsmenu, body.wci #wcimenu, body.wisemangale #wisemangalemenu, body.hrs #hrsmenu, body.staging #stagingmenu, body.romeojuliet #romeojulietmenu, body.weiserlock #weiserlockmenu, body.littler #littlermenu {
	color: #333;
	background-color: #fff28e; 
	}

/* select */
	
	/*</group>*/

/*<group=projects>*/

/* project window control */

#project-window {
	float: left;
	width: 350px;
	margin-bottom: 30px;
   }
   
#project-lg {
	position: relative;
	width: 350px; height: 500px;
	overflow: hidden;
	}

#project-lg span {
	display: block;
	position: absolute;
	left: 0; top: 0;
	z-index: 1;
	width: 350px; height: 500px;
	}

#project {
	position: relative;
	width: 350px; height: 350px;
	overflow: hidden;
	}

#project span {
	display: block;
	position: absolute;
	left: 0px; top: 0px;
	z-index: 1;
	width: 350px; height: 350px;
	}

/* individual project classes */

#project span.home {
	background: url(../images/SKVIII.jpg) top left no-repeat;
	}

#project span.about {
	background: url(../images/about-skviii.jpg) top left no-repeat;
	}	
	
#project span.company {
	background: url(../images/about-company-seal.jpg) top left no-repeat;
	}	
	
#project span.about-community {
	background: url(../images/about-community.jpg) top left no-repeat;
	}	
	
#project span.pras {
	background: url(../images/pras.jpg) top left no-repeat;
	}
	
#project span.jswa {
	background: url(../images/JSWA.jpg) top left no-repeat;
	}

#project span.design {
	background: url(../images/design.jpg) top left no-repeat;
	}

#project-lg span.portfolio-01 {
	background: url(../images/portfolio-massive-j01.jpg) top left no-repeat;
	}
	
#project-lg span.portfolio-02 {
	background: url(../images/portfolio-massive-j02.jpg) top left no-repeat;
	}
	
#project-lg span.print-01 {
	background: url(../images/print-nature.jpg) top left no-repeat;
	}
	
#project-lg span.print-02 {
	background: url(../images/print-spaceman.jpg) top left no-repeat;
	}
	
#project span.print-03 {
	background: url(../images/print-movement.jpg) top left no-repeat;
	}

#project span.print-04 {
	background: url(../images/print-flying-guns-sm.jpg) top left no-repeat;
	}
	
#project span.print-05 {
	background: url(../images/print-billabong-sm.jpg) top left no-repeat;
	}	

#project span.portfolio-tees-01 {
	background: url(../images/design-apparel-tees-01.jpg) top left no-repeat;
	}
	
#project span.portfolio-tees-02 {
	background: url(../images/design-apparel-tees-02.jpg) top left no-repeat;
	}

#project span.portfolio-motion-01 {
	background: url(../images/motion-donkey2-intro.jpg) top left no-repeat;
	}
	
#project span.portfolio-motion-02 {
	background: url(../images/design-motion2.jpg) top left no-repeat;
	}
	
#project span.video1 {
	background: url(../images/design-video-yogi.jpg) top left no-repeat;
	}
	
#project span.training1 {
	background: url(../images/design-training1.jpg) top left no-repeat;
	}
	
#project span.training2 {
	background: url(../images/design-training2.jpg) top left no-repeat;
	}
	
#project span.training3 {
	background: url(../images/design-training3.jpg) top left no-repeat;
	}

#project span.contact {
	background: url(../images/contact-skviii.jpg) top left no-repeat;
	}
	
#project span.order {
	background: url(../images/contact-order.jpg) top left no-repeat;
	}
	
#project span.form {
	background: url(../images/contact-form.jpg) top left no-repeat;
	}
	
#project span.apparel {
	background: url(../images/apparel.jpg) top left no-repeat;
	}
	
#project span.apparel-girl {
	background: url(../images/apparel-girl.jpg) top left no-repeat;
	}

#project span.tee1 {
	background: url(../images/apparel-tees1.jpg) top left no-repeat;
	}
	
#project span.tee1b {
	background: url(../images/apparel-tees1b.jpg) top left no-repeat;
	}
	
#project span.tee1c {
	background: url(../images/apparel-tees1c.jpg) top left no-repeat;
	}
	
#project span.tee2 {
	background: url(../images/apparel-tees2.jpg) top left no-repeat;
	}
	
#project span.tee2b {
	background: url(../images/apparel-tees2b.jpg) top left no-repeat;
	}
	
#project span.tee2c {
	background: url(../images/apparel-tees2c.jpg) top left no-repeat;
	}
	
#project span.polo1 {
	background: url(../images/apparel-polo1.jpg) top left no-repeat;
	}
	
#project span.polo1b {
	background: url(../images/apparel-polo1b.jpg) top left no-repeat;
	}
	
#project span.polo1c {
	background: url(../images/apparel-polo1c.jpg) top left no-repeat;
	}
	
#project span.polo2 {
	background: url(../images/apparel-polo2.jpg) top left no-repeat;
	}
	
#project span.collar1 {
	background: url(../images/apparel-collar1.jpg) top left no-repeat;
	}
	
#project span.collar1b {
	background: url(../images/apparel-collar1b.jpg) top left no-repeat;
	}
	
#project span.pants1 {
	background: url(../images/apparel-skate-pants01.jpg) top left no-repeat;
	}
	
#project span.pants1b {
	background: url(../images/apparel-skate-pants01b.jpg) top left no-repeat;
	}
	
#project span.pants1c {
	background: url(../images/apparel-skate-pants01c.jpg) top left no-repeat;
	}
	
#project span.shorts1 {
	background: url(../images/apparel-skate-shorts01.jpg) top left no-repeat;
	}
	
#project span.shorts1b {
	background: url(../images/apparel-skate-shorts01b.jpg) top left no-repeat;
	}
	
#project span.boxers1 {
	background: url(../images/apparel-boxers01.jpg) top left no-repeat;
	}
	
#project span.wallpaper1 {
	background: url(../images/wallpaper1.jpg) top left no-repeat;
	}
	
#project span.wallpaper2 {
	background: url(../images/wallpaper2.jpg) top left no-repeat;
	}
	
#project span.wallpaper3 {
	background: url(../images/wallpaper3.jpg) top left no-repeat;
	}
	
#project span.screensaver1 {
	background: url(../images/screensaver002.jpg) top left no-repeat;
	}
	
#project span.logo {
	background: url(../images/SKVIII-logo.jpg) top left no-repeat;
	}
	
#project span.temp {
	background: url(../images/apparel-temp.jpg) top left no-repeat;
	}
	
#project span.downloads {
	background: url(../images/downloads.jpg) top left no-repeat;
	}
	
#project span.links {
	background: url(../images/links.jpg) top left no-repeat;
	}
	
#project span.trademark {
	background: url(../images/trademark.jpg) top left no-repeat;
	}


	/*</group>*/