@charset "utf-8";
/* CSS Document */

html {
	overflow-y: scroll;
}

body {
	margin: 0; 
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#000;
}

#neilMcLean {
	position:absolute;
	top:-999px;
	left:-999px;
}

#container {
	position:relative;
	width: 900px;
	margin-left: auto; 
	margin-right: auto;
}
#header {
	position:relative;
	width:900px;
	height:103px;
	background-image:url(../images/bg-header.jpg);
}

#logo {
	position:absolute;
	top:10px;
	left:20px;
}

#columnFull {
	position:relative;
	float:left;
	width:880px;
	background-color:#e5e5e5;
	background-image:url(../images/bg-body.gif);
	background-repeat:repeat-x;
	padding:10px;
	text-align:left;
}

#columnContainer {
	position:relative;
	float:left;
	width:900px;
	background-color:#e5e5e5;
	background-image:url(../images/bg-body.gif);
	background-repeat:repeat-x;
}

#columnLeft {
	position:relative;
	float:left;
	width:430px;
	/*height:280px;*/
	background-color:#e5e5e5;
	background-image:url(../images/bg-body.gif);
	background-repeat:repeat-x;
	padding:10px;
	text-align:left;
}

#columnRight {
	position:relative;
	float:left;
	width:430px;
	/*height:280px;*/
	background-color:#e5e5e5;
	background-image:url(../images/bg-body.gif);
	background-repeat:repeat-x;
	padding:10px;
}

#columnRightHome {
	position:relative;
	float:left;
	width:450px;
	height:300px;
	background-color:#e5e5e5;
	background-image:url(../images/bg-body.gif);
	background-repeat:repeat-x;
}

#columnPhotos {
	position:relative;
	width:800px;
	height:640px;
	margin:auto;
}

.homeImage {
	display:block;
	float:left;
}

.article {
	position:relative;
	width: 600px;
	margin-left: auto; 
	margin-right: auto;
	clear:both;
}

.articleLeft {
	position:relative;
	float:left;
	width:300px;
	text-align:center;
	padding-bottom:20px;
}

.articleRight {
	position:relative;
	float:left;
	width:300px;
	padding-bottom:20px;
}

#columnRightShadow {
	position:absolute;
	top:0px;
	left:0px;
	width:8px;
	height:300px;
	background-image:url(../images/columnRightShadow.gif);
}

#lowerLeft {
	position:relative;
	float:left;
	clear:both;
	width:450px;
	height:80px;
	background-image:url(../images/bg-lower-left.jpg);
}

#lowerRight {
	position:relative;
	float:left;
	width:450px;
	height:80px;
	background-image:url(../images/bg-lower-right.jpg);
}

.colHolder {
	position:relative;
	float:left;
	height:80px;
	overflow:hidden;
	padding:10px 0 0 20px;
}

.colOne {
	width:105px;
}

#controls {
	position:absolute;
	top:40px;
	left:20px;
	font-size:11px;
}

#controlsLast {
	position:absolute;
	top:0px;
	left:0px;
}

#controlsPlay {
	position:absolute;
	top:0px;
	left:35px;
}

#controlsNext {
	position:absolute;
	top:0px;
	left:67px;
}

#footer {
	position:relative;
	width:900px;
	height:64px;
	background-image:url(../images/bg-footer.gif);
	clear:both;
}

#footerLeft {
	position:absolute;
	font-size:12px;
	top:15px;
	left:10px;
	font-weight:bold;
}

#footerRight {
	position:absolute;
	font-size:12px;
	top:15px;
	right:10px;
	font-weight:bold;
}

#footerRight a {
	text-decoration:none;
	color:#000;
	padding-left:10px;
}

#footerRight a:hover {
	text-decoration:underline;
}

h1 {
	font-size:18px;
	color:#575757;
	margin-top:10px;
}

h2 {
	font-size:18px;
	color:#575757;
	margin-top:10px;
}

p {
	font-size:11px;
	color:#808080;
}

p a {
	color:#000;
	text-decoration:none;
}

p a:hover {
	/*text-decoration:underline;*/
	background-color:#c0ff00;
}
/*
li {
	font-size:11px;
	color:#808080;
	padding-bottom:10px;
}

li a {
	color:#000;
	text-decoration:none;
}

li a:hover {
	text-decoration:underline;
	background-color:#c0ff00;
}
*/
#columnRight ul {
	margin:0px;
	padding:0 0 0 15px;
}
#columnRight li {
	font-size:11px;
	color:#808080;
	margin:0px;
	padding:0 0 10px 0;
	list-style-image:url(../images/bullet.gif);
}

#columnRight li a {
	color:#000;
	text-decoration:none;
}

#columnRight li a:hover {
	text-decoration:underline;
	background-color:#c0ff00;
}

#lowerLeft a {
	color:#000;
	background-color:#a0a0a0;
	text-decoration:none;
}

#lowerLeft a:hover {
	text-decoration:underline;
	background-color:#c0ff00;
}

#noscript {
	position:absolute;
	top:103px;
	left:0px;
	height:340px;
	width:410px;
	background-image:url(../images/bg-noscript.gif);
	background-repeat:repeat-x;
	padding:20px;
}

.socialNetwork {
	position:relative;
	float:left;
	padding:25px;
	text-align:center;
}

/* Styles for the LavaLamp menu */
#navigation { 
	position:absolute;
	top:70px;
	left:15px;
} 

#navigation ul { 
	padding: 0;
	margin: 0;
	/*IE6 fix*/
	position:absolute;
	top:0;
	left:0;
	width:850px;
} 

/* Styles for the sliding boxes */
.boxgrid { 
	width: 240px; 
	height: 160px; 
	margin:10px; 
	float:left; 
	background:#d0d0d0; 
	background-image:url(../images/view-on-flickr.jpg);
	cursor:pointer;
	background-repeat:no-repeat;
	overflow: hidden; 
	position: relative; 
	
}
.boxgrid img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
}
.boxgrid p{ 
	padding: 0 10px; 
	color:#afafaf; 
	font-weight:bold; 
	font:10pt "Lucida Grande", Arial, sans-serif; 
}
