@charset "utf-8";
/* CSS Document */

/*   
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 237px;}  /* must be same height as the footer */

body#home #main {padding-bottom: 128px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -237px; /* negative value of footer height */
	height: 50px;
	clear:both;} 
	
#footerHome {position: relative;
	margin-top: -128px; /* negative value of footer height */
	height: 50px;
	clear:both;} 	

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

blockquote{
	background:url("../images/blockquote.png") no-repeat;
	width:400px;
	display:block;
	padding: 10px 0 0 42px;
	margin: 20px 0 10px 0;
	color:#666;
}

/* -- MAIN
================================================================================== */

body {
	background: #f3f3f3;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
	}
	
#header h1{
	width:412px;
	height:80px;	
	text-indent:-999px;
	background: url(../images/logo.jpg) repeat-x 0 0;
	position:absolute;
	top:50px;
}

h2,h3,h4,h5,h6 {
	margin: 8px 0 8px 0;
	}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	margin:5px 0 20px 0;	
}	

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:none;
	margin:10px 0 0 0;
}
	
p {
	margin: 0 0 10px 0;
	line-height:130%;
	font-size:13px;
	}	
	
a:link, a:active, a:visited {
	color:#fd204f;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}
				

ul {
	margin:10px 0 10px 50px;
	padding:0;		
}	

ol {
	margin:10px 0 10px 50px;	
}	


/* -- BUTTONS
================================================================================== */

a.more_info {
	outline:none;
	display:block;			
	float:left;
	width:208px;
	height:43px;
	text-indent:-9999px;
	background: #fff url("../images/buttons/more_info.png") 0 -43px;
	position:relative;
	left:-3px;	
	margin: 10px 0 5px 0;
}	

a.more_info:hover {
	background-position: 0 0;
}	

a.book_now {
	outline:none;
	display:block;			
	float:left;
	width:208px;
	height:43px;
	text-indent:-9999px;
	background: #fff url("../images/buttons/book_now.png") 0 -43px;
	position:relative;
	left:-3px;	
	margin: 60px 0 5px 0;
}	

a.book_now:hover {
	background-position: 0 0;
}	

input.submit_grey_button {
	outline:none;
	display:block;			
	width:118px;
	height:43px;
	text-indent:-9999px;
	background: #fff url("../images/buttons/submit_grey.png") 0 -43px;
	position:relative;
	left:-3px;		
}	

input.submit_grey_button:hover {
	background-position: 0 0;
}		

input.submit_button {
	outline:none;
	width:118px !important;
	height:43px;
	text-indent:-9999px;
	background: url("../images/buttons/submit.png") 0 -43px;
	position:relative;
	left:-3px;	
}	

input.submit_button:hover {
	background-position: 0 0;
		}	

/* -- CLASSES
================================================================================== */

	ul.clean {
		list-style:none;
		margin:0;
		padding:0;		
	}	
	
.siteWidth{
	width:100%;
}

.left {
	float:left;
	}

.right {
	float:right;
	}

.clear {
	clear:both;}
	
.selected{
	font-weight:bold;
}

.list{
	background: #F2F2F2;
	border:1px dotted #CCCCCC;
	padding: 5px;
	margin: 5px 0 5px 0;
}

	.list ul li{
		float:left;
		margin: 0 10px 0 0;
	}
	
	.list ul.archive li{
		float:none;
		margin: 0 0 10px 0;
	}	

/* -- STRUCTURE
================================================================================== */

#container {
	}

