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

body{
background: #ccc;
font-size: .55em;
font-family: Helvetica, Arial, Lucida Sans, sans-serif;
color: #333;
}

a,
a:link,
a:visited{
color: #333;
text-decoration: none;
}

a:hover{
color: #FF6600;
}

#spil-logo-home{
	position: absolute;
	right: 10px;
	bottom: 10px;
} 


#spil-logo{
	position: absolute;
	right: 10px;
	bottom: 10px;
} 
#nav{
	background: #fff;
	height: 30px;
}

#navlist {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

#navlist li{
	float: left;
	margin-right: 5px;
	line-height: 1.8em;
}


#navlist li#home{
	margin-right: 27px;
}


#orange {
	width: 380px;
	height: 17px;
	background-color:#FFF;
	position:absolute;
	top: 0px;
	left: 605px;
	padding-left:10px;
	padding-right:10px;
	padding-top:13px;
	color:#FFF;
	font-size-adjust:inherit;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	}


/*---Backgrounds ---*/



body#works{
	background: #fff url(../img/services-bg.png);

}



body#about{
	background: #fff url(../img/about-bg.png);

}
body#services{
	background: #fff url(../img/services-bg.png);

}

body#resources{
	background: #fff url(../img/resources-bg.png);

}

body#tools{
	background: #fff url(http://www.spilcreative.com/img/resources-bg.png);

}

body#shop{
	background: #fff url(../img/resources-bg.png);

}
body#contact{
	background: #fff url(../img/contact-bg.png);

}

body#canvas{
	background: #fff url(../img/services-bg.png);

}


body#style{
	background: #fff url(../img/bw-bg.png);

}

#arrows{
float: right;
margin-top: 50px;
margin-right: 10px;

}

#arrows img{
padding: 0 5px;
}



body#home li#home a,
body#home li#home a:link,
body#home li#home a:visited,

body#works li#works a,
body#works li#works a:link,
body#works li#works a:visited,


body#services li#services a,
body#services li#services a:link,
body#services li#services a:visited,

body#resources li#resources a,
body#resources li#resources a:link,
body#resources li#resources a:visited,

body#tools li#tools a,
body#tools li#tools a:link,
body#tools li#tools a:visited,

body#shop li#shop a,
body#shop li#shop a:link,
body#shop li#shop a:visited,

body#contact li#contact a,
body#contact li#contact a:link,
body#contact li#contact a:visited,

body#works ul#brand li#brand a,
body#works ul#brand li#brand a:link,
body#works ul#brand li#brand a:visited,

body#works ul#packaging li#packaging a,
body#works ul#packaging li#packaging a:link,
body#works ul#packaging li#packaging a:visited,

body#works ul#nonprofit li#nonprofit a,
body#works ul#nonprofit li#nonprofit a:link,
body#works ul#nonprofit li#nonprofit a:visited,

body#works ul#web li#web a,
body#works ul#web li#web a:link,
body#works ul#web li#web a:visited,

body#works ul#custom li#custom a,
body#works ul#custom li#custom a:link,
body#works ul#custom li#custom a:visited,

body#works #nav-brand-blend li#blend a,
body#works #nav-brand-blend li#blend a:link,
body#works #nav-brand-blend li#blend a:visited,

body#works #nav-brand-eight li#eight a,
body#works #nav-brand-eight li#eight a:link,
body#works #nav-brand-eight li#eight a:visited,

body#works #nav-brand-donald li#donald a,
body#works #nav-brand-donald li#donald a:link,
body#works #nav-brand-donald li#donald a:visited,

body#works #nav-brand-tinypants li#tinypants a,
body#works #nav-brand-tinypants li#tinypants a:link,
body#works #nav-brand-tinypants li#tinypants a:visited,

body#works #nav-brand-laurence li#laurence a,
body#works #nav-brand-laurence li#laurence a:link,
body#works #nav-brand-laurence li#laurence a:visited,

