@charset "utf-8";

div#qViewControls{
	width: 950px;
	height: 60px;
	display:none;
	position: absolute;
	left: 37px;
	top: -65px;
	z-index: 20;
	background-color: #9abb50;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;}
	div#qViewControls a{
		color:#FFFFFF;}
	div#qViewControls div{
		position: absolute;
		width: 33%;
		margin-top: 40px;
		padding-left:25px;
		padding-right:25px;}	
	div#qViewControls div#navControls{
		left: 0px;
		text-align:left;}	
	div#qViewControls div#qViewInfo{
		left: 300px;
		text-align:center;}	
	div#qViewControls div#viewControls{
		right:0px;
		text-align:right;}

div#content_container{
	height: 500px;}
	div #showcaseGraphic{
		position: absolute;
		bottom: 0px;
		right: 40px;
		background-image:url(../images/showcase/showcase.jpg);
		width: 393px;
		height: 137px;}

div.webGraphic{
	border: 2px solid #9abb50;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color:#FFFFFF;}
div.webShadow{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;}
div#showcaseContainer{
	height:400px;
	width:900px;
	position:relative;}
	div#webSmallContainer{
		background-image:url(../images/showcase/web1shadow.png);
		height: 225px;
		width: 300px;
		position:absolute;
		z-index: 3;}
		div#webSmallContainer #webSmall{
			height: 125px;
			width: 200px;
			position:absolute;
			left: 24px;
			top: 24px;
			z-index: 4;}
	div#webLargeContainer{
		background-image:url(../images/showcase/web2shadow.png);
		position:absolute;
		top: 50px;
		left:100px;
		height: 350px;
		width: 450px;
		z-index: 1}	
		div#webLargeContainer #webLarge{
			height: 250px;
			width: 350px;
			position: absolute;
			top:48px;
			left: 48px;
			z-index: 2;
			overflow:hidden;
			background-position:center center;
			background-repeat:no-repeat;}
		div#webLargeContainer #info{
			display: none;
			left:48px;
			width:350px;
			top:310px;
			font-size:12px;
			text-align:center;
			color: #9abb50;}				
div#infoBox{
	width: 350px;
	position:absolute;
	top: 100px;
	right: 0px;}	
	div#infoBox #title{
		font-size:30px;
		text-align: center;
		text-transform:capitalize;}
	div#infoBox #subtitle{
		color: #9abb50;
		margin-top: 5px;
		letter-spacing: 2px;
		text-align: center;}	
	div#infoBox #description{
		margin-top:20px;
		text-align:justify;}
	div#infoBox #links{
		text-align: center;
		margin-top: 20px;}

div.detailedInfo{
margin: 3px auto 3px 0px;}

div.detailedInfo span.indent{}