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

body{
background: #ccc;
overflow-y: hidden;
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;
}



/*---Backgrounds ---*/

body#home{
	background: #f6f6f6 url(../img/home-bg.jpg) no-repeat center 30px;

}


body#works{
	background: #fff url(../img/bw-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#shop{
	background: #fff url(../img/resources-bg.png);

}
body#contact{
	background: #fff url(../img/contact-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#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#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-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-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-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-bobby li#bobby a,
body#works #nav-brand-bobby li#bobby a:link,
body#works #nav-brand-bobby li#bobby 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-bobby li#bobby a,
body#works #nav-brand-bobby li#bobby a:link,
body#works #nav-brand-bobby li#bobby 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-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-web-toxic li#toxic a,
body#works #nav-web-toxic li#toxic a:link,
body#works #nav-web-toxic li#toxic 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-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#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#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





{
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: #f60;
color: #fff;
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: 80px;
width: 555px;
margin-left: 50px;
}



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

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


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

#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;
}




#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;
}