body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0; font-size:100.01%}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}

body{
background-color: #5a5a5a;
}

@font-face {
    font-family: 'GillSansLight';
    src: url('gnl_____-webfont.eot');
    src: url('gnl_____-webfont.eot?#iefix') format('embedded-opentype'),
         url('gnl_____-webfont.woff') format('woff'),
         url('gnl_____-webfont.ttf') format('truetype'),
         url('gnl_____-webfont.svg#GillSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'BankGothicMdBTMedium';
    src: url('bankgthd-webfont.eot');
    src: url('bankgthd-webfont.eot?#iefix') format('embedded-opentype'),
         url('bankgthd-webfont.woff') format('woff'),
         url('bankgthd-webfont.ttf') format('truetype'),
         url('bankgthd-webfont.svg#BankGothicMdBTMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BankGothicLtBTLight';
    src: url('bankgthl-webfont.eot');
    src: url('bankgthl-webfont.eot?#iefix') format('embedded-opentype'),
         url('bankgthl-webfont.woff') format('woff'),
         url('bankgthl-webfont.ttf') format('truetype'),
         url('bankgthl-webfont.svg#BankGothicLtBTLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} */
ol,ul {list-style:none;}
caption,th {text-align:left;}
h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym {border:0;}
.border0{
	border:0;
}

/* yahoo reset fonts */
body {font:12px GillSansLight}
select, input, textarea {font:99% GillSansLight}
body * {line-height:1.75em;}

a:link, a:visited{
	text-decoration:none;
	color:#6bc6fb;
}
a:hover{
	text-decoration:underline;
	color:#6bc6fb;
}

h2{
	font-size:130%;
	font-weight:normal;
	padding:0px;
	/* background:url(/National_Library/oe_/http://nickpugh.com/images/bg_h1a.gif);  */
	color:#ffffff;	
}


h1{
	font-size:130%;
	font-weight:normal;
	padding:2px 0px 0px 8px;
	/* background:url(/National_Library/oe_/http://nickpugh.com/images/bg_h1a.gif);  */
	background:url(h1-bg.jpg);
	background-repeat:repeat-x;
	color:#F2F5D0;	
}

h1 a:link, h1 a:visited{
	text-decoration:none;
	color:#6bc6fb;
}

h1 a:hover{
	text-decoration:underline;
	color:#6bc6fb;
}

body, .normal  {
	margin: 0px;
	padding: 0px;
	position: relative;
	font-size: .8em;
	color:#e3dee1;
}

#nav{
	border-bottom:0px solid #cccccc;
	height:121px;
	width:1000px;
	margin:0px auto 0px auto;
	overflow:hidden;
	position:relative;
	background-color:#737373;
}

.navlink{
	position:absolute;
	overflow:hidden;
}

#navlist li{margin:0;padding:0;list-style:none;}
#navlist li, #navlist a{display:block;}

#middle{
	border:0px solid #333;
	height:489px;
	width:984px;
	margin:0px auto;
	overflow:hidden;
}

#middle-links{
	width:984px;
	margin:0px auto;
}


#bottom{
	border:0px solid white;
	width:970px;
	margin:0px auto;	
	background-color:#737373;
}

#wrapper{
	width:1000px;
	min-height:750px;
	margin:42px auto;
	position:relative;
	text-align:left;
	padding:0px 0px 10px 0px;
	background-color:#737373;
}

/*========= HTML Pages ===== */


.links a:link,
.links a:visited,
.links a:active,
.links a:hover,
.links a,
.links{
color:#e0dfe4;
}



#content-main-html{
	position:absolute;
	top:163px;
	left:105px;
	font-family:GillSansLight, arial, verdana; 
	color:#e0dfe4; 
	font-size:18px;
	width:835px;
	line-height:27px;
}

#content-main-links{
	margin-left:130px;
	margin-top:65px;
	height:650px;
	font-family:GillSansLight, arial, verdana; 
	color:#e0dfe4; 
	font-size:18px;
	width:835px;
	border:0px solid #ddd;
}

.links a{
	line-height:24px;
}

#content-main-links .cathead{
	font-family:BankGothicLtBTLight, arial, verdana; 
	color:#d8d8d8; 
	font-size:20px;
	margin-top:10px;
}

#content-main-links .links{
	margin-left:40px;
}



#homepage-l{
    border:0px solid blue;
    width:375px;
    margin-left:65px;
    float:left;
}

#homepage-r{
    border:0px solid red;
    width:535px;
    float:left;
}

#homepage-slideshow{
	width:520px; height:330px;
	border:0px solid #ddd;
        margin-bottom:20px;
}

