@charset "UTF-8";
/* CSS Document */

* {margin:0;padding:0;} 


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*----- ESSENTIALS -----*/
html, body, #header {height: 100%;}
body > #header {height: auto; min-height: 100%;}
body {  height: 100%; font:12px "Verdana"; color:#000000;; margin:0 auto;}
table, td { border:0; border-spacing:0; border-collapse:collapse; padding:0; margin:0; vertical-align:top }
img { border:0; }
ul, li { list-style-type:none; padding:0; margin:0 }
form, input { padding:0; margin:0 }
h1 { font-size:19px; font-weight:normal; color:#000000 }
h2 { font:18px "Verdana"; color:#00000; margin: 0 0 0 0;}
h3 { font-size:15px; color:#000000; margin:15px 0 3px }
a:link {color:#000000; text-decoration:none; }
a:visited {color:#00000; text-decoration:none; }
a:hover { color:#ffffff; background:#000; text-decoration:none; }
a:active {color: #000000;}


#main {padding-bottom: 80px; }
/*----- HEADER -----*/
#header {
     margin: 0 auto -4.2em; width:706px; }


/*----- HEADER -----*/
a.websitelink { font-weight:bold; color:#000000; text-decoration:none;}
a:visited.websitelink { color:#000000;; text-decoration:none}
a:hover.websitelink { color:#ffffff;  background:#000; text-decoration:none;}

/*----- NAVIGATION -----*/
a.homerollover { display: block; width: 78px; height: 43px; background: url(../images/home.jpg)  0 0 no-repeat; text-decoration: none; margin:-3px 0 0 0; float:left;}
a:hover.homerollover {background-position: -78px 0;}

a.photographyrollover {
    display: block;
	width: 124px;
	height: 43px;
    background: url(../images/photography.jpg)  0 0 no-repeat; 
    text-decoration: none;
	margin:-3px 0 0 0;
	float:left;
}

a:hover.photographyrollover {
    background-position: -124px 0;}
	
a.webdesignrollover {
    display: block;
	width: 112px;
	height: 43px;
    background: url(../images/webdesign.jpg)  0 0 no-repeat; 
    text-decoration: none;
	margin:-3px 0 0 0;
	float:left;
}

a:hover.webdesignrollover {
    background-position: -112px 0;}
	
a.aboutmerollover {
    display: block;
	width: 98px;
	height: 43px;
    background: url(../images/aboutme.jpg)  0 0 no-repeat; 
    text-decoration: none;
	margin:-3px 0 0 0;
	float:left;
}
a:hover.aboutmerollover {
    background-position: -98px 0;}

a.contactrollover {
    display: block;
	width: 89px;
	height: 43px;
    background: url(../images/contact.jpg)  0 0 no-repeat; 
    text-decoration: none;
	margin:-3px 0 0 0;
	float:left;
}

a:hover.contactrollover {
    background-position: -89px 0;}
/*----- NAVIGATION -----*/

/*----- HOME PAGE ROLLOVERS -----*/

a.photography_linkrollover {
    display: block;
	width: 329px;
	height: 221px;
    background: url(../images/home_photography.jpg)  0 0 no-repeat; 
    text-decoration: none;
	margin:46px 0 28px 0;
	float:left;
}

a:hover.photography_linkrollover {
    background-position: -329px 0;}
	
a.homeweb_linkrollover {
    display: block;
	width: 329px;
	height: 221px;
    background: url(../images/home_web.jpg)  0 0 no-repeat; 
    text-decoration: none;
	margin:46px 0 28px 48px;
	float:left;
}

a:hover.homeweb_linkrollover {
    background-position: -329px 0;}
	
/*----- FOOTER -----*/
#footer {position: relative; margin-top: -10px; height: 100px;clear:both;} 
.footerholder {color:#FFF; font:12px  Helvetica, sans-serif; height:34px; width:706px; margin:0 auto;  padding:16px 0px 0 0 }
a.footerlink { color:#FFF}
a:hover.footerlink {color:#000; background:#FFF;}
/*----- FOOTER -----*/

/*----- Photography -----*/
a.photo_one {display: block;width: 329px; height: 221px; background: url(../images/photojournalism.jpg)  0 0 no-repeat; text-decoration: none; margin:46px 0 0px 48px; float:left;}
a:hover.photo_one {background-position: -329px 0;}

a.photo_two {display: block; width: 329px; height: 221px; background: url(../images/portaits.jpg)  0 0 no-repeat; text-decoration: none; margin:46px 0 0px 0px; float:left;}
a:hover.photo_two {background-position: -329px 0;}

a.photo_three {display: block; width: 329px; height: 221px; background: url(../images/ship.jpg)  0 0 no-repeat; text-decoration: none; margin:46px 0 0px 48px; float:left;}
a:hover.photo_three {background-position: -329px 0;}

a.photo_four {display: block; width: 329px; height: 221px; background: url(../images/random.jpg)  0 0 no-repeat; text-decoration: none; margin:46px 0 0px 0px; float:left;}
a:hover.photo_four {background-position: -329px 0;}

a.photo_five {display: block; width: 328px; height: 221px; background: url(../images/marnia_bay.jpg)  0 0 no-repeat; text-decoration: none; margin:46px 0 0px 0px; float:left;}
a:hover.photo_five {background-position: -328px 0;}


/*----- Photography -----*/