/* ----------------------------------------------------
Animated Minds Style Sheet
Author:  Giles @ Pixeco
-----------------------------------------------------*/


/* Importing rules
-----------------------------------------------------*/
@import url(reset.css);
@import url(grid_960.css);
@import url(modules/buttons.css);
@import url(modules/forms.css);


body { 
	font-size: 11px;
	font-family: 'Lucida Grande', Arial, sans-serif; 
	color: #7F7F7F; 
	}


/* Helpers
----------------------------------------------------*/
.inline { display:inline; border:0; margin:0; padding:0; }
.float { float:left; }
.floatRight { float:right; }
.clearboth { clear:both; }
.small { font-size: 1.1em; }

.clearfix:after {
    clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
	}
	.clearfix { display:inline-block; }
	html[xmlns] .clearfix { display:block; }
	* html .clearfix { height:1%; }



/* Typography
----------------------------------------------------*/
p { font-size:1em; line-height:1.5em; margin:0 0 1.5em 0; }

a:link, 
a:visited, 
a:hover, 
a:active { color:#0083d7; }
	a:link { text-decoration:none; }
	a:visited { text-decoration:none; }
	a:hover { color: #343434; text-decoration:none; }
	a:active { text-decoration:none; }

h1 { font-size:2.5em; line-height:1.1em; letter-spacing:-.02em; margin:0; font-weight:normal; }
h2 { font-size:2em; line-height:1.2857em; letter-spacing:-.02em; margin:0 0 11px 0; font-weight:normal; }
h3 { font-size:1.2em; line-height:1.2857em; /*letter-spacing:-.08em;*/ margin:0; font-weight:bold; }
h4 { font-size:1.1em; line-height:1.5em; margin:0 0 1.5em 0; font-weight:normal; }
h5 { line-height:1.2857em; margin:0; font-weight:bold; }


h1, h2, h3, h4 { 
	position: relative;
	left: -1px;
	}


/* Layout
----------------------------------------------------*/
#wrapper { 
/*	position: relative;*/
	}
	#header { 
		height: 85px;
		margin-bottom: 60px;
		border-bottom: 1px solid #0083d7;
		position: relative;
		}
		#header strong.logo { 
			display: block;
			width: 161px;
			height: 19px;
			margin: 0;
			padding: 0;
			text-indent: -999em;
			position: absolute;
			top: 56px;
			left: -1px;
			background: url(../images/pixeco_logo.png) no-repeat 0 0;
			}
			#header strong.logo a { 
				background: none;
				display: block;
				height: 100%;
				}
		

/* Navigation
----------------------------------------------------*/
ul#navigation { 
	height: 36px;
	padding: 0;
	text-align: right;
	position: absolute;
	top: 64px;
	right: 0;
	}
	ul#navigation li { 
		display: inline;
		margin: 0 0 0 20px;
		}

/*div#subNav {
	width: 140px; 
	float: none;
	position: absolute;
	top: 145px;
	padding-left: 10px;
	}*/
div#subNav {
	width: 140px; 
	float: left;
	display: inline;
	margin: 5px 10px 0;
	}
	div#subNav h5 {
		margin-top: 2px; 
		margin-bottom: 7px;
		}
		div#subNav ul { 
			border-top: 1px solid #bbb;
			}
			div#subNav ul li { 
				line-height: 1.4;
				padding: 3px 0;
				border-bottom: 1px solid #bbb;
				}
				div#subNav ul li.last { 
					border-top: 2px solid #bbb;
					border-bottom: none;
/*					margin-top: 1px;*/
					font-weight: bold;
					}
				div#subNav ul li a:hover { 
				
					}
			
						
/* Column variations
----------------------------------------------------*/		
#wrapper div.column_1 { 
	width: 300px;
	}
#wrapper div.column_3 { 
	width: 200px;
	}
#wrapper div.column_4 { 
	width: 160px;
	}	

#wrapper div.column_5 { 
	width: 600px;
	}		

/* Portfolio
----------------------------------------------------*/
div#portfolio { 
	margin-bottom: 0;
	float: right;
	}
	div#portfolio h2 { 
		position: relative;
		margin-bottom: 6px;
		font-size: 1.5em;
		}
		div#portfolio h2 span { 
			position: absolute;
			right: 0;
			}
	div#portfolio dl { 
		margin: 0 0 20px 0;
		}
		div#portfolio dl dt { 
			margin: 0 0 30px 0;
			}




ul.lists { 
	font-size: 1.3em;
	}
	ul.lists li { 
		margin-bottom: 4px;
		}






/* Footer
----------------------------------------------------*/
div#footer { 
	height: 100px;
/*	padding-bottom: 18px;*/
	text-align: left;
	position: relative;
	}
	div#footer a.top { 
		position: absolute;
		left: 160px;
		top: 0;
		}