body#works #nav-brand-unlabeled li#unlabeled a,
body#works #nav-brand-unlabeled li#unlabeled a:link,
body#works #nav-brand-unlabeled li#unlabeled a:visited,

body#works #nav-brand-omar li#omar a,
body#works #nav-brand-omar li#omar a:link,
body#works #nav-brand-omar li#omar a:visited,

body#works #nav-brand-bach li#bach a,
body#works #nav-brand-bach li#bach a:link,
body#works #nav-brand-bach li#bach a:visited,

body#works #nav-brand-defjam li#defjam a,
body#works #nav-brand-defjam li#defjam a:link,
body#works #nav-brand-defjam li#defjam a:visited,

body#works #nav-brand-caliber li#caliber a,
body#works #nav-brand-caliber li#caliber a:link,
body#works #nav-brand-caliber li#caliber a:visited,

body#works #nav-brand-dorado li#dorado a,
body#works #nav-brand-dorado li#dorado a:link,
body#works #nav-brand-dorado li#dorado a:visited,

body#works #nav-web-kangol li#kangol a,
body#works #nav-web-kangol li#kangol a:link,
body#works #nav-web-kangol li#kangol a:visited,

body#works #nav-web-birds li#birds a,
body#works #nav-web-birds li#birds a:link,
body#works #nav-web-birds li#birds a:visited,

body#works #nav-web-tinypants li#tinypants a,
body#works #nav-web-tinypants li#tinypants a:link,
body#works #nav-web-tinypants li#tinypants a:visited,

body#works #nav-web-sfv li#sfv a,
body#works #nav-web-sfv li#sfv a:link,
body#works #nav-web-sfv li#sfv a:visited,

body#works #nav-web-doori li#doori a,
body#works #nav-web-doori li#doori a:link,
body#works #nav-web-doori li#doori a:visited,

body#works #nav-custom-belvedere li#belvedere a,
body#works #nav-custom-belvedere li#belvedere a:link,
body#works #nav-custom-belvedere li#belvedere a:visited,

body#works #nav-custom-bgv  li#bgv a,
body#works #nav-custom-bgv  li#bgv  a:link,
body#works #nav-custom-bgv  li#bgv  a:visited,

body#works #nav-custom-niche li#niche a,
body#works #nav-custom-niche li#niche a:link,
body#works #nav-custom-niche li#niche a:visited,

body#works #nav-custom-nike li#nike a,
body#works #nav-custom-nike li#nike a:link,
body#works #nav-custom-nike li#nike a:visited,

body#works #nav-custom-moet li#moet a,
body#works #nav-custom-moet li#moet a:link,
body#works #nav-custom-moet li#moet a:visited,

body#works #nav-custom-clean li#clean a,
body#works #nav-custom-clean li#clean a:link,
body#works #nav-custom-clean li#clean a:visited,

body#works #nav-custom-sanam li#sanam a,
body#works #nav-custom-sanam li#sanam a:link,
body#works #nav-custom-sanam li#sanam a:visited,

body#works #nav-pack-jaime li#jaime a,
body#works #nav-pack-jaime li#jaime a:link,
body#works #nav-pack-jaime li#jaime a:visited,

body#works #nav-pack-donald li#donald a,
body#works #nav-pack-donald li#donald a:link,
body#works #nav-pack-donald li#donald a:visited,

body#works #nav-pack-bach li#bach a,
body#works #nav-pack-bach li#bach a:link,
body#works #nav-pack-bach li#bach a:visited,

body#works #nav-nonprofit-ypa li#ypa a,
body#works #nav-nonprofit-ypa li#ypa a:link,
body#works #nav-nonprofit-ypa li#ypa a:visited,

body#works #nav-nonprofit-ypc li#ypc a,
body#works #nav-nonprofit-ypc li#ypc a:link,
body#works #nav-nonprofit-ypc li#ypc a:visited,



body#canvas li#canvas a,
body#canvas li#canvas a:link,
body#canvas li#canvas a:visited,

