/* 

STYLE SHEET FOR RSS CONSTRUCTION WEB SITE
Created by Troy Ricci
www.solodesign.ca

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks

Notes

*/



/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
	background-color: #D8DFD1;
	background-image: url(../imgs/main-background.gif);
	background-position: center top;
	background-repeat: no-repeat;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
		}
#centre {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

		
#masthead {
	height: 89px;
		}
		
#logo {
	height: 73px;
	width: 397px;
	float: right;
	background-image: url(../imgs/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
		}
h1#branding {
	display: block;
	height: 73px;
	width: 397px;
	text-indent: -5000px;
}

		
#navContainer {
		}

#content {
	width: 980px;
	background-color: #FFFFFF;
		}
#flash {
	height: 326px;
	width: 573px;
	background-image: url(../imgs/temp.jpg);
	background-repeat: no-repeat;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
* html #flash {margin-left:5px;}
#welcome {
	height: 326px;
	width: 378px;
	float: left;
	background-image: url(../imgs/welcome_bg.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	color: #FFFFFF;
}
#welcome h1 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-left: 15px;
}
#welcome p {
	line-height: 1.3em;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
}

#welcome p a {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
#welcome p a:hover {border-bottom:solid; }
#sub_content {
	background-image: url(../imgs/content_bg.jpg);
	background-repeat: repeat-y;
	width: 960px;
	margin-top: 10px;
	margin-left: 10px;
}
#sub_content p {
	line-height: 1.3em;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}
#sub_content p a {
	color: #415E26;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #415E26;
}
#sub_content p a:hover {border-bottom:solid; }

h2.heading  {
	display: block;
	height: 62px;
	background-image: url(../imgs/h2_bg.jpg);
	color: #FFFFFF;
	line-height: 62px;
	padding-left: 25px;
	margin-top: 10px;
	margin-left: 10px;
	background-repeat: repeat-x;
	width: 936px;
}
* html h2.heading {margin-top:-10px;}
#sub_col {
	float: left;
	width: 250px;
	padding: 15px;
}
* html #centre {margin-bottom:-20px;}
#sub_content #sub_col ul li {
	list-style-image: none;
}
#sub_content #sub_col ul li a {
	text-decoration: none;
	color: #415E26;
	font-weight: bold;
	display: block;
	padding-left: 25px;
	margin-left: -25px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../imgs/bullet.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #415E26;
}

#sub_main {
	width: 630px;
	float: left;
	margin-left: 10px;
	padding: 15px;
}

#footer {
	background-color: #A5B489;
	background-image: url(../imgs/footr.jpg);
	background-position: center top;
	width: 100%;
	height: 300px;
	padding-bottom: 300px;
	background-repeat: no-repeat;
		}
#footer #bottom {
	width: 975px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
* html #footer #bottom li a {margin-bottom:-10px;}
#footer #bottom li {float:left;}
#footer #bottom li a{
	height: 258px;
	width: 184px;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 5px;
	margin-left: 5px;
	text-indent:-5000px;
}
* html #footer #bottom li a {margin:0px 5px 0px 0px;}

* html #footer #bottom ul {margin-left:4px;}
#footer #bottom li a.homes{
	background-image: url(../imgs/homes.jpg);
}
#footer #bottom li a.basements{
	background-image: url(../imgs/basements.jpg);
}
#footer #bottom li a.commercial{
	background-image: url(../imgs/commercial.jpg);
}
#footer #bottom li a.bathrooms{
	background-image: url(../imgs/bathrooms.jpg);
}
#footer #bottom li a.kitchens{
	background-image: url(../imgs/kitchens.jpg);
}
p.solo {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	color: #333333;
	font-size: 12px;
	padding-top: 5px;
	text-align: right;
}
p.solo a {
	color: #333333;
	border-bottom-color: #415E26;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	text-decoration: none;
}

a.thumb {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: #D8DFD1;
	padding: 5px;
	border: 2px solid #A5B489;
}

.separator {
		clear: both;
		height: 0;
		}

/* ---------- 3. links and navigation ---------- */

a {
	outline:none;
		}
		
a:hover {
		}

#navigation {
	margin-top: 56px;
	float: left;
		}

#navigation a {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #415E26;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-right: 12px;
	padding-left: 12px;
		}
#navigation a:hover {
	background-color: #FFFFFF;
	}
#home #navigation li.home-page a,
#about #navigation li.about-page a,
#services #navigation li.services-page a,
#gallery #navigation li.gallery-page a,
#contact #navigation li.contact-page a
       {background-color: #FFFFFF;}
#navigation li {
	float: left;
	margin-right: 15px;
		}
		
/* ---------- 4. fonts ---------- */

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	margin-left: 15px;
	margin-bottom: 15px;
	font-weight: normal;
		}
ul {
		list-style-type: none;
	    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		}
#content ul {
	margin-left: 35px;
	margin-bottom: 15px;
}
#content li {
	list-style-image: url(../imgs/check.gif);
	margin-bottom: 2px;
}


/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
/* ---------- 6. hacks ---------- */

body	{ /* IE 5 centring bug fix */
		text-align: center;
		}
		
#wrapper {
		text-align: left;
		}  
/*form {
	margin: 10px 0px 0px 35px;
	padding: 0px 10px;
}
*/#form {
	padding-left: 5px;
	margin: 0px auto;
	font-size: 14px;
	font-style: normal;
}
.warning {
	color:#F00;
	}	
.formField {
	padding: 2px;
	width: 300px;
	border: 1px solid #929194;
}
.formFieldSubmit {
	width: 80px;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	border: 1px solid #929194;
}
#form p {
	margin: 0px;
	padding: 5px;
}
#form h3 {margin-left:5px;}

/*--------------------- GALLERY STYLES------------------------------*/

.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	cursor: url(../highslide/graphics/zoomin.cur), pointer;
	outline: none;
	text-decoration: none;
}
.highslide img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	background-color: #D8DFD1;
	padding: 5px;
	border: 2px solid #A5B489;
}
.highslide:hover img {
	border-color: gray;
}

.highslide-active-anchor img, .highslide-active-anchor:hover img {
	border-color: black;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .rounded-white {
	background: white;
}
.highslide-image-blur {
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding-left: 22px;
	/*background: url(../highslide/graphics/icon.gif) no-repeat 0 1px;*/
}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(../highslide/graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: gray;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}


/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	top: -23px;
	left: 7px;
}
.highslide-controls ul {
	height: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.highslide-controls li {
	float: left;
}
.highslide-controls a {
	background-image: url(../highslide/graphics/controlbar-white-small.gif);
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}
.highslide-controls .highslide-move {
	display: none;
}
.highslide-move a {
	cursor: move;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}