/* Glasshouse Std Stylesheet */

/*      * html .className   ---  IE 6 */
/*      *:first-child+html . className   ---  IE 7 */

/*---------------SET UP DEFAULTS-------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	font: 12px "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #333333;
	height: 100.02%; /* stops FF jump */
	background: #000 url(../images/bg_loop.jpg) repeat-x top;
}
.wrapper {
	margin: 0 auto;
}
#header {
	height: 90px;
	background: url(/images/header-bg.gif) no-repeat;
}
#header, #navbar, #content {
	text-align: left;
}

* html #slider, * html #navbar, * html #footer {
	display: none;
}
* html #ie6 {
	background:#000;
	width:100.02%;
	height:100.02%;
	margin:0;
	padding:0;
	overflow:visible;
	text-align:center;
}

/*--------------------LINKS--------------------*/
a {
	color: #666666;
	text-decoration: none;
	outline: none; /* IE remove dashed border */
}
a:hover {
	color: #fc8801;
	text-decoration: underline;
}
:focus {
	-moz-outline-style: none;/* Moz remove dashed border */
}
a img {
	border: 0;
}
/* BACKGROUND ELEMENTS*/
#about, #contact {
	position: relative;
	z-index: 10;
}
#contact {
	z-index: 9;
}

#about_rainbow {
	display:block;
	z-index:7;
	position: relative;
	float:right;
	margin: -85px -40px 0 0;
	overflow:visible;
}
*:first-child+html #about_rainbow {
	margin: -100px -50px 0 0;
}
#about_tree {
	display:block;
	z-index:4;
	float:left;
	margin: -440px 0 0 -300px;
	overflow:visible;	
}
*:first-child+html #about_tree {
	margin: -320px 0 0 -295px;
}
#home_rainbow {
	display: block;
	float:left;
	margin: -383px  0 0 -560px;
	overflow:visible;	
}
*:first-child+html #home_rainbow {
	margin: -470px  0 0 -242px;
}
#home_dandilion {
	display:block;
	z-index:3;
	float:right;
	margin: 33px -820px 0 0;
	overflow:visible;	
}
*:first-child+html #home_dandilion {
	margin: -40px -200px 0 0;
}
#portfolio_dude {
	display:block;
	float:left;
	margin:-200px 100px 0 -230px;
	overflow:visible;
}
#port_birds {
	display:block;
	z-index:3;
	float:right;
	margin: -160px -120px 0 0;
	overflow:visible;	
}
#bigguy {
	display:block;
	z-index:4;
	float:right;
	right: -200px;
	margin: -350px 0 0 0;
	overflow:visible;
	position:relative;
}
#contact_rainbow {
	float:left;
	margin: -670px 0 0 0;
	overflow:visible;
	position:relative;
	left:-380px;
}
*:first-child+html #contact_rainbow {
	margin: -472px 0 0 0;
	left:-360px;
}
#bat_guy {
	display:block;
	z-index:3;
	float:right;
	margin: 40px -250px 0 0;
	overflow:visible;
}
#services_rainbow {
	display:block;
	z-index:3;
	float:left;
	margin: -10px 0 0 -700px;
}
#services #wide {
	margin-top:70px;	
	}
*:first-child+html #services_rainbow {
	margin: -520px 0 0 -400px;
}
*:first-child+html #services .wide, *:first-child+html #about .wide, *:first-child+html #contact .wide {
		margin-top: 87px;
}

.radio {
	float:left;	
	margin:0 8px;
}
#services #narrow, #services .narrow {
	margin-top: 85px;
}
*:first-child+html #services #narrow, *:first-child+html #services .narrow {
	margin-top: 106px;
}
.service_guy {
	margin-left:-30px;
}
*:first-child+html .service_guy {
	margin:0 0 -5px -30px;
}

#contact .wide {
	float:left;
}

#contact #narrow, #contact .narrow {
	float:right;
	margin-top:95px;
}
#contact #narrow_colomn, #contact .narrow_colomn {
	width:208px;
	padding: 10px 20px 5px 20px;
}
*:first-child+html #contact #narrow, *:first-child+html #contact .narrow {
	margin-top:118px;
}
*:first-child+html #contact #narrow_colom, *:first-child+html #contact .narrow_colomn {
	width:208px;
	padding: 10px 20px 5px 20px;
}
#form_holder {
	margin: 0;
	padding:0;	
}

