/*
Black #000000;
White #FFFFFF;
Red #D4145A;
Green #33CC66;
Blue #0099FF;
*/

body { 
	margin: auto;
	padding: 0; 
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    background-color: #000000;
    background-image: url('../../_images/backgrounds/backgroundPattern.jpg');
    background-repeat: repeat;
    vertical-align: middle;
    color: #FFFFFF;
}

#slider {
    width: 960px;
    margin: 25px auto;
    position: relative;
    vertical-align: middle;
}

.scroll {
    height: 750px;
    width: 960px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #000000 repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 0px;
    padding-left: 20px;
    padding-right: 20px;
    height: 750px;
    width: 920px;
    text-align: justify;
    background-color: #000000;
}

/* NAVIGATION MENUS */
ul.nav {
    list-style: none;
}
ul.nav li {
    display: inline;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
ul#navHome.nav {
	padding-top: 452px;
	padding-left: 260px;
}
ul#navWho.nav {
	margin-top: 0px;
	padding-top: 25px;
	padding-left: 300px
}
ul#navWhat.nav {
	margin-top: 0px;
	padding-top: 25px;
	padding-left: 315px;
}
ul#navWhatMore.nav {
	margin-top: 0px;
	padding-top: 25px;
	padding-left: 315px;
}
ul#navWhere.nav {
	margin-top: 0px;
	padding-top: 25px;
	padding-left: 300px;
}

