/*<group=General Styles>*/

body {
	color: #000000;
	font: 0.75em/1.8em Helvetica, Arial, sans-serif;
	margin: 0 20px 20px;
	text-align: center;
	background: repeat url(images/main_bkg.png);

	padding: 0;
}

p {
}

b, strong {

}

a:link, a:visited 
{
   color:Green;
   font-weight:bold;
}

a:hover, a:active {
    color: #8ecf0b;
    font-weight:bold;
}

img {
	/*border: none;*/
}


.image-left {
	float: left;
	margin: 3px 3px 3px 0;
	padding: 3px 3px 3px 0;
	position: relative;
	z-index: 5;
}

.image-right {
	float: right;
	margin: 3px 0 3px 3px;
	padding: 3px 0 3px 3px;
	position: relative;
	z-index: 5;
}
	
/*</group>*/

/*<group=Layout>*/

#container { 
	background: #ffffff repeat-y right url(images/sidebar_right_bg.png); /* This Is The BG Color Of The Main Div */
	/*background: repeat url(images/body_bg.gif);*/
	margin: 0px auto; /* Right And Left Margin Widths To Auto */
	margin-top:10px;
	text-align: left; /* Hack To Keep IE5 Windows Happy */
	border:2px solid black;
	position: relative;
	bottom: auto;
}

.clearer {
	clear: both;
}

#pageHeader {
	background: #000000;
	/*background-image:url(images/prograss_header.jpg);*/
	background-repeat:no-repeat;
	border-bottom: 5px solid white;
	/*padding: 20px 40px;*/
	height: 164px;
	width:auto;
	position: relative;
	margin-top: -1px;
	margin-bottom: -1px;
	z-index: 0;
}

#pageHeader img {
	position: absolute;
	right: 0;
	top: 0;
}

#pageHeader h1 {
	color: #ffffff;
	font-size: 2.5em;
	letter-spacing: 1px;
	margin: 0 0 5px;
}

#pageHeader h2 {
	color: #b5bdc8;
	font-size: 0.9em;
	margin: 0;
}

#contentContainer {
	
	margin-right: 200px;
	position: relative;
	z-index: 99;
	
}

#contentContainer #content {
	padding-top: 0px;
	padding-right: 40px;
	padding-left: 20px;
	margin-top:0px;
	
}

/*********** Sidebar ***********/

#sidebarContainer {
	float: left;
	width: 200px; /*250*/
	
	
	
	
}

#sidebarContainer #sidebar {
	/*padding: 10px;*/
	padding-right:0px;
	color: #505050;
}

#sidebarContainer .sideHeader {
	background-color: #000000;
	background: repeat url(images/sidebar_header.png);
	font-weight: bold;
	height: 40px;
	margin-top:0px;
	padding-top:0px;
	padding-left: 10px;
	
}


/* Sidebar area unordered list styles */
#sidebarContainer #sidebar p
{
 padding-top:0px;
 color:Black;   
}

#sidebarContainer #sidebar strong
{
    font-weight:bold;
    margin-left: 4px;
    color:Black; 
}


#sidebarContainer #sidebar ul {
	margin: 0px;
	margin-left: 5px;
	padding: 0 10px;
	font-weight:bold;
	list-style-type:none;
	
}

#sidebarContainer #sidebar p {
	
	font-size: 0.9em;
	padding:0px;
	margin:0px;
	padding-left:20px;
	
}

#sidebarContainer #sidebar li 
{
    padding-bottom:10px;
}


#sidebarContainer #sidebar a:link, 
#sidebarContainer #sidebar a:visited 
{
    color:#637173;
}

#sidebarContainer #sidebar a:hover
{
  color: Green;   
}



#sidebarContainer #sidebar .alert
{
    margin-top:5px;
	margin-bottom:5px;
	padding:10px;
	padding-top: 0px;
	/*border-style:solid;
    border-color:#efefef;
	border-width:1px;
	background:#f7f7f7;*/
	text-align:left;
	color:#637173;
	line-height:25px;
	border-right-style:none;
	margin-left:auto;
}

