html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

header, section, aside, nav, footer { display:block; }

body {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000;
}
p {
	font-size:12px;
	line-height:18px;
	margin-bottom:18px;
}
a {
	color:red;
}
#outerWrapper {
	width:970px;
	background:url(../img/bottom.gif) bottom center no-repeat;
	margin:10px auto;
}
#wrapper {
	width:850px; height:850px;
	position:relative;
	padding:60px;
	background:url(../img/top.gif) top center no-repeat;
	-webkit-text-size-adjust:none;
}
	#wrapper > header {
		padding:35px 55px;
		height:117px;
	}
		#wrapper > header h1 > a {
			width:180px; height:117px; display:block;
			background:url(../img/oneil.png) 0 0 no-repeat;
			text-indent:-999em;
		}
	#wrapper > aside {
		width:100px;
		float:left;
		border-right:1px #000 solid;
		padding:0px 20px;
		text-align:right;
		position:relative;
	}
		#wrapper > aside > nav {
			margin-bottom:262px;
		}
		#wrapper > aside > nav > ul li {
			font-size:14px;
			margin-bottom:5px;
			padding:5px;
		}
			#wrapper > aside > nav > ul li.current a {
				color:red;
			}
		#wrapper > aside > nav > ul li a {
			font-weight:bold;
			display:block;
			color:#000;
			text-decoration:none;
		}
			#wrapper > aside > nav > ul li a:hover {
				color:#666;
			}
		#wrapper > aside > footer {
			zoom:1;
			margin-left: -20px;
		}
			#wrapper > aside > footer > ul {
				background:url(../img/icons.png) top left no-repeat;
				overflow:hidden;
				margin-bottom:14px;
				width:96px;
				float:right;
				text-align:left;
			}
				#wrapper > aside > footer > ul li {
					float:left;
				}
					#wrapper > aside > footer > ul li a {
						float:left;
						width:48px; height:51px;
						display:block;
						text-indent:-999em;
					}	
			#wrapper > aside > footer > p {
				clear:both;
			}
				#wrapper > aside > footer > p strong {
					display:block;
					font-weight:bold;
					white-space:nowrap;
				}
			#wrapper > aside > footer > a.mail {
				display:block;
				width:28px; height:20px;
				background-image:url(../img/mail.png);
				background-position:top left;
				text-indent:-999em;
				text-align:left;
				float:right;
				margin-bottom:20px;
			}
				#wrapper > aside > footer > a.mail:hover {
					background-position:top right;
				}
	#wrapper > section {
		clear:both;
		width:700px;
		float:right;
	}
		#wrapper > section ul.images {
			margin-bottom:23px;
			height:435px;
		}
		#portfolio {
	width:640px;
	height:520px;
	position:relative;
	overflow:hidden;
	background-image: url(../img/loading_bar.gif);
	background-repeat: no-repeat;
	background-position: center center;
		}
			#portfolio ul.images {
				margin-bottom:10px!important;
			}
			
			#portfolio .panel {
				position:absolute;
				top:0; left:0;
				width:640px;
				height:520px;
				background:white;
				display:none;
			}
			.panel h3 {
				margin-bottom:5px;
				font-size:14px;
				font-weight:bold;
			}
			
		#wrapper > section p {
			max-width:640px;
			text-align:justify;
		}
			#wrapper > section p strong {
				font-weight:bold;
			}

		#wrapper > section > footer {
			position:absolute;
			bottom:50px; right:61px;
			padding-right:90px;
			text-align:right;
			background:url(../img/footer.png) top right no-repeat;
			color:#666;
		}
			#wrapper > section > footer p {
				line-height:23px;
			}
				#wrapper > section > footer p a {
					color:#666;
					text-decoration:none;
				}
				#wrapper > section > footer p a:hover {
					text-decoration:underline;
				}		
				
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: block;
	float: left;
	width:645px;
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {

}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 435px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../img/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 645px;
	height: 435px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 645px;
	height: 435px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 645px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	position:absolute;
	top:0;
	left:0;

}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 645px;
	top: 0;
	left: 0;
}
div.caption {
	height:73px;
}
	div.caption h3 {
		margin-bottom:5px;
		font-size:14px;
		font-weight:bold;
	}

div.image-title {
	font-weight: bold;
	font-size: 14px;
}
div.image-desc {
	line-height: 13px;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	overflow:hidden;
	height:75px;
	white-space:nowrap;
	margin-left:-20px;
	margin-bottom:10px
}
ul.thumbs li {
	float: left;
	margin:0 0 0 20px;
}
a.thumb {
	display:block;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
#page_navigation {
	margin-right:59px;
}
div.pagination, #page_navigation {
	clear: both;
	float:right;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis, #page_navigation a {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 4px 7px;
	border: 1px solid #ccc;
	text-decoration:none;
}
div.pagination a:hover, #page_navigation a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current, .active_page {
	font-weight: bold;
	background-color: red;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
font { color:#fff; }