@charset "UTF-8";

body	{
	background: #cad8e4 url(../images/background.jpg) no-repeat scroll top;
	margin: 0;
	font: normal normal normal 14px/17px Arial, Helvetica, sans-serif;
	text-align: justify;
	color: gray;
}

/* centers content area and has background repeat */
#mainContainer	{
	margin: 0 auto 0 auto;
	width: 980px;
	background: url(../images/bgRepeat.gif) repeat-y scroll ;
}

/* header + shadow fix for graded color */
#falseHeader	{
	background: url(../images/header.jpg) no-repeat scroll top;
	width: 980px;
}

/* houses the left and right content areas */
#content	{
	position: relative;
	margin: 70px auto 0 auto;
	min-height: 780px;
	width: 890px;
	min-height: 575px;
}

#footer	{
	vertical-align: bottom;
}

/* layout for the horizontal menu structure */
#menu	{
	width: 890px;
	text-align: right;
	margin-bottom: 30px;
	margin-right: 25px;
}

/* creates the horizontal menu structure */
#menu li, #menu ul {
	list-style: none;
	display: inline;
}

/*links within the menu */
#menu a, #menu a:link, #menu a:visited	{
	font: 16px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: gray;
	padding-bottom: 4px;
	margin-left: 30px;
}

#menu a:hover	{
	font: 16px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #f17032;
	margin-left: 30px;
	padding-bottom: 4px;
	border-bottom: 4px solid #26622e;

}

#test	{
	display: inline;
	float: right;
	margin-left: 30px;	
}

h1	{
	margin-top: 0px;
	color: #26622e;
	font: normal normal normal 18px Arial, Helvetica, sans-serif;

}




a, a:link, a:visited	{
	text-decoration: none;
	font-weight: bold;
	color: #20429c;
}

a:hover	{
	text-decoration: underline;
	color: #f17032;
	font-weight: bold;
}

.floatLeft	{
	float: left;
	display: inline;
}

.floatRight	{
	float: right;
	display: inline;
}

.w195	{
	width: 195px;
}

.clearBoth	{
	clear: both;
}

/*---------------------------*/
/*--- HOMEPAGE ATTRIBUTES ---*/
/*---------------------------*/


.homepage_jasons_name	{
	position: relative;
	color: #20429c;
	font: normal normal normal 16px Arial, Helvetica, sans-serif;
	top: -10px;

}

.homepage_project_thumb	{
	border: none;
	margin: 0px 15px 5px 0px;
	float: left;
	display: inline;
}

.homepage_project_box	{
	position: relative;
	float: left;
	margin-bottom: 20px;
	width: 350px;
	font-size: 12px;
}

#homepage_learnmore	{
	float: right;
	margin: 20px 0px 20px 0px;
	clear: right;
}

#homepage_learnmore img	{
	border: 0px;
}

#homepage_left_column	{
	float: left;
	width: 350px;
}

#homepage_right_column	{
	float: right;
	width: 500px;
}

/*-----------------------*/
/*--- BLOG ATTRIBUTES ---*/
/*-----------------------*/

#blogroll	{
	margin: 0 auto 0 auto;
	width: 650px;	
}


/*---------------------------*/
/*--- SERVICES ATTRIBUTES ---*/
/*---------------------------*/

#services	{
	width: 815px;
	margin: 0 auto 0 auto;
}

#photo1	{
	float: right;
	display: inline;
	margin: 4px 0 20px 30px;
	text-align: center;
}

#photo2	{
	float: left;
	display: inline;
	margin: 4px 30px 10px 0;
}


/*---------------------------*/
/*--- PROJECTS ATTRIBUTES ---*/
/*---------------------------*/

table.bg, table.bg td, table.bg tr	{
	background: #999999;
}

/*-----------------------------*/
/*--- GREENWATER ATTRIBUTES ---*/
/*-----------------------------*/

#greenwater	{
	width: 600px;
	margin: 0 auto 0 auto;
}

.gggImg	{
	float: right;
	display: inline;
	margin: 0 0 10px 10px;
}


/*--------------------------*/
/*--- QUIVIRA ATTRIBUTES ---*/
/*--------------------------*/

#quivira	{
	width: 600px;
	margin: 0 auto 0 auto;
}

#quivira #photo1	{
	float: right;
	display: inline;
	margin: 4px 0 0px 30px;
	text-align: center;
	
}

#quivira img	{
	border: none;
}


