/* =GLOBAL RESET & DEFAULTS _____________________________________________________ */


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,
abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,input,kbd,q,s,samp,small,
strike,strong,sub,sup,tt,var,b,u,i,input,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td
         		{ margin:0;padding:0;border:0;outline:0;font-size:101%;vertical-align:baseline; }
body     		{ font-family:Century Gothic, Arial, sans-serif; font-size:101%; color:#000; background:url(../assets/images/bg4.jpg) top center #D9D7D8 no-repeat; }
body,     		{ font-family:Century Gothic,Tahoma, Arial, sans-serif; }
ol,ul    		{ list-style:none;}
blockquote,q	{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after
         		{ content:'';content:none; }
:focus   		{ outline:0; }
ins      		{ text-decoration:none; }
del      		{ text-decoration:line-through; }
table    		{ border-collapse:collapse;border-spacing:0; }
img      		{ border:none;  }
a        		{ color:#666; text-decoration:none;  }
.clear         	{ clear:both; }
strong			{ color:#000; font-family:Century Gothic, Tahoma, Arial, sans-serif;  }
strong,			{ font-family:Century Gothic,Tahoma, Arial, sans-serif; }




/* =GENERAL HEADING STYLES  _________________________________________________________*/
h1, h2, h3, h4, h5, h6	{ font-family:Century Gothic, Tahoma, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6	{ font-family:Century Gothic, Tahoma, Arial, sans-serif; }
h1				{ float:left; width:354px; }
h1 a			{ width:354px; height:127px; display:block; no-repeat; text-indent:-9999px; }
h1 a,			{ background:url(../images/logo1.gif) no-repeat;  }
h2				{ font-size: 95%; text-transform:uppercase;  margin-bottom:5px; letter-spacing:0.06em; overflow:hidden;width:888px; }
#about_sec h2	{ color:#000; }
#identity_sec h2	{ color:#000; }
#other_sec h2, #photo_sec h2	{ color:#000 }



/* =STRUCTURE ______________________________________________________________________*/
#container		{ width:955px; margin:0 auto; }
#header, #about_sec, #identity_sec, #web_sec, #apparel_sec, #print_sec	{ width:inherit; margin-bottom:20px; overflow: hidden;}
#about_sec, #identity_sec, #web_sec, #apparel_sec, #print_sec	{ padding:20px 33px 0; width:888px;  }



h2 span		{ display:block; width:70px; height:16px; float:right; }
h2 span a	{  display:block; float:right; width:inherit; }
.toplink	{ background:url(../assets/images/topnext.png) no-repeat 0 0; width:30px; height:15px; }
.nextlink	{ background:url(../assets/images/topnext.png) no-repeat -33px 0; width:35px; height:15px;  margin-left:4px}

.toplink:hover	{ background-position: 0 0; width:30px; height:15px; }
.nextlink:hover	{ background-position:-33px 0; width:35px; height:15px;  margin-left:4px}







/* =HEADER / MAIN NAV ______________________________________________________________________*/
#mainnav		{ width:550px; float: right; margin:0 0 0 0px;  }
#mainnav li		{ float: right; }
#mainnav li a	{ display:block; height:30px; text-indent:-9999px; }
#navidentity a 			{ width:100px;margin-left:3px; background:url(../assets/images/nav1.png) 0 0 no-repeat; }
#navweb a			{ width:100px; background:url(../assets/images/nav1.png) -100px 0 no-repeat; }
#navapparel a			{ width:100px; background:url(../assets/images/nav1.png) -201px 0 no-repeat; }
#navprint a			{ width:100px; background:url(../assets/images/nav1.png) -301px 0 no-repeat; }
#navcontact a 		{ width:103px; background:url(../assets/images/nav1.png)  -402px 0 no-repeat; }
#navidentity a:hover		{ background:url(../assets/images/nav2.png) no-repeat 0px 0px;  }
#navweb a:hover		{ background:url(../assets/images/nav2.png) -100px  no-repeat; }
#navapparel a:hover		{ background:url(../assets/images/nav2.png) -201px  no-repeat; }
#navprint a:hover		{ background:url(../assets/images/nav2.png) -301px  no-repeat; }
#navcontact a:hover		{ background:url(../assets/images/nav2.png) -402px  no-repeat; }





/* =WELCOME / about section ______________________________________________________________________*/
#about_sec p	{
	color:#000000;
	font-size:95%;
	letter-spacing:0.03em;
	line-height:28px;
	padding-top:10px;
	text-transform: uppercase;
}
#about_sec		{
	height:140px;


no-repeat; 				padding-bottom: 0px;
	background-repeat: no-repeat;
}



/* =FEATURED WORK ______________________________________________________________________*/
#identity_sec		{
	background: no-repeat;
	overflow:hidden;
	margin-bottom:180px;
	height: 440px;
}








/* =OTHER PROJECTS ______________________________________________________________________*/
#web_sec, #apparel_sec, #print_sec		{ background:url(../assets/images/otherbg.gif) no-repeat; overflow:hidden; padding-bottom: 100px;  }
#web_sec ul, #apparel_sec ul, #print_sec ul, #identity_sec ul	{
	width:215px;
	height:88px;
	float: left;
	padding-bottom:10px;
	
}

#identity1, #identity2, #identity3, #identity4,		{ margin-top:5px; }
#identity1, #identity2, #identity3, #identity5, #identity6, #identity7, #identity9, #identity10, #identity11, #identity13, #identity14, #identity15 { padding-right:8px; }

#web1, #web2, #web3, #web4		{ margin-top:5px;  }
#web1, #web2, #web3, #web5, #web6, #web7{ padding-right:8px; }

#apparel1, #apparel2, #apparel3, #apparel4		{ margin-top:5px;  }
#apparel1, #apparel2, #apparel3, #apparel5, #apparel6, #apparel7 { padding-right:8px; }

#print1, #print2, #print3, #print4		{ margin-top:5px;  }
#print1, #print2, #print3, #print5, #print6, #print7	{ padding-right:8px; }











/* =IDENTITY______________________________________________________________________*/



li#thumbi1 a	    { display:block!important; width:215px; height:88px; background:url(../assets/images/tn/identity1.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbi2 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/identity2.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbi3 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/identity3.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbi4 a	    { display:block!important; width:215px; height:88px; background:url(../assets/images/tn/identity4.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbi5 a	    { display:block!important; width:215px; height:88px; background:url(../assets/images/tn/identity5.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbi6 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/identity6.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbi7 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/identity7.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbi8 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/identity8.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbi9 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/identity9.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbi10 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/identity10.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbi11 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/identity11.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbi12 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/identity12.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbi13 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/identity13.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbi14 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/identity14.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbi15 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/identity15.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbi16 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/identity16.jpg) 0 0  no-repeat; border: thin solid #666666;}


li#thumbi1 a:hover, li#thumbi2 a:hover, li#thumbi3 a:hover, li#thumbi4 a:hover, li#thumbi5 a:hover, li#thumbi6 a:hover, li#thumbi7 a:hover, li#thumbi8 a:hover, li#thumbi9 a:hover, li#thumbi10 a:hover, li#thumbi11 a:hover, li#thumbi12 a:hover, li#thumbi13 a:hover, li#thumbi14 a:hover, li#thumbi15 a:hover, li#thumbi16 a:hover { background-position:0 -88px; }





/* =PRINT ______________________________________________________________________*/



li#thumbp1 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/print2.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbp2 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/print1.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbp3 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/print3.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbp4 a	    { display:block!important; width:215px; height:88px; background:url(../assets/images/tn/print4.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbp5 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/print5.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbp6 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/print6.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbp7 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/print7.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbp8 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/print8.jpg) 0 0  no-repeat; border: thin solid #666666;}

li#thumbp1 a:hover, li#thumbp2 a:hover, li#thumbp3 a:hover, li#thumbp4 a:hover, li#thumbp5 a:hover, li#thumbp6 a:hover, li#thumbp7 a:hover, li#thumbp8 a:hover{ background-position:0 -88px; }


/* =WEB ______________________________________________________________________*/



li#thumbw1 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/web1.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbw2 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/web2.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbw3 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/web3.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbw4 a	    { display:block!important; width:215px; height:88px; background:url(../assets/images/tn/web4.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbw5 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/web5.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbw6 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/web6.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbw7 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/web7.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumbw8 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/web8.jpg) 0 0  no-repeat; border: thin solid #666666;}

li#thumbw1 a:hover, li#thumbw2 a:hover, li#thumbw3 a:hover, li#thumbw4 a:hover, li#thumbw5 a:hover, li#thumbw6 a:hover, li#thumbw7 a:hover, li#thumbw8 a:hover{ background-position:0 -88px; }




/* =APPAREL ______________________________________________________________________*/



li#thumba1 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/app1.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumba2 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/app2.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumba3 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/app3.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumba4 a	    { display:block!important; width:215px; height:88px; background:url(../assets/images/tn/app4.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumba5 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/app5.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumba6 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/app6.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumba7 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/app7.jpg) 0 0  no-repeat; border: thin solid #666666;}
li#thumba8 a		{ display:block!important; width:215px; height:88px; background:url(../assets/images/tn/app8.jpg) 0 0  no-repeat; border: thin solid #666666;}

li#thumba1 a:hover, li#thumba2 a:hover, li#thumba3 a:hover, li#thumba4 a:hover, li#thumba5 a:hover, li#thumba6 a:hover, li#thumba7 a:hover, li#thumba8 a:hover{ background-position:0 -88px; }







/* =FOOTER ______________________________________________________________________*/


h2 span		{ display:block; width:70px; height:16px; float:right; }
h2 span a	{  display:block; float:right; width:inherit; }
.toplink2	{ background:url(../assets/images/home.png) no-repeat 0 0; width:41px; height:20px; }
.nextlink2	{ background:url(../assets/images/home.png) no-repeat 0 0; width:41px; height:20px; }
.toplink2:hover	{ background-position: 0 0; width:41px; height:20px; }
.nextlink2:hover	{ background-position:0 0; width:41px; height:20px; }






#copyright			{ clear:left; color:#333; display:block; font-size:68%; margin:0 auto; padding-top:10px; width:600px; text-align:center; }
#copyright a		{ color:#fff; }
#copyright a:hover	{ text-decoration:underline; color:#fff }

#contactForm {
	font-family: "Century Gothic", Arial, san-serif;
	font-size: 13px;
	color: #000000;
	text-align: left;
	overflow:hidden;
	padding-bottom: 45px;
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 30px;
	padding-top: 15px;
	background-image: url(../assets/images/contactbg.jpg);}
	

	
	

/* Form Styles */

.input{
	border:1px solid #a5a5a5;
	background:fff;
	cursor:text;
	margin:5px 0;
	padding:2px;
	width:400px;
}
textarea.input{
	width:400px;
	height:70px;
}
.input:focus, .textarea:focus{
	border:1px solid #fff;
}
label.error {
	color:#FF0000;
	font-weight:bold;
	padding:0 0 0 14px;
	vertical-align:top;
}
.signin-btn, .button1{
	background:#779e01;
	line-height:20px;
	margin:8px 0;
	padding:2px 10px !important;
	padding:2px 0;
	color:#fff;
	font-weight:bold;
	border:none;
	outline:none;
	cursor:pointer;
}
.submit-btn{
	background:url(../assets/images/submit-btn.jpg) no-repeat;
	width:67px;
	height:27px;
	border:none;
	outline:none;
	cursor:pointer;
}

/* Form Styles */
#nate {
	background-image: url(../assets/images/nate.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 500px;
}
#pdf {
	float: right;
	margin-bottom: 0px;
	margin-right: 8px;
	margin-top: 150px;
}
