html {}
body {
text-align: center;
padding: 0; margin: 15px;
}
/**********************************************************
content styles to not appear in editor
**********************************************************/
table.yearsTable td h3 {
text-transform: none;
}
sup { font-size: 0.9em; font-style: italic; font-weight: bold; margin: 0 0 0 0; padding: 0 0 2px 1px; vertical-align: middle; position: relative; bottom: 2px; }
/**********************************************************
#neilWrapper
**********************************************************/
#neilWrapper {
width: 563px; overflow: hidden;
margin: 0 auto;
text-align: left;
}
.sectionWrapper {
border: 1px none #A4A499; border-top-style: solid;
float: left; clear: both; width: 100%;
padding: 4px 0; margin: 0;

}
/**********************************************************
#header
**********************************************************/
#header {

}
#header h1{
display: block; height: 18px; width: 208px;
margin: 0; padding: 0;
}
#header h1 a {
display: block; height: 18px; width: 208px;
}
#header img{
display: block; overflow:hidden;
}
#header h1 span {
display: none; visibility: hidden;
}
/**********************************************************
#menu_1
**********************************************************/
.menuItemsContainer {
margin: 0; padding: 0;
float: left; clear: both;
}
.menuItemsContainer ul {
margin: 0; padding: 0;
float: left; clear: both;
list-style: none;
}

.menuItemsContainer ul li {
float: left; display: inline;
list-style: none;
margin: 0; padding: 0;
}
.menuItemsContainer li a {
margin: 0; padding: 0; 
color: #636358; background-color: #FFFFFF;
text-transform: uppercase; white-space: pre;
background-color: #FFF; 
}
.menuItemsContainer a.currentItem,
.menuItemsContainer a:hover {
color: #FF9628; background-color: #FFF; 
}
.menuItemsContainer a.currentItem,
.menuItemsContainer a:hover.currentItem {
text-decoration: none;
}
/**********************************************************
#menu_1
**********************************************************/
.navigation {
border-bottom-style: solid; 
}
#menu_1 li {
margin-right: 20px;
}
#menu_1 a {
background-position: 0 0;
background-repeat: no-repeat;
height: 13px; display: block;
}
#menu_1 li#menuitem_1_657 a { background-image: url(../Images/home.gif); width: 49px; }
#menu_1 li#menuitem_1_683 a { background-image: url(../Images/work.gif);  width: 52px;}
#menu_1 li#menuitem_1_684 a { background-image: url(../Images/information.gif); width: 115px;}
#menu_1 li#menuitem_1_685 a { background-image: url(../Images/text.gif); width: 42px;  }
#menu_1 li#menuitem_1_686 a { background-image: url(../Images/contact.gif); width: 76px; }

#menu_1 li a.currentItem,
#menu_1 a:hover {
background-position: 0 -13px;
}
#menu_1 a span {
display: none; visibility: hidden;
}
/**********************************************************
.subNavigation 
**********************************************************/
.subNavigation  {
border-bottom-style: solid; border-top-style: none;
}
.subNavigation .menuItemsContainer li {
margin-right: 12px;  
}
.subNavigationm .menuItemsContainer a {

}
#menu_2 ul {
margin-right: 20px;
}
/**********************************************************
#content
**********************************************************/
#content {
padding: 0; margin-bottom: 30px;
clear: both; position: relative; top: 17px;
border-top-style: none;
}
/* home template */
.home #content {
width: 320px;
}
	/* content specific styles for home template */
	.home #content table {
	width: 540px;
	margin: 10px 0 10px 0; padding: 0;
	}
	.home #content td {
	vertical-align: top; text-align: left;
	margin: 0; padding: 0; width: auto;
	}
	.home #content td img {
	margin: 3px 0 0 0; padding-right: 0px;
	}
/* information template */
.information #content {
width: 460px;
}
/* text template */
.text #content {
width: 460px;
}
/* contact template */
.contact #content {

}

/**********************************************************
#gallery
**********************************************************/
#gallery {
padding: 0; margin: 17px 0 0; 
 border-top-style: none; position: relative;
}

#gallery p {
margin: 0; padding: 0; display: block;
}
#gallery p#galleryDetail {
margin: 0; padding: 0;
}
#gallery p#galleryDetail img {
z-index: 2; display: block; overflow: hidden;
}
#gallery span.images {
display: block;
}
#gallery span.details {
margin: 0; padding-bottom: 2px;
text-align: right;
border-bottom: 1px solid #A4A499;
display: block; 
}
/* short Image */
#gallery p.shortImage {

}
#gallery p.shortImage img {

}
#gallery p.shortImage span.images {

}
#gallery p.shortImage span.details{
width: 115px; position: absolute; bottom: 0; right: 0;
}
/* long Image */
#gallery p.longImage {

}
#gallery p.longImage img {
margin-top: 1.7em;
}
#gallery p.longImage span.details {
float: right; clear: both;
}

	
	/**********************************************************
	#imageNavigation
	**********************************************************/
	#imageNavigation {
	float: left;
	margin: 0; padding: 0;
	list-style: none;
	position: absolute; right: 0; top: 0;
	}
	#imageNavigation li {
	float: left; list-style: none; padding: 0 2px;
	}
	#imageNavigation .prev,
	#imageNavigation .next {
	float: left; list-style: none; padding: 0.3em 0 0.4em;
	}
	#imageNavigation a {
	text-decoration: underline;
	}
	#imageNavigation a,
	#imageNavigation span {
	display: block; width: 10px; height: 0.9em;
	color: #A4A499;
	background-color: #FFFFFF; background-repeat: no-repeat; background-position: 50% 50%;
	}
	#imageNavigation span {
	background-color: #FFFFFF;
	-moz-opacity: .20; opacity: .20; filter: alpha(opacity=20); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	}
	#imageNavigation .prev a,
	#imageNavigation .prev span {
	background-image: url(../Images/iconPrevious.gif);
	}
	#imageNavigation .next a,
	#imageNavigation .next span  {
	background-image: url(../Images/iconNext.gif);
	}
	#imageNavigation em {
	display: none; visibility: hidden;
	}
/**********************************************************
ul.list - list of gallery Images
#galleryList
#workList
**********************************************************/
ul.list {
clear: both;
padding: 0; margin: 0; width: 570px; overflow: hidden;
float: left; clear: both; position: relative;
list-style: none;
}
#galleryList { /*height: 92px;*/ }
#workList { /*height: 308px;*/ }

ul.list li {
float: left; width: 88px; height: 92px;
padding: 0; margin: 0 7px 0 0;
list-style: none;
}
#workList li { height: 70px; margin-bottom: 7px; }
ul.list a {
display: block;
}
ul.list a,
ul.list a:hover {
color: #636358;
}
ul.list img {
display: block; overflow: hidden;
margin: 0; padding: 0;
}
ul.list br {
display: none; visibility: hidden;
}
ul.list span.missingImage {
 height: 70px; display: block; background-color: #CCCCCC; border: 1px solid #333333;
}
ul.list span.title {
display: block; overflow: hidden; margin: 0; padding: 4px 0;
text-align: center; text-transform: uppercase;
}
#workList span.title { display: none; visibility: hidden; }
