@charset "UTF-8";
/* CSS Document */


body {background:#7dbe34 url(../images/bg.jpg) no-repeat fixed 100% 100%;}
.container{overflow:visible;}

h3{margin:10px 30px 15px;color:#7DBE34;}

/* Classes*/
.left{float:left;margin:10px;}
.right{float:right;margin:10px;}
img.left{float:left;margin:0;padding:0;}
img.right{float:right;margin:0;padding:0;}


/* Navigation */
ul.navigation{list-style:none;display:block;}
ul.navigation li{margin:0;}
ul.navigation li a{color:#FFF;font-size:.8em;text-decoration:none;}

/* Header */
#header{position:relative;height:50px;}
	#header h1{color:#FFF;font-size:150%;font-weight:200;text-transform:uppercase;position:relative;top:25px;}
	#header ul.navigation{position:absolute;right:0;left:auto;margin-right:0;display:block;top:32px;}
	#header ul.navigation li{float:left;}
	#header ul.navigation li a{padding:6px;text-transform:uppercase;}
	#header ul.navigation li.active{border:1px #FFF solid;}
	
		#homepg #homeNav a, #aboutpg #aboutNav a, #apppg #appNav a, #casepg #caseNav a, #samppg #sampNav a, #costpg #costNav a, #contactpg #contactNav a, #header ul.navigation li a:hover{border:1px #FFF solid;padding:5px;}

/* Logo & Main Image */
#imgBox{background:url(../images/mainImg.jpg) no-repeat;height:232px;width:950px;overflow:hidden;position:relative;}
	
	.overBoxL, .overBoxR{height:233px;overflow:hidden;position:absolute;top:auto;bottom:-20px;width:233px;}
	.overBoxL a, .overBoxR a{background:url(../images/blackBg.png) repeat;display:block;padding:100px 20px 80px;color:#fff;letter-spacing:5px;line-height:1.2em;text-transform:uppercase;text-decoration:none;}
	
	/*Homepage*/
	#homepg #imgBox{height:472px;background:url(../images/home/mainImg.jpg) no-repeat;}
	.overBoxL a:hover, .overBoxR a:hover{background:url(../images/whiteBg.png) repeat;color:#6D6E71;}
	.overBoxL span, .overBoxR span{color:#7dbe34;}
	.overBoxR.top, .logoBox{top:0;}
	.overBoxL{left:0;}
	.overBoxR{left:240px;}
	.logoBox{padding:0;}
	.logoBox a, .logoBox a:hover{background:url(../images/gtvlogo.png) no-repeat;width:225px;height:225px;display:block;text-indent:-9999px;}
	#startBtn{background:url(../images/home/startBtnBg.png) no-repeat top left;bottom:0;display:block;height:45px;position:absolute;right:0;width:237px;}
	#startBtn:hover{background-position:top right;}
	#startBtn span{text-indent:-9999px;display:block;}
	
	/* Content Pages */
	.transLogo{padding:0;}
	.transLogo a, .transLogo a:hover{width:225px;height:225px;display:block;}
	.transLogo img{margin:1px 10px;}
	.transLogo a:hover{background:url(../images/gtvlogo.png) no-repeat;}
	.transLogo a:hover img{display:none;}

/* Main Content */
#mainBox {width:950px;overflow:hidden;position:relative;top:10px;background:#FFF;margin-bottom:10px;}
	#mainBox h2{text-transform:uppercase;margin:40px 30px 10px;}
	#mainBox h2 span{color:#7dbe34;}
	#mainBox p{margin: 0 30px 10px 30px;}
	#mainBox a{display:block;margin-left:30px;}

	/* Home Page Main Content */
	#leftCol, #rightCol{background:url(../images/whiteBg.png) repeat;height:215px;position:relative;width:49%;top:20px;margin-bottom:55px;}
	#leftCol h4, #rightCol h4{font-weight:200;text-transform:uppercase;}
	#leftCol h4 span{color:#7dbe34;}
	#leftCol a, #rightCol a{display:block;}
	#leftCol a.colLink, #rightCol a.colLink{color:#FFF;position:absolute;bottom:-25px;left:10px;}
	a.colLink:hover{text-decoration:underline;}
	
		#leftCol{float:left;}
		#leftCol h4{line-height:1.5em;margin:20px 20px 0;}
		#leftCol p{font-size:1.1em;margin:5px 20px 0;}
		#leftCol img{padding:10px;}
		#leftCol .arrow{background: url(../images/home/leftArrow.png) no-repeat 195px 0;height:198px;position:absolute;right:0;width:221px;top:0;}
		#leftCol .arrow:hover{background-position:top right;}

		#rightCol{margin:0;left:10px;}
		#rightCol h3{background:#3a3a3a;color:#FFF;font-size:14px;margin:0;padding:5px;}
		#rightCol .left{background:#8f9688;height:191px;margin:0 10px 0 0;position:relative;}
		#rightCol .left img{margin:3px 2px 3px 3px;}
		#rightCol .left .arrow{display:block;position:absolute;top:0;right:-6px;}
		#rightCol #rightText{float:left;display:block;width:380px;}
		#rightCol h4{color:#7dbe34;height:60px;margin:2px 0 0;padding:0;border-bottom:1px #8f9688 dashed;}
		#rightCol h4 a{padding:20px 0;}
		#rightCol h4.last{border-bottom:none;margin-top:5px;}
		#rightCol p{margin:0 20px 10px 0;}
	
	/* About */
		#aboutpg h2{margin-top:0;}
		#aboutpg #mainBox img.right{padding:0 50px;}
		#samppg .span-12, #aboutpg .span-12{margin:30px 0;}
		#aboutpg .span-12.last{border-left:1px #8f9688 solid;}
		#aboutpg #mainBox img.right{margin-top:-30px;}
		#iconBox{background-color:#e8f2c1;padding:20px 0;}
		#iconBox h3{color:#3a3a3a;margin-bottom:20px;}
		#aboutpg .span-4{margin:0;padding:0 13px;height:170px;border-right:1px #8f9688 solid;text-align:center;}
		#aboutpg .span-4.first{margin-left:30px;}
		#aboutpg .span-4.last{border-right:none;}
	
	/* Applications Main Content */
	#apppg #mainBox{height:440px;}
	#apppg #mainBox img.right{padding:30px 30px 40px 0;}
	#menu{height:370px;position:relative;width:400px;}
	#menu ul{background:#3a3a3a;list-style:none;margin:30px 30px 0;padding:0;height:370px;width:190px;text-align:left;white-space:nowrap;}
	#menu li {list-style:none;margin:0;padding:0;display:inline;}
	#menu ul a{font-size:.9em;text-transform:uppercase;height:35px;line-height:35px;width:100%;margin:0;overflow:hidden;color:#FFF;padding:0 10px;display:block; cursor:default;}
	#menu ul a:hover, #menu ul li.auto a.a{background:url(../images/app/rollBg1.png) no-repeat;text-decoration:none;}
	#menu li:hover > a {background:url(../images/app/rollBg1.png) no-repeat;}
	#menu ul ul {background:#FFF;left:-9999px;position:absolute;}
	#menu ul#toplevel {left:0;position:absolute;top:0;}
	#menu ul li:hover > ul, #menu ul li.auto > ul{left:100%;top:0;margin:0;}
		#menu ul li img.a{display:none;}
		#menu ul li.auto img.a, #menu ul li#oneMenu:hover img.a{display:block;position:absolute;top:0;left:400px;}
	#menu ul ul li{width:204px;display:block;}
	#menu ul ul li a{background:#FFF none;border-bottom:1px #3a3a3a dashed;color:#3a3a3a;height:90px;padding:0 25px;width:auto;line-height:1.2em;}
	#menu ul ul li a:hover, #menu ul li.auto ul li a.a{background:#E1EDAF none;border-bottom:1px #E1EDAF solid;margin-top:-1px;padding-top:1px;}
	#menu ul ul li:hover > a{background:#E1EDAF none;}
	#menu ul ul li a.last{border-bottom:none;}
	#menu ul li .arrow {position:absolute;}
		li#oneMenu .arrow{top:0;left:0;}
		li#twoMenu a .arrow, li#threeMenu a .arrow, li#fourMenu a .arrow, li#fiveMenu a .arrow{display:none;}
		li#twoMenu a:hover .arrow, li#threeMenu a:hover .arrow, li#fourMenu a:hover .arrow, li#fiveMenu a:hover .arrow{display:block;}
		li#twoMenu .arrow {top:35px;right:-11px;}
		li#threeMenu .arrow {top:70px;right:-11px;}
		li#fourMenu .arrow {top:105px;right:-11px;}
		li#fiveMenu .arrow {top:140px;right:-11px;}
	#menu ul ul li span{padding:10px 0 0;}
	#menu ul ul li span.title{display:block;color:#7dbe34;font-weight:600;padding-top:15px;}
	#menu ul ul li span.copy{display:block;width:160px;text-transform:none;white-space:normal;}
	#menu a:hover ul, #menu a:hover a:hover ul, #menu a:hover a:hover a:hover ul{left:100%;}
	#menu a:hover ul ul, #menu a:hover a:hover ul ul {left:-9999px;}
	#menu ul ul li:hover ul{margin-left:20px;}
	#sampleLink{position:relative;top:405px;}
		li#twoMenu ul, li#threeMenu ul, li#fourMenu ul, li#fiveMenu ul{padding-left:210px;}
		li p.title, li p.copy{font-size:.9em;position:absolute;left:-5px;display:block;width:160px;line-height:1.2em;}
		li p.title{color:#7dbe34;font-weight:600;text-transform:uppercase;top:15px;}
		li p.copy{top:35px;white-space:normal;}
	
	/* Case Study */
	#casepg h4{font-size:1em;line-height:1em;color:#7dbe34;text-transform:uppercase;margin:0 0 5px;}
	.span-6.first img{padding:30px 50px;}
	#factSidebar{margin:10px 0 10px 30px;padding:30px 20px;border:1px #8f9688 solid;}
	#factSidebar h3{font-size:1.2em;margin:0 0 5px;}
	#factSidebar ul, #factSidebar li{margin:0;padding:0;}
	#factSidebar ul{padding:5px 0 0 10px;}
	#factSidebar li{font-size:1em;}
	#caseSidebar{background-color:#e8f2c1;padding:5px 0;margin:50px 0 40px;}
	.caseBox{margin:5px 10px;padding:0;border-bottom:1px #8f9688 dashed;}
	.caseBox img.left{margin-right:5px;}
	.caseBox p{font-size:.8em;line-height:.9em;margin:0;padding:0;}
	.caseBox.last{border:none;padding:0;}
	
	/* Cost */
	#costpg #mainBox{padding-bottom:10px;}
	#costpg #mainBox img{margin: 40px 50px;}
	
	
	/* Sample */
	#samppg h3{font-size:1.1em;text-transform:uppercase;margin:35px 0;display:block;float:left;}
	#samppg img.left{margin-right:20px;}
	.sampleBox{clear:both;margin:0 20px 10px;height:95px;border-bottom:1px #8f9688 dashed;position:relative;}
	.sampleBox.last{border:none;padding:0;}
	.sampleBox p{font-size:.95em;}
		#mainBox .sampleBox a.arrow{background: none;display:block;margin:0;padding:0;height:85px;position:absolute;left:0;overflow:hidden;width:120px;top:0;}
		#mainBox .sampleBox a.arrow span{text-indent:-9999px;}
		#mainBox .sampleBox a.arrow:hover{background: url(../images/samples/arrow.png) no-repeat 0 0;}
		#mainBox .sampleBox h3 a{margin:0;}
	
	/* Contact */
	#startSidebar{background-color:#3a3a3a;color:#FFF;padding:90px 0 85px;margin:35px 0 30px 20px;}
	#startSidebar h3{text-transform:uppercase;font-size:2em;letter-spacing:5px;}
	#startSidebar h3 span{color: #FFF;}
	#startSidebar p{font-size:1.5em;font-weight:200;margin-top:20px;}
	#startSidebar p span, #addSidebar h5{color:#7dbe34;}
	#contactpg form{margin:0 0 30px 30px;padding-top:5px;overflow:hidden;}
	#contactpg input.text.first{margin-right:20px;}
	#contactpg input.span-5{width:155px !important;margin-bottom:10px;}
	#contactpg button{background-color:#7dbe34;border:1px #FFF solid;color:#FFF;padding:2px 12px;float:none;clear:left;display:block;}
	#contactpg button:hover{background-color:#3a3a3a;}
	#addSidebar{text-align:right;}
	#addSidebar h5{margin:0;padding:370px 0 0 0;}
	#addSidebar p{margin-right:0;}
	#addSidebar a{display:inline;padding:0;margin:0;}
	
	
/* Footer */
#footer{background:url(../images/navBg.png) no-repeat;height:120px;padding:10px 20px;overflow:hidden;position:relative;top:10px;width:100%;}
#footer h5, #footer li, #footer li a{color:#FFF;letter-spacing:normal;font-weight:normal;}
	#footer .left{margin:0 20px 0 0;padding:0;position:relative;}
	#footer h5{margin:5px 10px 0 0;text-transform:uppercase;font-weight:600;}
	#footer ul.navigation{float:left;margin:5px 5px 0 0;padding:0;width:105px;}
	#footer ul.navigation a:hover{text-decoration:underline;}
	#footer .left.dwg{position:relative;top:40px;left:50px;width:117px;}
	#footer .left.dwg a{width:100%;height:32px;display:block;}