/* http://www.graphiacreative.com/css/styles.css */

body					{ 
		  				  font-size:62.5%; font-family:arial, verdana, sans-serif; margin:0; padding:0; height:100%; 
						  background:#5b544e  repeat-x center top; background-image:url(images/interior_body_bg2.jpg);
						}
body#home				{ background-image:url(images/home_body_bg2.jpg);
						  background-color: #dcd6cf; }
#container				{ width:800px; margin:0 auto; }
#mainContenthome		{ padding-top:18px; background-image: url(images/maincontent_bg.jpg); background-repeat: no-repeat; }
#mainContent			{ padding-top:18px; }
#content				{ width:800px; margin-top:43px; }
.show					{ display:block; }
.hidden, hr				{ display:none; }

.clearfix:after 		{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 				{ display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix 		{ height: 1%;}
.clearfix 				{ display: block;}
/* End hide from IE-mac */

.column					{ float:left; margin-right:10px; }
.mid					{ width:255px; }
.column.last			{ margin-right:-30px; }


/* end */


/* HEADER */ 
#header					{ position:relative; height:165px; width:795px; z-index:10; background:url(images/header_bg.jpg) left bottom no-repeat; }
#header h1,
#header h1 a			{ display:block; width:333px; height:116px;}
#header h1				{ margin:0; padding:0; background:url(images/logo1.jpg) no-repeat; text-indent:-999em; position:absolute;
	top:0; right:462px; height: 116px; z-index:1001; }
#header h1 a:focus		{ outline:none; } 

#contact-wrap			{ position: absolute; top: 1px; padding: 6px 14px; background: url(images/topbar_bg.png) no-repeat; left: 632px; width: 135px; }
#contact-wrap p	{    
	font-size: 1.1em;
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, Tahoma, sans-serif;
   color:  #979689;
   margin:0; padding:0;
}

#header div#contact-wrap a { color: #bbbaaa; text-decoration: none; }

#subnav					{ margin:0; padding:0; list-style:none; position:absolute; top:117px; right:-2px; height:54px; width: 200px; }
#subnav li				{ float:left; display:inline; }
#subnav li a			{ display:block; line-height:54px; no-repeat; text-indent:-999em;	}
#subnav li a:focus		{ outline:none; }

#subnav li#about-me		{ position:relative; left:35px; }
#subnav li#about-me a			{ background-position:10px top; width:70px; }
#subnav li#about-me a:hover		{ background-position:10px -54px;}
#a-little-about-me li#about-me a,
#a-little-about-me li#about-me a:hover
								{ background-position:10px -108px; }

#subnav li#in-touch		{ position:relative; left:20px; margin-left:16px; }
#subnav li#in-touch a			{ background-position:-141px top; width:90px; }
#subnav li#in-touch a:hover		{ background-position:-141px -54px; }
#get-in-touch li#in-touch a,
#get-in-touch li#in-touch a:hover
								{ background-position:-141px -108px; }

p#location						{
	width:auto;
	position:absolute;
	top:136px;
	left:85px;
	margin:0;
	padding:0;
	font-size:1.3em;
	font-family:Helvetica, arial, verdana, sans-serif;
	color:#747472;
								}
/* end */

/* NAVIGATION */
#nav				{
	position:absolute;
	top:117px;
	left:126px;
	height:54px;
	margin:0;
	padding:0 0 0 8px;
	list-style: none;
	width: 394px;
}
#nav li				{ float:left; display:inline; margin:0 7px;}
#nav li a			{ display:block; line-height:54px; no-repeat; text-indent:-999em; }
#nav li a:focus		{ outline:none; }

#nav li#print a				{ background-position:10px top; width:60px; }
#nav li#print a:hover			{ background-position:10px -54px; }
#nav li#print.current a		{ background-position:10px -108px; }
#nav li#packaging a				{ background-position:-62px top; width:102px; }
#nav li#packaging a:hover		{ background-position:-62px -54px;  }
#nav li#packaging.current a		{ background-position:-62px -108px; }
#nav li#branding a			{ background-position:-138px top; width:96px; }
#nav li#branding a:hover	{ background-position:-138px -54px; }
#nav li#branding.current a	{ background-position:-138px -108px; }
#nav li#web a				{ background-position:-160px top; width:65px; }
#nav li#web a:hover		{ background-position:-160px -54px; }
#nav li#web.current a		{ background-position:-160px -108px; }

/* end */

/* PRIMARYCONTENT */
	
	/* HOME PAGE FEATURED */
	#primaryContent			{ float:left; width:525px; }
	#a-little-about-me #primaryContent,
	#get-in-touch #primaryContent { padding-left:6px; width:515px;  }
	#primaryContent h2		{ font:2.8em "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, verdana, sans-serif; color:#8e786e; font-weight:normal; padding-bottom:9px; border-bottom:1px solid #deddd3; margin-top: 1px; margin-bottom: 0px; }	
	#primaryContent p		{ font:1.4em/22px "Helvetica Neue", Helvetica, arial, verdana, sans-serif; color:#5f5e5b; }
	#primaryContent a		{ color:#77a093; }
	#primaryContent a:hover	{ text-decoration:none; }
	#home #primaryContent	{ margin-top:20px; width:795px  }
	#featured				{
	display:block;
	width:510px;
	height:290px;
	background-image: url(images/home-page-featured.jpg);
	background-position: top;
	margin-top: -18px;
	}	
	/* end */
	
	/* HOME ABOUT */
	#about				{
	position:relative;
	padding-top:18px;
	width:260px;
	height:290px;
	margin-right:0;
	margin-left:11px;
}
						
	#home #about p		{ font:1.4em/22px Georgia, "Times New Roman", serif; color:#FFFFFF;  }

	/* end */


/* PORTFOLIOCONTENT */
#portfolio			{
	display:block;
	background-position: center;
	text-align: center;
	padding: 11px 5px 0 5px;
}



/* FOOTER */
#footer				{ width:790px; border-top:6px solid #7d746c; padding:17px 0 0px; margin:35px 0 0 5px; clear:both; display:block }
#footer p			{ font-size:1.1em; color:#7d746c; text-decoration: none; margin: 3px 0;}
#footer a 			{ text-decoration: none; color:#7d746c; margin: 0; }
#footer a:hover 	{ text-decoration: underline; color:#CC6600;
}
#footer #left		{ margin: 0; float: left; width: 280px; }
#footer #right		{ margin: 0; float: right; width: 480px; text-align: right;	}
#footer p.lighter	{ font-size:1em; color:#8C8881; text-decoration: none; }

/* end */