#sidebarContainer #sidebar hr
{
    padding-bottom:5px;
    padding-top: 5px;
   
}


/*********** Footer ***********/

#footer {
	border-top: 1px solid #eeeeee;
	margin-top: 20px;
	color: #909090;
}

#footer p {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight:bold;
	color:black;
}


#footer a:link, #footer a:visited {

}

#footer a:hover, #footer a:active {
}
	
/*</group>*/

/*<group=Bread-crumb>*/

#breadcrumbcontainer {
	background: black;
	color: #FFFFFF;
	font-weight: bold;
	height:auto;
	margin-bottom:0px;
}

#breadcrumbcontainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#breadcrumbcontainer li {
	display: inline;
}

#breadcrumbcontainer a {
	color: #ffffff;
}

#breadcrumbcontainer a:hover {
	color: #6a7a90;
}
	
/*</group>*/

/*<group=Toolbar>*/

/* Toolbar Styles */
#navcontainer {
	background: repeat-x url(images/bar.gif);
	height: 34px;
	position: relative;
	z-index: 500;
	font-size:10px;
	font-weight:bold;
	
}

#navcontainer #current {
	text-shadow: 0px 1px 1px #666666;
}

#navcontainer .currentAncestor {
	text-shadow: 0px 1px 1px #666666;
}
/* Parent - Level 0 */

#navcontainer ul {
	padding: 0;
	margin: 0px;
	margin-left:75px;
	margin-right:auto;
	list-style: none;
	
}

#navcontainer li {
	position: relative;
	width: 120px;
	display: inline;
	float: left;
	
}


#navcontainer a {
	display: block;
	padding-top: 7px;
	color: #ffffff;
	text-shadow: 1px 1px 2px #333333;
	text-decoration: none;
	width: 120px;
	text-align: center;
	height: 24px;
	border-right:2px solid #333333;
	border-bottom:2px solid black;
	font-weight:bold;

}

#navcontainer a.first {
	
	border-left:2px solid #333333;
	

}

#navcontainer a:hover { 
	color: #8ecf0b;
	text-shadow: 0px 1px 1px #666666;
	text-decoration: none;
}

/* Fix IE. Hide from IE Mac \*/
* html #navcontainer ul li { float: left; height: 1%; }
* html #navcontainer ul li a { height: 20px; }
/* End */

/* Child - Level 1 */

#navcontainer ul ul {
	position: absolute;
	left: 0;
	top: 32px;
	display: none;
	z-index: 100;
}

#navcontainer ul ul a { 
	height: 20px;
	padding-top: 7px;
	text-shadow: 2px 2px 2px #999999;
	/*background: url(images/sub_button.png) repeat;*/
	text-align: left;
	/*text-indent: 20px;*/
}

#navcontainer ul ul a:hover {
	/*background: repeat url(images/sub_button_over.png);*/
}


html>body #navcontainer ul ul a {
	/*background: repeat url(images/sub_button_trans.png);*/
	height: 20px;
}

html>body #navcontainer ul ul a:hover {
	/*background: repeat url(images/sub_button_over_trans.png);*/
}

#navcontainer ul ul #current{
	/*background: repeat url(images/sub_button_over.png);*/
}

html>body #navcontainer ul ul #current{
	/*background: repeat url(images/sub_button_over_trans.png);*/
}

/* Child Level 3 */

#navcontainer ul ul ul {
	position: absolute;
	left: 120px;
	top: 0;
}

#navcontainer ul ul ul ul li { 
}

#navcontainer ul ul ul ul a{
}

#navcontainer ul ul ul ul a:hover{

}

div#navcontainer ul ul, div#navcontainer ul ul ul, div#navcontainer ul li:hover ul ul, div#navcontainer ul li:hover ul ul ul, div#navcontainer ul li:hover ul ul ul ul, div#navcontainer ul li:hover ul ul ul ul ul{
display:none;
}

