/*

Site: ideapark.com
Author: Dan Feller
Date last modified: 02-21-2011

*/
ul#mainNav {
	position: fixed;
	width: 528px;
	display: block;
	top: 10%;
	right: 20%;
	opacity: 0;
}
/*ul#mainNav {
	position: fixed;
	width: 500px;
	float: right;
	display: block;
	top: 0;
	right: 15%;
	opacity: 0;
}*/
/*ul#mainNav {
	position: absolute;
	width: 523px;
	display: block;
	top: 0;
	right: 13%;
	opacity: 0;
	z-index: 999;
}*/
ul#mainNav li {
	float: left;
	padding: 0 0 0 40px;
}
ul#mainNav li a span {
	display: none;
}
ul#mainNav li a {
	height: 80px;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	background-position: top left;
}

#everything {
	clear: both;
}

ul#mainNav li a.home {
	width: 72px;
	background: url('../images/nav-home.png') no-repeat;
}

ul#mainNav li a.about {
	width: 73px;
	background: url('../images/nav-about.png') no-repeat;
}

ul#mainNav li a.work {
	width: 65px;
	background: url('../images/nav-work.png') no-repeat;
}

ul#mainNav li a.contact {
	width: 95px;
	background: url('../images/nav-contact.png') no-repeat;
}
ul#mainNav li a:hover,
ul#mainNav li a.activeNav {
	background-position: bottom left;
}
ul#mainNav li#socialNav a.facebook {
	width: 22px;
	height: 22px;
	background: url('../images/facebook.png') no-repeat top left;
	display: block;
	margin-bottom: 10px;
}
ul#mainNav li#socialNav a.facebook:hover {
	width: 22px;
	height: 22px;
	background: url('../images/facebook.png') no-repeat bottom left;
	display: block;
}
ul#mainNav li#socialNav a.twitter {
	width: 22px;
	height: 22px;
	background: url('../images/twitter.png') no-repeat top left;
	display: block;
}
ul#mainNav li#socialNav a.twitter:hover {
	width: 22px;
	height: 22px;
	background: url('../images/twitter.png') no-repeat bottom left;
	display: block;
}
li#socialNav {
	margin: 0 0 0 -15px;
}

/* ------------------------------------------------------------------------
===================== | LAYOUT AND BODY Styles | ============================
-------------------------------------------------------------------------*/

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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, input, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font: 12px/12px 'Myriad Web Pro', helvetica, arial, sans-serif;
	/*color: #fff;*/
	font-weight: normal;
	vertical-align: baseline;
	list-style: none;
}
body {
	background-color: #20061f;
	color: #FFF;
	overflow: hidden;
}
.envt {
	width: 2038px;
	max-width: 100%;
	background-color: #20061f;
	margin: 0 auto;
}
.clear {
	clear: both;
	display: block;
}
#space {
	min-height: 1000px;
	background: url('../images/space-bg.jpg') repeat-y center center;
}
#spaceGroundX {
	height: 1507px;
	background: url('../images/space-ground-xover.jpg') repeat-y center center;
}
#clouds {
	min-height: 51px;
	background: url('../images/clouds.jpg') repeat-y center center;
}
#ground {
	height: 734px;
	background: url('../images/ground-bg.jpg') no-repeat center center;
}
#underground1,
#underground2 {
	min-height: 461px;
	background: url('../images/underground-bg.jpg') repeat-y center center;
}
#ugCaveX {
	min-height: 28px;
	background: url('../images/ug-cave-xover.jpg') repeat-y center center;
}
#cave {
	height: 643px;
	background: url('../images/cave-background.jpg') repeat-y center center;
}
#core {
	height: 1002px;
	background: url('../images/core-bg.jpg') repeat-y center center;
}

/* ------------------------------------------------------------------------
===================== | SPACE Styles | ============================
-------------------------------------------------------------------------*/



