@charset "UTF-8";
/* anasenes.com css
contents:
- reset styles
- @fontface
- core layout styles
- custom layout styles
- custom content styles
- print styles styles
- utility styles
- colors styles
  green - demographic - #16b246
  orange - iPub - #ee8600
  red - wells - #d54022;
  blue - tcb - #02518a
*/ 


/* begin -- reset styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;font-style:normal;outline:none;} 
header, nav, article, footer, address { display:block; }
/* end -- reset styles */

/* begin -- @fontface styles */
@font-face {
font-family: 'GeometricSlabserif703Medium';
	src: url('../fonts/geometric_slabserif_703_med-webfont.eot');
	src: local('☺'), url('../fonts/geometric_slabserif_703_med-webfont.woff') format('woff'), url('../fonts/geometric_slabserif_703_med-webfont.ttf') format('truetype'), url('../fonts/geometric_slabserif_703_med-webfont.svg#webfontwMBeO7tS') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GeometricSlabserif703Bold';
	src: url('../fonts/geometric_slabserif_703_bol-webfont.eot');
	src: local('☺'), url('../fonts/geometric_slabserif_703_bol-webfont.woff') format('woff'), url('../fonts/geometric_slabserif_703_bol-webfont.ttf') format('truetype'), url('../fonts/geometric_slabserif_703_bol-webfont.svg#webfontU4kZkr9C') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidSansRegular';
	src: url('../fonts/DroidSans-webfont.eot');
	src: local('☺'), url('../fonts/DroidSans-webfont.woff') format('woff'), url('../fonts/DroidSans-webfont.ttf') format('truetype'), url('../fonts/DroidSans-webfont.svg#webfontKYIQSBQk') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DroidSansBold';
	src: url('../fonts/DroidSans-Bold-webfont.eot');
	src: local('☺'), url('../fonts/DroidSans-Bold-webfont.woff') format('woff'), url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'), url('../fonts/DroidSans-Bold-webfont.svg#webfontljpTCDjw') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* end -- @fontface styles */

/* begin -- page level content styles */
a {text-decoration:none; color:#e2e2e2;}
	a:hover {color:#16b246;}
	a:focus {color:#666; outline:none;}
h1 {font-family: 'GeometricSlabserif703Bold'; font-size:72px; padding:0 0 8px 0;}
h2 {font-family: 'GeometricSlabserif703Bold'; font-size:36px; padding:0 0 8px 0;}
h3 {font-family: 'GeometricSlabserif703Medium'; font-size:18px; padding:0 0 8px 0;}

p {margin:0 0 20px 0; line-height:1.8;}
strong {font-family: 'DroidSansBold';}

/* end -- page level content styles */

/* begin -- core layout styles */
body {
	font-family: 'GeometricSlabserif703Medium';
	font-size:14px;
	height:100%;
	width:100%;
	margin:0;padding:0;
	overflow:hidden;
	background:#000;
}

#nav-container {
	font-family: 'GeometricSlabserif703Bold';
	background:url('../img/bgNav-horiz.jpg') repeat-x -15px 0;
	position:absolute;
	bottom:0; /*  js animates this to -36 and back to bottom:0; on toggle*/
	z-index:100;	
	width:100%;
	padding:20px 0 20px 20px;
	color:#d2d2d2;	
  }
		a#navToggle {
			background:url('../img/bgNavToggle.png') no-repeat 126px 0;
			font-family:'GeometricSlabserif703Medium';
			color:#ccc;
			font-size:11px;
			display:block;
			position:absolute;
			bottom:40px;
			width:100%;
			height:30px;
			padding:10px 0 0 136px;
			z-index:300;
		}
		a#navToggle:hover {color:#666;}
		
		#nav a {
			display:inline-block;
			color:#d2d2d2;	
		}
			#nav a.selected {color:#666;}
			#nav a:hover {color:#16b246;}
			#nav a.featuredWork:hover {color:#d2d2d2; cursor:default;}
					
		#nav #featuredWork {
			font-family: 'GeometricSlabserif703Medium';
			display:inline;
			font-size:12px;
			margin:0 0 0 2px;
		}
			#nav #featuredWork span {font-size:14px;}
				#nav #featuredWork a:hover {color:#16b246;}
				#nav #featuredWork a.selected {color:#666;}
	.navCopy {
		text-align:right;
		font-size:11px;
		font-size:11px;
		margin:-15px 40px 0 0;
		text-align:right;
	}

