/*************************************************************************
	Title: 			Cascading style sheet for HarrisonContracting.ca
	Author:			Benoit E. Quemar from Altamedia Consulting Corporation
					www.altamedia.ca	
	Compliancy:		W3C - http://jigsaw.w3.org/css-validator/
	Location:		www.harrisoncontracting.ca and alias basementdevelopment.ca
	Last updated:	4 December 2006
	**************************************************************************/



/*****************************************************************************/

/*							Essential elements								 */

/*****************************************************************************/

#siteWrap {
	MARGIN: 0px auto;
	padding: 0px;
	WIDTH: 800px;
	HEIGHT: 100%;
	background-color: #FFFFFF;
	padding: 10px;
}

#siteWrap p {
	font: normal 90%/130% Verdana, Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	margin: 5px 0px 0px;
	padding: 2px;
	text-align: left;
	vertical-align: top;
} 

body {
	font: normal 90%/130% Verdana, Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	margin: 0px;
	padding: 2px;
	text-align: left;
}

A {
	color:#0066CC;
}

A:hover {
	color:#cc0000;
	text-decoration: underline;
}

#siteWrap H1 {
	font-size: 18px;
	font-weight: bolder;
	COLOR: #cc0000;
	letter-spacing: 2px;
	margin-bottom: 8px;
	margin-top: 0px;
}

#siteWrap H2 {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 2px;
	COLOR: #4d4d4d;
	margin-top: 16px;
	margin-bottom: 2px;
	font-variant: small-caps;
}

#siteWrap H3 {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 3px;
	COLOR: #FFFFFF;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 10px;
}

#siteWrap h4 {
	font: normal 90%/130% Verdana, Arial, Helvetica, sans-serif;
	color: #D6D6D6;
	margin: 5px 0px 0px;
	padding: 2px;
	text-align: left;
	vertical-align: top;
} 

#siteWrap h5 {
	font: 85%/130% Verdana, Arial, Helvetica, sans-serif;
	color: #D6D6D6;
	margin: 149px 0px 0px;
	padding: 2px;
	text-align: left;
	font-style: italic;
} 

/*****************************************************************************/

/*							Top Header      								 */

/*****************************************************************************/

#logo {
	WIDTH: 100%;
	FLOAT: left;
}

#toplinks {
	WIDTH: 100%;
	HEIGHT: 20px;
	FLOAT: right;
	font-size: 10px;
	color: #676766;
	font-style: normal;
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
	letter-spacing: 1px;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
}

#toplinks a {
	color: #676766;
}

#toplinks a:hover {
	color: #CC0000;
}

#left {
	FLOAT: left;
	WIDTH: 155px;
}

#nav {
	FLOAT: left;
	WIDTH: 100%;
	border: 1px solid #b3b3b3;
	margin-bottom: 10px;
}

#tool {
	FLOAT: left;
	WIDTH: 150px;
	text-align: center;
	margin-top: 20px;
}

#nav UL {
	MARGIN: 0px 0px 10px;
	text-align: left;
	padding: 0px;
}

.subNav {
	DISPLAY: block;
	MARGIN: 0px 10px 1px;
	padding: 2px 6px;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 2px;
}

.subNav A {
	DISPLAY: block;
	COLOR: #4d4d4d;
	text-decoration: none;
	padding: 4px 4px;
}

.subNav A:hover {
	DISPLAY: block;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #4d4d4d;
	text-decoration: none;
}

.lg {
	COLOR: #b3b3b3;
}

/*****************************************************************************/

/*							Main part of the body							 */

/*****************************************************************************/


#main {
	FLOAT: right;
	WIDTH: 620px;
}

#main ul {
	text-indent: 0pt;
}

#main li {
	font: normal 90%/130% Verdana, Arial, Helvetica, sans-serif;
	margin: 8px 0px 0px;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url(/1sitedata/img/icons/gray_bullet.gif);
}