/* NAVIGATION LINKS */
a {
	color: #0099FF;
	text-decoration: underline;
}
a:hover {
	color: #0099FF;
	text-decoration: line-through;
}
a.aHome {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}
a.aHome:hover {
	color: #FFFFFF;
	text-decoration: line-through;
	padding-left: 5px;
	padding-right: 5px;
}
a.aWho {
	color: #D4145A;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}
a.aWho:hover {
	color: #D4145A;
	text-decoration: line-through;
	padding-left: 5px;
	padding-right: 5px;
}
a.aWhat {
	color: #33CC66;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}
a.aWhat:hover {
	color: #33CC66;
	text-decoration: line-through;
	padding-left: 5px;
	padding-right: 5px;
}
a.aWhere {
	color: #0099FF;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}
a.aWhere:hover {
	color: #0099FF;
	text-decoration: line-through;
	padding-left: 5px;
	padding-right: 5px;
}
a#email {
	color: #0099FF;
	text-decoration: none;
}
a#email:hover {
	color: #0099FF;
	text-decoration: line-through;
}
a.aTwitter {
	color: #0099FF;
	text-decoration: none;
}
a.aTwitter:hover {
	color: #0099FF;
	text-decoration: line-through;
}
a.aFancyLink {
	color: #0099FF;
	text-decoration: none;
}
a.aFancyLink:hover {
	color: #0099FF;
	text-decoration: line-through;
}
a.resume {
	color: #0099FF;
	text-decoration: none;
}
a.resume:hover {
	color: #0099FF;
	text-decoration: line-through;
}

/* DIV TITLES */
p.homeTitle {
	font-size: 18px;
}
p.whoTitle {
	font-size: 18px;
	padding-top: 25px;
	padding-left: 310px;
	color: #D4145A;
}
p.whatTitle {
	font-size: 18px;
	padding-top: 25px;
	padding-left: 469px;
	color: #33CC66;
}
p.whatMoreTitle {
	font-size: 18px;
	padding-top: 25px;
	padding-left: 469px;
	color: #33CC66;
}
p.whereTitle {
	font-size: 18px;
	padding-top: 25px;
	padding-left: 310px;
	color: #0099FF;
}

/* DIV CONTENTS */
p.pHome {
	color: blue;
}
p.pWho {
	color: #333333;
	padding-top: 10px;
	padding-left: 360px;
	line-height: 2em;
	width: 500px;
	text-align: left;
}
p.pWhoSkills {
	color: #333333;
	padding-top: 10px;
	padding-left: 360px;
	line-height: 2em;
	width: 500px;
	text-align: left;
}
p.pWhatLarge {
	color: aqua;
	margin-top: 30px;
	width: 630px;
	/*background-color: #FFFF00; */
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	height: 260px;
}
div.pWhatImg {
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	height: 230px;
	width: 345px;
	margin-top: -260px;
	margin-left: 15px;
}
div.pWhatTitle {
	font-size: 16px;
	margin-top: -230px;
	margin-left: 375px;
}
div.pWhatDescription {
	font-size: 14px;
	text-align: justify;
	margin-top: 20px;
	margin-left: 375px;
	width: 240px;
}
div.pWhatLink {
	color: #33CC66;
	font-size: 10px;
	margin-top: 20px;
	margin-left: 375px;
}
a.aWhatLink {
	color: #33CC66;
	text-decoration: none;
}
a.aWhatLink:hover {
	color: #33CC66;
	text-decoration: line-through;
}
div.pWhatThumbs {
	height: 320px;
	width: 790px;
	/* background-color: #FFFF00; */
	margin-top: 30px;
}
div#whatThumb1 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -16px;
	margin-left: -15px;
}
div#whatThumb2 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 145px;
}
div#whatThumb3 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 305px;
}
div#whatThumb4 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 465px;
}
div#whatThumb5 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: 10px;
	margin-left: -15px;
}
div#whatThumb6 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 145px;
}
div#whatThumb7 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 305px;
}
div#whatThumb8 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 465px;
}
div#whatThumb9 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 625px;
}
div#whatThumb10 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 785px;
}
div#whatThumb11 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: 10px;
	margin-left: -15px;
}
div#whatThumb12 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 145px;
}
div#whatThumb13 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 305px;
}
div#whatThumb14 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 465px;
}
div#whatThumb15 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 625px;
}
div#whatThumb16 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 785px;
}
div#whatThumb17 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: 10px;
	margin-left: -15px;
}
div#whatThumb18 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 145px;
}
div#whatThumb19 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 305px;
}
div#whatThumb20 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 465px;
}
div#whatThumb21 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 625px;
}
div#whatThumb22 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 785px;
}
div#whatThumb23 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: 10px;
	margin-left: -15px;
}
div#whatThumb24 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 145px;
	text-align: center;
}
div#whatThumb25 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 305px;
	text-align: center;
}
div#whatThumb26 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 465px;
	text-align: center;
}
div#whatThumb27 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 625px;
	text-align: center;
}
div#whatThumb28 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 785px;
	text-align: center;
}
div#whatMore {
	margin-top: 20px;
	margin-left: 650px;
}
a.aWhatMore {
	color: #33CC66;
	text-decoration: none;
}
a.aWhatMore:hover {
	color: #33CC66;
	text-decoration: line-through;
}
div.pWhatMoreThumbs {
	height: 320px;
	width: 790px;
	/* background-color: #FFFF00; */
	margin-top: 30px;
}
div#whatThumb29 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -16px;
	margin-left: -15px;
	text-align: center;
}
div#whatThumb30 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 145px;
	text-align: center;
}
div#whatThumb31 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 305px;
	text-align: center;
}
div#whatThumb32 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 465px;
	text-align: center;
}
div#whatThumb33 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 625px;
	text-align: center;
}
div#whatThumb34 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 785px;
	text-align: center;
}
div#whatThumb35 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: 10px;
	margin-left: -15px;
}
div#whatThumb36 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 145px;
}
div#whatThumb37 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 305px;
}
div#whatThumb38 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 465px;
}
div#whatThumb39 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 625px;
}
div#whatThumb40 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 785px;
}
div#whatThumb41 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: 10px;
	margin-left: -15px;
}
div#whatThumb42 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 145px;
}
div#whatThumb43 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 305px;
}
div#whatThumb44 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 465px;
}
div#whatThumb45 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 625px;
}
div#whatThumb46 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 785px;
}
div#whatThumb47 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: 10px;
	margin-left: -15px;
}
div#whatThumb48 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 145px;
}
div#whatThumb49 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 305px;
}
div#whatThumb50 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 465px;
}
div#whatThumb51 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 625px;
}
div#whatThumb52 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 785px;
}
div#whatThumb53 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: 10px;
	margin-left: -15px;
}
div#whatThumb54 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 145px;
}
div#whatThumb55 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 305px;
}
div#whatThumb56 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 465px;
}
div#whatThumb57 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 625px;
}
div#whatThumb58 {
	height: 100px;
	width: 150px;
	background-image: url('../../_images/backgrounds/transBack.png');
	background-repeat: repeat;
	margin-top: -100px;
	margin-left: 785px;
}
p.pWhere {
	color: #333333;
	padding-top: 10px;
	padding-left: 360px;
	line-height: 2em;
}
p.pResume {
	color: #333333;
	padding-top: 10px;
	padding-left: 360px;
	line-height: 2em;
}