/*------------- WEBKIT SAFARI & CHROME -----------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#form_holder {
		height:277px;
	 }
	 
	#contact #narrow, #contact .narrow {
		float:right;
		margin-top:95px;
	}
	#contact #narrow_colomn, #contact .narrow_colomn {
		width:208px;
		padding: 10px 20px 5px 20px;
		float: left;
		line-height: 19px;
	}
	#contact_rainbow {
		margin: -458px 0 0 -970px;
}
}

/*------------------------HEADINGS & PARAGRAPHS------------------------*/ 
p {
	margin:0;
}
h1, h2 {
	font: 18px bold Arial, Verdana, sans-serif;
	text-transform:uppercase;
}
h1 {
	color:#FFF;
}
h2 {
	font: 15px bold Arial, Verdana, sans-serif;
	color: #e97922;
	font-weight:normal;
	padding: 0 0 3px 0;
}
h3 {
	text-transform:uppercase;
	font-weight:normal;
	padding: 5px 0 5px 0;
	font: 19px bold Arial, Verdana, sans-serif;
}
#home h3.grey {
	border: 1px solid #000;
	padding: 0;
}
	
h1 .whitebig {
	font-size:30px;	
}

.navtext {
	color:#FFFFFF;
	font-size: 15px;
	margin: 0;
	padding: 0;
}
.servicehead {
	font-size: 16px;
	color:#a22c99;
	margin:6px 0 2px;
	display:block;
}

.green { color:#6a9904;}
.orange { color:#e97922;}
.purple {color:#b037a7;}
.red { color:#c80208;}
.white { color:#FFFFFF;}
.whitebig { color:#FFFFFF; font-size:30px;}
.grey {color:#5b5b5b;}
.pink {	color:#DE24CD;}
.blue { color:#19A9D3;
}

.Fright {
	float:right;
	margin-top:-15px;
}
.Fleft {
	float:left;
}
/*------------------------MAIN NAVIGATION------------------------*/
#navbar {
	height: 43px;
	background:url(../images/nav_loop.jpg) repeat-x top;
	width: 100%;
	padding-top:0;
	z-index: 10;
	position:fixed;
}
#nav_contain {
	width: 820px;
	margin: 0 auto;
}
.btns {
	float:left;
	top: 0;
}
#navbar ul a {
	float:left;
}
#btn_home a, #btn_portfolio a, #btn_portfolio a, #btn_services a, #btn_about a, #btn_contact a {
	float:left;
	height: 32px;
	padding: 11px 0 0 0;
	text-align:center;
	cursor:pointer;
}
#btn_home a {
	background:url(../images/btn_home.jpg) left no-repeat;
	width: 90px;
}
#btn_portfolio a {
	background:url(../images/btn_portfolio.jpg) left no-repeat;
	width: 102px;
	padding: 11px 0 0 10px;
}
#btn_services a {
	background:url(../images/btn_services.jpg) left no-repeat;
	width: 95px;
	padding: 11px 0 0 10px;
}
#btn_about a {
	background:url(../images/btn_about.jpg) left no-repeat;
	width: 97px;
}
#btn_contact a {
	background:url(../images/btn_contact.jpg) left no-repeat;
	width: 108px;
}
#btn_home a:hover, #btn_portfolio a:hover, #btn_services a:hover, #btn_about a:hover, #btn_contact a:hover {
	background-position: right;
	cursor:pointer;
}
#home #btn_home a, #portfolio #btn_portfolio a, #services #btn_services a, #about #btn_about a, #contact #btn_contact a {
	background-position: right;
}
#navbar a {
	text-decoration: none;
}
#navbar li {
	list-style-type: none;
	float: left;
}
/*------------------------CONTENT LAYOUT------------------------*/

#narrow, .narrow {
	width:260px;
	float:left;
	margin-top: 63px;
}

.wide {
	width:520px;
	float:right;
	margin-top: 63px;
	padding:0;
}

#narrow_colomn, .narrow_colomn {
	background:#000;
	margin: 0 12px 0 6px;
	color:#FFF;
	padding: 0 10px;
	text-align:left;
	width: 228px;
	font-size:13px;
	display:block;
	overflow:hidden;
}
#narrow_colomn ul, .narrow_colomn ul{
	list-style:none;
	margin: 0;
	padding: 0;
}
#narrow_colomn li, .narrow_colomn li {
	font-size:13px;
	padding: 0;
}
#narrow_colomn li a, .narrow_colomn li a {
	display:block;
}
#narrow_colomn li a:hover, .narrow_colomn li a:hover {
	cursor:pointer;
	text-decoration:none;
	outline: #090909 1px solid;
}
#narrow_colomn p, .narrow_colomn p {
	padding: 5px 0 8px 3px;
	line-height: 20px;
	color:#CCC;
}
*:first-child+html #narrow_colomn a p, *:first-child+html .narrow_colomn a p {
	padding-bottom:3px;
}
*:first-child+html .minustop {
	margin-top:-13px;
	padding:0;
}
.product_bottom {
	margin-top:-5px;	
}
.wide_content p {
	font-size: 13px;
	line-height: 21px;
	padding:0 0 4px 0;
}
.wide_content {
	background:#000;
	color:#CCC;
	padding: 0 15px;
	text-align:left;
	width: 488px;
	margin-left:1px;
}
.about_guys {
	float:right;
}
#about p {
	padding-top: 3px;
}
#about #narrow, #about .narrow {
	margin-top: 66px;	
}
*:first-child+html #about #narrow, *:first-child+html #about .narrow {
	margin-top: 90px;	
}