/*------------------------*/
/*--- ABOUT ATTRIBUTES ---*/
/*------------------------*/

#about	{
	width: 600px;
	margin: 0 auto 0 auto;
}




/*--------------------------*/
/*--- CONTACT ATTRIBUTES ---*/
/*--------------------------*/

#contact	{
	margin: 0 auto 0 auto;
	width: 500px;
}

#form	{
	float: right;
	display: inline;
	text-align: right;
	background-color: #DEDEDE;
	padding: 10px 10px 0 10px;
	margin-bottom: 20px;
	border: 1px solid gray;
	width: 253px;
}

#textArea	{
	overflow-y:scroll;
	overflow-x:hidden;
	width:250px;
}

/*-----------------------------------------*/
/*--- ROTATING HOME PAGE BOX ATTRIBUTES ---*/
/*-----------------------------------------*/


#gallery_box {
	
	position: relative;
	float: right;
	width: 500px;
	height: 450px;
	font-size: 12px;
	display: inline;
	text-align: justify;
	margin-top: 57px;
	font-family: Arial, Helvetica, sans-serif;
	/* use overflow:auto if you want a scroll bar
	overflow:auto; */
	overflow:hidden;
	z-index:0;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 500px; /*width of featured content slider*/
height: 410px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
width: 500px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
	font: normal normal normal 14px/17px Arial, Helvetica, sans-serif;
	color: black;
	text-align: left;
}

.pagination{
width: 500px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
padding: 5px 0px;
font-size: 16px;

}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #20429c;
background: none;
}

.pagination a:hover, .pagination a.selected{
color: #ffffff;
background-color: #f17032;
}

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider	{
	display:block;
	font-size:1px;
	border-width:0px;
	border-style:solid;
	position:relative;
	z-index:1;
}

.qmmc .qmdividery	{
	width:0px;
}

.qmmc .qmtitle	{
	display:block;
	cursor:default;
	white-space:nowrap;
	position:relative;
	z-index:1;
}
.qmclear {
	font-size:1px;
	height:0px;
	width:0px;
	clear:left;
	line-height:0px;
	display:block;
	float:none !important;
}

.qmmc {
	position:relative;
	float: right;
	text-align: right;
	zoom:1;
	z-index:10;
	background: red;
}

.qmmc a, .qmmc li {
	float:right;
	display:block;
	white-space:nowrap;
	position:relative;
	z-index:1;
}

.qmmc div a, .qmmc ul a, .qmmc ul li {
	float:none;
}

.qmsh div a {
	float:right;
}

.qmmc div	{
	visibility:hidden;
	position:absolute;
}

.qmmc .qmcbox	{
	cursor:default;
	display:inline-block;
	position:relative;
	z-index:1;
}

.qmmc .qmcbox a{
	display:inline;
}

.qmmc .qmcbox div	{
	float:none;
	position:static;
	visibility:inherit;
	left:auto;
}

.qmmc li {
	z-index:auto;
}

.qmmc ul {
	left:-10000px;
	position:absolute;
	z-index:10;
}

.qmmc, .qmmc ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

.qmmc li a {
	float:none;
}

.qmmc li:hover>ul{
	left:auto;
}

#qm0 ul {
	top:100%;
}

#qm0 ul li:hover>ul{
	top:0px;left:100%;
}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width: 890px;
		background-color: transparent;
		border:0;
		text-align: right;
		margin-bottom: 20px;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a, #qm0 a:link, #qm0 a:visited
	{	
	font: 16px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: gray;
	padding-bottom: 4px;
	margin-left: 35px;
	border-bottom: 4px solid transparent;

	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
	font: 16px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #f17032;
	margin-left: 35px;
	padding-bottom: 4px;
	border-bottom: 4px solid #26622e;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		text-decoration:none;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:transparent;
		text-decoration:none;
	}


/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:10px 5px 5px 5px;
		margin:-1px 0px 0px;
		background-color:#FFFFFF;
		border-width:2px;
		border-style:solid;
		border-color:#7E7E7E;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a, #qm0 div a:link
	{	
		padding:2px 0px 2px 0px;
		left: -20px;
		background-color: transparent;
		color:#808080;
		text-align: left;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		color:#20429C;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		color:#20429C;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:transparent;
		color:#20429C;
		text-decoration:underline;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#444444;
		font-family:arial;
		font-size:11px;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px;
		border-color:#BFBFBF;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:4px 2px 0px;
		border-color:#BFBFBF;
	}


	/*[END-QS0]*/