#header {
	background: #0a2888 url("../images/header.jpg") repeat-x 0 0;	
	height:140px;
	position:relative;
	border-bottom:4px #fff solid;
	}
	
	#header a:link,#header a:active,#header a:visited {
		color:#fff;
		text-decoration:none;
		}
	
	#header a:hover {
		color:#c2def6;
		}
		
	#header #logo {
		padding: 15px 0 0 0;
		}		
	
	
	#ninesixty{
		height:140px;	
		width:960px;
		margin: 0 auto 0 auto;
		position:relative;
	}	

		#subs{
			position:absolute;
			right:0;
			top:0;
		}
		
			.sub{
				float:left;
				margin: 0 0 0 10px;
			}		
		
			#subs #blog{
				width:145px;
				height:51px;
				outline:none;
				background: #0a2888 url("../images/nav/blog.gif") repeat-x 0 -51px;				
			}
			
				#subs #blog:hover{
					background-position: 0 0;
				}		
			
			#subs #forum{
				width:238px;
				height:51px;
				padding:0;
				outline:none;
				background: #0a2888 url("../images/nav/forum.gif") repeat-x 0 -51px;				
			}			
			
				#subs #forum:hover{
					background-position: 0 0;

				}					
			
	#leftCol {
		width:530px;	
		float:left;
		}
		
		#leftCol img{
			float:left;
			margin: 5px 17px 16px 0;
			border: 13px solid #fff;
			-moz-box-shadow: 1px 1px 5px #ccc;
			-webkit-box-shadow: 1px 1px 5px #ccc;
			-moz-border-radius: 1px;
			-webkit-border-radius: 1px;				
			}		
		
		#leftCol h3{
			font-family:Arial, Helvetica, sans-serif;
			font-size:22px;
			font-weight:none;
			margin:5px 0 0 0;
		}
		/*
		#leftCol h4{
			font-family:Arial, Helvetica, sans-serif;
			font-size:40px;
			margin:5px 0 20px 0;	
		}			
		*/
	#rightCol {
		width:367px;	
		min-height:480px;		
		margin: 0 0 0 35px;
		float:left;
		}	
		
		#rightCol img {
				float:left;
				margin: 5px 17px 16px 0;
				border: 13px solid #fff;
				-moz-box-shadow: 1px 1px 5px #ccc;
				-webkit-box-shadow: 1px 1px 5px #ccc;
				-moz-border-radius: 1px;
				-webkit-border-radius: 1px;		
			}		
		#rightCol img.stars {
			border:none !important;
			float:none !important;
			margin:none !important;
			padding:none !important;
			-moz-box-shadow: none !important;
			-webkit-box-shadow: none !important;}	
		
		#credit {
			font-family:Georgia, "Times New Roman", Times, serif;
			margin: 20px 0 0 5px;
			color:#3a3a3a;
			font-style:italic;
			}			
				

#contentArea {
	width:960px;
	margin: 0 auto 0 auto;	
	padding: 10px 0;
	}

#footer {
	background: #0a2888 url("../images/footer.jpg") repeat-x 0 0;		
	height:237px;
	position:relative;
	}
	
	.title{
		margin: 10px 0 10px 0;
	}
	
	#footer ul {
		list-style:none;}
	
	
	#footer #footerLinks{
		color:#FFF;
		font-size:12px;
		text-align:right;
		width:500px;
		float:right;
			position:relative;
			top:20px;		
		}		
	
	#footer a:link,#footer a:active,#footer a:visited, #footerHome a:link,#footerHome a:active,#footerHome a:visited {
		color:#fff;
		text-decoration:none;
		}	
		
	#footer a:hover, #footerHome a:hover{
		text-decoration:underline;
		}			
		
	#footer h3{
		font-style:normal;
		color:#FFF;
	}
	
	#footer .item{
		width: 300px;
		min-height: 60px;		
		float:left;		
		background:none;
		margin: 10px 0 0 0;
	}	
	
		#footer #join{
			color:#FFF;
		}
		
		#footer .seperator_line{
			margin:15px 0 0 0;
			float:left;
		}
		
		#footer #join input {
			width:230px;
		}
		
		#footer #join input.button {
			width:110px;
			height:35px;
			border:none !important;}
		
		#footer #blog{
			width:212px;
			margin: 10px 0 0 35px;
		}	
		
		#footer #forums{
			width:212px;
			margin: 10px 0 0 35px;
		}		
	
#footerHome {
	background: #0a2888 url("../images/footer_home.jpg") repeat-x 0 0;		
	height:128px;	
	border-top:4px solid white;
	color:#FFF;
	}	
	

	
	#ninesixtyfooter{
		width:960px;
		margin: 0 auto 0 auto;
	}		
			
		#footerHome ul {
			float:right;
			list-style:none;
			}	
						
			
		#footerHome ul li{
			float:right;
			clear:right;
			margin: 0 0 0 5px;
			}	
			
		#footerHome #footerLinks{
			width:500px;			
			float:right;
			font-size:12px;
			position:relative;
			top:20px;
		}

#feast{
	float:right;
	width:33px;
	height:10px;
	background: url("../images/footer/feast.png") repeat-x 0 -10px;	
	margin: 0 0 0 5px;
	position:relative;
	top:2px;
}

#feast:hover {
	background-position: 0 0;
}