#contact #options_form p {
	padding: 3px 0 0 10px;	
}
#error_message, #success_message {
	color:#FFFFFF;
	padding: 20px;
}
#contact .wide_content {
	height: 284px;
	width: 450px;
	padding-top: 3px;
}

#contact input, #contact textarea {
	margin: 0 0 8px 0;
	height: 21px;
	outline:none;
}
#contact textarea {
	height:45px;
}
.thickborder {
	border-right: 14px #E97623 solid !important;
	color:#666;
	width:440px;
	float:none;
}
.contact_contact, .contact_apply {
	width:39px;
	background:url(../images/contact_side1.png) left no-repeat;
	height:146px;
	display:block;
}
.contact_apply {
	background:url(../images/contact_side2.png) left no-repeat;
	height:151px;
}
.contact_contact:hover, .contact_apply:hover {
	background-position:right;
}
.contact_bottom {
	overflow:hidden;
	width: 490px;
	float:right;
	padding-top:7px;
	margin-right: -15px;
}
.send {
	background:url(../images/send.gif) left no-repeat;
	width:66px;
	height:62px;
	float:right;
	display:block;
	margin-right:15px;
}
.send:hover {
	background-position:right;
}

.radio {
	color:#FFF;	
}

.cv {
	height: 50px;
	float: left;
	width: 200px;
}

.contact_top1, .contact_top2 {
	background:url(../images/contact_top1.gif) left no-repeat;
	width: 130px;
	height: 30px;
	float:left;
	margin-left: 6px;
}
.contact_top2 {
	background:url(../images/contact_top2.gif) left no-repeat;
	float:left;
	margin-left: 0;
	width: 118px;
}
.contact_top1:hover, .contact_top2:hover {
	background-position:right;
}
.wide form {
	margin-top: 10px;
}

.home_guy {
	margin-left:6px;
	margin-top: 31px;
}
*:first-child+html .home_guy{
	margin-top: 36px;
}
#showreel {
	background:#000;
	padding: 0;
}
*:first-child+html #showreel {
	margin: -5px 0 -3px 0;
}
#sub_form {
	overflow: hidden;	
}
#sub_form input {
	float: left;	
	margin: 10px 0 3px;
	padding:3px 5px 0 3px;
	height: 20px;
	width: 155px;
	font-size:12px;
	color:#629004;	
	background: #1b1b1b url(../images/input_loop.jpg) repeat-x top;
	border: none;	
}
#sub_form .submithome {
	background: url(../images/submit.gif) no-repeat top;
	width: 63px;
	height:24px;
	display:block;
	float:right;
	margin: 9px 0 3px;
	border: 0;
	cursor: pointer;
}
.submithome:hover {
	background-position:bottom !important;	
}
#home #narrow_colomn img, #home .narrow_colomn img {
	margin: 15px 0 1px 0;	
}
#home_text {
	margin: 10px -10px 0 0;
	float:right;
}

*:first-child+html #home_text { 
	margin: 20px -10px -7px 0;
}
.about_logo {
	padding: 5px 0 3px 0;
	float:none;
}
.divider {
	padding: 5px 0 7px 0;
}
.padding {
	padding: 8px 0 0 0;
}
.wide .padding {
	padding-bottom: 7px;
}
#services .wide h3 {
	color:#922487;
	padding:6px 0 2px 0;
	font-size:13px;
}
.right_service {
	width: 225px;
	overflow:hidden;
}
.left_service {
	width: 230px;
	float:left;
	margin: 0 25px 0 0;
}
.nopad {
	margin-top:-15px;
}
/*------------------------PORTFOLIO------------------------*/

