body{
	background-color: #2f2f2f;
	margin: 0;
	padding: 0;
	color: white;
	font: 1em helvetica, arial;
	letter-spacing: -1px;
	text-align: left;
}

#left{
	float: left;
	min-height: 600px;
}

#top_logo{
	float: left;
	display: block;
}

#top_display{
	float: left;
	width: 600px;
	position: absolute;
	left: 406px;
	margin: 0;
}

img{
	border: 0;
	outline: none;
}
a{
	outline: none;
}

#top_description{
	float: left;
	background: url(images/top_description.gif) top left no-repeat;
	width: 70px;
	height: 362px;
	position: absolute;
	left: 1006px;
}

#title{
	margin-right: 20px;
	float: left;
	font: 1.9em helvetica, arial;
	line-height: .9em;
	color: #252525;
	text-align: right;
	clear: left;
	width: 370px;
}

#title .tan{
	color: #b8af8e;
}

#title .white{
	color: white;
}

#title a{
	color: #181818;
	text-decoration: none;
}

#title a:hover{
	text-decoration: underline;
}

#dropper{
	clear: both;
	float: left;
}

#accordion{
	width: 350px;
	color: #444444;
}

#accordion h2 {
	margin: 10px 0 0 0;
	font-size: .9em;
	color: #252525;
}
			
#accordion p {
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	font-size: .8em;
}

#accordion a{
	color: #5d5d5d;
	text-decoration: none;
}

#accordion a:hover{
	text-decoration: underline;
	color: white;
}

#accordion ul{
	float: left;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	font-size: .8em;
}

#accordion #listing{
	float: left;
	padding-right: 25px;
}

.toggler  { 
	line-height:normal;
	width: 370px;
	padding: 5px 10px;
	text-decoration: none;
	outline: none;
	font: 2.5em helvetica, arial;
	color: #2f2f2f;
	cursor: pointer;
	margin: 0;
	text-align: right;
}

.toggler:hover{ 

}

.element{ 
	padding: 0;
	letter-spacing: normal;
	margin-left: 10px; 
}
/*MOO SLIDE */

#folio_sport_floor{
	background: url(images/folio_sport_floor.jpg) no-repeat;
	background-color: #80c25e;
	border-top: 10px solid white;

}

#folio_greg_reid{
	background: url(images/folio_greg_reid.jpg) no-repeat;
	background-color: #001c37;
	border-top: 10px solid white;

}

	div.cf_wrapper
	{
		position: relative;
		margin: 0;
	}
	
	div.cf_element
	{
		width: 580px;
		letter-spacing: normal;
	}
	
div.cf_element div.content{
	padding: 0;
	}
	
div.cf_element p{
	clear: left;
	padding: 0;
}

div.cf_element div.content h1{
	font-size: 1.7em;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

div.cf_element div.content h2{
	font-size: .9em;
	color: #b8af8e;
	font-weight: normal;
}

#folio_sf{
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	background: url(images/folio_sport_floor.jpg) no-repeat;
	padding-top: 400px;
	padding-left: 100px;
	font-size: 80%;
}

#folio_gr{
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	background: url(images/folio_greg_reid.jpg) no-repeat;
	min-height: 600px;
	padding-top: 400px;
	padding-left: 100px;
	font-size: 80%;
}

#folio_bw{
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	background: url(images/folio_bridgeway.jpg) no-repeat;
	min-height: 600px;
	padding-top: 400px;
	padding-left: 100px;
	font-size: 80%;
}

#folio_ms{
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	background: url(images/folio_monte.jpg) no-repeat;
	min-height: 600px;
	padding-top: 400px;
	padding-left: 100px;
	font-size: 80%;
}

#folio_mhf{
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	background: url(images/folio_mhf.jpg) no-repeat;
	padding-top: 400px;
	padding-left: 100px;
	font-size: 80%;
}

#folio_ts{
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	background: url(images/folio_ts.jpg) no-repeat;
	padding-top: 400px;
	padding-left: 100px;
	font-size: 80%;
}