.homepage-slideshow-pic-wrapper{
	width:520px; height:330px;
        overflow:hidden;
}

.homepage-slideshow-pic{
    width:520px;
}


.homepage-projects-pic{
    width:300px;
    margin:0px 0px 20px 0px;
}   


.homepage-poster-wrapper{
    margin:10px 0px 10px 0px;
}

.homepage-poster-pic{
    width:300px;
}


#homepage-content_secondary{
        background-color:#656565;
	width:493px;
	min-height:79px;
	padding:11px 15px 11px 15px;
	display:block;
	margin-top:20px;
        margin-bottom:15px;
	font-family: GillSansLight, arial, verdana;
	font-size:16px;
	line-height:19px;
	letter-spacing:-.75px;
}	

#homepage-content-main-html{
	margin:30px 0px 30px 65px;
	font-family:GillSansLight, arial, verdana; 
	color:#e0dfe4; 
	font-size:18px;
	width:835px;
	line-height:27px;
}


#homepage-middle{
	border:0px solid #333;
	width:984px;
	margin:0px auto;
}



 /*========= Gallery ===== */

	#art_text{
		width:225px;
		height:65px;
		border:0px solid #ddd;
		position:absolute;
		top:21px;
		left:181px;
		font-family: GillSansLight, arial, verdana;
		font-size:12px;
		line-height:20px;
		letter-spacing:-.75px;
	}	

	#content_secondary{
		background-color:#656565;
		margin-top:7px; 
		margin-left:426px;
		width:493px;
		min-height:79px;
		padding:11px 15px 11px 15px;
		display:block;
		margin-bottom:15px;
		font-family: GillSansLight, arial, verdana;
		font-size:16px;
		line-height:19px;
		letter-spacing:-.75px;
	}	

#copyright{
		font-family: BankGothicLtBTLight, arial, verdana;
		font-size:9px;
		color:#b2b2b2;
		letter-spacing:-.75px;
		padding:10px 0px 0px 22px;
}

	#gallery{
		position:relative;
		border:0px solid #ddd;
	}

	#gallery_scroller_up{
		position:absolute;
		top:0px; left:0px;
		width:88px;
		height:65px;
		border:0px solid #ddd;
	}
	#gallery_scroller_up_button{
		position:absolute;
		top:41px; left:51px;
		width:13px;
		height:21px;
		border:0px solid #ddd;
	}
	

	#gallery_thumbs{
		position:absolute;
		top:78px; left:0px;
		width:88px;
		height:383px;
		border:0px solid #ddd;
		overflow:hidden;
	}
	
	#gallery_scroller_down{
		position:absolute;
		top:457px; left:0px;
		width:88px;
		height:30px;
		border:0px solid #ddd;
		overflow:hidden;
	}

	#gallery_scroller_down_button{
		position:absolute;
		top:13px; left:34px;
		width:19px;
		height:12px;
		border:0px solid #ddd;
	}
	

	#gallery_scroller_down_button:hover, #gallery_scroller_up_button:hover{
		cursor:pointer;
	}

	
	#gallery_fullsize{
		position:relative;
		display:table;
		top:2px; left:101px;
		width:860px;
		height:490px;
		border:0px solid #ddd;
		overflow:hidden;
		margin: auto;
	}
	
	.gallery_thumb_inactive{
		border:2px solid #4e4d4b;
		width:46px; height:31px;
		overflow:hidden;
	}

	.gallery_thumb_inactive:hover{
		border:2px solid #aaa;
		cursor:pointer;
	}
	
	
	 .gallery_thumb_inactive a{
	 	display:block;
	 	height: 29px;
	 }
	 
	.gallery_thumb_inactive span{
			position:absolute;
			top:-999px;
	}

#thumblist{
	position:absolute;
	left:20px;
}

#thumblist-indicator{
	position:absolute;
	left:8px;
}

	
#thumblist li{
	margin-bottom:8px;
	padding:0;
	list-style:none;
}

#thumblist li, #thumblist a{display:block;}

.rounded-corners {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/National_Library/oe_/http://nickpugh.com/css/border-radius.htc);
	border-radius: 10px;
}

#art-holder, #homepage-slideshow{
display:table-cell; 
vertical-align:middle;
text-align:center;
}

/*==========  end gallery ====*/
 
 /*========= Splash ===== */
#wrapper-splash{
	width:1000px;
	height:750px;
	margin:42px auto;
	position:relative;
	font-family:GillSansLight, arial, verdana; 
	color:#cccccc; 
	font-size:12px
	text-align: center;
}

.aleft{
	float:left;
}
.aright{
	float:right;
}
.clear{
	clear:both;
}

.hide{
	display: none;
}
