/* Reset body padding and margins */
body { margin:0; padding:0; background:#232323; font-family:arial; color:#ffffff; font-size: 10pt; background-image: url("images/background.jpg");background-attachment: fixed; background-repeat: no-repeat; background-position: top;}
/* Make Header Sticky */
#header_container { background:#191919; height:75px; left:0; position:fixed; width:100%; top:0;}
#header{line-height:75px; margin:0 auto; max-width:1024px; min-width:825px; text-align:left; }
/* CSS for the content of page. */
#container { margin:0 auto; overflow:auto; padding:115px 0; max-width:1024px;}
#content{color:#9e9e9e; align: right; padding-left: 160px; max-width:800px;}
/* Make Footer Sticky 9e9e9e padding-left: 195px; */
#footer_container { background:#191919; bottom:0; height:25px; left:0; position:fixed; width:100%; }
#footer {line-height:25px; margin:0 auto; max-width:1024px; text-align:right; font-size:8pt; }

#projectContainer{ align: right; max-width:800px; min-height:130px;}

#adContainer{
	position:fixed;
	width: 300px;
	height: 600px;
	float:right;
margin-left:80%;
	margin-right:auto;
	margin-top: 120px;
}

table, td, th {
    border: 0px;

}

td {
   padding-left:20px;
padding-bottom:15px;
 vertical-align: top;
}
th {
    padding-top:2px;
padding-left:0px;
padding-right:0px;
padding-bottom:15px;
 vertical-align: top;
}

.textWrap {
float: left;
margin-right: 20px;
margin-bottom: 50px;
clear: left;
}

.projectHeading {
font-size: 16px;
font-weight: bold;
color: #F28503;
}
a.projectLink{
color: #F28503;
text-decoration: none;
}






/* Nav rollovers */

.rolloverEmilyDS {
display: block;
width: 140px;
height: 75px;
text-decoration: none;
background: url("images/header_emilyDS.jpg");
float: left;
}

.rolloverEmilyDS:hover {
display: block;
float: left;
}

.rolloverAbout {
display: block;
width: 126px;
height: 75px;
text-decoration: none;
background: url("images/header_about.jpg");
float: left;
}
.rolloverAbout:hover {
background-position: -126px 0;
float: left;
}
.rolloverAboutActive {
display: block;
width: 126px;
height: 75px;
text-decoration: none;
background: url("images/header_about.jpg");
background-position: -126px 0;
float: left;
}

.rolloverProjects {
display: block;
width: 126px;
height: 75px;
text-decoration: none;
background: url("images/header_projects.jpg");
float: left;
}
.rolloverProjects:hover {
background-position: -126px 0;
float: left;
}
.rolloverProjectsActive {
display: block;
width: 126px;
height: 75px;
text-decoration: none;
background: url("images/header_projects.jpg");
background-position: -126px 0;
float: left;
}


.rolloverGallery {
display: block;
width: 126px;
height: 75px;
text-decoration: none;
background: url("images/header_gallery.jpg");
float: left;
}
.rolloverGallery:hover {
background-position: -126px 0;
float: left;
}
.rolloverGalleryActive {
display: block;
width: 126px;
height: 75px;
text-decoration: none;
background: url("images/header_gallery.jpg");
background-position: -126px 0;
float: left;
}
.rolloverResume {
display: block;
width: 126px;
height: 75px;
text-decoration: none;
background: url("images/header_resume.jpg");
float: left;
}
.rolloverResume:hover {
background-position: -126px 0;
float: left;
}
.rolloverResumeActive {
display: block;
width: 126px;
height: 75px;
text-decoration: none;
background: url("images/header_resume.jpg");
background-position: -126px 0;
float: left;
}
.rolloverContact {
display: block;
width: 126px;
height: 75px;
text-decoration: none;
background: url("images/header_contact.jpg");
float: left;
}
.rolloverContact:hover {
background-position: -126px 0;
float: left;
}
.rolloverContactActive {
display: block;
width: 126px;
height: 75px;
text-decoration: none;
background: url("images/header_contact.jpg");
background-position: -126px 0;
float: left;
}



.rolloverGames {
display: block;
width: 126px;
height: 75px;
text-decoration: none;
background: url("images/header_games.jpg");
float: left;
}
.rolloverGames:hover {
background-position: -126px 0;
float: left;
}
.rolloverGamesActive {
display: block;
width: 126px;
height: 75px;
text-decoration: none;
background: url("images/header_games.jpg");
background-position: -126px 0;
float: left;
}





.social {
display: block;
text-decoration: none;
float: right;
}






.displace {
position: absolute;
left: -5000px;
}


#emilyRollover {

width: 196; height: 289; 
background: url("images/contact_emilyRollover.jpg");
background-repeat: no-repeat;
}

#emilyRollover img:hover {

opacity: 0;

}


/* Gallery Nav rollovers */

.rolloverGalleryProjects {
display: block;
width: 158px;
height: 35px;
text-decoration: none;
background: url("images/galleryNav_projects.jpg");
float: left;
}
.rolloverGalleryProjects:hover {
background-position: -158px 0;
float: left;
}
.rolloverGalleryProjectsActive {
display: block;
width: 158px;
height: 35px;
text-decoration: none;
background: url("images/galleryNav_projects.jpg");
background-position: -158px 0;
float: left;
}

.rolloverGalleryIllustrations {
display: block;
width: 158px;
height: 35px;
text-decoration: none;
background: url("images/galleryNav_illustrations.jpg");
float: left;
}
.rolloverGalleryIllustrations:hover {
background-position: -158px 0;
float: left;
}
.rolloverGalleryIllustrationsActive {
display: block;
width: 158px;
height: 35px;
text-decoration: none;
background: url("images/galleryNav_illustrations.jpg");
background-position: -158px 0;
float: left;
}

.rolloverGalleryPrints {
display: block;
width: 158px;
height: 35px;
text-decoration: none;
background: url("images/galleryNav_prints.jpg");
float: left;
}
.rolloverGalleryPrints:hover {
background-position: -158px 0;
float: left;
}
.rolloverGalleryPrintsActive {
display: block;
width: 158px;
height: 35px;
text-decoration: none;
background: url("images/galleryNav_prints.jpg");
background-position: -158px 0;
float: left;
}


.rolloverGalleryPhotographs {
display: block;
width: 158px;
height: 35px;
text-decoration: none;
background: url("images/galleryNav_photographs.jpg");
float: left;
}
.rolloverGalleryPhotographs:hover {
background-position: -158px 0;
float: left;
}
.rolloverGalleryPhotographsActive {
display: block;
width: 158px;
height: 35px;
text-decoration: none;
background: url("images/galleryNav_photographs.jpg");
background-position: -158px 0;
float: left;
}
