/* --- ideapark.com --------------------
   main style sheet
   Spring 2008
------------------------------------- */



/* -------------------------------------
   Redefined HTML 
------------------------------------- */

*
{
	margin: 0;
}

a:link,
a:visited
{
	color: #34B233;
	text-decoration: none;
}

p a:link,
p a:visited,
li a:link,
li a:visited
{
	background: #ecf8ec;
	padding: 0 1px;
}

p a:hover,
li a:active
{
	background: #dff3df;
}

a img
{
	border 0;
}

blockquote
{
	border-left: 1px solid #bce5bc;
	margin: 0 10px 10px;
	padding: 0 10px;
}

blockquote p
{
	padding-bottom: 0;
}

blockquote p + p
{
	padding-top: 10px;
}

body
{
	background: url(../_images/structure/bg.png) repeat-x;
	color: #818589;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	*font-size: 100%; /* ie hack */
	height: 100%;
	line-height: 1.05em;
	overflow: hidden;
}

html
{
	*overflow: hidden; /* ie hack */
}

img
{
	border: 0;
}

h2
{
	color: #34B233;
	font-family: 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	padding: 0 0 10px;
	text-transform: lowercase;
}

h3
{
	color: #34B233;
	font-size: 0.8125em;
	margin-bottom: -0.125em;
}

h4
{
	color: #A9ABAE;
	font-size: .625em;
	font-weight: normal;
	margin-bottom: .875em;
}