div#navcontainer ul li:hover ul, div#navcontainer ul ul li:hover ul, div#navcontainer ul ul ul li:hover ul, div#navcontainer ul ul ul ul li:hover ul, div#navcontainer ul ul ul ul ul li:hover ul{
display:block;
}
/*</group>*/

/*<group=Global Classes>*/

blockquote, .standout {
	color: #96a7bb;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

h1 {
}

h2 {
}

h3 
{
   
}

h4 {
}

.prohybrid
{background: url("images/h_product_hybrid.gif"); background-repeat:no-repeat; width: 300px; height: 24px; } 

.proinfinity
{background: url("images/h_product_infinity.gif"); background-repeat:no-repeat; width: 300px; height: 24px; }   

.progame
{background: url("images/h_product_gameturf.gif"); background-repeat:no-repeat; width: 300px; height: 24px; }   

.allrubber
{background: url("images/h_product_allrubber.gif"); background-repeat:no-repeat; width: 300px; height: 24px; } 

.sandandrubber
{background: url("images/h_product_sandr.gif"); background-repeat:no-repeat; width: 300px; height: 24px; } 
.imageStyle 
{
    
}

#contentContainer #content 
{
   
    
}

/* Main content area unordered list styles */
#contentContainer #content ul {
}

#contentContainer #content li {
}

#contentContainer #content strong
{
    font-weight:bold;
    color:Green;
}
#contentContainer #content .pageimage
{
    border:1px solid #9d9d9d;   
    margin-right:5px;
    margin-bottom:5px;
    padding:5px;
    float:left;
    
}

#contentContainer #content .testimonialimage
{
    border:1px solid #9d9d9d;
    padding:5px;
    margin-right: 5px;
    float:left;
    
}

#contentContainer #content td
{
    /*font-size: 0.90em;  
    vertical-align:text-top;   
    line-height:1.5em; */
}






/*</group>*/

/*<group=Blog>*/

/*<group=Archive Page>*/

.blog-archive-background {
}

.blog-entry-summary {
	margin-bottom: 10px;
}

.blog-archive-headings-wrapper {
	margin-bottom: 30px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 15px;
}

.blog-archive-entries-wrapper {

}

.blog-archive-entries-wrapper .blog-entry {
	
}

.blog-archive-month {
	font-size: 1.9em;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 3px;
}

.blog-archive-link {
	
}

.blog-archive-link a:link, .blog-archive-link a:visited {
}

/*</group>*/

.blog-entry {
	margin-bottom: 30px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 15px;
}

.blog-entry-title {
	font-size: 1.9em;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 3px;
}

.blog-entry-date {
	color: #b3b3b3;
	margin-bottom: 10px;
}

.blog-read-more {
	display: block;
	padding-top: 10px;
	font-style: italic;
}

.blog-entry-body {
}

.blog-entry-comments {
	padding-top: 10px;
}

/*styles the category link in the main entry */
.blog-entry-category {
	color: #6a7a90;
}

.blog-entry-category a:link, .blog-entry-category a:visited {
}

/*styles the permalink link in the main entry */
.blog-entry-permalink {
	color: #6a7a90;
}

.blog-entry-permalink a:link, .blog-entry-permalink a:visited {
}

/* styles the archives in the blog sidebar */
#blog-archives {
	margin-bottom: 10px;
}

.blog-archive-link-enabled {
}

.blog-archive-link-disabled {
}

/* Styles the blog categories in the blog sidebar */
#blog-categories {
	margin-bottom: 10px;
}

.blog-category-link-enabled {
}

.blog-category-link-disabled {
}

/* Styles the blog RSS feeds in the blog sidebar */
#blog-rss-feeds {
	margin-bottom: 10px;
}

.blog-rss-link {
}

.blog-comments-rss-link {
}
	
/*</group>*/

/*<group=File Sharing>*/