#spaceContent {
	height: 390px;
	background: url('../images/moon.jpg') no-repeat center center;
}
#portfolio {
	width: 963px;
	margin: 0 auto;
	padding: 225px 0;
	display: none;
}
#portfolio h1 {
	font: 34px/34px 'Museo', "courier", georgia, serif;
	color: #1cc1fb;
	padding: 0 0 30px 0;
}
#portfolio p {
	padding: 0;
	margin: 0;
	font: 16px/23px 'Myriad Web Pro', helvetica, arial, sans-serif;
}
#portfolio #spaceLeft {
	width: 300px;
	padding: 0 41px 0 0;
	float: left;
	display: block;
}
#portfolio #spaceRight {
	width: 622px;
	float: right;
	padding: 0;
	margin: 0;
	display: block;
}
.workItem {
	display: block;
	float: left;
	width: 167px;
	padding: 0 0 36px 0;
}
.workItemMid {
	margin: 0 58px;
}
.workItem a {
	display: block;
	font: 18px/24px 'Museo', "courier", georgia, serif;
	color: #1cc1fb;
	text-decoration: none;
}
.workItem a:hover {
	color: #FFF;
}
.workItem img.workImage {
	padding: 9px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
	background-color: #FFF;
	margin: 0 0 0px 0;
}
.workItem img.workImage:hover {
	background-color: #1cc1fb;
}
.workHeader {
	float: left;
	display: block;
}
p.itemDesc {
	clear: both;
	width: 903px
	/*padding: 35px 0;*/
}
.itemDiv {
	clear: both;
	display: block;
	width: 744px;
	margin: 0 auto;
	border-bottom: 2px dotted #0a6b7a;
	border-spacing: 5px;
	
	margin-top: 35px;
	margin-bottom: 35px;
}
a.closeBtn span {
	display: none;
}
a.closeBtn {
	display: block;
	float: right;
	width: 42px;
	height: 42px;
	background: url('../images/btn-close-small.png') no-repeat top left;
	margin-bottom: 35px;
}
a.closeBtn:hover {
	background-position: bottom left;
}

.workItemFull {
	display: none;
}

#portfolio .workItemFull .workHeader h1 {
	font: 34px/34px 'Museo', "courier", georgia, serif;
	padding: 0;
	margin: 0;
}
#portfolio .workItemFull .workHeader h3 {
	font: 16px/16px 'Museo', "courier", georgia, serif;
	color: #95c5cb;
	padding: 14px 0 0 0;
	margin-bottom: 35px;
}


.scrollAble {
	width: 953px;
	clear: both;
	margin: 20px 0 10px;
	padding: 0 0 200px 0;
}
.scrollAble .viewport {
	width: 928px;
	height: 400px;
	overflow: hidden;
	position: relative;
}
.scrollAble .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
}

.scrollAble .scrollbar {
	position: relative;
	float: right;
	width: 16px;
}
.scrollAble .track {
	background: #c1d0d8 url('../images/work-track.gif') repeat-y;
	height: 100%;
	width:16px;
	position: relative;
	padding: 0 1px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    padding-bottom: 10px;
}
.scrollAble .thumb {
	height: 20px;
	width: 16px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
	margin: 5px 0 0 0;
	background: black url('../images/work-thumb-back.gif') repeat-y;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
.scrollAble .thumb .end {
	overflow: hidden;
	height: 5px;
	width: 16px;
	background-color: green;
	display: none;
}
.scrollAble .disable{
	display: none;
}
.itemExDesc-left {
	width: 258px;
	float: left;
	display: block;
	padding: 0 50px 0 0;
}
.itemExample {
	margin-bottom: 35px;
}
.itemExample-right {
	width: 600px;
	height: auto;
	display: block;
	float: right;
	background-color: #FFF;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
}
.itemExDesc-right {
	width: 258px;
	float: right;
	display: block;
	padding: 0 0 0 50px;
}
.itemExample-left {
	width: 600px;
	height: auto;
	display: block;
	float: left;
	background-color: #FFF;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
}

div.itemExample {
	width: 480px;
	padding: 10px 60px;
	background-color: #000;
}

.itemExDesc h2 {
	font: 16px/16px 'Museo', "courier", georgia, serif;
	color: #1cc1fb;
	padding: 0 0 15px 0;
	margin: 0;
	text-transform: lowercase;
}
/* ------------------------------------------------------------------------
===================== | GROUND (Home) Styles | ============================
-------------------------------------------------------------------------*/

#newsFeedWrapper {
	width: 400px;
	margin: 0 auto;
	padding: 335px 0 0 0;
}
#newsFeed {
	width: 400px;
	height: 250px;
	/*overflow: auto;*/
	position: relative;
	margin: 0 0 0 198px;
	/*background-color: red;*/
	overflow-x: hidden;
	overflow-y: scroll;
	/*overflow: auto;*/
}
#newsFeed a {
	color: #30b21f;
	font-size: 14px;
}

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */



.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}



.vscrollerbase {
width: 16px;
background: url('../images/news-scroll-back.gif') 0px 0px repeat-y;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;

}

.vscrollerbar {
width: 15px;
background: url('../images/news-scrub-slice.gif') 0px 0px repeat-y;
background-color: #877b6d;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
border-radius: 8px;

}


.hscrollerbar {
display: none;
height: 15px;

}

.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;

}
.vscrollerbarbeg {
/*background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat;*/
width: 15px;
height: 15px !important;
}

.vscrollerbarend {
/*background: url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat;*/
width: 15px;
height: 15px;
}
.hscrollerbarbeg {
display: none;
}
.hscrollerbarend {
display: none;
/*background: url(basebarcaps_verticalbarbody.png) -30px -15px no-repeat;*/
height: 15px;
width: 15px;
}

.scrollerjogbox {

width: 15px;
height: 15px;

top: auto; left: auto;
bottom: 0px; right: 0px;
/*background: #4E727C url(horizontalbarbody_cornerjog.png) 0px 0px;*/
}
.vscrollerbasebeg {

/*background: url(basebarcaps_verticalbarbody.png) -30px -30px no-repeat;*/

width: 15px;

height: 15px !important;

}
.vscrollerbaseend {

/*background: url(basebarcaps_verticalbarbody.png) -60px -30px no-repeat;*/

height: 15px;
width: 15px;
}

.hscrollerbasebeg {
display: none;
/*background: url(basebarcaps_verticalbarbody.png) -60px 0px no-repeat;*/

height: 15px;

width: 15px !important;
}

.hscrollerbaseend {
display: none;
height: 15px;
width: 15px;
/*background: url(basebarcaps_verticalbarbody.png) -30px 0px no-repeat;*/
}
.scrollerjogbox:hover {
/*background: #5E828C url(basebarcaps_verticalbarbody.png) -45px -15px;*/
}
/* Scroll Bar Master Styling Ends Here */
.scrollerjogbox {
	display: none;
}


.feedEntry {
	width: 400px;
	padding: 13px 0;
	background: url('../images/entryBorder.gif') no-repeat bottom left;
}
.feedImg {
	width: 60px;
	height: 60px;
	float: left;
	display: block;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    background: #ccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2bfb2', endColorstr='#fffbeb');
	background: -webkit-gradient(linear, left top, left bottom, from(#c2bfb2), to(#fffbeb));
	background: -moz-linear-gradient(top,  #c2bfb2,  #fffbeb);
}

.feedEntry p {
	width: 290px;
	display: block;
	float: right;
	padding: 0 30px 0 20px;
	margin: 0;
}
.feedEntry p span {
	font-size: 9px;
	font-weight: bold;
	color: #06181c;
}

.feedImg img.avatar {
	width: 48px;
	height: 48px;
	margin: 6px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.feedImg img.avatarIcon {
	position: absolute;
	display: block;
	width: 16px;
	height: 16px;
	padding: 44px 0 0 44px;
}

.feedEntry p {
	font: 14px/18px 'Myriad Web Pro', helvetica, arial, sans-serif;
	color: #000;
}








/* ------------------------------------------------------------------------
===================== | CAVE (about) Styles | ============================
-------------------------------------------------------------------------*/

#aboutContent {
	width: 963px;
	margin: 0 auto;
	padding: 175px 0 0 0;
}
#aboutContent h1 {
	font: 34px/34px 'Museo', "courier", georgia, serif;
	color: #008e93;
	padding: 40px 0;
}
#aboutContent p {
	font: 14px/20px 'Myriad Web Pro', helvetica, arial, sans-serif;
	color: #FFF;
}
a#downToCore h2 {
	display: none;
}
a#downToCore {
	display: block;
	background: url('../images/down-to-core.gif') no-repeat top left;
	width: 160px;
	height: 62px;
	margin: 88px auto;
}
a#downToCore:hover {
	background-position: bottom left;
}



/* ------------------------------------------------------------------------
===================== | CORE (contact) Styles | ============================
-------------------------------------------------------------------------*/