body#canvas ul#canvas li#canvas a,
body#canvas ul#canvas li#canvas a:link,
body#canvas ul#canvas li#canvas a:visited,

body#canvas ul#judoka li#judoka a,
body#canvas ul#judoka li#judoka a:link,
body#canvas ul#judoka li#judoka a:visited,

body#canvas #nav-canvas-judoka li#judoka a,
body#canvas #nav-canvas-judoka li#judoka a:link,
body#canvas #nav-canvas-judoka li#judoka a:visited,



body#style li#style a,
body#style li#style a:link,
body#style li#style a:visited,

body#style ul#style li#style a,
body#style ul#style li#style a:link,
body#style ul#style li#style a:visited,

body#style ul#couture li#couture a,
body#style ul#couture li#couture a:link,
body#style ul#couture li#couture a:visited,

body#style #nav-style-couture li#couture a,
body#style #nav-style-couture li#couture a:link,
body#style #nav-style-couture li#couture a:visited,

body#style ul#casual li#casual a,
body#style ul#casual li#casual a:link,
body#style ul#casual li#casual a:visited,

body#style #nav-style-casual li#casual a,
body#style #nav-style-casual li#casual a:link,
body#style #nav-style-casual li#casual a:visited,

body#style ul#fun li#fun a,
body#style ul#fun li#fun a:link,
body#style ul#fun li#fun a:visited,

body#style #nav-style-fun li#fun a,
body#style #nav-style-fun li#fun a:link,
body#style #nav-style-fun li#fun a:visited,



body#about li#about a,
body#about li#about a:link,
body#about li#about a:visited,

body#about ul#company li#company a,
body#about ul#company li#company a:link,
body#about ul#company li#company a:visited,

body#about ul#partners li#partners a,
body#about ul#partners li#partners a:link,
body#about ul#partners li#partners a:visited,

body#about ul#network li#network a,
body#about ul#network li#network a:link,
body#about ul#network li#network a:visited,

body#about ul#process li#process a,
body#about ul#process li#process a:link,
body#about ul#process li#process a:visited,


body#services ul#visual li#visual a,
body#services ul#visual li#visual a:link,
body#services ul#visual li#visual a:visited,

body#services ul#interactive li#interactive a,
body#services ul#interactive li#interactive a:link,
body#services ul#interactive li#interactive a:visited,

body#services ul#management li#management a,
body#services ul#management li#management a:link,
body#services ul#management li#management a:visited,

body#services ul#marketing li#marketing a,
body#services ul#marketing li#marketing a:link,
body#services ul#marketing li#marketing a:visited,



body#tools ul#brief li#brief a,
body#tools ul#brief li#brief a:link,
body#tools ul#brief li#brief a:visited,

body#tools ul#percept li#percept a,
body#tools ul#percept li#percept a:link,
body#tools ul#percept li#percept a:visited,

body#tools ul#printquiz li#printquiz a,
body#tools ul#printquiz li#printquiz a:link,
body#tools ul#printquiz li#printquiz a:visited

body#tools ul#webquiz li#webquiz a,
body#tools ul#webquiz li#webquiz a:link,
body#tools ul#webquiz li#webquiz a:visited






{
color: #FF6600;

}



.nav-sub1 li a,
.nav-sub1 li a:link,
.nav-sub1 li a:visited
{
	color: #999;
}



#site-info{
float: right;
text-align: right;
margin-top: 12px;
		line-height: 1.8em;

}

#site-info span{
margin-right: 10px;

}

.copyright{
font-size: .9em;	
}

a#mailing_link,
a:link#mailing_link,
a:visited#mailing_link{
background: #fff;
color: #f60;
padding: .5em;
padding-right: 2em;
}
a:hover#mailing_link{
	
}

.tagline{
	color: #FF6600;
	

}






body#works #contentwrapper{
width: 100%;
height: 555px;
clear: both;
background: none;
margin: 0 auto;

}