/* -- HOME
================================================================================== */

#quote{
	text-align:center;
	width:960px;
	height:48px;
	margin: 10px 0 0 0;
}

	#quote #quotes{
		clear:both
		font-weight:normal;
		font-style:italic;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin:0;
		padding:0;
	}
	
	#quote #quotes p{
		font-size:22px;		
		margin:0;
		padding:0;
	}	
	
	#quote #credit{
		clear:both;
		font-size:12px;		
		margin:0 0 0 0;
		padding:0;	
		font-family:Georgia, "Times New Roman", Times, serif;		
		font-weight:normal;
		font-style:italic;		
	}	

#highlights{
	width:959px;
	height:356px;
	margin: 10px 0 10px 0;	
	background: url("../images/home/highlights_bg.jpg") repeat-x 0 0;			
}
	
	#highlights .prev{
		display:block;
		width:38px;
		height:299px;
		background: url("../images/home/highlights_left.jpg") repeat-x 0 0;				
		margin: 30px 7px 0 23px;
		cursor:pointer;
	}
	
	#highlights .next{
		display:block;
		width:38px;
		height:299px;
		background: url("../images/home/highlights_right.jpg") repeat-x 0 0;				
		margin: 30px 25px 0 0;
		cursor:pointer;
		float:right;
	}	
	
	#highlights .disabled{
		background: url("../images/home/highlights_disabled.jpg") repeat-x 0 0;
		cursor:auto;
	}		


	#highlights .scrollable {
	
		/* required settings */
		position:relative;
		top:30px;
		overflow:hidden;
		width: 820px;
		height:299px;
		float:left;
	}
	
		#highlights .scrollable h3{
			margin: 0 0 10px 0;
		}

		#highlights .scrollable .items {
			/* this cannot be too large */
			width:5000px;
			position:absolute;
		}
		
		#highlights .items div {
			width:775px;
			background: #fff url("../images/home/highlights_scroll_bg.jpg") no-repeat 0 0;				
			float:left;
			padding:20px;
			margin: 0 7px 0 2px;
		}
		
		#highlights .items div.summary {
			width:300px;
			background: none;				
			float:left;
			padding:0;
			margin: 0 0 0 4px;
		}	
		
		#highlights .items img {
			float:left;
			margin: 0 10px 0 0;
		}	


#seperator{
	width:960px;
	min-height:10px;
	background: url("../images/seperator.jpg") repeat-x 0 0;	
	margin: 10px 0 10px 0;	
	clear:both;
}

#project #seperator{
	width:439px;
	min-height:10px;
	background: url("../images/seperator.jpg") repeat-x 0 0;	
	margin: 10px 0 10px 0;	
	clear:both;
}

*+html ul#projectsList #seperator{
	width:960px;
	min-height:10px;
	background: url("../images/seperator.jpg") repeat-x 0 0;	
	margin: 10px 0 10px 0;	
	clear:both;
	position:relative;
	top:50px;
}

#seperatorFooter{
	width:960px;
	min-height:10px;
	background: url("../images/seperator.jpg") repeat-x 0 0;	
	margin: 10px 0 20px 0;	
}

#latestnews{
	width:580px;
	min-height:581px;	
	float:left;
	margin: 10px 0 10px 0;	
}

	img.latestNews{
		margin: 0px 0 17px 10px;
	}

	#latestnews.full{
		width:100%;
	}

	#latestnews ul{
		margin:0;
		padding:0;		
	}

		#latestnews ul li{
			width:100%;
			height:190px;
			margin: 0 0 10px 0;
		}

			#latestnews ul li .thumb{
				width:240px;
				height:190px;
				float:left;
				font-size:13px;
				background: url("../images/latestnews/latestnews_thumb_bg.jpg") repeat-x 0 0;	
				margin: 0 18px 0 0;
			}
			
				#latestnews ul li .thumb img{
					margin: 20px 0 0 20px;
				}			
			
			#latestnews ul li h4{
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:14px;				
				font-size:14px;
				color:#585858;
				font-style:italic;
				padding: 6px 0 0 0;
				margin:0;
			}		
			
			#latestnews ul li h3{
				font-family:Arial, Helvetica, sans-serif;
				font-size:22px;
				color:#000;
				font-weight:bold;
				margin:0;				
			}	
			
			#latestnews a{
				text-decoration:underline;
			}	
			
			#latestnews a:hover {
				text-decoration:none;
				}				

