/* Navigation Stylesheet SM Construction website

  (c) Colin Sewell, 2007
------------------------- */

.skiplinks {display:none;}

.ImageLink, .ImageLink:hover
{
    text-decoration: none;
	border-bottom: none;
}


.GalleryLinkThumb
{
	float: left;
	margin: 4px;
	border: 2px solid #fff;
}



/* Generic Page Links
   ------------------ */
a
{
	font-family: arial, verdana, helvetica, serif, sans-serif;
    font-size: 100%;
    text-decoration: none;
	text-align: center;
    color: #ddd;
	border-bottom: 1px dotted #ddd;
}


a:link

{
    color: #ddd;
}

a:visited
{
    color: #ddd;
}

a:hover
{
    color: #fff;
	border-bottom: 2px solid #fff;
}

a:active
{
    color: #ddd;
}


/* Left Navigation Menu
   -------------------- */

#NavMenu
{
	width: 995px;
	height: 75px;
	margin-top: 0px;
	padding-top: 20px;
}

#NavMenu ul
{
	width: 995px;
	height: 30px;
	margin: 0px 0px;
	padding: 0px;
	padding-left: 20px;
	list-style-type: none;
	list-style-image: none;
}


#NavMenu li
{
	height: 25px;
	float: left;
	text-align: center;
	list-style-type: none;
	list-style-image: none;
	font-size: 90%;
	color: #fff;
	margin: 0px 10px;
	padding: 0px;
}


#NavMenu a, #NavMenu a:link, #NavMenu a:visited, #NavMenu a:active {
	width: 120px;

	font-size: 100%;
	color: #d8d8d8;

	text-decoration: none;
	border-bottom: 0px;
	background: none;
}

#NavMenu a:hover {
	color: #fff;
	border-bottom: 1px solid #a8a8a8;
}


#NavSquares a {
	display: block;
	width: 100px;
	height: 100px;
    text-decoration: none;
	border-bottom: none;
}

#NavSquares a:hover {
}

#NavSquares span {
	display: none;
}


#NavSquares #navsq-about {
	background: url("../images/nav/navsq-about.gif") 0 0 no-repeat;
}

#NavSquares #navsq-about:hover {
	background: url("../images/nav/navsq-about.gif") -100px 0 no-repeat;
}


#NavSquares #navsq-garage {
	background: url("../images/nav/navsq-garage.gif") 0 0 no-repeat;
}

#NavSquares #navsq-garage:hover {
	background: url("../images/nav/navsq-garage.gif") -100px 0 no-repeat;
}


#NavSquares #navsq-extensions {
	background: url("../images/nav/navsq-extensions.gif") 0 0 no-repeat;
}

#NavSquares #navsq-extensions:hover {
	background: url("../images/nav/navsq-extensions.gif") -100px 0 no-repeat;
}

#NavSquares #navsq-planning {
	background: url("../images/nav/navsq-planning.gif") 0 0 no-repeat;
}

#NavSquares #navsq-planning:hover {
	background: url("../images/nav/navsq-planning.gif") -100px 0 no-repeat;
}

#NavSquares #navsq-building {
	background: url("../images/nav/navsq-building.gif") 0 0 no-repeat;
}

#NavSquares #navsq-building:hover {
	background: url("../images/nav/navsq-building.gif") -100px 0 no-repeat;
}

#NavSquares #navsq-links {
	background: url("../images/nav/navsq-links.gif") 0 0 no-repeat;
}

#NavSquares #navsq-links:hover {
	background: url("../images/nav/navsq-links.gif") -100px 0 no-repeat;
}

#NavSquares #navsq-testimonials {
	background: url("../images/nav/navsq-testimonials.gif") 0 0 no-repeat;
}

#NavSquares #navsq-testimonials:hover {
	background: url("../images/nav/navsq-testimonials.gif") -100px 0 no-repeat;
}

#NavSquares #navsq-contact {
	background: url("../images/nav/navsq-contact.gif") 0 0 no-repeat;
}

#NavSquares #navsq-contact:hover {
	background: url("../images/nav/navsq-contact.gif") -100px 0 no-repeat;
}


#NavSquares #nav-comments {
	width: 133px;
	background: url("../images/nav/nav-comments.gif") 0 0 no-repeat;
}

#NavSquares #nav-comments:hover {
	background: url("../images/nav/nav-comments.gif") 0 -25px no-repeat;
}




#NavMenu #nav-team {
	width: 133px;
	background: url("../images/nav/nav-team.gif") 0 0 no-repeat;
}

#NavMenu #nav-team:hover {
	background: url("../images/nav/nav-team.gif") 0 -25px no-repeat;
}



/* Footer and other Links
   ------------------ */
#Footer a {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 90%;
    color: #bf271e;
    text-decoration: none;
	text-align: center;
	border-bottom: 1px dotted #888888;
}

#Footer a:link {
    color: #bf271e;
}

#Footer a:visited {
    color: #bf271e;
}

#Footer a:hover {
    color: #c8a738;
	border-bottom: 1px solid #c8a738;
}

#Footer:active
{
    color: #bf271e;
}



.DesignCreditsLink
{
	font-family: verdana, arial, helvetica, sans-serif, serif;
	font-size: 100%;
    font-weight: normal;
    text-decoration: none;
}

.DesignCreditsLink:link, .DesignCreditsLink:visited
{
}

.DesignCreditsLink:hover
{
}


.ThumbnailLink {
	width: 100%;
    text-decoration: none;
	border-bottom: none;
	font-size: 80%;
}