@import url('reset.css');

body	{ background-color:#FFFFFF; font:76% "Helvetica Neue", arial, helvetica, sans-serif; color:#555555; }


/*----------------------------------------------*/
/*----------------------------------------------*/
/* TYPOGRAPHY */
#head, #nav, #footer { font:bold 1.1em/1.5 Georgia, "Times New Roman", times, serif; text-transform:uppercase; color:#CCCCCC; letter-spacing: 2px; }
#nav { font-weight: normal; letter-spacing: 2px; }
#head a, #footer a { color: #AAAAAA; text-decoration:none; font-weight:bold; font-size:12px;}
#nav a { color: #AAAAAA; text-decoration:none; font-weight:bold;  font-size:12px;}
#head a:hover, #head a:active,
#nav a:hover, #nav a:active,
#nav a.active,
#footer a:hover, #footer a:active,
#footer span 	{ color:#18AAE3; }

.content a { color:#18AAE3; text-decoration:none;}
.content a:hover,
.content a:active { color:#666666; }

a img { border:0 none; }


/*----------------------------------------------*/
/*----------------------------------------------*/
/* LAYOUT */

#wrapper	{ width:893px; margin:22px auto; border:1px solid #CCCCCC; border-width:3px 0 1px 0; }
#head		{ line-height:42px; }
#nav		{ width: 100%; overflow: hidden; border:1px solid #CCCCCC; border-width: 1px 0 1px; padding:10px 0; }
#nav li 	{ float:left; padding:0 11px 0 5px ; background: url('/assets/img/nav_bg.gif') right center no-repeat; }
#nav li.first { padding-left:0; clear:left; }
#nav li.last { padding-right:0; background-image:none; }

#body 		{ clear:both; padding:31px 0 87px; }
.content	{ background-color: #F1F1F1; padding:15px 20px; line-height:1.5; margin:0 0 9px; }
.content:last-child { margin: 0; }
.content h2 { margin: 0 0 0.5em; color: #999999; }
.content h2 strong { color:#777777; }
.content #project-nav { float: right; font-size: .9em; color:#999999; }
.content p 	{ margin: 0 0 1em; }

#footer 	{ line-height: 42px; border-top:3px solid #CCCCCC; color:#CCCCCC; }


/*----------------------------------------------*/
/*----------------------------------------------*/
/* PAGE-SPECIFIC */

/*----------------------------*/
/* INFO */
body#info div.info 			{ margin: 0 0 9px; width:100%; overflow: hidden; }
body#info div.info #email	{ display:block; width:893px; height:123px; text-indent: -9999px; overflow: hidden; background: url('http://clients.evanfell.com/Brett_Walkley/assets/img/info_email.jpg') top center no-repeat; }
body#info div.info #email:hover { background-position: bottom center; }
body#info div.info #phone 	{ float:left; width:409px; height: 123px; text-indent: -9999px; overflow: hidden; background: url('http://clients.evanfell.com/Brett_Walkley/assets/img/info_phone.jpg') no-repeat; }
body#info div.info #resume 	{ float:left; width:484px; height: 123px; text-indent: -9999px; overflow: hidden; background: url('http://clients.evanfell.com/Brett_Walkley/assets/img/info_resume.jpg') top center no-repeat; }
body#info div.info #resume:hover 	{ background-position: bottom center; }

body#info .content 			{ font:bold 1.3em/2 "Helvetica Neue", arial, helvetica, sans-serif; text-transform:uppercase; letter-spacing: 1px; padding:0px; background-color:#fff; color:#ddf2fb; color:rgba(255, 255, 255, 0.85); font-weight:bold; }


body#info div.content p		{ margin: 0; }/* CSS Document */