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

html, body {
	background-color:#32322B;
	height:100%;
}



li {list-style:none;}
a.navi:link {color:#09AC0A; text-decoration: none; font-family:Verdana, Geneva, sans-serif; }
a.navi:visited {color: #0F0; text-decoration: none; font-family:Verdana, Geneva, sans-serif; }
a.navi:hover {color:#FFF ; text-decoration: none; font-family:Verdana, Geneva, sans-serif; }
a.navi:active {color: #FFF; }

a.navo:link {color:#FFF; text-decoration: none; }
a.navo:visited {color: #FFF; text-decoration: none; }
a.navo:hover {color: #FFF ; text-decoration: none; }
a.navo:active {color: #FFF; }

#container2 {margin:0 auto; width:970px; min-height:100%;top:-9px; bottom:-9px; position:relative; background-image:url(Images/inside_bac2.png); background-repeat:repeat; margin-bottom:-200px;}
.clearfooter {
height: 300px;
clear: both;
}
#contacts {position:relative; margin:120px 0 0 15px; width:940px; height:200px; display:block; background-color:#030; padding-top:5px; border-top:groove; border-color:#666;}
#container {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-200px;
	width:940px;
	height:2200px;
	position:relative;
	background-image:url(Images/inside_bac.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	}
#pop-wrap { margin:0 auto;
width:935px;
position:relative;
}

/* HEADER */
#name {position:absolute; margin:160px 0 0 10px;}

#web_designer {position:absolute; margin:0px 0 0 536px; font-size:18px; color:#FFF; background-color:#360; display:block; height:42px; width:431px;}
#web_designer li {padding:15px 30px 20px 90px; list-style:none; letter-spacing:6px;}

#nav {position:absolute; margin:295px 0 0 0px; width:100%; border-bottom:groove; list-style:none;}

#nav ul {position:relative; margin:0 0 5px 40px;}
#nav li {display:inline; position:relative; color:#FFF; font-size:18px; letter-spacing:6px;  font-family:Verdana, Geneva, sans-serif; border-right:groove; border-color:#060; padding:0 20px 0 20px; font-style:normal; }
#nav li#last {border:none;}

/* CONTENT */

/* SECTION TITLES ANCHORS */
#portfolio li#web {position:absolute; margin:320px 0 0 30px; padding:5px 0 0 0; letter-spacing:16px; font-size:16px; color:#FFF; list-style:none; z-index:1009;}
#portfolio li#print2 {position:absolute; margin:757px 0 0 30px; padding:10px 0 0 0; letter-spacing:16px; font-size:16px; color:#FFF; list-style:none;}
#portfolio li#photography {position:absolute; margin:1090px 0 0 30px; padding:10px 0 0 0; letter-spacing:16px; font-size:16px; color:#FFF; list-style:none;}
#portfolio li#about2 {position:absolute; margin:1570px 0 0 30px; padding:10px 0 0 0px; letter-spacing:16px; font-size:16px; color:#FFF; list-style:none;}
#portfolio li#contact {position:absolute; margin:2070px 0 0 40px; letter-spacing:16px; font-size:16px; color:#FFF; list-style:none;}

#holder { position:absolute; display:block; margin:340px 0 0 10px; overflow:hidden; background-image:url(Images/slide_bac.png); background-repeat:repeat; width:945px; height:350px; }
#slider {position:relative; margin:-40px 0;}
#slider li {border:thick #FFF;}

#one {position:absolute; margin:500px 0 0 50px;}

/* BACK BUTTONS */
#top {visibility:hidden;}
#web_back {position:absolute; margin:695px 0 0 780px;}
#print_back {position:absolute; margin:1040px 0 0 780px; z-index:1000;}
#photo_back {position:absolute; margin:1380px 0 0 780px; z-index:1000;}
#about_back {position:absolute; margin:2070px 0 0 780px;}

/* REMOVE WEB LINE */
 input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner
    {   
        border : 0px;
    } 
	
	
#print {position:absolute; margin:800px 0 0 60px;} 

#print ul, #print li{
	margin:0 0 0 0px;
	padding:0;
	list-style:none;
	}
	#print img {margin:0 3px;}
#print, #print li{ 
	width:799px;
	height:300px;
	overflow:hidden; 
	}
#prevBtn, #nextBtn{ position:absolute; margin:870px 0 0 15px; display:block; width:40px; height:40px;}
#nextBtn{ left:850px;}

#prevBtn a, #nextBtn a{  
	display:block;
	text-indent:-9999px;
	width:40px;
	height:40px;
	background-image:url(Images/prev.png); background-repeat:no-repeat;}	
#nextBtn a{ 
background-image:url(Images/next.png); background-repeat:no-repeat;
	}



/* HIDDEN POPUP CONTENT */
#ww2 {visibility:hidden; width:520px; }
#steel {visibility:hidden; width:520px; }
#race {visibility:hidden; width:520px; }
#cake {visibility:hidden; width:520px; }
#keller {visibility:hidden; width:520px; }
#land {visibility:hidden; width:520px; }
#crimson {visibility:hidden; width:520px; }
.wrap {display:block; height:320px; background-image:url(Images/WW2_html.jpg); background-repeat:no-repeat; margin: 0 0 -1px 0; background-color:#000; border:1px #999;  }
.steel {display:block; height:320px; background-image:url(Images/steel_html.jpg); margin: 0 0 -1px 0; background-color:#000;  }
.race {display:block; height:320px; background-image:url(Images/race_html.jpg); margin: 0 0 -1px 0; background-color:#000;  }
.cake {display:block; height:320px; background-image:url(Images/cake_html.jpg); margin: 0 0 -1px 0; background-color:#000;  }
.keller {display:block; height:320px; background-image:url(Images/keller_html.jpg); margin: 0 0 -1px 0; background-color:#000;  }
.land {display:block; height:320px; background-image:url(Images/land_html.jpg); margin: 0 0 -1px 0; background-color:#000;  }
.crimson {display:block; height:320px; background-image:url(Images/crimson_html.jpg); margin: 0 0 -1px 0; background-color:#000;  }
.close {position:absolute; margin:20px 0 0 340px;}
h1 {position:absolute; margin:2px 0 0 6px; font-size:16px; color:#FFF; width:300px; font-family:Verdana, Geneva, sans-serif;}
p {position:absolute; margin:50px 0 0  360px; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF; width:150px;}
h2 {position:absolute; margin:200px 0 0 360px; font-size:14px; color:#FFF; width:167px; font-family:Verdana, Geneva, sans-serif;}
h3 {position:absolute; margin:2px 0 0 440px; font-size:11px; color:#FFF; font-family:Verdana, Geneva, sans-serif;}



/* PHOTOGRPAHY STYLE */

#photo {position:absolute; width:100%; border-bottom:groove; margin:1100px 0 0 0px; padding:3px 0 40px 0px;}
#photo ul {margin:13px 0 0 -18px;}
#photo li {display:inline; margin: 0 0 0 -14px;}

#photo li a {background-image:url(Images/Photo-bac.jpg); display:block; width:171px; height:112px; list-style:none; overflow:hidden; position:relative; float:left; text-indent:-9999px; margin: 7px 5px;}

#photo li a#p1 {background-position:0 0;}
#photo li a:hover#p1 {background-position:0 -113px;}
#photo li a#p2 {background-position:-171px 0;}
#photo li a:hover#p2 {background-position:-171px -113px;}
#photo li a#p3 {background-position:-342px 0;}
#photo li a:hover#p3 {background-position:-342px -113px;}
#photo li a#p4 {background-position:-513px 0;}
#photo li a:hover#p4 {background-position:-513px -113px;}
#photo li a#p5 {background-position:-684px 0;}
#photo li a:hover#p5 {background-position:-684px -112px;}
#photo li a#p6 {background-position:-855px 0;}
#photo li a:hover#p6 {background-position:-855px -112px;}
#photo li a#p7 {background-position:-1026px 0;}
#photo li a:hover#p7 {background-position:-1026px -112px;}
#photo li a#p8 {background-position:-1197px 0;}
#photo li a:hover#p8 {background-position:-1197px -112px;}

/* ABOUT STYLE */

#about {position:absolute; width:100%; margin:1580px 0 0 0;}

#about p {position:relative; margin:20px 0 0 30px; width:600px; font-size:14px; font-family:Verdana, Geneva, sans-serif; line-height:22px;}

/* TWITTER */

#twit-border {position:absolute; margin:1460px 0 0 640px;}
#twit { width:300px; background-image:url(Images/twitter-bac.jpg); background-repeat:repeat-y; background-color:#000; padding:20px; display:block;}

#twit h1 {color:#006; font-size:14px; position:relative; margin:-10px 0 0 0;}
#twit ul {background-image:url(Images/slide_bac.png);position:relative; margin:90px 0 0 30px; width:200px; padding:10px; z-index:1007;}
#twit li { font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#FFF;  line-height:22px;  padding:5px; list-style:none; z-index:1008;}
#twit span { 
	font-size:12px;
	}

/*FOOTER */

#first {background-image:url(Images/contact_icons.png); background-repeat:no-repeat; height:158px; position:absolute; margin:10px 0 0 30px;}

#first li {font-size:14px; letter-spacing:5px; color:#FFF; font-family:Verdana, Geneva, sans-serif; line-height:40px;}

#first li a:hover {color:#0C0;}
#first li a {color:#FFF; list-style:none; text-decoration:none;}
#two {position:absolute; margin:40px 0 0 550px;}