#stuff{
	width:347px;
	height:581px;
	float:right;
	min-height:565px;
	margin: 10px 0 0 0;	
}

	#stuff a {
		color:#1e1e1e;
		text-decoration:underline;
		}	
		
	#stuff a:hover {
		text-decoration:none;
		}	
		
	#stuff img {
		margin:0 0 5px 0;
		}			

	#stuff #blog {
		padding:10px 0 0 0;
		background:url(../images/holding/dots.png) top repeat-x;
		}

		#stuff #blog .post{
			padding: 0 10px 0 10px;
		}

			#stuff #blog ul li h3{
				font-family:Arial, Helvetica, sans-serif;
				font-size:19px;
				font-weight:bold;		
				padding: 0 0 0 0;
			}		
			
			#stuff #blog ul li h4{
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				font-weight:normal;
			}	
	
		div.hr {
			color: #d3d2d3;
			background-color: #d3d2d3;
			height: 1px;
		}

	#mailer {
		font-family:Georgia, "Times New Roman", Times, serif;		
		padding:10px;
		font-size:16px;
		background:#d3d2d3;
		margin:0 0 20px 0;
		font-size:14px;
		color:#585858;
		font-style:italic;		
		}
		
	#forum {
		padding:10px 0 0 0;
		background:url(../images/holding/dots.png) top repeat-x;
		}
		
		#forum p {
				padding: 0 10px 0 12px;
			}		
			
		#forum p a {
				color: #474747;
				font-style:italic;
				font-family:Georgia, "Times New Roman", Times, serif;
			}					



/* -- PAGEs & Sections
================================================================================== */

#page {
	margin: 40px 0 0 0;
	min-height:510px;
	}
	
ul#sectionNav{
	float:right;
	list-style:none;
	margin:0;
	padding:16px 0 11px 0;
}
		
	ul#sectionNav li{
		float:left;
		margin:0 0 0 20px	;
		padding:0;
		font-size:18px;
	}
	
		ul#sectionNav li a{
			color:#000;
			text-decoration:none;
		}	
					


/* -- PROJECTS
================================================================================== */
	
	#project #leftCol {
		width:366px;
		min-height:280px;		
		padding: 10px;
		float:left;
		}
	
	#project  #rightCol {
		width:439px;	
		min-height:480px;		
		margin: 0 105px 0 0;
		float:right;
		}
		
	#project  #rightCol {
		width:439px;	
		min-height:480px;		
		margin: 0 105px 0 0;
		float:right;
		}	
		
		#project  #rightCol #text {	
			margin: 0 0 0 4px;
			}			
	
	#page #rightCol #book{
		display:block;
		margin: 60px 0 0 0;
		position:relative;
		left:-3px;
		outline:none;
	}
	
		#page #rightCol #book img{
			border:none;
		}	
	
	ul#projectArchiveList a{
		color:#000;
	}
	
	ul#projectsList li{
		background:url(../images/project/bg.jpg) top repeat-x;	
		width:960px;
		height:354px;
		margin: 0 0 10px 0;
		
	}
	
	*+html ul#projectsList li{
		background:url(../images/project/bg.jpg) top repeat-x;	
		width:960px;
		height:374px;
		margin: 0 0 10px 0;
		
	}	
	
		ul#projectArchiveList li img{
				border: 13px solid #fff;
				-moz-box-shadow: 1px 1px 5px #ccc;
				-webkit-box-shadow: 1px 1px 5px #ccc;
				-moz-border-radius: 1px;
				-webkit-border-radius: 1px;		
		}		
		
		ul#projectArchiveList li #details{
			float:left;
			margin: 0 0 0 17px;
		}	
		
		ul#projectArchiveList h3{
			margin: 0 0 10px 0;
		}			
	
	
		ul#projectsList li img.thumbnail{
			padding: 45px 28px 0 49px;
			float:left;
		}	
		
		ul#projectsList li .details{
			width:277px;
			height:260px;
			padding: 37px 0 0 0;
			float:left;
			position:relative;
		}		

			ul#projectsList li .details h3{
				padding: 0 0 10px 0;
			}
			
			ul#projectsList li .details img{
				position:absolute;
				bottom:0px;
			}


		ul#projects {
			margin: 29px 0 0 0;
			outline:none;
		}		
		
			ul#projects li {
				display:block;
				margin: 0 0 10px 0;
				color:#000;
				font-size:22px;
				padding: 0 0 0 10px;
				text-decoration:none;
				border-left: 8px solid #F2F3F3;							
			}	
			
			ul#projects li.selected {
				display:block;
				margin: 0 0 10px 0;
				color:#000;
				font-size:22px;
				padding: 0 0 0 10px;
				text-decoration:none;
				border-left: 8px solid #000;							
			}	
			
			ul#projects li:hover {
				display:block;
				margin: 0 0 10px 0;
				color:#000;
				font-size:22px;
				padding: 0 0 0 10px;
				text-decoration:none;
				border-left: 8px solid #000;							
			}				
			
				ul#projects li a {
					color:#000;
					font-size:22px;
					text-decoration:none;
					outline:none;
				}							
		