#portfolio .hold_me {
	width: 940px;
	margin:0 0 0 -60px;
}
#go_right {
	background:url(../images/arrow_right.png) no-repeat;
	height:76px;
	width: 61px;
	float:left;
	margin: 80px 0 0 0;
}
#go_left {
	background:url(../images/arrow_left.png) no-repeat;
	height:76px;
	width: 61px;
	float:left;
	margin: 80px 0 0 0;
}
#go_right:hover, #go_left:hover {
	cursor:pointer;
}
#nav_port {
	margin: 482px 0 0 165px;
	z-index:100;
	position:absolute;
}
*:first-child+html #nav_port {
	margin-left: 225px;
}

#portfolio_holder {
	background:url(../images/portfolio_holder.png) no-repeat center;
	width:775px;
	height:566px;
	margin:63px 20px 0 20px;
	float:left;
	overflow:hidden;
}
.navbtn {
	padding: 0 2px;	
}
.navbtn1, .navbtn2, .navbtn3, .navbtn4, .navbtn5, .navbtn6 {
	height:67px;
	display:block;
	float:left; 	
	margin: 0 4px;
}
.navbtn1 {	background:url(../images/p_web.png) top no-repeat; width: 73px; }
.navbtn2 {	background:url(../images/p_webapps.png) top no-repeat; width: 82px; }
.navbtn3 {	background:url(../images/p_flash.png) top no-repeat; width: 48px; }
.navbtn4 {	background:url(../images/p_motion.png) top no-repeat; width: 66px; }
.navbtn5 {	background:url(../images/p_emarket.png) top no-repeat; width: 97px; }
.navbtn6 {	background:url(../images/p_graphics.png) top no-repeat; width: 72px; }

.navbtn1:hover, .navbtn2:hover, .navbtn3:hover, .navbtn4:hover, .navbtn5:hover, .navbtn6:hover{
	background-position:bottom;
}

.navbtn-selected {
	background-position:bottom;
}

#showcase {
	height:566px;
	margin:0 auto;
	width:775px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
#projects {
	position: relative;
	left: -775px;
}
#projects div.project {
	width: 775px;
	height: 566px;
	position: absolute;
}

.lookatme {
	margin: 15px 0 0 0;
	border:solid #383838 1px;
}
.project_info p {
	text-align:justify;
	margin:6px 0;
	color:#c6c4c4;
	line-height: 22px;
}
.project_info h2 {
	text-align:left;
	font-size: 18px;
	margin: 10px 0 0 0;
}
.project_info a, .cat_motion .project_info a {
	color:#F20303;
	padding: 15px 0 0 0 !important;
	font-size: 13px;
	clear:both;
	text-transform:uppercase;
}
.project_info a:hover {
	text-decoration:none;
	color:#FFF;
}
.project_info a.textlink {
	padding:0;
	margin:0;
	background:none;
	color:#c00;
	width:auto;
	display:inline;
}
.project_info a.textlink:hover {
	border-bottom: 1px solid #c00;
}

div.project_info {
	width: 550px;
	height: 230px;
	overflow: hidden;
	height:300px;
	z-index: 40;
	position: absolute;
	top: 5px;
	left: 5px;
	margin: 10px auto 0 6px;
	border:solid #383838 1px;
	padding: 70px 100px 30px 100px;
}
div.project_info_video { 
	width: 692px; 
	margin: 30px 10px 0 10px;
	overflow: hidden;
/* 
 border: solid #383838 1px;
 padding: 10px 30px 5px;
 height:300px;*/
}
div.pi_background {
	z-index: 30;
	background: #000;
	width: 550px;
	height: 230px;
	color: #FFF;
	z-index: 40;
	position: absolute;
	top: 5px;
	left: 5px;
	padding: 140px 101px 40px 100px;
	margin: 10px auto 0 6px;
}
.project_info h3 {
	color: #FFFC00;
	margin-bottom: 10px;
}
.project_info p {
	margin-bottom: 10px;
	font-size:13px;
}
.webapp {
	margin: 15px 60px 0 30px;
	float:right;
	text-align:left;
	color:#999;
}


/*------------------------FOOTER------------------------*/
#footer {
	background:url(../images/footer.png) repeat-x center;
	height:48px;
	margin-bottom:0;
	position:fixed;
	width: 100%;
	margin-top:-40px;
}
* html #footer { /*ie6*/
	margin: -90px auto 0 auto;
  	left:0;
}
*:first-child+html #footer {/*ie7*/
	left:0;
}
.footer_wrap {
	width: 880px;
	margin: 0 auto;
	padding-top:35px;
}

#footer a {
	color: #666;
}
#footer a:hover {
	color:#629004;
	text-decoration:none;
	border-bottom: dashed 1px;
}

