/* Presentation Stylesheet for SM Construction website



  (c) Colin Sewell, 2007

------------------------- */



html { font-size: 100%; /* IE hack */ }



body {

	font-family:'Trebuchet MS', Arial, 'Sans Serif';
	font-size:15px;
	color:#333;


	margin: 5px;
	padding: 0px;



	background-color:#F7F7F7;

	background-image: url(../images/outerbg.jpg);
	background-repeat:repeat-x;

/*	color: #555;	font-family: arial, verdana, helvetica, serif, sans-serif;



	font-size: 75%;		/* scale down default font */

}

 style=""

.whitepage {

	background-color: #fff;

}





img { border: 0; }





h1, h2, h3 {

	font-family: verdana, arial, helvetica, sans-serif, serif;

	font-size: 100%;

	color: #cc0000;

	padding-top: 0px;

}



h2 {

	font-size: 110%;

}





h3 {

	font-size: 100%;

}



.LargeFont {

	font-size: 120%;

}





/* FIR style header images */

#SiteHeader {

	position: relative;

	font-size: 0px;

	color: #ffffff;

}



#SiteHeader span {

	position: absolute;

	width: 100%;

	height: 100%;

}



#PageHeader {

	position: relative;

	width: 320px;

	height: 30px;

	font-size: 0px;

}



#PageHeader span {

	position: absolute;

	width: 320px;

	height: 100%;

}







.header-home span {

	background: url(../images/header-welcome.gif) no-repeat 0px 0px; 



}



.header-review span {

	background: url(../images/header-reviewe.gif) no-repeat 0px 0px; 



}

.header-news span {

	background: url(../images/header-news.gif) no-repeat 0px 0px; 



}



.header-project span {

	background: url(../images/header-presentproject.gif) no-repeat 0px 0px; 



}



.header-welcome span {

	background: url(../images/header-welcome2.gif) no-repeat 0px 0px; width:300px;



}



.header-about span {

	background: url(../images/header-about.gif) no-repeat 0px 0px; 



}



.header-contact span {

	background: url(../images/header-contact.gif) no-repeat 0px 0px; 



}





#footer h1 {



	font-family: arial, verdana, helvetica, serif, sans-serif;

	font-size: 80%;

	font-weight: normal;

	color: #cc4400;

	margin-top: 0px;

	padding-top: 0px;

}





#footer h1 a {

	font-family: arial, verdana, helvetica, serif, sans-serif;

    font-size: 100%;

    color: #8e5653;

    text-decoration: none;

	text-align: center;

	border-bottom: 0px dotted #888888;

}





p {

		/*font-family: arial, verdana, helvetica, serif, sans-serif;

	font-size: 100%;	 scale down default font */




	margin: 10px;

	width: 95%;

}







p.CustComment {

	margin: 15px 25px;

	color: #3366cc;

}



p.Centered {

	text-align: center;

}



.ImgBorder {

	border: 1px solid #777;

}



.ImageFloatLeft {

	float: left;

	margin: 8px;

}



.BoldText {

	font-weight: bold;

}



.BoldMediumText {

	color: #5e5e5e;

	font-weight: bold;

}



.BoldHeading {

	font-weight: bold;

	font-size: 150%;

	color: #555;

}



hr {

	margin: 10px;

	border: none;

    border-bottom: 1px solid #af310f;

	height: 1px;

}



.HR-Dashed {

	border: none;

    border-bottom: 1px dashed #af310f;

	height: 1px;

}



.HR-Dotted {

	border: none;

	height: 1px;

    border-bottom: 1px dotted #af310f;

}





.HR-Footer {

	width: 675px;

	margin: 2px;

	padding: 1px;

	margin-left: 200px;

	margin-right: 0;

	border: none;

	height: 1px;

    border-bottom: 1px solid #af310f;

}





#footer p {

	width: 870px;

	font-size: 90%;

	color: #564b47;

	text-align: right;

	margin: 1px;

	padding: 1px;

}







.BulletList {

	font-family: Arial, Verdana, Helvetica, sans-serif; 

	font-size: 110%;

	font-weight: bold;

	list-style-image: url(../images/decorations/bullet-green-hollow.gif);

	margin: 8px;

	padding-left: 30px;

}





.BulletList li {

	margin-bottom: 4px;

}



.BulletList a {

	font-size: 90%;

}



.BulletList p {

	background-color:#fcfcfc;

	font-size: 100%;

	margin: 4px;

}



.BulletListTickGreen {

	list-style-image: url(../images/decorations/tick-green.gif);

}



.BulletListTickRed {

	list-style-image: url(../images/decorations/tick-red.gif);

}



.FAQanswer {

	list-style: none;

	list-style-image: none;

	list-style-type: none;

	font-weight: normal;

}



#work-gallery{ margin-left:10px; }



#work-gallery img{

	

	border:none;
	margin:5px;

	

}



#work-gallery a:hover{

	

	text-decoration:none;

	border:none;

	

}



#work-gallery img a{

	

	text-decoration:none;

	border:none;

	

}



#work-gallery img a:hover{

	

	text-decoration:none;

	border:none;

	

}