/* -- PROJECT Objects
================================================================================== */

#videoObject{
	display:none;
	z-index:10000;
	background-color:#fff;
	width:640px;	
	padding:13px;
	min-height:200px;
	border:1px solid #a0a0a0;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

	#videoObject .close {
		background-image:url(../images/overlay/close.png);
		position:absolute;
		right:-15px;
		top:-15px;
		cursor:pointer;
		height:35px;
		width:35px;
		z-index:10010;
	}
	
#galleryObject{
	display:none;
	z-index:10000;
	background-color:#fff;
	width:720px;	
	padding:13px;
	min-height:440px;
	border:1px solid #a0a0a0;
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

	#galleryObject .close {
		background-image:url(../images/overlay/close.png);
		position:absolute;
		right:-15px;
		top:-15px;
		cursor:pointer;
		height:35px;
		width:35px;
		z-index:10010;
	}	


/* -- BLOG
================================================================================== */

.error{
	color:#C30;
}

ul#blog #leftCol{
	width:740px;
	float:left;
}

ul#blog .rightCol{
	width:176px;
	float:right;
	
}


	.date{
		width:100px;
		height:110px;
		background-image:url(../images/blog/date.jpg);	
		float:left;
	}
	
		.date h3{
			font-family:Arial, Helvetica, sans-serif;		
			color:#FFF;
			font-size:60px;
			margin:20px 0 0 0;
			text-align:center;		
			padding:0;
		}
		
		.date h4{
			font-family:Arial, Helvetica, sans-serif;
			color:#FFF;
			font-size:12px;
			text-align:center;
			margin:0;
			padding:0;
			text-transform:uppercase;
			position:relative;
			top:-6px;
		}
		
	.comment{
		margin: 0 0 0 20px;
		
	}
		
	.commentOptions{
		font-family:Arial, Helvetica, sans-serif;
		color:#000;
		margin: 10px 0 0 0;
	}
	
	.commentOptions a{
		font-family:Arial, Helvetica, sans-serif;
		color:#000;
		font-weight:bold;
	}	
	

/* -- FORMS
================================================================================== */

input[type=text]  {
	width:300px;
	height:30px;
	margin:0 0 3px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#3a3a3a;
	border: 1px solid #ccc;
	size:13px;
	padding:4px;
	font-style:italic;
	}
	
textarea{
	width:300px;
	height:90px;
	margin:0 0 3px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#3a3a3a;
	border: 1px solid #ccc;
	size:13px;
	padding:4px;
	font-style:italic;
	}
	
input#recaptcha_response_field {
	font-size:12px !important;
	height:20px;
	}
	
input.button {
	width:117px;
	outline:none;
	height:43px;
	color:#000;
	border:none !important;}
	
input.recapcha_button {
	color:#000;
	outline:none;
	}	


/* -- NAVIGATION
================================================================================== */

*+html #nav {
	padding: 30px auto 0 auto;	
	position:absolute;
	bottom:-16px;
	right:4px;
	}

#nav {
	margin: 0 auto 0 auto;	
	position:absolute;
	bottom:0px;
	right:4px;
	}
	
	#nav ul {
		margin: 5px 0 0 0;
		list-style:none;
		}	
				
		#nav ul li {
			float:left;			
			margin: 0 0 0 20px;
			}

			#nav ul li  a{
				display:block;
				outline:none;
				padding: 0 0 36px 0;
				}	
				
			#nav ul li  a:hover{
				color:#FFF;
				border-bottom: 8px solid #FFF;
				padding: 0 0 28px 0;				
				}		
				
			#nav ul li  a.selected{
				border-bottom: 8px solid #fff;
				padding: 0 0 28px 0;						
				}