/*
classes.css

This contains all the classes used by the website other than those defined in default.css
Typically this will include header and footer css as well as any styles required by any bespoke areas of the website
*/

/* Skip navigation */



.accessaid { position:absolute;

			height:0;

			overflow:hidden;

}



/* Wrapper Overall */



#wrapper { width:860px; margin:0 auto; text-align:left;

           border-top:solid #fff 2px;

		   background:url('../images/content-bk.gif') repeat-y top left;

		    }



/* Help Links */



#help-links { text-align:right; 

              list-style:none; 

			  margin:0 auto; padding:0;

			  width:860px

			  }

			  

#help-links li { display:inline; }



#help-links li a { color:#999; text-decoration:none; 

                   border-right:solid #999 1px;

				   padding:0 4px; 

				   }

				   

#help-links li a:hover { text-decoration:underline; }

				   

#help-links li a.nobords { padding-right: none; border:0; }



/* Branding Logo */



h1#branding { background-image:url('../images/branding-image.gif');

               background-position:top left;

			   background-repeat:no-repeat;

			   margin:0 auto; padding:0;

			   width:860px; height:70px;

			   border-bottom:solid #ccc 10px;

			   }

			   

h1#branding span { display:none; }



/* Content Cols */



#globalnav { width:190px; float:left; min-height:512px; }

#contentwrap { width:670px; float:right; }





/* Global Nav */



#globalnav ul { list-style:none; 

             margin:0; padding:0;

			 border-right:solid #fff 2px; 

			 padding-left:8px;

			 background-image:url('../images/nav-bk.gif');

			 background-position:top left;

			 background-repeat:no-repeat;

			 font-size:1.1em;

			 }

			 

#globalnav li  { line-height:2.0em; border-bottom:solid #fff 1px;  }

			 

#globalnav li a { 

                  display:block; 

				  text-align:center;

				  color:#fff; font-weight:bold; 

				  }

				  

#globalnav li a:hover { background-color:#558DC3; 

                        text-decoration:none; 

						}



/* Banner styles */



#banner { background-color:#558DC3;

          height:18.0em;

		  background-image:url('../images/road-speed-image.jpg');

		  background-position:top right;

		  background-repeat:no-repeat;

		  border-bottom:solid #fff 2px;

		  }

		  

#banner blockquote { padding:0; 

                     margin:0;  

					 background-image:url('../images/company-slogan.gif');

					 width:353px; height:180px;

					 background-repeat:no-repeat;

					 background-position:66px 72px;

					 }

					 

#banner blockquote span { display:none; }



#crumb-link { padding:0 0 0 10px; margin:0 auto; width:660px; border-top:solid #ccc 10px; }



#crumb-link a { text-decoration:none; color:#999; }



#crumb-link a:hover { text-decoration:underline; } 









/* Maincontent styles */



#maincontent { width:660px; 

			   float:right;

			   margin-top:5px; 

			   }

			   

#content { float:left; 

		   font-size:1.1em; 

		   color:#558DC3;

		   line-height:1.4em;

		   text-align:justify; 
			width:660px;
		   }
		   

#supp-content { width:315px; float:right;  font-size:1em; }



#content p { margin:5px 0; padding:0; }





/* Supp Content */



.pod-box { background-color:#EFEFEF; border:solid #ccc 1px; margin-bottom:10px; width:313px;  }



.pod-box h3, .pod-box p { margin:0; padding:0; }



.pod-box h3 { font-size:1.1em; padding:7px 0 0 0; }



.pod-box h3 a { color:#558DC3; } 



.pod-box p a { color:#999; } 



.pod-box img { float:left; border-right:solid #ccc 1px; margin-right:8px;  }





/* Site Info */



#siteinfo { width:860px; 

             margin:15px auto 0 auto;

			 background-color:#efefef;

			 border:solid #ccc 1px;

			 text-align:center;

			 line-height:1.4em;

			 

			 }

			 

#siteinfo p, #siteinfo address { color:#666; margin:0; padding:0; }



#siteinfo address { font-style:normal; }



/* Site Creds */



#sitecreds { width:860px; margin:8px auto; padding:0; }



#sitecreds a { color:#999; }











/* div clearing styles  */



.fixclear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



* html .fixclear { height:1%;}

.fixclear { display:block; }

.moto-logo { width:100px; 

             height:0px; 

			 padding:0 0 10px 0; 

			 margin:0; 

			 position:relative;

			 bottom:0;

			 left:15px;
			 bottom:240px;

			 }