@charset "utf-8";
/* CSS Document */


/*  @import url("gallerystyle.css"); */

/* ---------------------------------------------------------------------------

  Body 

--------------------------------------------------------------------------- */
/*  
body {
  margin:0;
  padding:0;
  background-image: url(http://www.wwgmc.com/images/bg.jpg);
  background-repeat: repeat-x;
  background-color:#fff;
  font-family:Arial, Tahoma, Helvetica, sans-serif;
  font-size:12px;
}

#wrapper {
  margin: 0px auto;
  padding: 0px;
  border:0;
  width: 930px;
  background-image: url("/path/to/your/background_cols.gif");
  background-repeat:repeat;
  background-color: transparent;
}

#header {
  margin: 0px 0px 0px 0px;
  height:95px;
  width:920px;
}

#banner {
  margin: 0px 0px 13px 0px;
  height:244px;
  width:920px;
  background-image: url(http://www.wwgmc.com/images/banner2.jpg);
  background-color:transparent;
}


#side-a {
  margin: 0px 0px 0px 0px;
  float: left;
  width: 230px;
}

#side-b {
  margin: 0px 0px 0px 0px;
  float: left;
  width: 380px;
  height: 1% /* Holly hack for Peekaboo Bug */;
  padding: 0px 10px 0px 10px;
  text-align:justify;
}
 */

/* ---------------------------------------------------------------------------

  For 3 column design: Leave off if unneccessary

--------------------------------------------------------------------------- */
/*  
#side-c {
  margin: 0px 0px 0px 0px;
  float: left;
  width: 280px;
  padding: 0px 0px 0px 10px;
}

#side-d {
  margin: 0px 0px 0px 0px;
  float: left;
  width: 690px;
  padding: 0px 0px 0px 0px;
  text-align:justify;
}

#footer {
  clear: both;
/*  height:70px;*/
  width:920px;
   margin:1em;
  padding:1em;
}


 */


/* ---------------------------------------------------------------------------

  Logo Replace

--------------------------------------------------------------------------- */
/*  
#logo a {
  display:block;
  text-decoration:none;
  width:160px;
  height:80px;
  background-image: url(http://www.wwgmc.com/images/logo_ww_gay.jpg);
  background-repeat: no-repeat;
  background-color:transparent;
  margin:5px 0px 0px 23px;
  float:left;
}
 */
/* ---------------------------------------------------------------------------

  Phone Number Replace

--------------------------------------------------------------------------- */
/*  
#phone {
  display:block;
  text-decoration:none;
  width:161px;
  height:35px;
  background-image: url(http://www.wwgmc.com/images/phone_number.jpg);
  background-repeat: no-repeat;
  background-color:transparent;
  float:right;
  margin:10px 12px 0px 0px;
  text-indent:-8520px;
  text-align:right;
  font-family:Helvetica, Verdana, Arial, Arial, sans-serif;
  font-size:14px;
  color:#333;
  font-weight:bold;
}
 */
/* ---------------------------------------------------------------------------

  Banner Pictures

--------------------------------------------------------------------------- */
/*  
#banner-picture-group {
  width:310px;
  height:220px;
  float:right;
  margin:10px 10px 0px 0px;
}

#banner-picture-group .tl, #banner-picture-group .tr, #banner-picture-group .bl, #banner-picture-group .br {
  width:150px;
  height:105px;
}

#banner-picture-group .tl {
  float:left;
  margin:0px 5px 5px 0px;
}

#banner-picture-group .tr {
  float:left;
  margin:0px 0px 5px 5px;
}

#banner-picture-group .bl {
  float:left;
  margin:5px 5px 0px 0px;
}

#banner-picture-group .br {
  float:left;
  margin:5px 0px 0px 5px;
}

 */

/* ---------------------------------------------------------------------------

  General Declarations

--------------------------------------------------------------------------- */

.hide {
  visibility:hidden;
  display:none;
}

.pictureframe {
  border:#000 1px solid;
  padding:4px;
  margin:10px;
}

.floatleft {
  float:left;
}

.floatright {
  float:right;
}
/* 
.clear {
  clear: both;
  background-color:transparent;
  height:1px;
}
 
.clear-pad {
  clear: both;
  height:12px;
  float:left;
  width:700px;
}
*/
.padded-clear {
  clear: both;
  background-color:transparent;
  height:15px;
}