/*--------------------FORMS--------------------*/
input, select, textarea {
	border: none;
	padding: 2px;
	font: 11px "Trebuchet MS", Arial, Helvetica, Verdana;
	color: #666666;
	background-image:none;
}
button {
	padding: 1px 4px;
}
#options_form td p{
	color:#E9781B;
	float:left;
	padding: 2px 5px 0 0;
}

/*--------------------main holder--------------------*/
.hold_me {
	width:790px;
	margin-left:10px;
	z-index:10;
	position:relative;
}
*:first-child+html .hold_me {
	margin-left: -60px;
	margin-top: -20px;
}
/*--------------------scroller--------------------*/
#slider {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index:0;
}
.scroll {
	height: 600px;
	overflow: hidden;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	z-index:0;
	background:url(../images/loopbg.png) repeat-x;
}
.scrollContainer div.panel {
	width: 900px;
}
.panel {
}	


/*--------------------LEGAL--------------------*/

#container {
	margin: 30px auto 0 auto;	
	width:830px;
	text-align:left;

}
#legal_colomn_thin, #legal_colomn_wide {
	width: 190px;
	padding:10px;
	float:left;
}
#legal_colomn_wide {
	width: 590px;	
}
#legal h2 {
	font-weight:bold;
	font-size:13px;
	margin:4px 0 0;
}
#legal p {
	color:#000;	
}
#legal a {
	font-weight:bold;
	color: #93C504;
}
/*--------------------SPLASh--------------------*/
#splash .height {
	height: 100%;	
	}
.left {
	float: left;
	margin-right: 10px;
	text-align: left;
}
.left2 {
	padding:20px 0 20px 50px;
	margin-right: 10px;
	text-align: left;
	line-height:16px;
}
.left2 input {
	background-color:#000;
	background-image:url(../images/roundedBG.gif);
	background-repeat:no-repeat;
	height:18px;
	width:155px;
	border:none;
	outline:none;
	padding-top:9px;
	padding-left:8px;
	float: left;
}
.left2 input:hover {
	background-color:#000;
	background-image:url(../images/roundedBG.gif);
	background-repeat:no-repeat;
}
.goSplash {
	width: 65px;
	height: 31px;
	background: url(../images/go.jpg) no-repeat;
	border: none;
	padding:0px;
	margin: 0;
	cursor: pointer;
	line-height:16px;
}
a.flash {
	background: url(../images/enter-flash.gif) no-repeat;
	margin-top:15px;
	margin-left:25px;
	display: block;
	width: 156px;
	height: 26px;
}
a.html {
	margin-top:15px;
	background: url(../images/enter-html.gif) no-repeat;
	display: block;
	width: 183px;
	height: 26px;
}
a.flash:hover, a.html:hover {
	background-position: left bottom;
}
/*------------------------PRODUCT PAGES------------------------*/
#product #navbar {
	position:relative;
}
#product .wide {
	float:left;	
	margin: 18px 0 0;
}
#product .narrow {
	float:right;	
	margin: 18px 0 0;
}
body#product {
	background: #B3E506 url(../images/bg_loop.jpg) repeat-x top;
	background-color: #4e7b04 !important;
}
#product .hold_me {
	font-size:12px;
	color: #fff;		
	margin: 0 auto;
}
#product .hold_me ul {
	margin: 5px 0 5px 2px;
	color:#FFF;
	font-size:13px;
}
#product .hold_me li {
	padding: 4px 0 4px 7px;
	list-style:none;
}
#product .hold_me a { 
	color:#fff;
}
#product .hold_me a:hover { 
	color:#19A9D3;
}
#product .hold_me .red a:hover { 
	color:#BB0107;
}
#product .hold_me .green a:hover { 
	color:#79A804;
}
#product .hold_me .pink a:hover { 
	color:#DE24CD;
}

#product .blue li{
	background:url(../images/bullet_blue.png) no-repeat 0 12px;
}
#product .red li {
	background:url(../images/bullet_red.png) no-repeat 0 12px;
}
#product .green li {
	background:url(../images/bullet.png) no-repeat 0 12px;	
}
#product .pink li {
	background:url(../images/bullet_pink.png) no-repeat 0 12px;
}
.product_img {
	margin-bottom:15px;	
}
#product .wide_content p {
	padding: 5px 0;	
	color:#FFF;
	font-size:14px;
	line-height:25px;
}
.logolink {
	padding:0 10px 8px 0;
}
.quotemarks {
	font: 60px Georgia, "Times New Roman", Times, serif;
	border: 1px red solid;
	margin: 15px 0 0;
}
.other_products {
	float:left;
	text-align:center;
	width:160px;
	background:#000 !important;
}