@charset "UTF-8";
/* CSS Document */
html, body { margin:0; padding:0!important; width:100% !important; min-width:1000px !important; min-height:300px; position:absolute; font-family:Helvetica, Arial, sans-serif; font-size:13px; }
a:link, a:visited { color:#FFF; text-decoration:none; }
a:hover { color:#d40000; text-decoration:underline; }
img { border:none; }
body { background:#000;/* -moz-background-size:100% !important; -webkit-background-size:100% !important;*/ width:100%; height:100%; position:absolute; }
#home { background:url(../images/loneSign_bg_2000px.jpg) no-repeat center top fixed #000; }
#resumePG { background:url(../images/zf_skateboard.jpg) no-repeat center top fixed #000; }
#aboutPG { background:url(../images/grass.jpg) no-repeat center top fixed #000; }
/*body#mainBG{background:url(images/loneSign_bg.jpg) fixed center no-repeat;}*/
#gridBG { background:url(../images/grid_bg.png) repeat fixed; width:100%; height:100%; margin:0; padding:0; min-height:1300px; position:relative; z-index:3; }
#container { width:1122px; margin:0 auto; position:relative; z-index:0; padding:33px 0 0 0; }
#content { width:600px; position:relative; left:101px; top:-7px; }
#logo { float:left; position:fixed; text-indent:-1000em; }
#logo a { display:block; background:url(../images/zach_ford_logo.png) no-repeat left top; width:100px; height:434px; }
#contentWrap { background:url(../images/black_50pct.png) repeat fixed; width:990px; min-height:700px; padding:30px 0 13px 30px; }
.copyright p { text-align:center; color:#fff; font-size:1em; }
/************************************* MAIN NAV *********************************************/
#nav { height:50px; width:431px; margin:0; padding:0; }
#nav ul { list-style:none; margin:0; padding:0; }
#nav li { margin:0; padding:0 29px 0 0; float:left; text-indent:-1111em; }
li#portfolio a { background:url(../images/zach_ford_menu.png) 0 0; width:129px; height:30px; display:block; padding:0; }
li#portfolio a:hover { background:url(../images/zach_ford_menu.png) 0 -30px; }
li#portfolioCurrent { background:url(../images/zach_ford_menu.png) 0 -30px; width:129px; height:30px; display:block; }
li#about a { background:url(../images/zach_ford_menu.png) -158px 0px; width:80px; height:30px; display:block; }
li#about a:hover { background:url(../images/zach_ford_menu.png) -158px -30px; }
li#aboutCurrent { background:url(../images/zach_ford_menu.png) repeat scroll -158px -30px transparent; height:32px; width:80px; }
li#resume a { background:url(../images/zach_ford_menu.png) -269px 0; width:101px; height:30px; display:block; }
#resume a:hover { background:url(../images/zach_ford_menu.png) -269px -30px; }
#resumeCurrent { background:url(../images/zach_ford_menu.png) -269px -30px; height:30px; width:72px; }
/*.invisible{}*/

/**************************************** CONTACT INFO ******************************************/
#contactInfo { width:189px; float:left; margin:0; color:#FFF; position:relative; top:41px; left:25px; }
.contactText { margin:0 0 60px 0; font-weight:bold; }
.contactText h3 { border-bottom:1px dotted #FFFFFF; font-size:11px; font-weight:normal; margin:1px 0; padding:5px 0; }
/**************************************** PORTFOLIO *********************************************/
.thumbs { margin:10px; }
#portfolioWrap { width:744px; float:left; }
#portfolioWrap ul { list-style:none; margin:0; padding:0; }
#portfolioWrap li { float:left; height:141px; list-style:none outside none; margin:7px; padding:0; text-align:center; vertical-align:middle; width:234px; }
#portfolioWrap a { display:block; background:#333; }
#portfolioWrap a:hover { background:#4b4b4b; }
/*************************************** RESUME ***************************************************/
.col1, .col2, .col3 { color:#fff; font-size:11px; line-height:1.1em; letter-spacing:0em; padding-right:42px; text-align:left; width:326px; float:left; }
.col1 h1, .col2 h1, .col3 h1 { font-size:1.5em; font-weight:bold; margin:0 0 12px 0; padding-bottom:7px; border-bottom:1px dotted; margin-bottom:20px; }
.col1 h2, .col2 h2, .col3 h2 { font-size:1.2em; font-weight:bold; margin:0 0 12px 0; }
.col1 ul, .col2 ul, .col3 ul { margin:0 0 30px 0; line-height:1.2em; font-size:1.2em; padding:0 0 0 13px; }
.col1 li, .col2 li, .col3 li { margin:0 0 10px 0; }
.col3 { padding:0 0 0 19px; }
.col3 h3 { color:#FFFFFF; font-size:1.4em; font-weight:bold; margin:0; position:relative; }
.col2 { border-right:1px solid #fff; }
.objectiveTxt { color:#FFFFFF; float:left; font-size:1.4em; text-indent:-1000em; margin:0; padding:0; background:url(../images/resumeTxt.png) no-repeat; width:920px; height:220px; }
.objectiveTxt h3 { text-indent:-1000em; }
.downloadRes { }
.downloadRes h2 { font-size:14px; left:8px; letter-spacing:-0.04em; position:relative; top:21px; }
.downloadRes a, .downloadRes a:visited { text-decoration:none; }
.downloadRes a:hover { text-decoration:underline; }
/************************************* MISC STYLES *********************************************/
.clear { clear:both; }
/************************************* ABOUT ****************************************************/
.aboutWrap { color:#FFF; background:url(../images/aboutMe.png) no-repeat; width:736px; height:823px; float:left; margin:0 40px 0 0; }
.aboutWrap h1 { font-size:3.8em; text-transform:uppercase; margin:0; padding:0; text-indent:-1000em; }
.aboutWrap h2 { text-indent:-1000em; }
.aboutWrap p { text-indent:-1000em; }
.aboutWrap ul { list-style:none; }
.aboutWrap li { text-indent:-1000em; }
.aboutContact { background:url(../images/aboutMe.png) no-repeat scroll -738px 0 transparent; float:left; height:400px; width:166px; }
.aboutContact h3 { border-bottom:1px dotted; color:#FFFFFF; margin:10px 0 12px; padding:5px 0; }
.aboutNumber { position:relative; top:149px; }
.profilePic { background:url(../images/profilePic_14.jpg) no-repeat scroll center top transparent; border:1px solid #FFFFFF; height:186px; text-indent:-1000em; width:155px; }