#coreContent {
	width: 963px;
	margin: 0 auto;
}
#coreContent h1 {
	font: 34px/34px 'Museo', "courier", georgia, serif;
	color: #1c1611;
	padding: 530px 0 40px 0;
}
.coreColumn {
	float: left;
	width: 280px;
	display: block;
}
.ccMid {
	margin: 0 40px;
}
iFrame#contactMap,
img#contactMap {
	display: block;
	background-color: #FFF;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    padding: 9px;
}
#coreContent form select, #coreContent form input, #coreContent form textarea {
	display: block;
}
#coreContent form input#yourEmail,
#coreContent form input#yourName,
#coreContent form input#getDirections {
	width: 256px;
	font: 12px/12px 'Myriad Web Pro', helvetica, arial, sans-serif;
	color: #1c1611;
	padding: 6px 12px;
	margin: 5px 0;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
#coreContent form textarea {
	width: 256px;
	max-width: 256px;
	max-height: 233px;
	min-height: 83px;
	outline: none;
	border: 0;
	font: 12px/12px 'Myriad Web Pro', helvetica, arial, sans-serif;
	color: #1c1611;
	padding: 6px 12px;
	margin: 5px 0;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}




/* applied to original <select> to hide */
.has_sb{
	position:absolute;
	left:-999999em;
	text-indent:-999999em;
}

