body {
	background: #1B2024;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222;
	}

/*** GENERAL STYLES ***/

@font-face {
	font-family: 'Vegur';
	src: url('/inc/vegur-r_0500.eot');
	src: local('Vegur Regular'), /*url('/inc/vegur-r_0500.woff') format('woff'), url('/inc/vegur-r_0500.ttf') format('truetype'),*/ url('/inc/vegur-r_0500.svg') format('svg'); /*use SVG for firefox*/
}

@font-face {
	font-family: 'VegurBold';
	src: url('/inc/vegur-b_0500.eot');
	src: local('Vegur Regular'), local('VegurRegular-Light'), url('/inc/vegur-b_0500.woff') format('woff'), url('/inc/vegur-b_0500.ttf') format('truetype');
}
	
img {
	border: none;
	margin: 0;
	padding: 0;
	outline: none;
	}

div {float: none; margin: 0; padding: 0;}	

img a:link, img a:visited { outline: none; }

a, a:visited {
	color: #b80324;
	text-decoration: none;
	outline: none;
	}

a:hover {
	color: #b80324;
	text-decoration: underline;
	}
	
p {margin: 8px 0 0; line-height: 1.6em;}

.bold {font-family: 'VegurBold', Myriad Pro, Arial, Helvetica, sans-serif;}

h1 {
	font-family: 'Vegur', Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 3.6em;
	color: #2b2e3d;
	font-weight: normal;
	margin: 0; padding: 0;
	line-height: 1em;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/clear.png,sizingMethod=crop);zoom:1; /*cleans up embedded fonts in IE*/
}

h1 .emph {color: #6a90b6; font-family: 'VegurBold', Myriad Pro, Arial, Helvetica, sans-serif;}

h2 {
	font-family: 'Vegur', Myriad Pro, Arial, Helvetica, sans-serif;
	color: #2b2e3d;
	font-size: 2em;
	font-weight: normal;
	line-height:1em;
	margin: 0 0 12px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/clear.png,sizingMethod=crop);zoom:1; /*cleans up embedded fonts in IE*/
}

.sprite {background-image: url('/img/sprite.png');}

a.button {display: inline-block; width: 154px; height: 36px; margin: 0 3px; text-indent: -999em;}
#btn-forums {background-position: 0 -419px;}
#btn-download {background-position: 0 -455px;}
#btn-wiki {background-position: 0 -491px;}

/*** SITE LAYOUT/STRUCTURE ***/

#wrapper {padding: 65px 0 57px 0;}

*html #wrapper {padding: 0;}

#container {
	background-image: url('/img/main-bg.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	overflow-y: hidden;
	overflow-x: auto;
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 57px;
}

*html #container {position: relative;}

#relative-container {
	width: 100%; height: 100%; position: static;
}

#content {
	width: 896px; 
	padding: 20px 25px 20px;
	border: 6px solid #fff;
	background: url('/img/content-bg.png') top left repeat;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute; top: 80px; bottom: 20px;
	left: 50%; margin-left: -473px; /* these two rules center absolutely positioned divs.  the left margin must be equal to half the element's width + borders & padding */
	-moz-box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.5); box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.5);
}

.wide {
	position: absolute; 
	top: 80px; 
	bottom: 20px; 
	left: 20px; 
	right: 20px; 
	margin-left: 0; width: auto}
}

*html #content {margin: 10px auto; top: auto; bottom: auto; height: 500px; left: 15%; /*IE6 POS HACK */}

/************************ HEADER, NAV, and BACKGROUND CHANGER STYLES ********************************/

#top {
	height: 57px;
	position: fixed;
	left: 0; right: 0; top: 0;
	background-position: top left;
	background-repeat: repeat-x;
	border-top: 5px solid #000;
	/*background-color: #333;*/
}

#header {
	width: 920px;
	margin: 0 auto;
}

*html #header {position: relative; margin: 0; left: 15%; /*IE6 POS HACK */}

#header #logo {
	float: left;
	background-position: 0 -162px;
	height: 70px; width: 111px;
	margin: -6px 0 0 20px;
}

/*** TOP NAV ***/
ul#nav {
	margin: 0 0 0 26px;
	padding: 0;
	float: left;
}

