/*______________________________________________________________________________________________________

Hello hello!
________________________________________________________________________________________________________

SIXPACK 66 portfolio | http://www.sixpack66.com
Design & coding: Mario Sestak (Sixpack66) | http://www.sixpack66.com
2010 
________________________________________________________________________________________________________*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0;} 
form, fieldset {border:none;}
	
img		{border:none; outline:none;}
.left	{float:left;}
.right	{float:right;}
.upper  {text-transform:uppercase; margin-bottom:.4em;}
.it		{font-style:italic;}

ul		{list-style-type:none; margin-bottom:2.1em;}
ol		{width:195px; float:right; padding-right:1em;}


body, input, textarea { font:12px/21px Georgia, "Times New Roman", Times, serif; color:#333;}



/*___________________________________________________________________________________________________________*/
/*** __________  TYPOGRAPHY  & links  ________***/


a			{color:#98912f; text-decoration:none; border-bottom:#98912f dotted 1px; outline:none; }
a:hover		{color:#6b650e; border-bottom:#6b650e dotted 1px;background-color:#f2f2f2;}

p			{margin-bottom:12px; padding-right:1em; font-size:12px;}
blockquote	{ width:520px; padding:1.5em 0 0 6.6em; background:url(../slices/quote2.gif) no-repeat top left; color:#8f8f8f; line-height:1.9em;color:#666; margin-bottom:3.5em; font-size:1em;}


h1#main{	 font-size:42px;  font-weight:normal; margin:12px 0 20px 0; text-transform:uppercase; letter-spacing:1px; color:#b1b1b1; border-bottom:1px solid #e9e9e9; padding-bottom:10px;}
h1			{ font-size:30px;  font-weight:normal;line-height:1.8em;}
h2			{ font-size:21px;  font-weight:normal; font-variant:small-caps; line-height:1.5em; color:#707070;}

h3			{font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-variant:small-caps; 			line-height:1em; margin-bottom:1.3em; color:#222222; }



/*** __________________________________________________________________________________***/
/*** __________ HEADER, layout ________***/
  #header{ padding:30px 0 0 30px;}
#main_warp, #header, #footer	{width:960px;}
#header							{ padding-bottom:30px;}
#main_warp	{ background: url(../slices/main_warp.jpg) center top no-repeat; padding-bottom:7em; overflow:hidden; position:relative;}

#main_content { padding:40px 0 0 0;}

#main_content h2			{ margin-bottom:15px;}

#web_works, #print_works, #logo_works, #apparel_works {width:205px; float:left; border-right:1px dotted #e9e9e9; margin-left:30px;}

#banner_works{width:205px;border-right:1px dotted #e9e9e9; margin-right:15px; float:right;} 


#mail_cont, #mail{padding: 3px 0 3px 25px; background:url(../slices/contact_mail.gif) no-repeat;}
a#mail_cont, a#mail {border:none;}

#cont{clear:both; padding:15px 0 10px 30px; border-top:1px solid #e9e9e9; }

.project_list a	{  border:none; }
a.project_item	{display:block;  width:175px;  text-decoration:none; padding:3px; border-top: 1px solid #dedede;}

a.project_item:hover{ background-color:#f2f2f2;}


span.desc {font-style:italic; font-size:10px;}

a.back {display:block; padding:5px; font-size:14px; width:90px; border:none; margin:21px 100px 10px 30px; text-align:center; float:right; }

#works{padding-left:30px;}
#works #main_warp{width:1100px;}




#error #main_content{margin-left:30px;}




#haha{
position:absolute;
left:0px;
top:0px;
z-index:2;
}