/* 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;

}


img a{ border:none;background-color:none;}

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%;

}



#quoteimg{border:0;background:none;}