#nav-sub{
background: #fff;	
height: 110px;
width: 555px;
margin-left: 50px;
margin-top: 1px;
}


#nav-sub ul{
float: left;
margin-left: 15px;
margin-right: 20px;
margin-top: 10px;
}

#nav-sub ul li{
line-height: 2em;
}




#nav-sub2{
background: #fff;	
height: 60px;
width: 555px;
margin-left: 50px;
margin-top: 1px;
}


#nav-sub2 ul{
float: left;
margin-left: 15px;
margin-right: 20px;
margin-top: 10px;
}

#nav-sub2 ul li{
line-height: 2em;
}




#nav-sub3{
background: #fff;	
height: 75px;
width: 555px;
margin-left: 50px;
margin-top: 1px;
}


#nav-sub3 ul{
float: left;
margin-left: 15px;
margin-right: 20px;
margin-top: 10px;
}

#nav-sub3 ul li{
line-height: 2em;
}


#nav-sub4{
background: #fff;	
height: 90px;
width: 555px;
margin-left: 50px;
margin-top: 1px;
}


#nav-sub4 ul{
float: left;
margin-left: 15px;
margin-right: 20px;
margin-top: 10px;
}

#nav-sub4 ul li{
line-height: 2em;
}







#content{
width: 535px;
padding: 10px;
margin-top:  1px;
margin-left: 50px;
background: #fff;
color:#333;
}

#content p{
padding-bottom: 1em;
font-size: 1.1em;
line-height: 1.5em;
}

#about .about ul li,
#services .services ul li{
list-style-type: disc;
margin-left: 2em;
font-size: 1.1em;
line-height: 2em;
}

#contentorange{
width: 555px;
height:20px;
padding: 0px;
margin-top:  1px;
margin-left: 50px;
margin-bottom: 0px;
background: #fff;
color:#000;
background-color:#f60;
}


#shop .shop{
text-align: center;
}




#contact #contactform span.label, span.spacer, span.multiple span{
	width:120px;
	float:left;
}

#contact #contactform ul li {
	padding: .5em;
}
#contact #contactform input{
	border: 1px solid #666;
	
}

#contact #contactform span.multiple {
	float:left;
}
#contact #contactform span.button {
	padding-left:120px;
}
#contact #contactform div.clear {
	clear:both;
	padding-top:5px;
}



a.email,
a.email:link,
a.email:visited{
	color: #FF6600;
}
a.email:hover{
	color: #333;
}

.promote{
text-align: left;
color: #F60;
}

body#about #content h2{
	font-size: 1.1em;
	color: #f60;
	padding: .5em 0 1em 0;
}


/* slider specific CSS */
        .sliderGallery {
            background: url(http://static.jqueryfordesigners.com/demo/images/productbrowser_background_20070622.jpg) no-repeat;
            overflow: hidden;
            position: relative;
            padding: 10px;
            height: 500px;
            width: 535px;
        }
        
        .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0;
            margin: 0;
        }
        
        .sliderGallery UL LI {
            display: inline;
        }
        
        .slider {
            width: 542px;
            height: 17px;
            margin-top: 140px;
            margin-left: 5px;
            padding: 1px;
            position: relative;
            background: url(http://static.jqueryfordesigners.com/demo/images/productbrowser_scrollbar_20070622.png) no-repeat;
        }
        
        .handle {
            position: absolute;
            cursor: move;
            height: 17px;
            width: 181px;
            top: 0;
            background: url(http://static.jqueryfordesigners.com/demo/images/productbrowser_scroller_20080115.png) no-repeat;
            z-index: 100;
        }
        
        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
        }
        
        .slider .slider-lbl1 {
            left: 50px;
        }
        
        .slider .slider-lbl2 {
            left: 107px;
        }
        
        .slider .slider-lbl3 {
            left: 156px;
        }

        .slider .slider-lbl4 {
            left: 280px;
        }

        .slider .slider-lbl5 {
            left: 455px;
        }
    -->