/* always visible styles */
.selectbox{
	display:inline-block;
	*display:inline;
	font-family:arial;
	font-size:1em;margin:1px;
	position:relative;
	vertical-align:middle;
	zoom:1;
	width: 256px;
	outline: none;
	border: 0;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    color: #1c1611;
    font: 12px/12px 'Myriad Web Pro', helvetica, arial, sans-serif;
}
.selectbox .display{
	background:#fff;
	color:#000;
	cursor:default;
	display:block;
	overflow:hidden;
	outline:none;
	padding:0 24px 0 3px;
	position:relative;
	text-decoration:none;
	width: 256px;
	outline: none;
	border: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	font: 12px/12px 'Myriad Web Pro', helvetica, arial, sans-serif;
	color: #1c1611;
	padding: 6px 12px;
	margin: 5px 0;
}
.selectbox.disabled .display{color:#999;}
.selectbox.focused .display .text{background-color:#3399ff;color:#fcfcfc;display:inline-block;*display:inline;zoom:1;}
.selectbox .display.active{border-color:#7b7d83;}
.selectbox .display .arrow_btn{
    /*background:#dbdbdb url('../images/select_arrow_bg.gif') repeat-x left center;*/
    background-color: #d42c14;
    /*border:1px solid #707070;*/
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
    display:block;
    height:1.15em;
    line-height:.92em;
    padding:1px;
    position:absolute;
    right:5px;
    text-align:center;
    top:5px;
    width:1.08em;
    color: #1c1611;
}
.selectbox .display .arrow_btn .arrow{
    background:transparent url('../images/select_arrow2.gif') no-repeat center center;
    display:inline-block;
    *display:inline;
    height:5px;
    /*vertical-align:middle;*/
    width:8px;
    zoom:1;
}
.selectbox .display.active .arrow_btn{
    -moz-box-shadow:inset 0 0 1px 1px #9eb0ba;
    -webkit-box-shadow:inset 0 0 1px 1px #9eb0ba;
}
.selectbox .display.hover .arrow_btn{
	/*background-image:url('../images/select_arrow_bg_hover.gif');*/
	/*background-color: #d42c14;*/ 
}
.selectbox .value{display:none;}
/* dropdown styles */
.selectbox.items{
  background:#fff;
  border:1px solid #828790;
  display:block;
  font-family:arial;
  font-size:1em;
  list-style-type:none;
  margin:0;
  overflow-x:hidden;
  overflow-y:auto;
  padding:0 0 1px 0;
  z-index:99999;
  -moz-box-shadow:0 3px 5px rgba(0,0,0,.5);
  -webkit-box-shadow:0 3px 5px rgba(0,0,0,.5);
  width: 280px;
}
.selectbox.items.above{}
.selectbox.items li{display:block;margin:0;padding:0;/*white-space:nowrap; maybe necessary if using fixedWidth: false */}
.selectbox.items li.first{margin-top:0;}
.selectbox.items li>.item{color:#000;cursor:default;display:block;padding:4px 6px;text-decoration:none;}
.selectbox.items li>.item>.text{display:inline-block;*display:inline;zoom:1;}
.selectbox.items li.selected>.item{border-bottom:1px dotted #999;border-top:1px dotted #999;}
.selectbox.items li.disabled>.item{color:#999;}
.selectbox.items li.hover>.item{background-color:#3399ff;color:#fcfcfc;}
.selectbox.items .value{display:none;}

/* optgroup styles */
.selectbox.items .optgroup .items{
  border:none;
  margin:0;
  padding:0;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}
.selectbox.items .optgroup>.label{cursor:default;font-weight:bold;line-height:1em;}
.selectbox.items .optgroup .items li>.item{padding-left:1em;}

/* easy rounding styles */
.selectbox .round_sb.display{
  padding:2px 26px 2px 5px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
.selectbox .round_sb.display .arrow_btn{
  right:2px;
  top:2px;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
.selectbox.round_sb.items{
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
.selectbox.round_sb.items>li>a{padding:4px 6px;}
.selectbox.round_sb.items>li.first>.item{
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
}
.selectbox.round_sb.items>li.last>.item{
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -webkit-border-bottom-left-radius:5px;
  -webkit-border-bottom-right-radius:5px;
}
/* for optgroups */
.selectbox.round_sb.items>li>.label{line-height:2.08em;padding:4px 6px;}
.selectbox.round_sb.items>li>.items li>.item{padding:4px 6px 4px 12px;}

/* fixed width example styles */
.selectbox .display.fixed_width{
  width:73px;
  padding:0 24px 0 3px;
}

.selectbox.fixed_width.items{
  width:100px; /* width of display text plus the padding (60 + 27) = 87 */
}

.selectbox .display.fixed_width2{
  width:60px;
  padding:0 24px 0 3px;
}

.selectbox.fixed_width2.items{
  width:300px; /* width of display text plus the padding (60 + 27) = 87 */
}
dl#contactInfo dt {
	float: left;
	clear: left;
	display: block;
	width: 20px;
	padding: 20px 0 0 0;
	color: #FFF;
}
dl#contactInfo dd {
	float: right;
	display: block;
	width: 240px;
	padding: 20px 0 0 20px;
	font-size: 16px;
	line-height: 23px;
	color: #FFF;
}
.coreColumn h2 {
	display: block;
	clear: both;
	font: 25px/25px 'Museo', "courier", georgia, serif;
	color: #1c1611;
	padding: 50px 0 20px 0;
}
input#getDirections {
	margin: 0;
}
select#inquiryForm, select#inquiryForm option {
	color: #1c1611;
}
input#contactSubmit {
	width: 122px;
	height: 45px;
	padding: 0;
	margin: 18px 0 0 0;
	float: right;
}
input#contactSubmit {
	width: 122px;
	height: 45px;
	padding: 0;
	margin: 18px 0 0 0;
	float: right;
}
input#directionsSubmit {
	width: 169px;
	height: 45px;
	padding: 0;
	margin: 18px 0 0 0;
	float: right;
}




/* ------------------------------------------------------------------------
===================== | UNDERGROUND Styles | ============================
-------------------------------------------------------------------------*/

#magicFlower {
	top: 3197px;
	left: 175px;
	position: absolute;
	width: 16px;
	height: 24px;
	background: url('../images/flower-white.png') no-repeat;
	cursor: pointer;
}
#magicFlower img {
	display: none;
}

#underground1 img,
#underground2 img{
	display: block;
}
img#dinosaur {
	padding: 217px 0 0 20px;
}
img#ugRocks1 {
	padding: 20px 0 0 700px;
}
img#mario {
	padding: 135px 0 200px 0;
	margin: 0 auto;
	width: 967px;
}
img#digdug {
	width: 1000px;
	height: auto;
	padding: 130px 0 30px;
}
img#tmnt {
	padding: 62px 0 0 548px;
}
img#ugRocks2 {
	clear: both;
	margin: -20px 0 0 0;
	padding: 0 0 0 657px;
}
#phonebooth img {
	display: none;
}
#phonebooth {
	float: right;
	display: block;
	margin: 253px 400px 0 0px;
	width: 592px;
	height: 327px;
	background: url('../images/phonebooth.png') no-repeat;
}

#copyright {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 11px;
	opacity: 0;
}