/* DIV BACKGROUNDS */
#home {
	background-image: url('../../_images/backgrounds/backgrounds-camping.png');
	background-repeat: no-repeat;
	position: relative;
}
#hometowho1 {
	background-image: url('../../_images/backgrounds/backgrounds-02.png');
	background-repeat: no-repeat;
	position: relative;
}
#hometowho2 {
	background-image: url('../../_images/backgrounds/backgrounds-03.png');
	background-repeat: no-repeat;
	position: relative;
}
#hometowho3 {
	background-image: url('../../_images/backgrounds/backgrounds-04.png');
	background-repeat: no-repeat;
	position: relative;
}
#who {
	background-image: url('../../_images/backgrounds/backgrounds-05.png');
	background-repeat: no-repeat;
	position: relative;
}
#whotowhat1 {
	background-image: url('../../_images/backgrounds/backgrounds-06.png');
	background-repeat: no-repeat;
	position: relative;
}
#whotowhat2 {
	background-image: url('../../_images/backgrounds/backgrounds-07.png');
	background-repeat: no-repeat;
	position: relative;
}
#whotowhat3 {
	background-image: url('../../_images/backgrounds/backgrounds-08.png');
	background-repeat: no-repeat;
	position: relative;
}
#what {
	background-image: url('../../_images/backgrounds/backgrounds-09.png');
	background-repeat: no-repeat;
	position: relative;
}
#whattowhere1 {
	background-image: url('../../_images/backgrounds/backgrounds-10.png');
	background-repeat: no-repeat;
	position: relative;
}
#whattowhere2 {
	background-image: url('../../_images/backgrounds/backgrounds-11.png');
	background-repeat: no-repeat;
	position: relative;
}
#whattowhere3 {
	background-image: url('../../_images/backgrounds/backgrounds-12.png');
	background-repeat: no-repeat;
	position: relative;
}
#where {
	background-image: url('../../_images/backgrounds/backgrounds-13.png');
	background-repeat: no-repeat;
	position: relative;
}

/* TWITTER */
#twitter {
	margin-top: -20px;
	margin-left: 440px;
}
#twitterStatus {
	font-size: 12px;
	color: #333333;
}
#twitterDate {
	font-size: 10px;
	color: #333333;
}
#twitter_div #twitter_update_list { 
	color:#333333;
	font-size:12px;
	margin-top: -20px;
	margin-left: 400px;
	list-style-type: none;
}
#twitter_div #twitter_update_list a {
	display: block;
	color: #0099FF;
	text-decoration: none;
}
#twitter_div #twitter_update_list a:hover  {
	color: #0099FF;
	text-decoration: line-through;
}

/* NEW ADDITION */
div.overlay_top {
	margin-top: -995px;
	z-index: 10;
	background-image: url('../../_images/backgrounds/overlay_top.png');
	background-repeat: repeat-x;
	background-position-x: center;
	position: fixed;
	color: red;
	width: 100%;
	height: 253px;
}
div.overlay_bottom {
	height: 253px;
	z-index: 10;
	position: fixed;
	margin-top: -50px;
	background-image: url('../../_images/backgrounds/overlay_bottom.png');
	background-repeat: repeat-x;
	background-position-x: center;
	width: 100%;
}
div.shadow {
	height: 960px;
	background-image: url('../../_images/backgrounds/shadow.png');
	background-repeat: repeat-y;
	z-index: 5;
	width: 1100px;
	position: static;
	margin-top: -990px;
	margin-left: auto;
	margin-right: auto;
}

/* FOR PRELOADING IMAGES ONLY */
#img1 { background-image: url('../../images/whatDone/bitBusinessCards.png'); }
#img2 { background-image: url('../../images/whatDone/brightlights.png'); }
#img3 { background-image: url('../../images/whatDone/catEyes.png'); }
#img4 { background-image: url('../../images/whatDone/cityview.png'); }
#img5 { background-image: url('../../images/whatDone/cloudPeople.png'); }
#img6 { background-image: url('../../images/whatDone/creamSicko.png'); }
#img7 { background-image: url('../../images/whatDone/davefearon2009.png'); }
#img8 { background-image: url('../../images/whatDone/dreamEggscape.png'); }
#img9 { background-image: url('../../images/whatDone/explosiveBloom.png'); }
#img10 { background-image: url('../../images/whatDone/floatingFree.png'); }
#img11 { background-image: url('../../images/whatDone/loneTree.png'); }
#img12 { background-image: url('../../images/whatDone/nightlife.png'); }
#img13 { background-image: url('../../images/whatDone/memories.png'); }
#img14 { background-image: url('../../images/whatDone/oldDoor.png'); }
#img15 { background-image: url('../../images/whatDone/openForBusiness.png'); }
#img16 { background-image: url('../../images/whatDone/rainbowClouds.png'); }
#img17 { background-image: url('../../images/whatDone/risingSun.png'); }
#img18 { background-image: url('../../images/whatDone/shield_wallpaper.png'); }
#img19 { background-image: url('../../images/whatDone/streetlevel.png'); }
#img20 { background-image: url('../../images/whatDone/tfn_logo.png'); }
#img21 { background-image: url('../../images/whatDone/thebitinvasion.png'); }
#img22 { background-image: url('../../images/whatDone/warpedMe.png'); }
#img23 { background-image: url('../../images/whatDone/waterway.png'); }
#img24 { background-image: url('../../images/whatDone/wishYouWereHere_illNW.png'); }
#img25 { background-image: url('../../images/whatDone/rutilusVinum.png'); }
#img26 { background-image: url('../../images/whatDone/TellMeWhatYouBelieveNow.png'); }
#img27 { background-image: url('../../images/whatDone/rocktopus_logo.png'); }
#img28 { background-image: url('../../images/whatDone/glasshouse_logo.png'); }
#img29 { background-image: url('../../images/whatDone/rocktopuspresents.png'); }