#lmain {
	FLOAT: left;
	WIDTH: 55%;
}


#rmain {
	FLOAT: right;
	WIDTH: 40%;
	text-align: right;
}

.mp {
	border: 1px solid #b3b3b3;
	padding: 8px;
}

/*****************************************************************************/

/*							Accessories 									 */

/*****************************************************************************/

DIV.hr {
	padding: 0;
	margin: 10px 0 0px;
	height: 1px;
	background-color: #b3b3b3;
	top: 10px;
}

DIV.hr IMG { border: 0; padding: 0; margin: 0; width: 1px; height: 1px;
}

.caption {
	MARGIN: 3px 0px 0px;
	font-size: 80%!important;
	color: #4d4d4d;
	line-height: 140%!important;
}

.photo {
	padding: 2px;
	border: 1px solid #b3b3b3;
}

.slidefull {
	padding: 10px;
	background-color: #4d4d4d;
}
.slideindex {
	padding: 8px;
	background-color: #4d4d4d;
}

.note {
	COLOR: #cc0000;
}

.quote {
	font-size: 90%;
	line-height: 120%;
	COLOR: #4d4d4d;
	font-style: italic;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.quotename {
	font-size: 90%;
	line-height: 120%;
	COLOR: #b3b3b3;
	font-weight: bold;
	margin: 0px;
}


/*****************************************************************************/

/*				Pre/above footer with back/print/top links					 */

/*****************************************************************************/

#prefooter {
	text-align: right;
	float: right;
	margin-top: 20px;
	margin-bottom: 10px;
}

.backtop {
	MARGIN: 3px 0px 0px;
	font-size: 11px!important;
	color: #666666;
	line-height: normal!important;
	letter-spacing: 1px;
}

.backtopprint {
	BACKGROUND:   url(/1sitedata/img/icons/printer_icon.gif) no-repeat;
	padding-right: 12px;
	padding-left: 8px;
	padding-bottom: 8px	}
	
.bullet {
	BACKGROUND:   url(/1sitedata/img/icons/gray_bullet.gif) no-repeat;
	padding-right: 8px;
	padding-left: 3px;
	}


/*****************************************************************************/

/*							Footer                   						 */

/*****************************************************************************/
#footer {
	WIDTH: 100%;
	float: left;
	left: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b3b3b3;
	padding-top: 2px;
}

#footer A {
	COLOR: #4d4d4d
}

#footer A:hover {
	COLOR: #cc0000;
    text-decoration: underline;
}

#footer UL {
	MARGIN: 0px 0px 10px;
	float: left;
	padding-top: 8px;
}

#footer LI {
	font-size: 11px;
	COLOR: #b3b3b3;
	BORDER-RIGHT: #b3b3b3 1px solid;
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
}

#footer LI#first {
	PADDING-LEFT: 0px;
}

#footer LI#last {
	BORDER-RIGHT-WIDTH: 0px
}

#lfooter {
	float: left;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d6d6d6;
}

#lfooter h3 {
	font-size: 10px;
	COLOR: #b3b3b3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b3b3b3;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: normal;
}

#lfooter h4 {
	font-size: 10px;
	COLOR: #b3b3b3;
	font-weight: normal;
	padding-left: 0px;
}

#lfooter h3 A {
	COLOR: #b3b3b3;
}

#lfooter h3 A:hover {
	COLOR: #cc0000;
    text-decoration: underline;
}

#rfooter {
	FLOAT: right;
	margin-top: 5px;
	margin-bottom: 0px;
}

#rfooter h1 {
	font-size: 9px;
	font-weight: normal;
	COLOR: #b3b3b3;
	text-align: right;
}
#rfooter h1 A {
	COLOR: #b3b3b3;
}

#rfooter h1 A:hover {
	COLOR: #cc0000;
    text-decoration: underline;
}

/*****************************************************************************/

/*							End of Style Sheet								 */

/*****************************************************************************/