#nav li {
	float: left; 
	list-style: none; 
	margin: 0;
	position: relative;
}

#nav li:hover ul {display: block;}
	
#nav li a, #nav li a span {background-image: url('/img/nav.png');background-repeat: no-repeat;}

#nav li a {
	display: block; 
	height: 52px;
	text-indent: -999em;
	position: relative;
}

#nav li a span {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	display: none;
	cursor: pointer;
}
	
a#nav1 {width: 65px; background-position: 0 0;}
a#nav1 span {background-position: 0 -52px;}
a#nav2 {width: 73px; background-position: -84px 0;}
a#nav2 span {background-position: -84px -52px;}
a#nav3 {width: 118px; background-position: -176px 0;}
a#nav3 span {background-position: -176px -52px;}
a#nav4 {width: 112px; background-position: -294px 0;}
a#nav4 span {background-position: -294px -52px;}
a#nav5 {width: 130px; background-position: -406px 0;}
a#nav5 span {background-position: -406px -52px;}
a#nav6 {width: 66px; background-position: -536px 0;}
a#nav6 span {background-position: -536px -52px;}

#nav li ul {
	background-color: #212528;
	padding: 4px 4px 0 4px;
	margin: -10px 0 0 0;
	position: absolute;
	top: 52px;
	left: 0;
	width: 130px;
	display: none;
}

#nav li ul #gradient-top {
	height: 9px;
	background: url('/img/nav.png') 0 -94px repeat-x;
	position: absolute;
	top: 0; left: 0; right: 0;
}

#nav li li {
	float: none; 
	padding: 0;
	width: 100%;
	margin: 4px 0;
	font-size: 0.9em;
}

#nav li li a {
	background: #151617;
	text-indent: 0;
	height: auto;
	padding: 8px 10px;
	color:#808183;
	display: block;
}

#nav li li a:hover {color: #fff; text-decoration: none;}

/*** BACKGROUND CHANGER ***/
#bg-changer {
	position: relative;
	float: right;
	width: 118px;
	background-position: 0 -232px;
	top: 29px; right: -5px;
	cursor: pointer;
}

#bg-thumbs {
	width: 100%; height: 162px; 
	display: none; 
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
#bg-thumbs a {
	height: 52px; width: 114px; 
	position: relative; 
	margin: 2px 0 1px 2px; 
	display: block; 
	background-color: #333; 
	-moz-opacity: 0.5; 
	-webkit-opacity: 0.5; 
	opacity: 0.5; 
	filter: alpha(opacity=50);
}
#bg-thumbs a:hover {
	-moz-opacity: 0; 
	-webkit-opacity: 0; 
	opacity: 0; 
	filter: alpha(opacity=0);
}
#bg-changer:hover #bg-thumbs {display: block;}
/************************ END HEADER, NAV, and BACKGROUND CHANGER STYLES ********************************/

/* SECONDARY NAV STYLES */
#subnav {float: right; padding: 0; margin: 0; width: 158px; border-top:6px solid #B80324; position: relative; margin: -20px -10px 0 0;}
#subnav li:first-of-type {border-top: 1px solid #d1d1d1;}
#subnav li {padding: 0; list-style: none; text-align: center; background: #fff; border: 1px solid #d1d1d1; border-top: 0; padding: 10px 5px;}
#subnav a {color: #666; font-size: 0.9em; font-weight: bold;}
#subnav a:hover {color: #b80326; text-decoration: none;}
/* END SECONDARY NAV STYLES */

/* PORTFOLIO NAV */
#portfolio-nav {float: right;}
#portfolio-nav a {display: block; float: left;}
#portfolio-nav a.on {cursor: default;}
#highlights-link {height: 17px; width: 120px; background-position: 0 -529px; padding: 0 15px 0 0; border-right: 1px solid #999;}
#highlights-link:hover, #highlights-link.on {background-position: 0 -547px;}
#gallery-link {height: 17px; width: 105px; background-position: 13px -565px; padding: 0 0 0 15px; border-left: 1px solid #999; border-right: 1px solid #999;}
#gallery-link:hover, #gallery-link.on {background-position: 13px -582px;}
#demos-link {height: 17px; width: 70px; background-position: 13px -641px; padding: 0 0 0 15px; border-left: 1px solid #999;}
#demos-link:hover, #demos-link.on {background-position: 13px -658px;}
/* END PORTFOLIO NAV */

