body {
	font-size:75%;
	font-family:Tahoma, Verdana, Arial, Helvetica;
	background:url(../img/bg.jpg) top left;
}

#container {
	margin:30px auto 0 auto;
	width:800px;
}

#splashcontainer {
	margin:63px auto 0 auto;
	width:800px;
}

#header {
	width:800px;
	height:97px;
	background:url(../img/header.png) 0 0 no-repeat;
	margin:0 0 6px 0;
	color:#fff;
	position:relative;
}

#nav {
	width:600px;
	height:24px;
	position:absolute;
	top:58px;
	left:220px;
}

#nav li {
	position:absolute;
	width:126px;
	height:23px;
	line-height:21px;
	font-weight:bold;
}

#nav li a {
	border-bottom:2px solid rgba(255,255,255,0.4);
	display:block;
	width:122px;
	height:21px;
}

#n-welcome {
	left:0px;
}

#n-nutshell {
	left:141px;
}

#n-gallery {
	left:282px;
}

#n-touch {
	left:423px;
}

#spcheader {
	width:800px;
	height:44px;
	background:url(../img/cheader.jpg) 0 0 no-repeat;
	color:#fff;
}

#spcfooter {
	width:800px;
	height:44px;
	background:url(../img/cfooter.jpg) 0 0 no-repeat;
}

#spcontent {
	width:800px;
	height:386px;
	background:url(../img/splash.jpg) top right repeat-x #fff;
}

#cheader {
	width:800px;
	height:38px;
	background:url(../img/cheader.png) 0 0 no-repeat;
	color:#fff;
}

#cfooter {
	width:800px;
	height:30px;
	background:url(../img/cfooter.png) 0 0 no-repeat;
	clear:both;
}

#content {
	width:800px;
	height:auto;
	background:url(../img/cbg.png) bottom left no-repeat #fff;
	overflow:hidden;
	position:relative;
}

#gallery {
	width:500px;
	/*height:358px;*/
	padding:8px 0 0 0;
	float:right;
}

#content #gallery li {
	display:inline-block;
	margin:10px;
}

.splash {
	width:352px;
	height:386px;
	position:relative;
}

.white {
	background-color:#fff;
}

.r {
	float:right;
}

.article {
	width:220px;
	height:auto;
	padding:34px 10px 0 28px;
	position:relative;
}

.article a {
	color:#002047;
}

.galleryarticle {
	list-style:disc outside;
}

.galleryarticle li {
	font-size:1.2em;
	color:#002047;
	white-space:nowrap;
	margin:0 0 20px 0;
}

#gallerynav {
	width:300px;
	height:20px;
	position:absolute;
	bottom:0px;
	font-size:0.8em;
	display:none;
}

#gallerynav p {
	display:inline-block;
	line-height:20px;
	width:84px;
	margin:0 16px 0 0;
	border-bottom:2px solid #002047;
	font-weight:bold;
}

#gallerynav p a {
	line-height:20px;
	display:block;
	width:90px;
}

#splashlogo {
	width:282px;
	height:110px;
	background:url(../img/splashlogo.png) 0 0 no-repeat;
	display:block;
	position:absolute;
	top:137px;
	left:82px;
}

#footer p {
	color:#002247;
	font-size:0.98em;
	padding:10px 20px 0 20px;
}

#footer p span {
	float:right;
}

#footer p span a {
	color:#000;
}

a#splashlogo:hover {
	background:url(../img/splashlogo.png) -282px 0 no-repeat;
}


h1 {
	font-size:1.3em;
	line-height:34px;
	padding:0 0 0 28px;
}

p {
	font-size:1.2em;
	margin:0 0 20px 0;
	color:#002047;
	word-spacing:0.02em;
	line-height:1.2em;
}

#container p,
#container h1,
#container li,
#container fieldset {
	letter-spacing:0.07em;
}

fieldset {
	padding:10px 0 10px 0;
	font-size:1.2em;
	margin:0 0 20px 0;
	color:#002047;
}

label, input, textarea {
	display:block;
}

input, textarea {
	margin:0 0 5px 0;
	background:url(../img/semitrans.png) 0 0;
	border:1px solid #000;
}

#content .article ul {
	padding-top:10px;
}

#content li {
	color:#002047;
	margin:2px;
}

a {
	color:#fff;
}

li, p, a, span, h1, h2 {
	-moz-text-shadow:rgba(0,0,0,0.4) 1px 1px 1px;
	-webkit-text-shadow:rgba(0,0,0,0.4) 1px 1px 1px;
	text-shadow:rgba(0,0,0,0.4) 1px 1px 1px;
}

#gallery-container {
	width:816px;
	height:577px;
	background:url(../img/gallery-header.png) 0 0 no-repeat #fff;
	overflow:hidden;
	margin:0;
	padding:0;
	position:relative;
}

#gallery-side {
	float:right;
	width:154px;
	height:577px;
}

#gallery-footer {
	width:662px;
}

.gallery-content {
	position:absolute;
	z-index:50;
	top:76px;
	left:430px;
	width:232px;
	height:250px;
	background:url(../img/gallery-contentbg.png) top right no-repeat transparent;
}

.gallery-content h1,
.gallery-content p {
	margin:0;
	padding:0;
	text-shadow:none;
}

.gallery-img {
	margin:87px 0 0 0;
}

.hide {
	padding:5px;
	border:1px solid #000;
	margin-bottom:10px;
	position:relative;
	width:270px;
	z-index:20;
}

.hide h3 {
	font-weight:bold;
	margin-bottom:5px;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; background-color:#FFF;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(../img/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(../img/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(../img/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(../img/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(../img/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(../img/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(../img/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(../img/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../img/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../img/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}