.filesharing-description {
}

.filesharing-item {
	background: #f5f5f5;
	margin-bottom: 10px;
	padding: 5px;
}

.filesharing-item-title a:link {
}

.filesharing-item-title a:hover {
}

.filesharing-item-title a:visited {

}

.filesharing-item-description {
	color: #b3b3b3;
}

/*</group>*/

/*<group=Photo Album>*/

/*<group=Index Page (Thumbnail view)>*/

.album-title {
	font-size: 1.9em;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 3px;
}

.album-description {
	margin-bottom: 70px;
}

.album-wrapper {
	display: block;
	width: 99%;
	position: relative;
}

.thumbnail-wrap {
	text-align: center;
	position: relative;
	float: left;
	margin-bottom: 60px;
	margin-right: 10px;
}

.thumbnail-frame {
	position: absolute;
    bottom: 0;
    left: 0;
}

.thumbnail-frame:hover {
}

.thumbnail-frame a {
}

.thumbnail-frame a:hover {
}

.thumbnail-frame img {
	margin: auto;
    border: none;
}

.thumbnail-caption {
	font-size: 0.9em;
	color: #96a7bb;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 38px;
	display: block;
}
	
/*</group>*/

/*<group=Single Page (Photo view)>*/

.photo-background {
	margin: 0;

}

.photo-navigation {
	background: #6b7b91;
	border-bottom: 2px solid #818fa1;
	padding: 20px 40px 10px;
	margin-bottom: 20px;
	text-align: left;
}

.photo-links {
}

.photo-navigation a:link, .photo-navigation a:visited {

}

.photo-navigation a:hover {

}

.photo-frame{
	padding: 2px;
	background: #949b98;
}

.photo-title {
	color: #ffffff;
	font-size: 2.5em;
	letter-spacing: 1px;
	margin: 0 0 5px;
}

.photo-caption {
	color: #b5bdc8;
	font-size: 1.1em;
	margin: 0;
}

/*</group>*/
	
/*</group>*/

/*<group=Quicktime Page>*/

.movie-description {

}
	
/*</group>*/

/*<group=Quicktime Album>*/

/*<group=Index Page (Movie Thumbnail view)>*/

.movie-page-title {
	font-size: 1.9em;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 3px;
}

.movie-page-description {
	margin-bottom: 8px;
}

.movie-thumbnail-frame {
	width: 132px;
	float: left;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #f5f5f5;
	position: relative;
	z-index: 205;
}

.movie-thumbnail-frame:hover {
}

.movie-thumbnail-caption {
}
	
/*</group>*/

/*<group=Single Page (Movie View)>*/

.movie-background {
}

.movie-title {
	font-size: 1.9em;
	letter-spacing: 1px;
	font-weight: bold;
}

.movie-frame {

}
	
/*</group>*/


/*</group>*/

/*<group=Contact Form>*/
.message-text { 
} 

.required-text {
} 

.form-input-field {
} 

.form-input-button { 
} 
/*</group>*/

/* Form Styles */
#styleForm,
#styleFormSmall,
#styleFormSmall2
{
	width: 330px;
	color: #333;
	padding: 10px;
	margin-bottom:10px;
	margin-right: 10px;
	background: url(images/bg_diag.png) repeat;
	border: 1px solid #9d9d9d;
	float: left;

}

#styleFormSmall
{
  margin-bottom:15px;   
}

#styleFormSmall2
{
  margin-bottom:20px;   
}

#styleForm fieldset,
#styleFormSmall fieldset,
#styleFormSmall2 fieldset{
  margin-top:10px;
  margin-bottom: 10px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  border: 1px solid #9d9d9d;
  font-size:0.95em;
}