.video-placeholder {
  display:block;
  height:248px;
  width:278px;
  background-color:#fff;
  border:#000 1px solid;
}

.copyright {
  text-align:center;
  margin:15px 0px 0px 0px;
  clear:both;
}
/*  
.hour-service {
  float:right;
  margin:10px 12px 0px 0px;
  text-align:right;
  font-family:Helvetica, Verdana, Arial, Arial, sans-serif;
  font-size:14px;
  color:#333;
  font-weight:bold;
}
*/
.frame {
  border:#000 1px solid;
  background-color:#fff;
  padding:3px;
  margin:10px 10px 10px 0px;
}


/* ---------------------------------------------------------------------------

  Titles and H tag Declarations

--------------------------------------------------------------------------- */

h1 {
  margin:0;
  font-family:Helvetica, Verdana, Arial, Arial, sans-serif;
  font-size:20px;
  font-weight:bold;
  color:#000;
  text-transform:uppercase;
}

h2 {
  margin:0 0 1em 0;
  font-family:Helvetica, Verdana, Arial, Arial, sans-serif;
  font-size:18px;
  font-weight:bold;
  color:#000;
  text-transform:uppercase;
}

h3 {
  margin:0 0 1em 0;
  font-family:Helvetica, Verdana, Arial, Arial, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#000;
}

h4 {
  margin:0 0 2em 0;
  font-family:Helvetica, Verdana, Arial, Arial, sans-serif;
  font-size:14px;
  font-weight:bold;
  color:#000;
}

.home-page-red-titles {
  font-family:Helvetica, Verdana, Arial, Arial, sans-serif;
  font-size:14px;
  color:#c00;
  border-bottom:1px solid #c00;
  margin:6px 0px 10px 0px;
}

/* ---------------------------------------------------------------------------

  Links 

--------------------------------------------------------------------------- */

.read-more-link {
  color:#06c;
  float:right;
}

.read-more-link a:link {
  color:#06c;
  text-decoration: none;
}

.read-more-link a:hover {
  color:#c00;
  text-decoration: none;
}

.read-more-link a:visited {
  color:#06c;
  text-decoration: none;
}

.read-more-link a:hover {
  color:#c00;
  text-decoration: none;
}

.blue-link a:link {
  color:#06c;
  font-weight:bold;
  text-decoration: none;
}

.blue-link a:hover {
  color:#c00;
  font-weight:bold;
  text-decoration: none;
}

.blue-link a:visited {
  color:#06c;
  font-weight:bold;
  text-decoration: none;
}

.blue-link a:hover {
  color:#c00;
  font-weight:bold;
  text-decoration: none;
}


/* ---------------------------------------------------------------------------

  Horizontal Navigation

--------------------------------------------------------------------------- */

#main-nav {
    white-space : nowrap;
    float: right;
    width: 600px;
    height: 20px;
  margin: 20px 12px 0px 3px;
}

#main-nav ul {
  margin: 0;
  padding: 0;
  color:#0045aa;
  font-size:14px;
}

#main-nav ul li{
  display: inline;
  text-align:center;
  padding-left: 5px;
  padding-right: 20px;
}

#main-nav ul li a:link {
  color:#0045aa;
  border-bottom:1px #0045aa dotted;
  text-decoration:none;
}

#main-nav ul li a:hover {
  color:#c00;
  border-bottom:1px #cc0000 dotted;
  text-decoration:none;
}

#main-nav ul li a:visited {
  color:#0045aa;
  border-bottom:1px #0045aa dotted;
  text-decoration:none;
}

#main-nav ul li a:hover {
  color:#c00;
  border-bottom:1px #cc0000 dotted;
  text-decoration:none;
}

#main-nav img {
  padding: 0px 3px 3px 3px;
  margin: 0px 3px -3px 3px;
}

/* ------------------- Footer Navigation ---------------------- */
/*  
#footer-nav {
    white-space : nowrap;
    float: left;
    width: 100%;
    height: 23px;
  background-color: #b6dbeb;
  border: 1px solid #000;
  padding:7px 0px 0px 0px;
  margin:50px 0px 0px 0px;
}

#footer-nav ul {
    padding: 0;
  margin: 0;
  padding-left: 5px;
  padding-right: 5px;
  color:#000;
  font-size:12px;
  text-align:center;
		   text-decoration:none;
}

#footer-nav ul li {
     display: inline; 
   text-align:center;
	   text-decoration:none;
}
 
#footer-nav ul li a:link {
  color:#000;
  text-decoration:none;
}

#footer-nav ul li a:hover {
  color:#c00;
  text-decoration:none;
}

#footer-nav ul li a:visited {
  color:#000;
  text-decoration:none;
}

#footer-nav ul li a:hover {
  color:#c00;
  text-decoration:none;
}
 */

 