#folio_tpp{
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	background: url(images/folio_tpp.jpg) no-repeat;
	padding-top: 400px;
	padding-left: 100px;
	font-size: 80%;
}
.foli{

}
.folios{
	padding: 0 25px;
}

.folios h1{
	margin: 0 0 25px 0;
	padding: 0;
	text-transform: capitalize;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 45px;
	font-style: italic;
	color: #c1b897;
	font-size: 28px;
	background: transparent url(images/folio-h1.gif);
}
.folios h2{
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
	padding: 10px 0;
}
.folios span{
	color: #ffe687;
}
.folios ul{
	margin: 0;
	padding: 0;
	width: 600px;
	list-style-type: none;
}
.folios ul li{
	float: left;
	margin: 5px 10px 10px 0;
	background: left no-repeat url(images/folio-check.gif);
	padding: 2px 10px 2px 24px;
	color: white;
	font-size: .8em;
}
.folios p{
	letter-spacing: 1px;
	font-size: 10px;
	line-height: 20px;
	color: #8f8f8f;
	text-align: justify;
	display: block;
	clear: left;
	width: 530px;
}
.folios .view{
	font-size: 12px;
	letter-spacing: normal;
	float: right;
	position: relative;
	top: 3px;
	margin-right: 150px;
	color: #ffe687;
	text-decoration: none;
	text-transform: lowercase;
}
.folios .view a:hover{
	color: white;
	text-decoration: underline;
}

#top_display a{
	text-decoration: underline;
	color: white;
}

#top_display a:hover{
	text-decoration: none;
}

/* AJAX FORM STUFF */

#form{
	position: absolute;
	top: 550px;
	left: 406px;
	width: 579px;
	font-size: .8em;
}

#form #contactFormArea{

}

#form label{
	color: #444444;
	width: 120px;
	text-align: right;
	display: block;
	float: left;
	letter-spacing: normal;
	margin: 6px 10px 0 10px;
}

#form fieldset{
	border: 0;
}

#form .submit{
	float: right;
	width: auto;
	margin-right: 108px;
	padding: 3px 10px;
	font-weight: bold;
	background-color: #252525;
	color: #5d5d5d;
}

#form .hider{
	display: none;
}

#emailSuccess{
	color: white;
	letter-spacing: normal;
	font-size: .9em;
}

#loadBar{
	letter-spacing: normal;
	font-size: .9em;
}

p.rq{
	background-color: #252525;
	padding: 5px 10px 5px 100px;
	text-align: left;
	color: #b8af8e;
	letter-spacing: normal;
	font-weight: bold;
}


p.rq span.white{
	color: white;
}

span.white{
	color: white;
}

#go, input, textarea{
	background-color: #343434;
	border: 1px solid #2f2f2f;
	padding: 4px;
	color: white;
	width: 300px;
	margin: 2px 0;
}

input:focus, textarea:focus{
	background-color: #252525;
}

/* THIS IS TESTING NEW SCROLL PANE */


/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	position: absolute;
	top: 175px;
	left: 610px;
	width:200px;
	height:150px !important;
	margin:0 !important; 
	padding:0;	
	float: left;
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	display: block;
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}
.pads{
	padding: 15px 12px;
}
/* a- tag inside single tab */
#flowtabs li a {
	display:block;
	height: 48px;   
	width: 189px; 	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#000;
	font-size:12px;
	line-height:53px;
	text-align:center;
	text-decoration:none;
}
#pfhead h1{
	position: absolute;
	top: 74px;
	left: 637px;
	letter-spacing: normal;
	font-weight: normal;
	background: #222222;
	padding: 8px 22px;
	font-size: 45px;
}
#prev{
	width: 151px;
	height: 90px;
	background: top no-repeat url(images/arrow_01.jpg);
	text-indent: -9999px;
	border: 0;
	outline: none;
}
#next{
	width: 146px;
	height: 90px;
	background: top no-repeat url(images/arrow_02.jpg);
	text-indent: -9999px;
	border: 0;
	outline: none;
}
#prev:hover,#next:hover{
	background-position: 0 -90px;
}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: -189px 0; }
#flowtabs #t3 			{ background-position: -378px 0; }
#flowtabs #t4 			{ background-position: -567px 0; width:192px;}
 