input
{
	color: #34B233;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

input[type='text']
{
	border: 1px solid #bce5bc;
	font-size: .9em;
	padding: 2px 4px 3px;
}

input[type='submit']
{
	background: #ecf8ec;
	border: 1px solid #bce5bc;
	font-size: .75em;
	margin: 4px 0 0;
	overflow: visible;
	padding: 1px 2px;
}

label
{
	color: #34B233;
	font-size: .75em;
}

li
{
	font-size: 0.75em;
	padding: 0;
}

option
{
	font-family: Arial, Helvetica, sans-serif;
}

p
{
	font-size: 0.75em;
	padding: 0 0 10px;
}

select
{
	border: 1px solid #bce5bc;
	color: #34B233;
	font-size: .9em;
	line-height: 1.5em;
	padding: 2px;
}

ul,
ol
{
	padding-bottom: 10px;
}

option
{
	padding-bottom: 1px;
}

textarea
{
	border: 1px solid #bce5bc;
	color: #34B233;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	height: 100px;
	padding: 4px;
	width: 205px;
}



/* -------------------------------------
   Structure
------------------------------------- */

#environ
{
	height: 100%;
	margin-left: 250px;
	min-height: 654px;
	overflow: hidden;
	position: absolute;
	width: 100%;
}





#e_Sun
{
	background: url(../_images/structure/e_Sun.png) center bottom no-repeat;
	height: 100%;
	margin: -68px auto 0;
	overflow: hidden;
	position: absolute;
	width: 100%;
}





#e_CloudsBack
{
	background: url(../_images/structure/e_CloudsBack.png) top center repeat-x;
	height: 232px;
	position: absolute;
	width: 100%;
}

#e_CloudsFront
{
	background: url(../_images/structure/e_CloudsFront.png) top center repeat-x;
	height: 222px;
	position: absolute;
	width: 100%;
}

#e_Mountains
{
	background: url(../_images/structure/e_Mountains.png) bottom center repeat-x;
	height: 100%;
	position: absolute;
	width: 100%;
}

#e_Hills
{
	background: url(../_images/structure/e_Hills.png) bottom center repeat-x;
	height: 100%;
	position: absolute;
	width: 100%;
}









#screens
{
	height: 100%;
	overflow: hidden;
	position: absolute;
	width: 100%;
}



.screen
{
	height: 100%;
	position: absolute;
	width: 100%;
}



















.screenContainer
{
	background: url(../_images/structure/frontHill.png) bottom center no-repeat;
	height: 100%;
	position: relative;
	width: 100%;
}

.screenContents
{
	background: url(../_images/structure/s_top.png) top center no-repeat;
	bottom: 94px;
	left: 50%;
	margin-left: -325px;
	height: 440px;
	padding: 8px 0 0;
	position: absolute;
	width: 650px;
}

.header
{
	background: #FFF;
	height: 45px;
	padding: 0 25px;
	position: relative;
}

.header h2
{
	border-bottom: 1px solid #dff3df;
	top: 18px;
	color: #34B233;
	font-family: 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif;
	font-size: 1.375em;
	font-weight: bold;
	height: 0;
	letter-spacing: .1ex;
	line-height: 2em;
	overflow: hidden;
	padding: 26px 0 0;
	position: absolute;
	text-transform: lowercase;
	width: 600px;
}

#WhoWeAre .header h2
{
	background: url(../_images/structure/t_WhoWeAre.png) no-repeat;
}

#OurBlog .header h2
{
	background: url(../_images/structure/t_OurBlog.png) no-repeat;
}

#OurWork .header h2
{
	background: url(../_images/structure/t_OurWork.png) no-repeat;
}

#TalkToUs .header h2
{
	background: url(../_images/structure/t_TalkToUs.png) no-repeat;
}

.navigation
{
	bottom: 1px;
	height: 29px;
	padding: 3px 0 0;
	position: absolute;
	right: 25px;
	width: 434px;
}

.navigation li
{
	display: block;
	list-style-type: none;
	padding: 0;
	position: absolute;
}

.navigation li a
{
	background: none;
	height: 0;
	display: block;
	overflow: hidden;
	padding: 20px 0 0;
}



.contents
{
	background: #FFF;
	height: 378px;
	padding: 17px 25px 0;
	position: relative;
}

.scroll
{
	height: 100%;
	overflow: auto;
	padding: 0 10px 29px 0;
	position: relative;
}


.scroll_fadeOut
{
	background: url(../_images/structure/scroll_fadeOut.png) bottom repeat-x;
	bottom: 0;
	height: 29px;
	position: absolute;
	width: 580px;
}


.footer
{
	bottom: -90px;
	color: #34B233;
	position: absolute;
	text-align: center;
	width: 650px;
}

.footer p
{
	font-size: .6em;
	padding: 0;
}

.footer a:link,
.footer a:visited
{
	background: none;
	padding: 0;
	text-decoration: underline;
}







#Home
{
	display: none;
}

#Home .screenContents
{
	background: none;
}

#Home .navigation
{
	background: url(../_images/structure/home.png) 0 0 no-repeat;
	bottom: -48px;
	height: 508px;
	left: -74px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 798px;
}

#Home .navigation a
{
	padding-top: 60px;
}

#Home .WhoWeAre
{
	left: 0px;
	height: 50px;
	width: 130px;
	top: 105px;
}

#Home .OurBlog
{
	left: 15px;
	height: 50px;
	width: 120px;
	top: 185px;
}

#Home .Home
{
	left: 290px;
	height: 140px;
	width: 233px;
	top: 0px;
}

#Home .navigation .Home a
{
	padding-top: 140px;
}

#Home .OurWork
{
	left: 138px;
	height: 60px;
	width: 115px;
	top: 98px;
}

#Home .TalkToUs
{
	left: 145px;
	height: 60px;
	width: 120px;
	top: 175px;
}



#Home .screenContainer
{
	background: url(../_images/structure/h_frontHill.png) bottom center no-repeat;
}



#WhoWeAre
{
	display: none;
}

#WhoWeAre .navigation
{
	background: url(../_images/structure/n_WhoWeAre.png) top right no-repeat;
}

#WhoWeAre .WhoWeAre
{
	left: 7px;
	width: 71px;
}

#WhoWeAre .OurBlog
{
	left: 83px;
	width: 87px;
}

#WhoWeAre .Home
{
	left: 174px;
	width: 70px;

}

#WhoWeAre .OurWork
{
	left: 248px;
	width: 85px;

}

#WhoWeAre .TalkToUs
{
	left: 337px;
	width: 97px;

}



#OurBlog
{
	display: none;
}

#OurBlog .navigation
{
	background: url(../_images/structure/n_OurBlog.png) top right no-repeat;
}

#OurBlog .WhoWeAre
{
	left: 0;
	width: 106px;
}

#OurBlog .OurBlog
{
	left: 110px;
	width: 60px;
}

#OurBlog .Home
{
	left: 174px;
	width: 70px;

}

#OurBlog .OurWork
{
	left: 248px;
	width: 85px;

}

#OurBlog .TalkToUs
{
	left: 337px;
	width: 97px;

}


#blogSearch
{
	height: 36px;
	overflow: auto;
}

#blogSearch label
{
	display: block;
	float: left;
}

#blogSearch input[type='text']
{
	width: 115px;
}

#blogSearch input[type='image']
{
	margin-left: 3px;
}


#blogNav
{
	position: absolute;
	right: 25px;
	top: 17px;
}

#blogNav select
{
	display: block;
	float: left;
	margin-left: 6px;
	min-width: 110px;
}


#BlogScroll
{
	height: 342px;
}


.blog_entry 
{
	padding: 0 0 10px;
}

.blog_navigation
{
	font-size: 0.75em;
	overflow: auto;
	padding: 0 1px 0 0;
}

.blog_navigation_older
{
	float: left;
	padding: 0 0 15px;
}

.blog_navigation_newer
{
	float: right;
	text-align; right;
	padding: 0 0 15px;
}


#OurWork
{
	display: none;
}

#OurWork .navigation
{
	background: url(../_images/structure/n_OurWork.png) top right no-repeat;
}

#OurWork .WhoWeAre
{
	left: 0;
	width: 106px;
}

#OurWork .OurBlog
{
	left: 110px;
	width: 86px;
}

#OurWork .Home
{
	left: 200px;
	width: 70px;
}

#OurWork .OurWork
{
	left: 274px;
	width: 59px;
}

#OurWork .TalkToUs
{
	left: 337px;
	width: 97px;
}

#portfolioIntro
{
	width: 215px;
}

#portfolioPreview
{
	position: absolute;
	right: 0;
	top: 0;
	width: 378px;
}

#portfolioPreview .preview
{
	border: 1px solid #bce5bc;
	float: left;
	height: 90px;
	margin: 0 0 5px 5px;
	width: 182px;
}

#portfolioPreview .preview a
{
	background: none;
	padding: 0;
}


#overlay
{
	background: url(../_images/structure/overlay.png);
	display: none;
	height: 100%;
	position: absolute;
	width: 100%;
}


.portfolio_wrapper {
	height: 100%;
	position: absolute;
	top: 50%;
	width: 100%;
}


.portfolio
{
	background: url(../_images/structure/p_top.png) no-repeat;
	height: 524px;
	margin: 0 auto;
	padding: 8px 0 0;
	position: relative;
	top: -270px;
	width: 800px;
	z-index: 200;
}

.portfolio_content
{
	height: 429px;
	background: #FFF;
}

.portfolio_slide
{
	border-bottom: 1px solid #dff3df;
	height: 396px;
	margin: 0 auto;
	padding: 19px 0 0;
	position: relative;
	width: 750px;
}

.portfolio_image
{
	border: 1px solid #bce5bc;
	overflow: auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: 7px;
}

.wideSlide .portfolio_image
{
	height: 361px;
}

.wideSlide .portfolio_image p
{
	margin: 0;
	padding: 50px 0 0;
}

a:link.portfolio_image_flash_preview,
a:visited.portfolio_image_flash_preview
{
	background: none;
	text-transform: lowercase;
}

.wideSlide .portfolio_image object
{
	display: block;
	margin: 0 auto 1.4em;
}

.portfolio_image_flash_preview img
{
	margin: 0 auto;
	display: block;
}

.portfolio_close a:link,
.portfolio_close a:visited
{
	background: #dff3df;
	border: 1px solid #bce5bc;
	color: #82CF81;
	display: block;
	font-size: .9em;
	font-weight: bold;
	left: 25px;
	padding: 0 8px;
	position: absolute;
	text-decoration: none;
	top: 25px;
	z-index: 299;
}


.portfolio_desc
{
	border-top: 1px solid #dff3df;
	left: 0;
	margin: 0 31px;
	padding: 20px 0;
	position: absolute;
	text-align: left;
	top: 50px;
	width: 169px;
}

.portfolio_desc h3
{
	margin-left: -20px;
	padding-bottom: 10px;
	width: 200px;
}

.portfolio_desc p
{
	margin-left: -20px;
	width: 210px;
}

.portfolio .continue
{
	display: inline;
	float: none;
}

.portfolio_example_nav
{
	border-bottom: 1px solid #dff3df;
	line-height: 0;
	margin: 10px auto 0;
	padding: 0;
	text-align: center;
	width: 169px;
}

.portfolio_example_nav a:link,
.portfolio_example_nav a:visited
{
	background: none;
	padding: 0;
}

.portfolio_pageNo {
	color: #AEE0AE;
	font-size: .625em;
	margin-left: -36px;
	padding: 2px 0 0;
	text-align: center;
	text-transform: lowercase;
	width: 240px;
}

.portfolio_footer
{
	background: url(../_images/structure/p_bottom.png) bottom center no-repeat;
	height: 87px;
	padding: 0 0 8px;
}

.portfolio_nav
{
	background: #FFF url(../_images/portfolio/clients.png) 0 0 no-repeat;
	height: 87px;
	list-style-type: none;
	padding: 0;
	position: relative;
}

.portfolio_nav li
{
	position: absolute;
	top: 10px;
}

/* for nav with stunt puppy
.portfolio_nav .btfe {
	left: 20px;
	width: 85px;
}

.portfolio_nav .bc {
	left: 120px;
	width: 105px;
}

.portfolio_nav .tbrc {
	left: 240px;
	width: 70px;
}

.portfolio_nav .sc {
	left: 325px;
	width: 105px;
}

.portfolio_nav .ha {
	left: 445px;
	width: 100px;
}

.portfolio_nav .yugma {
	left: 565px;
	width: 95px;
}

.portfolio_nav .sp {
	left: 680px;
	width: 95px;
}*/

.portfolio_nav .btfe {
	left: 47px;
	width: 85px;
}

.portfolio_nav .bc {
	left: 158px;
	width: 105px;
}

.portfolio_nav .tbrc {
	left: 287px;
	width: 70px;
}

.portfolio_nav .sc {
	left: 384px;
	width: 105px;
}

.portfolio_nav .ha {
	left: 517px;
	width: 100px;
}

.portfolio_nav .yugma {
	left: 646px;
	width: 95px;
}


.portfolio_nav a:link,
.portfolio_nav a:visited
{
	background: none;
	display: block;
	height: 0;
	overflow: hidden;
	padding: 65px 0 0;
}


#portfolio_nav.btfe
{
	background-position: 0 0;
}

#portfolio_nav.bc
{
	background-position: 0 -87px;
}

#portfolio_nav.tbrc
{
	background-position: 0 -174px;
}

#portfolio_nav.sc
{
	background-position: 0 -261px;
}

#portfolio_nav.ha
{
	background-position: 0 -348px;
}

#portfolio_nav.yugma
{
	background-position: 0 -435px;
}

#portfolio_nav.sp
{

}



.wideSlide .portfolio_desc
{
	border: none;
	bottom: 0;
	margin: 0;
	padding: 0;
	top: auto;
	width: 750px;
}

.wideSlide .portfolio_desc p
{
	color: #34B233;
	margin: 0;
	padding: 0 45px 12px;
	text-align: center;
	width: 650px;
}

.wideSlide .portfolio_desc p.portfolio_desc_long
{
	line-height: 1.2em;
	padding: 0 120px 5px;
	width: 510px;
}

.wideSlide .portfolio_example_nav
{
	border: none;
	margin: 0;
	width: auto;
}
	
.wideSlide .back
{
	bottom: 0;
	left: -10px;
	position: absolute;
	z-index: 290;
}
	
.wideSlide .next
{
	bottom: 0;
	right: -10px;
	position: absolute;
	z-index: 291;
}
	
.wideSlide .close
{
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: 292;
}

.wideSlide .portfolio_image
{
	height: 361px;
	left: 0;
}

.wideSlide .scroll
{
	background: none;
	height: 321px;
	overflow: auto;
	padding: 0;
	text-align: center;
}





#TalkToUs
{
	display: none;
}

#TalkToUs .navigation
{
	background: url(../_images/structure/n_TalkToUs.png) top right no-repeat;
}

#TalkToUs .WhoWeAre
{
	left: 8px;
	width: 106px;
}

#TalkToUs .OurBlog
{
	left: 118px;
	width: 88px;
}

#TalkToUs .Home
{
	left: 210px;
	width: 70px;

}

#TalkToUs .OurWork
{
	left: 284px;
	width: 85px;

}

#TalkToUs .TalkToUs
{
	left: 373px;
	width: 61px;

}


#contactContainer
{
	border-bottom: 1px solid #bce5bc;
	margin: 0 0 20px;
	padding: 0 0 20px;
	position: relative;
	width: 215px;
	z-index: 570;
}

#contact input[type='text'],
#directions input[type='text']
{
	width: 205px;
}

#contact label,
#directions label
{
	display: block;
	padding: 0 0 6px;
}

#contact select
{
	width: 215px;
}

#contact textarea
{
	height: 80px;
	width: 205px;
}



#contactThanks
{
	display: none;
	position: absolute;
	top: 0;
	width: 215px;
}

#contactSubmitting,
#contactFailure
{
	display: none;
}



#contactInfo
{
	width: 215px;
}

#contactInfo ul
{
	list-style-type: none;
	overflow: auto;
	padding: 0 0 10px;
}

#contactInfo li
{
	float: left;
	padding: 0 8px 0 0;
}

#contactInfo abbr
{
	border: 0;
	font-size: .8em;
}

#contactInfo p
{
	clear: left;
}


#map
{
	border: 1px solid #bce5bc;
	height: 368px;
	position: absolute;
	right: 0;
	top: 0;
	width: 372px;
	z-index: 550;
}




/* - misc - */

.continue
{
	background: #ecf8ec;
	border: 0;
	color: #34B233;
	display: block;
	float: left;
	padding: 1px 4px;
	text-decoration: none;
}






#HomeScroll_vscrollerbar
{
	margin-top: -8px;
}





.scroll_base
{
	height: 100%;
	overflow: hidden;
	position: relative;
}

.scroll_box
{
	height: auto;
	overflow: visible;
	margin: 0 30px 0 0;
	position: relative;
	z-index: 400;
}


.scroll_track
{
	background: #dff3df;
	border-left: 1px solid #bce5bc;
	border-right: 1px solid #bce5bc;
	width: 17px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 401;
}

.scroll_handle
{
	background: #bce5bc;
	border-top: 2px solid #dff3df;
	border-bottom: 2px solid #dff3df;
	width: 17px;
	height: 17px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 402;
}

.scroll_top
{
	border-left: 1px solid #bce5bc;
	border-right: 1px solid #bce5bc;
	background: #bce5bc url(../_images/structure/scroll_up.png) 3px 7px no-repeat;
	height: 19px;
	margin: -19px -1px 0 0;
	position: absolute;
	right: 0;
	width: 17px;
	top: 0;
	z-index: 403;
}

.scroll_bottom
{
	border-left: 1px solid #bce5bc;
	border-right: 1px solid #bce5bc;
	background: #bce5bc url(../_images/structure/scroll_down.png) 3px 7px no-repeat;
	bottom: 0;
	height: 19px;
	margin: 0 -1px -19px 0;
	position: absolute;
	right: 0;
	width: 17px;
}







.portfolio .scroll_base {
	border: 1px solid #bce5bc;
	height: 388px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: center;
	top: 7px;
	width: 486px;
}


.portfolio .wideSlide .scroll_base {
	height: 361px;
	width: 748px;
}

.scroll_base .portfolio_image {
	border: 0;
	height: auto;
	overflow: visible;
	top: 0;
}

.portfolio .scroll_track {
	right: -1px;
}

.portfolio .scroll_complete
{
	padding: 20px 0;
}

.portfolio .scroll_fadeOut
{
	display: none;
}