/* ------------------- Thumbnail Video Gallery ---------------------- */

#video-gallery {
  white-space : nowrap;
  width: 264px;
  height: 120px;
  overflow: auto;
  border: 1px solid #666;
  background-color: #ccc;
  padding: 8px 6px;
}

#video-gallery ul {
  margin: 0;
  padding: 0;
  color:#0045aa;
  font-size:14px;
}

#video-gallery ul li{
  display: inline;
  text-align:center;
  padding-left: 5px;
  padding-right: 5px;
}

#main-nav ul li a:link,
#video-gallery ul li a:hover,
#main-nav ul li a:visited,
#video-gallery ul li a:visited {
  text-decoration:none;
  border:none;
}

 
 
/* ---------------------------------------------------------------------------

  Unordered List Stylings

--------------------------------------------------------------------------- */

#side-nav ul {
  padding-left:0px;
  margin-left:0px;
  margin-top:0px;
  text-indent:6px;
  list-style:none;
  font-size:14px;
  color:#333;
}

#side-nav ul li {
  border-bottom:#000 1px dotted;
  width:220px;
  margin:0px 0px;
  padding:4px 0px;
}

#side-nav a:link {
  color:#0045aa;
  text-decoration:none;
}

#side-nav a:hover {
  color:#c00;
  text-decoration:none;
}

#side-nav a:visited {
  color:#0045aa;
  text-decoration:none;
}

#side-nav a:hover {
  color:#c00;
  text-decoration:none;
}

/* --------- Inset Menu List --------- */


#side-nav ul li ul {
  margin:6px 0px 4px 0px;
}


#side-nav ul li li {
  border-bottom:#000 0px dotted;
  width:100%;
  margin:0px 0px 0px 0px;
  padding:1px 0px;
  font-size:11px;
  text-indent:18px;
}

/* -------- Certificates -------- */

#certificates ul {
  padding-left:20px;
  margin-left:20px;
  margin-top:0px;
  text-indent:6px;
  list-style:none;
  font-size:13px;
  color:#333;
}

#certificates ul li {
  border-bottom:#dae1e4 1px dashed;
  width:500px;
  margin:0px 0px;
  padding:4px 0px;
}

/* -------- Addresses -------- */

#addresses ul {
  padding-left:0px;
  margin-left:0px;
  margin-top:0px;
  text-indent:0px;
  list-style:none;
  font-size:13px;
  color:#333;
}

#addresses ul li {
  border-bottom:#efefef 1px solid;
  width:350px;
  margin:0px 0px;
  padding:4px 0px;
}

/* -------- Simple List -------- */

.simple-list ul {
  padding-left:10px;
  margin-left:10px;
  margin-top:0px;
  margin-bottom:0px;
  text-indent:10px;
  list-style:none;
  font-size:12px;
  color:#000;
}

.simple-list ul li {
  border-bottom:#E2E2E2 0px dashed;
  width:95%;
  margin:0px 0px;
  padding:5px 0px;
}

.simple-list a:link {
  color:#06c;
  text-decoration:none;
}

.simple-list a:hover {
  color:#c00;
  text-decoration:none;
}

.simple-list a:visited {
  color:#06c;
  text-decoration:none;
}

.simple-list a:hover {
  color:#c00;
  text-decoration:none;
}


/* -------- Numbers List -------- */

.numbers-list ul {
  padding-left:2px;
  margin-left:2px;
  margin-top:15px;
  margin-bottom:0px;
  text-indent:2px;
  list-style:none;
  font-size:12px;
  font-weight:bold;
  color:#000;
}

.numbers-list ul li {
  border-bottom:#efefef 0px dashed;
  width:95%;
  margin:0px 0px;
  padding:2px 0px;
}

.numbers-list a:link {
  color:#06c;
  text-decoration:none;
}