/* mouseover state */
#flowtabs a:hover 		{ color:#fff;	 }
#flowtabs #t1:hover 	{ background-position:      0 -33px; }
#flowtabs #t2:hover 	{ background-position: -189px -33px; }
#flowtabs #t3:hover 	{ background-position: -378px -33px; }
#flowtabs #t4:hover 	{ background-position: -567px -33px; }

/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#fff; line-height:34px; }
#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -189px -66px; }
#flowtabs #t3.current { background-position: -378px -66px; }
#flowtabs #t4.current { background-position: -567px -66px; }


/* panes */
#flowpanes {
	background: top center no-repeat url(images/bgd-clients.jpg);		
	width:637px;
	height:735px;	
	float: left;
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#fff;	
	margin:0;
}

/* some decorations for elements inside single pane */


#flowpanes .items {
	
}

#flowpanes p, #flowpanes samp {
	
}

#flowpanes div.narrow {
			
}

/* ACCORDION */

pre { margin-bottom: 1em; }
    
.jscom, .mix htcom   { color: #4040c2; }
.com      { color: green; }
.regexp   { color: maroon; }
.string   { color: teal; }
.keywords { color: blue; }
.global   { color: #008; }
.numbers  { color: #880; }
.comm     { color: green; }
.tag      { color: blue; }
.entity   { color: blue; }
.string   { color: teal; }
.aname    { color: maroon; }
.avalue   { color: maroon; }
.jquery   { color: #00a; }
.plugin   { color: red; }

li { list-style-type: none; }
.basic, #list2, #list3, #navigation { width:20em; }

#log { position:fixed; bottom: 0; right:1em; text-align:right; }
#switch { position: fixed; bottom: 0; right: 15em; }

.basic  {
	width: 400px;
	color: #525252;
	font-size: 12px;
	letter-spacing: normal;
}
.basic h2{
	font-size: 12px;
	color: #222222;
}

.listing{
	float: left;
	padding: 10px 20px;
}
.listing ul{
	margin: 0;
	padding:0 15px 0 0;
	float: left;
}
.listing .h2{
	font-weight: bold;
	color: #222222;
	margin: 0;
	padding: 0;
}
.listing li{
	margin: 0;
	padding: 0;
	line-height: 16px;
}
.listing .small{
	font-size: 12px;
	float: left;
	background: none;
	margin: 0;
	padding: 0;
	color: #999;
}
.listing .small:hover{
	color: white;
	text-decoration: underline;
}
.basic p {
	margin: 0px;
	padding: 5px 0;
}
.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	text-align: right;
	font-weight: normal;
	font-size: 42px;
	color: #2f2f2f;
	background-color: #252525;
	clear: both;
}
.basic a:hover {
	background-color: #222222;
}
.basic a.selected {
	color: white;
	background-color: #222222;
}



@media print {
	.basic div, #navigation ul, #list2 dd, #list3 div{
		display: block!important;
		height: auto!important
	}
}

#contact{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 32px;
	background: #222222;
}
#contact div{
	position: absolute;
	left: 0;
}
#contact p{
	padding: 0 14px;
	margin: 12px 0 0 0;
	font-size: 11px;
	letter-spacing: 2px;
	float: left;
}
#contact h1{
	letter-spacing: normal;
	font-weight: normal;
	position: relative;
	padding: 0 10px 0 22px;
	font-size: 15px;
	float: left;
	margin: 10px 0 0 0;
}
#chat h1{
	position: absolute;
	left: 200px;
	bottom: 3px;
	letter-spacing: normal;
	font-weight: normal;
	padding: 8px 22px;
	font-size: 25px;
	float: left;
	margin: 10px 0 0 0;
}