#container {
	width:100%;
	height:100%;
	position:absolute;
	top:0;left:0;
	background:#000;
	overflow:hidden;
}
		
	#mask {
		width:600%;
		height:100%;
		background:#fff;
	}

	.item {
		width:16.666%;
		height:100%;
		float:left;
		background:#e2e2e2;/*take out if individual page bg's are needed defeined as the id of the page div below*/
	}
				
		/*#home {background:url("../img/bgAbout.png") ;} 
		#about {background:url("../img/bgAbout.png") ;}
		#iPub {background:url("../img/bgIpub.png") ;}
		#wellsfargo {background:url("../img/bgWellsFargo.png") ;}
		#demographic {background:url("../img/bgDemographic.png") ;}
		#tcb {background:url("../img/bgTcb.png") ;}*/
	
	.contentText {
		width:660px;
		height:640px;
		top:8%;
		margin:0 auto;
		/*background:url('../img/bgBottomShadow.png') no-repeat -10px 556px;*/
		position:relative;
	}
	.content {
		width:1000px;
		height:640px;
		top:8%;
		margin:0 auto;
		/*background:url('../img/bgBottomShadow.png') no-repeat -10px 556px;*/
		position:relative;
	}
		.content-right {
			float:right;
			width:400px;
		}
		
		.content-left {
			position:relative;
			top:-40px;
		}
			.content-left img {
				display:block;	
			}
			
			.content-left a {
				display:block;
				width:250px;
				margin:0 0 20px 0;
				border:solid 5px #e2e2e2;
				-moz-box-shadow: 0 0 5px #a2a2a2;
				-webkit-box-shadow: 0 0 5px #a2a2a2;
				box-shadow: 0 0 5px #a2a2a2;
			}
				.content-left a:hover {
					border:solid 5px #ccc;
					-moz-box-shadow: 0 0 5px #666;
					-webkit-box-shadow: 0 0 5px #666;
					box-shadow: 0 0 5px #666;
				}
		
			.thumbs-right {
				display:block;
				float:left;	
				width:300px;
			}
			
			.thumbs-left {
				display:block;
				float:left;
				width:280px;
			}
				.thumbs-left a {margin:0 20px 20px 0;}
		
		/*.thumbs-right:after { /*use to clear both floated divs for the bottom shadow 
				   content: ".";
				   display: block;
				   height: 0;
				   clear: both;
				   visibility: hidden;
				}*/
	
/* end -- core layout styles */

/* begin -- custom layout styles*/
/* end -- custom layout styles*/

/* begin -- custom content styles */
a.button {
	background:url("../img/bgButton.jpg") repeat-x scroll 0 0 #E2E2E2;
	display:inline-block;
	height:13px;
	margin:0 0 20px 0;
	padding:10px 0;
	text-align:center;
	width:200px;
	-moz-box-shadow: 0 0 5px #333;
	-webkit-box-shadow: 0 0 5px #333;
	box-shadow: 0 0 5px #333;
}
	a.button:hover {
		-moz-box-shadow: 0 0 5px #666;
		-webkit-box-shadow: 0 0 5px #666;
		box-shadow: 0 0 5px #666;
	}

a.buttonBlank {
	display:inline-block;
	height:14px;
	margin:0 20px 20px 0;
	padding:8px 16px;
	text-align:center;
	color:#666;
	border:3px solid #E8E8E8;
	-moz-box-shadow: 0 0 5px #b2b2b2;
	-webkit-box-shadow: 0 0 5px #b2b2b2;
	box-shadow: 0 0 5px #b2b2b2;
}
	a.buttonBlank:hover {
		color:#16b246;
		background:#e2e2e2;
		border:3px solid #ccc;
		-moz-box-shadow: 0 0 5px #666;
		-webkit-box-shadow: 0 0 5px #666;
		box-shadow: 0 0 5px #666;
	}

	.content-right .button {display:block; margin:0 20px 20px 0;}
	.content .marginBtn {display:inline-block; margin:0 20px 20px 0;}
	
#homeButtons {clear:both; position:relative; top:20px;}
.homeOR {margin:0 20px 0 0;}
.homeTextColumn {
	float:left; 
	width:218px; 
	display:block;
	font-size:12px;
	line-height:1.6;
}


#bioPic {display:block; float:right; margin:0 0 20px 20px; width:427px; height:330px; background:#F2F2F2; }
/* end -- custom content styles*/

/* begin -- print styles */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
/* end -- print layout styles */

/* begin -- utility styles */
.clear {clear:both;}
.clearFix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.grey {color:#999;}
.green {color:#16b246;}
.orange {color:#ee8600;}
.red {color:#d54022;}
.blue {color:#02518a;}
/* end -- utility styles */