.numbers-list a:hover {
  color:#c00;
  text-decoration:none;
}

.numbers-list a:visited {
  color:#06c;
  text-decoration:none;
}

.numbers-list a:hover {
  color:#c00;
  text-decoration:none;
}

/* -------- Address List -------- */

.address-list {
  float:left;
  width:340px;
}

.address-list ul {
  padding-left:2px;
  margin-left:2px;
  margin-top:8px;
  margin-bottom:8px;
  text-indent:10px;
  list-style:none;
  font-size:12px;
  color:#000;
}

.address-list ul li {
  border-bottom:#efefef 0px dashed;
  width:95%;
  margin:0px 0px;
  padding:2px 0px;
}

.address-list a:link {
  color:#06c;
  text-decoration:none;
}

.address-list a:hover {
  color:#c00;
  text-decoration:none;
}

.address-list a:visited {
  color:#06c;
  text-decoration:none;
}

.address-list a:hover {
  color:#c00;
  text-decoration:none;
}

.address-list-column {
  float:left;
  width:340px;
  margin:15px 0px 0px 0px;
}



/* -------- Commercial and Industrial Services Navigation -------- */

#comm-ind ul {
  padding-left:20px;
  margin-left:20px;
  margin-top:0px;
  text-indent:6px;
  list-style:none;
  font-size:13px;
  color:#333;
}

#comm-ind ul li {
  border-bottom:#dae1e4 1px dashed;
  width:500px;
  margin:0px 0px;
  padding:4px 0px;
}

#comm-ind a:link {
  color:#0045aa;
  text-decoration:none;
}

#comm-ind a:hover {
  color:#c00;
  text-decoration:none;
}

#comm-ind a:visited {
  color:#0045aa;
  text-decoration:none;
}

#comm-ind a:hover {
  color:#c00;
  text-decoration:none;
}

/* -------- Corporate Locations -------- */

.corp-loc ul {
  padding-left:2px;
  margin-left:2px;
  margin-top:0px;
  text-indent:3px;
  list-style:none;
  font-size:13px;
  color:#333;
}

.corp-loc ul li {
  border-bottom:#dae1e4 1px dashed;
  width:290px;
  margin:0px 0px;
  padding:4px 0px;
}

.corp-loc a:link, a:hover {
  color:#0045aa;
  text-decoration:none;
}

.corp-loc a:hover {
  color:#0045aa;
  text-decoration:none;
}

/* ---------------------------------------------------------------------------

  Featured Projects

--------------------------------------------------------------------------- */

#featured-projects {
  color:#333;
  font-weight:bold;
  text-align:left;
}

#featured-projects img {
  padding:0px 0px 5px 0px;
  border:0px;
}

#featured-projects .featured-project {
  float:left;
  margin:5px 9px 0px 0px;
  border:0px;
}

#featured-projects .featured-project-last {
  float:left;
  margin:5px 0px 0px 0px;
  border:0px;
}

#featured-projects a:link {
  color:#333;
  text-decoration:none;
}

#featured-projects a:hover {
  color:#c00;
  text-decoration:none;
}

#featured-projects a:visited {
  color:#333;
  text-decoration:none;
}

#featured-projects a:hover {
  color:#c00;
  text-decoration:none;
}



.generic-list-column {
  width: 300px;
  float:left;
  margin: 0px 6px 0px 6px;
}

/* ------------------- Footer Navigation ---------------------- */

#corp-sub-nav {
    white-space : nowrap;
    float: left;
    width: 600px;
    height: 23px;
  padding:7px 0px 0px 0px;
  margin:10px 0px 10px 0px;
}

#corp-sub-nav ul {
    padding: 0;
  margin: 0;
  padding-left: 5px;
  padding-right: 5px;
  color:#000;
  font-size:12px;
  text-align:left;
}

#corp-sub-nav ul li {
   display: inline;
   text-align:center;
}

#corp-sub-nav ul li a:link {
  color:#06c;
  text-decoration:none;
}

#corp-sub-nav ul li a:hover {
  color:#c00;
  text-decoration:none;
}

#corp-sub-nav ul li a:visited  {
  color:#06c;
  text-decoration:none;
}

#corp-sub-nav ul li a:hover {
  color:#c00;
  text-decoration:none;
}
/****************************************************************/
/* NEW FROM JEFF ************************************************/
/****************************************************************/


