/* ///////////// GENERAL ///////////// */

		* {
			margin:0;padding:0}
		
		body {
			margin:16px 0 0 0;
			background:#fff url(../images/orangeandwhite.gif) repeat-x;
			color:#000;
			font:83%/1.5 Arial, Helvetica, sans-serif;
			
			}	
					
		/* Force Mozilla Scroll Bar so content doesn't shift */
		html { min-height: 100%; margin-bottom: 1px; }
			
		img {border:none} 

		
		.clear {
			clear:both;
			position:relative;
			font-size:0px;
			height:0px;
			line-height:0px} 
			
			
/* ///////////// TYPOGRAPHY ///////////// */

		p, ul, ol {
			margin: 0 0 1.5em;
			font:85%/1.5 Arial, Helvetica, sans-serif;
			}
			
		h1, h2, h3, h4, h5, h6 {
			letter-spacing: 0px;
			font-family:Arial, Helvetica, sans-serif;
			padding-bottom: .1em;
			color:#333;
			}
		h1 {
			font-size: 18px;
			margin-top:.6em;
			margin-bottom:.6em;
			border-bottom: 1px solid #eee;
			color:#9dc502;
			}
		h2 {
			font-size: 20px;
			margin:0;
			margin: 0;
			border-bottom: 1px solid #eee;
			color:#9dc502;
			}
		h3 {
			font-size: 18px;
			}
		h4 {
			font-size: 16px;
			}
		h5 {
			font-size: 10px;
			color:#333;
			margin-bottom:6px;
			}
		h6 {
			font-size: 12px;
			margin-bottom:-4px;
			color:#fb4e0a;
			}
			
	
	
			
		
/* ///////////// WRAPPERS ///////////// */

		#contentwrapper { 
			background:#fff;
			margin: auto; 
			text-align: left; 
			width: 850px;
			border-left:1px solid #bbb;
			border-right:1px solid #bbb;
			border-bottom:1px solid #bbb; 
			}
			
			
		#header {
			background:#fff; 
			margin:0 0 20px 0;
			height: 100px; 
			position: relative; 
			width: 100%; 
			}
			
		#logo {
			position:absolute;
			left: 590px;
			top: 40px;
			}
			
		#billboard {
			width:810px;
			height:225px;
			border:1px solid #000000;
			margin:0px auto 15px auto;
			}
			
		#welcome {
			color:#333333;
			position:absolute;
			left:49px;
			top:69px;
			width:247px;
			height: 147px;
			}
			
		#desc {
			margin:0px 0px 5px 0px;
			}
			
			
/* ///////////// CONTENT LAYOUT ///////////// */

		#content-a { 
			float: left;  
			width: 70%;
			}

		#content-b { 
			float: left; 
			width: 30%;
			}
			
		#home-b { 
			float: right; 
			width: 30%;
			}

		#content-c { 
			clear: both; 
			}
			
		#content-a-inner { 
			padding: 8px 9px 8px 18px; 
			}
	
		#content-b-inner { 
			padding: 8px 0px 8px 0px; 
			}
	
	/*	#content-b-inner div { 
			margin-bottom: .8em; 
			}  */
	
		#content-c-inner { 
			margin: 0 0 .5em 0; 
			padding: 0 18px; 
			}
			
		#details { 
			float: left;  
			border-left: 1px solid #eee;
			}
			
		#details-inner { 
			padding: 10px 25px 8px 8px; 
			}
			
		#sample {
			color:#000;
			padding:0;
			margin: 0 0 1.5em;
			background: #fff;
			}
			
		#sample-heading {
			margin:0;
			padding: 8px 18px 0px 50px; 
			}
			
		.imgfx {
			border:1px solid #000;
			}
			
		#sampleimage {
			margin:0;
			padding: 8px 18px 8px 50px; 
			}
			
		#video {
			margin:0;
			padding: 25px 18px 8px 50px; 
			}
			
			

		
		
/* ///////////// LINKS ///////////// */

		a,a:link,a:link,a:link,a:hover {
			background:transparent;
			text-decoration:underline;
			cursor:pointer
			} 
		a:link {
			color:#9dc502
			} 
		a:visited {
			color:#9dc502
			} 
		a:hover,a:active {
			color:#000; 
			background-color:#9dc502;
			} 
			
					
		
/* ///////////// PAGE NUMBERS ///////////// */
		
		.pagination {
			background: #f2f2f2;
			color:#666;
			padding: 4px 2px 4px 7px;
			border: 1px solid #ddd;
			margin: 10px 0 10px 50px;
			width: 441px;
			}
		.pagination p {
			position:relative;
			text-align:right
			}
		.pagination p a:link, 
		.pagination p a:visited, 
		.pagination p a:hover, 
		.pagination p a:active {
			text-decoration:none;
			color:#000;
			background:#fff;
			padding:2px 5px;
			border: 1px solid #ccc
			}
			
		.pagination p a:hover {
			background:#9dc502;
			color:#fff
			}
		.pagination p span {
			text-decoration:none;
			background:#fff;
			padding:2px 5px;
			border: 1px solid #ccc;
			color:#ccc
			}
		.pagination * {
			margin:0
			}
		.pagination h4 {
			margin-top:-1.45em;
			padding:0;
			border:none;
			font-size:10px;
			
			}
			