/* GENERAL PORTFOLIO STYLES */
#inset {
	width: 134px; height: 40px; 
	margin: 0 auto; 
	position: relative;
	background-position: 0 -600px;
}

.leftcol a .highlight-thumb, .gallery-item a img {-webkit-border-radius: none;}
a:hover .highlight-thumb, .gallery-item a:hover img {
	background-color: #6A90B6; 
	border-color: #404040; 
	cursor: pointer;
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); 
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.1s ease-out;
}

/* END PORTFOLIO EFFECTS */


/************** FOOTER STYLES *********************/
#bottom {
	height: 57px;
	position: fixed;
	left: 0; right: 0; bottom: 0;
	background-position: 0 -57px;
	background-repeat: repeat-x;
}

#bottom #footer {
	width: 946px;
	margin: 0 auto;
	color: #6d6a6a;
	font-size: 0.9em;	
}

*html #bottom #footer {margin: 0; position: relative; left: 15%; /*IE6 POS HACK */}

#footer-left {float: left; margin: 15px 0 0 30px;}

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

#footer ul li {
	list-style: none; 
	float: left;
	border-right: 1px solid;
}

#footer a {color: #6d6a6a; margin: 0 6px;}

#footer #info {float: left; clear: left; margin: 3px 0 0 5px;}

#footer #poweredby {
	float: right;
	width: 109px; height: 39px;
	background-position: 0 -122px;
	margin: 10px 20px 0 0;
	text-indent: -999em;
}

*html #bottom {position: absolute;}

/* SiteBy CSS */
#siteby {
	width:116px;
	height:23px;
	background:url('http://linkback.monkee-boy.com/sby-mboy-linkback.png') no-repeat top left;
	display:inline-block;
	margin: -4px 0 0 20px;
	}

#siteby span { display:none; }
#siteby a:link, #siteby a:visited { display:inline-block; border-bottom:none; width:116px; height: 23px; }
/************** END FOOTER STYLES *********************/

/************************* SCALING BACKGROUND CSS ****************************/
img#expando {
padding: 0;
margin: 0;
position: absolute;
display: none;
z-index: 1;
-ms-interpolation-mode: bicubic;
}

#container.wide, #container.tall {background-image: none;}
 
.wide img#expando,
.tall img#expando {
display: block;
}
 
.wide img#expando {
width: 100%;
height: auto;
}
 
.tall img#expando {
width: auto;
height: 100%;
}
 
.ie6fixed {
position: absolute;
top: expression((ignoreMe = document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop) + 'px');
}

/* 
************************ BEGIN FANCYBOX CSS ************************
*/

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/inc/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('/inc/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-weight: bold;
	font-size: 1.1em;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/inc/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('/inc/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('/inc/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('/inc/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/inc/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	/*left: -9999px;*/
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/inc/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/inc/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left span {
	left: 20px;
}

#fancybox-right  span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/inc/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/inc/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/inc/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/inc/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/inc/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/inc/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/inc/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/inc/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/inc/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


/* SKINNY SCREENS */

body.skinnyscreen #container{
	overflow: hidden;
    background-repeat: repeat-y;
	position: relative !important;
	width: 980px;
	top: auto; left: auto; right: auto; bottom: auto;
}

body.skinnyscreen #content{
	position: relative !important;
    left: 0px;
    top: 0px;
	margin: 80px 0px 20px 20px !important;
	height: auto;
	overflow: hidden;
}

body.skinnyscreen #top {
	width: 980px;
	position: absolute;
}

body.skinnyscreen #bottom {
	position: relative;
    width: 980px;
}


/* SHORT SCREENS */

body.shortscreen #container{
	overflow: hidden;
    background-repeat: repeat-y;
	position: relative !important;
	top: auto; left: auto; right: auto; bottom: auto;
}

body.shortscreen #content{
	position: relative !important;
    left: 0px;
    top: 0px;
	margin: 80px 0px 20px 20px !important;
	height: auto;
	overflow: hidden;
}

body.shortscreen #top {
	position: absolute;
}

body.shortscreen #bottom {
	position: relative;
}