/* Navigation Stylesheet SM Construction website

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

.skiplinks {display:none;}

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



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


/* colour crib :
   d2dfde = greeny  8856a4 = dark purple  efe9f3 = light purple  c8a738 = orange */

a:link

{
    color: #444;
}

a:visited
{
    color: #444;
}

a:hover
{
    color: #cc0000;
	background-color: #fff;
	border-bottom: 1px solid #cc0000;
}

a:active
{
    color: #d5376d;	/* purple */
}


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

#NavMenu ul
{
	width: 135px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}


#NavMenu li
{
	width: 135px;
	height: 25px;
	list-style-type: none;
	list-style-image: none;
	font-size: 80%;
	color: #fff;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
}


#NavMenu a {
	float: left; 
	
	overflow: hidden;
	
	font-size: 80%;
	color: #fff;

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




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

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


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

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


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

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


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

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


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

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


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

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


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

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

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

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


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

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


/* Right Navigation Menu
   -------------------- */

#NavMenuRight ul
{
	width: 135px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: none;
}


#NavMenuRight li
{
	width: 135px;
	height: 25px;
	list-style-type: none;
	list-style-image: none;
	font-size: 80%;
	color: #fff;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
}


#NavMenuRight a {
	float: left; 
	
	overflow: hidden;
	
	font-size: 80%;
	color: #fff;

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


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

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

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

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

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

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

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

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

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

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

#NavMenuRight #nav-1storey {
	width: 133px;
	background: url("../images/buttons/nav-1storey.gif") 0 0 no-repeat;
}

#NavMenuRight #nav-1storey:hover {
	background: url("../images/buttons/nav-1storey.gif") 0 -25px no-repeat;
}

#NavMenuRight #nav-2storey {
	width: 133px;
	background: url("../images/buttons/nav-2storey.gif") 0 0 no-repeat;
}

#NavMenuRight #nav-2storey:hover {
	background: url("../images/buttons/nav-2storey.gif") 0 -25px no-repeat;
}

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

#NavMenuRight #nav-links:hover {
	background: url("../images/buttons/nav-links.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;
    color: black;
    text-decoration: none;
	border-bottom: 1px dotted #c8a738;
}

.DesignCreditsLink:link, .DesignCreditsLink:visited
{
    color: black;
}

.DesignCreditsLink:hover
{
    color: #bf271e;
	border-bottom: 2px solid #bf271e;
}


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