/* ///////////// PORTFOLIO BOXES ///////////// */		
.port {padding: 4px; float: left; margin: 0 20px 20px 0; border:1px solid #999;}	

			



/* ///////////// FEATURE BOX ///////////// */

		.featurebox {
			color:#333;
			padding: 15px 20px 20px;
			border-top: 1px solid #d7d7d7;
			margin: 0 0 1.5em;
			background: #f6f6f6
			}
		.featurebox p, 
		.featurebox h1, 
		.featurebox h2, 
		.featurebox h3, 
		.featurebox h4, 
		.featurebox h5, 
		.featurebox h6 {
			margin: 0 0 .3em;
			border-bottom: 1px solid #000;
			color:#000
			}
		.featurebox p {
			border:none;
			margin: 0 0 1em;
			color:#444
			}
		.featurebox a {
			font-weight:bold
			}


/* ///////////// FOOTER ///////////// */


		#footer { 
			border-top:1px dotted #bbb;
			background:#fff; 
			padding: 20px 0 15px 0;
			margin: 50px 0 0 0; 
			text-align:center;
			}
		
		#footer p { 
			background: transparent; 
			color: #bbb; 
			font-size: .8em; 
			line-height: 1em; 
			margin: 0; 
			text-align: center;  
			}
		
		#footer a:link, 
		#footer a:visited { 
			background: transparent; 
			border-bottom: 1px solid #999; 
			color: #bbb; 
			text-decoration: none; 
			}
		
		#footer a:hover, 
		#footer a:focus, 
		#footer a:active { 
			background: #999; 
			color: #FFFFFF; 
			}

		
			
		#footer li
			{
			display: inline;
			list-style-type: none;
			padding: 0 10px 0 0;

			}
		#footer ul
			{
			margin-bottom:8px;
			}
			
			



/* ///////////// TOP NAVIGATION /////////////  */

		
		#navcontainer{
			margin: 0;
			padding: 2px 0 0 0;
			height: 22px;
			font: 11px Verdana, sans-serif;
			width: 100%;
			border-bottom: 1px dotted #bbb;
			list-style-type: none;
			background: #fff;
			}
		
		#navlist li, ul {
			font:11px/1.3 Arial, Helvetica, sans-serif;
			}
		
		#navlist li{
			float: left;
			margin: 0;
			padding: 0px 10px 0px 0px;
			width: auto;
			display: block;
			}
		
		#navlist li a, 
		#navlist li a:link{
			background: #fff;
			color: #555;
			text-decoration: none;
			padding: 3px 5px 3px 5px;
			display: block;
			}
			
		#navlist li a:hover{
			color: #333;
			border-bottom: 3px solid #9dc502;
			cursor: pointer;
			background: #eee;
			}
		
		#navlist li a#current, 
		#navlist li a#current:link{
			color: #000;
			cursor: default;
			font-weight: bold;
			border-bottom: 3px solid #9dc502;
			}
		
		#navlist li a#current:hover{
			border-bottom: 3px solid #9dc502;
			background: #eee;
			}

		
		


/* ///////////// SIDE NAVIGATION /////////////  */	
					
			
		#sidenavcontainer {
			margin:17px 10px 10px 10px;
			width:170px;
			}
			
			
		#sidenavlist
			{
			padding-left: 0;
			margin-left: 0;
			border-bottom: 1px solid #CCCCCC;
			width: 200px;
			}
		
		#sidenavlist li
			{
			list-style: none;
			margin: 0;
			padding: 0.25em;
			border-top: 1px solid #CCCCCC;
			}
		
		#sidenavlist li a { 
			text-decoration: none; 
			}


/* ///////////// FORMS ///////////// */

	#contactbox {
			margin:10px;
			width:170px;
			}

	#contactbox p{
			line-height:150%;
			}
			


	label
		{
		width: 450px;
		float: left;
		text-align: right;
		margin-right: 1em;
		display: block;
		}
	
	.submit input
		{
		margin-left: 4.5em;
		}
	input
		{
		color: #000;
		background: #fff;
		border: 1px solid #999;
		height:1.5em;
		}
	
	textarea
		{
		color: #000;
		background: #fff;
		border: 1px solid #999;
		}
	
	.submit input
		{
		color: #000;
		background: #333;
		border: 2px outset #ececec;
		}
	fieldset
		{
		border: 1px solid #999;
		width: 500px;
		}
	
	legend
		{
		color: #000;
		background: #fff;
		border: 1px solid #999;
		padding: 2px 6px;
		margin: 15px 0px 15px 40px;
		}