@import url("reset.css");

body {background:url(images/bg-xrep.jpg) #fff repeat-x top left;margin:0px auto;text-align:left;font:75%/16px Georgia,"Nimbus Roman No9 L",Times New Roman,serif;font-style:italic;font-weight:400;color:#000;}

#wrapper, #header, #stripe {width:890px;margin:0 auto;}
#wrapper {text-align:center;position: relative;}
#header {height:126px;margin-top:15px;text-align:left;}
#stripe {background:url(images/stripe-bg.gif) no-repeat top left;margin:0px auto;text-align:left;position:relative;}
#stripe h2 {width:406px;text-align:left;margin:20px 0 0 12px;float:left;display:inline;}
#work-images1, #work-images2,#work-images3, #work-images4, #work-images5, #work-images6, #work-images7, #work-images8, #work-images9, #work-images10, #work-images11 {width:649px;}

#logo {width:325px;height:125px;background:url(images/logo.png) no-repeat;}
#contact-heading {width:221px;height:124px;background:url(images/contactme-title.png) no-repeat;}

h1 {}
h2, h3 {font:1.75em Georgia,"Nimbus Roman No9 L",Times New Roman,serif;font-style:italic;text-decoration:underline;}
h3 {margin:12px 0 20px 0;}
.text-border-top h3 {margin:0 0 20px 0;}

h4, .text-border-top .set-copy {font:100%/16px Helvetica,Arial,sans-serif;font-style:normal;color:#000;}
.set-copy, .no-script-numbers li a {font:100% Helvetica,Arial,sans-serif;font-style:normal;color:#000;}
.set-copy {font-weight:400;}
h4, .no-script-numbers li a {font-weight:bold;margin:0 0 1em 0;}

a, a:link, a:visited, a:hover, a:active, a:focus {color:#000;font:0.98em Georgia,"Nimbus Roman No9 L",Times New Roman,serif;font-weight:600;font-style:italic;}
a, a:link, a:visited {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}

.set-copy a, .set-copy a:link, .set-copy a:visited, .set-copy a:hover, .set-copy a:active, .set-copy a:focus {font:100%/16px Helvetica,Arial,sans-serif;font-style:normal;color:#000;font-weight:bold;background:#fee900;padding:2px 3px 1px 3px;}
.set-copy a, .set-copy a:link, .set-copy a:visited {text-decoration:none;}
.set-copy a:hover, .set-copy a:active, .set-copy a:focus {text-decoration:underline;}

#cv .set-copy, #dl-text {line-height:18px;}

#stripe a, #stripe a:link, #stripe a:visited, #stripe a:hover, #stripe a:active, #stripe a:focus {color:#000;font-weight:normal;}
#contact a, #contact a:link, #contact a:visited, #contact a:hover, #contact a:active, #contact a:focus {color:#000;font-weight:bold;}

#contact {margin:19px 0 0 139px;}
#contact-heading span {display:none;}
#dl-img {margin:18px 0 0 44px;}
#dl-text {position:absolute;top:60px;left:554px;width:99px;}
.text-border-bottom {border-bottom:1px solid #d3d3d3;position:relative;top:42px;left:0;width:84px;padding-bottom:20px;}
.panel-divide, .panel-divide-939, .panel-divide-779, .panel-divide-1254, .panel-divide-892, .panel-divide-578, .panel-divide-577, .panel-divide-907, .panel-divide-867, .panel-divide-677 {position:absolute;left:0;width:861px;height:1px;background:#d3d3d3;margin:20px 0 0 12px;}
.panel-divide-939 {top:939px;}
.panel-divide-779 {top:779px;}
.panel-divide-1254 {top:1254px;}
.panel-divide-892 {top:892px;}
.panel-divide-578 {top:578px;}
.panel-divide-577 {top:577px;}
.panel-divide-907 {top:907px;}
.panel-divide-867 {top:867px;}
.panel-divide-677 {top:677px;}

.fake-height {height:16px;}
  
em {font-style:italic;}
strong {font-weight:bold;}
img {border:0;}
.clear {clear:both;}
p {margin:0 0 1em 0;}
.fl-left {float:left;display:inline;}
.fl-right {float:right;display:inline;}
hr {padding:0;margin:0;height:0px;}
.url {word-wrap:break-word;}

#contact li {margin-bottom:10px;padding:0;list-style:none;}
.no-script-numbers li {margin:0 2px 0 0;padding:0;list-style:none;display:inline;}

#project1 {position:absolute;top:334px;left:0px;} 
#project2 {position:absolute;top:1317px;left:0px;} 
#project3 {position:absolute;top:2140px;left:0px;} 
#project4 {position:absolute;top:3438px;left:0px;} 
#project5 {position:absolute;top:4374px;left:0px;} 
#project6 {position:absolute;top:4996px;left:0px;} 
#project7 {position:absolute;top:5617px;left:0px;} 
#project8 {position:absolute;top:6568px;left:0px;} 
#project9 {position:absolute;top:7479px;left:0px;} 
#project10 {position:absolute;top:8200px;left:0px;} 
#project11 {position:absolute;top:8821px;left:0px;} 
#project12 {position:absolute;top:9442px;left:0px;} 
#project13 {position:absolute;top:10063px;left:0px;} 
#project14 {position:absolute;top:10684px;left:0px;} 
#project15 {position:absolute;top:11305px;left:0px;} 

.project-images {padding:0px;border:0px;position:absolute;top:0px;left:214px;width:659px;float:right;display:inline;} 
.text-border-top {width:171px;position:absolute;top:0px;left:12px;text-align:left;}

.project-images img {padding:0px;//**border:1px solid #000;**//width:659px;top:0;left:0;} 

#prev1, #prev2, #prev3, #prev4, #prev5, #prev6, #prev7, #prev8, #prev9, #prev10, #prev11, #prev12, #prev13, #prev14, #prev15 {
padding:0px;
border:0px;
position:absolute; 
top:250px; 
left:10px;   
cursor:pointer;	
display:block;
width:33px;
height:33px;
background: url("images/left-flicker.png");
background-repeat:no-repeat;
z-index:9999;
border-style: none;
}

#prev1:hover, #prev2:hover, #prev3:hover, #prev4:hover, #prev5:hover, #prev6:hover, #prev7:hover, #prev8:hover, #prev9:hover, #prev10:hover, #prev11:hover, #prev12:hover, #prev13:hover, #prev14:hover, #prev15:hover {
padding:0px;
border:0px;
position:absolute; 
top:250px; 
left:10px;   
cursor:pointer;	
display:block;
width:33px;
height:33px;
background: url("images/left-flicker-hover.png");
background-repeat:no-repeat;
z-index:9999;
border-style: none;
}

#next1, #next2, #next3, #next4, #next5, #next6, #next7, #next8, #next9, #next10, #next11, #next12, #next13, #next14, #next15 {
padding:0px;
border:0px;
position:absolute; 
top:250px; 
left:47px;   
cursor:pointer;
display:block;
width:33px;
height:33px;
background: url("images/right-flicker.png");
background-repeat:no-repeat;
z-index:9999;
border-style: none;
}

#next1:hover, #next2:hover, #next3:hover, #next4:hover, #next5:hover, #next6:hover, #next7:hover, #next8:hover, #next9:hover, #next10:hover, #next11:hover, #next12:hover, #next13:hover, #next14:hover, #next15:hover {
padding:0px;
border:0px;
position:absolute; 
top:250px; 
left:47px;   
cursor:pointer;
display:block;
width:33px;
height:33px;
background: url("images/right-flicker-hover.png");
background-repeat:no-repeat;
z-index:9999;
border-style: none;
}
  
.footer {
padding:0px;
border:0px;
position:absolute;
top:12116px;
left:0px;
cursor:pointer;
display:block;
width: 890px;
height: 65px;
background: url(images/footer.png) no-repeat;}

.footer:hover {
width: 890px;
height: 65px;
background: url(images/footer-hover.png) no-repeat;
cursor:pointer;}

#logo a, #logo a:link, #logo a:visited, #logo a:hover, #logo a:focus, #logo a:active {display:block;text-indent:-9999px;width:325px;height:125px;font-size:1px;color:#f1f0ee;cursor:pointer;z-index:9999;}

.sub-img-display {display:none;}

/* hide the arrows */
#prev1, #prev2, #prev3, #prev4, #prev5, #prev6, #prev7, #prev8, #prev9, #prev10, #prev11, #prev12, #prev13, #prev14, #prev15 {display:none;}
#next1, #next2, #next3, #next4, #next5, #next6, #next7, #next8, #next9, #next10, #next11, #next12, #next13, #next14, #next15{display:none;}