#styleFormSmall fieldset
{
  font-size:0.85em;   
}
#styleForm legend,
#styleFormSmall legend,
#styleFormSmall2 legend 
{
  padding-left: 3px;
  font-weight: bold;
  color:black;
  
}
#styleForm label {
  /*display: inline-block;*/
  float:left;
  line-height: 1.8;
  vertical-align: top;
  font-size: .75em
}
#styleForm fieldset ul {
  margin: 0;
  padding: 0;
}
#styleForm fieldset li {
  list-style: none;
  padding:5px 0px 7px 10px;
  margin: 0;
  /*background: url(../i/styleForm-divider.gif) left bottom repeat-x;*/
}
#styleForm fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
#styleForm fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
#styleForm fieldset fieldset label {
  display: block;
  width: auto;
}
#styleForm em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
#styleForm label {
  /*width: 100px; /* Width of labels */
  font-weight:bold;
  font-size: 0.9em;
}

#styleForm label.txt {
  width: 100px; /* Width of labels */
  font-weight:bold;
}

#styleForm label.dates {
  width: 300px; /* Width of labels */
  font-weight:bold;
}

#styleForm label.wide {
  width: 300px; /* Width of labels */
  font-weight:bold;
}
#styleForm fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

#styleForm input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	padding:2px;
	width:150px;
	background-color:Silver;
}

#styleFormSmall2 .tArea
{
    margin-top: 7px;
    margin-left: 5px;
    margin-bottom: 5px;  
    width:300px;
     
}



#homecontent
{
    margin:0px;
    padding:0px;
}

#homecontent{ background: url("../images/g_3colback.gif"); margin: 20px 0 1em;}
#homecontent ul { margin: 0; padding: 0;padding-left:10px; padding-bottom:15px; list-style-type: none; min-height: 200px; position: relative; display:block;  }
#homecontent li { float: left; width: 260px; border-right: 1px solid #cacaca; padding: 0 24px 0 23px; min-height: 200px; }
#homecontent li h2 { color: #90c32c; margin-bottom: 10px; margin-left: -5px; }
#homecontent li p { font-size: 0.90em; width: 260px; }
#homecontent li.last-child { border-right: none; padding-left: 24px;}
#homecontent li a { font-size: 0.90em; width: 260px; height: 113px; margin-bottom: 15px; }
#homecontent li img{ margin-left: 30px; padding:5px; border:solid 1px #9d9d9d;}



li#testimonials h2 {  background: url("images/h_hometestimonials.gif"); background-repeat:no-repeat; width: 160px; height: 24px; }
li#video h2 {  background: url("images/h_homeinstallation.gif"); background-repeat:no-repeat; width: 160px; height: 24px; }
li#rhinotough h2 {  background: url("images/h_homevideo.gif"); background-repeat:no-repeat; width: 160px; height: 24px; }


/*Grid Styles */
.clientlist
{
   font-size:9px;
}


.gridHeader 
{
  color:White;
  font-weight:bold;
  width:auto;
}


#orgs 
{
   float:left;
   
   padding-left:30px;
   padding-right:30px;
   margin-top:35px;
   
    /*border-bottom:1px solid #9d9d9d;
    border-top:1px solid #9d9d9d;*/
}

#orgs img 
{
    float:left;
    padding:3px 10px 3px 10px;
    

}


#testResults
{
    font-size:0.9em;
}

#testResults table
{
 width:100%;
 border:1px solid #cccccc;  
}

#testResults th
{
    border:1px solid #cccccc;
    background-color:Green;
    color:White;
    font-weight:bold;
    width:250px;
    padding:3px;
}

#testResults td
{
    border:1px solid #cccccc;
    padding:3px;
   
}

#testResults .test
{
  font-weight:bold;  
   background-color:Yellow; 
}

#stafflist
{
    font-size:0.9em;
}

#stafflist table
{
    border:1px solid #cccccc;
}
#stafflist th
{
    border:1px solid #cccccc;
    padding:3px;
    color:White;
    background-color:Green;   
}

#stafflist td
{
 border:1px solid #cccccc; 
 padding: 3px;  
 width:150px;
}

#stafflist strong
{
  color:Black;   
}