@import url("webStyle-enhance.css");

body 
{
    font-family:Century Gothic;
    font-size:13px;
    margin: 0 5px 0 5px;
    background-color:#999966;
}

img
{
    border:0px;
}

a, a:visited, a:active
{
    color:Blue;
}

.Heading
{
    font-size:16px;
    font-weight:bold;
    color:White;
}

.SmallHeading
{
    font-size:14px;
    font-weight:bold;
}

.MainTable
{
    margin: 0 auto;
    padding: 0;
    width:904px;
    background-color:#CCCC99;
}

.Slogan
{
    font-size:18px;
    font-style:italic;
    font-weight:bold;
    color:White;
}

.top
{
    background: url(Images/topback2.gif);
    background-repeat: repeat-x;
    height: 143px;
    padding:0 0 10px 0;
}

.Title
{
    font-weight:bold;
    font-size:20px;
}

.TitleBack
{
    background: url(Images/titleback.gif);
    background-repeat:repeat-x;
}

.bottomTitleBack
{
	background: url(Images/bottomtitleback.gif);
	background-repeat:repeat-x;
}

.TitleBottom
{
    background: url(Images/titlebottom.gif);
    background-repeat:repeat-x;
}

a.WhiteLink, a.WhiteLink:visited, a.WhiteLink:active
{
    color:White;
}

.TabbedRow
{
    padding-left:35px;
    padding-bottom:5px;
}

.tableleft
{
	padding-left: 2px; 
	margin-left: 2px; 
	border-left: black 2px solid;
}

.tableright
{
	padding-right: 2px;
	margin-right: 2px;
	border-right: black 2px solid;
}

.tableleftright
{
	padding-left: 2px; 
	margin-left: 2px; 
	border-left: black 2px solid;
	padding-right: 2px;
	margin-right: 2px;
	border-right: black 2px solid;
}

.Button
{
    text-decoration:none;
}

div.hr 
{ 
    margin: 10px 0px 10px 0px; 
    border: none; 
    border-top: 1px solid gray; 
}

div.hr hr { display: none; }

/* Login Style */

.Wrap
{
    font-family:Century Gothic;
    font-size:13px;
    margin: 0 5px 0 5px;
}

/* 
	Navigation Styling 

	Uses sprites which combines all navigation images into one big image to reduce load times.  CSS then positions the background appropriately
	so the navigation looks proper.  There is also text inside the links which helps with SEO and in case of stylesheet failure, so 
	we have to hide that from ever being seen on proper browsers.

*/

/* hide the navigation spans */
#nav-wrapper a span {
/*	display: none;*/
}

#nav-wrapper a {
/*	margin: 1px 1px 1px 45px;
	padding: 0;
	width: 195px;
	height: 30px;
	position: block;
	float: left;
	background-repeat: no-repeat;
	background-image: url("Images/navigation_sprite.png");*/
}

#nav-wrapper {
	margin: 1px 1px 1px 45px;
	padding: 0;
	width: 195px;
}

#nav-wrapper ul {

}

#nav-wrapper li {
	list-style: none;
	font-size: 18px;
/*	border: 1px solid #797978;*/
}

#nav-wrapper li a {
	background-color: #9D9D6B;
	color: #EEEDED;
	text-decoration: none;
	display: block;
	padding: 4px 0 4px 8px;
	text-shadow:1px 1px 1px #1c5e28;
	background:-webkit-gradient(linear, left top, left bottom, from(#b1b18a), to(#9D9D6B));
				-webkit-transition: -webkit-transform 0.1s ease-in;
}

#nav-wrapper li:first-of-type a{
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

#nav-wrapper li:last-of-type a{
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

#nav-wrapper li a:hover{
	background:#CCCC0D;

	text-shadow:1px 1px 1px #0d4f6b;
	background:-webkit-gradient(linear, left top, left bottom, from(#acac0b), to(#CCCC0D));
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	-moz-box-shadow:0 0 5px #666;
	-webkit-box-shadow:0 0 5px #666;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.homedesign {
	
}

.photogallery {
	float: left;
}

.photogallery a {
	padding: 25px;
}

.homedesign img, .photogallery img {
	background-color: #FFFFFF;
	border: 1px solid #999966;
	padding: 4px;
	margin: 2px;
}

#homelisting {
	float: left;
	width: 890px;
	padding: 10px 0;
	display: block;
}

#homelisting dl {
	float: left;
	width: 808px;
	margin: 10px 20px;
	padding: 0;
	display: inline; /* fixes IE/Win double margin bug */
	border-bottom: 1px solid #808080;
}

#homelisting dt {
	float: right;
	width: 500px;
	margin: 0;
	padding: 0;
	font-size: 130%;
	letter-spacing: 1px;
	color: #808080;
}

#homelisting dd {
	margin: 0 0 0 308px;
	padding: 5px 0 10px 0;
	font-size: 85%;
	line-height: 1.5em;
	color: #000000;
}

#homelisting dl dd.img {
	margin: 0;
}

#homelisting dd.img img {
	float: left;
	margin: 0 8px 0 0;
	padding: 4px;
	border: 1px solid #999966;
	background: #fff;
}

#homelisting dd img {
	background-color: #FFFFFF;
	border: 1px solid #999966;
	padding: 4px;
}

#homelisting dd ul {
	list-style: disc inside;
}

#homelisting small {
	color: #330000;
}

#nav-home {					background-position: 0px 0px;}
#nav-home:hover {			background-position: -195px 0px;}

#nav-company {				background-position: 0px -30px;}
#nav-company:hover {		background-position: -195px -30px;}

#nav-quality {				background-position: 0px -60px;}
#nav-quality:hover {		background-position: -195px -60px;}

#nav-homedesign {			background-position: 0px -90px;}
#nav-homedesign:hover {		background-position: -195px -90px;}

#nav-projects {				background-position: 0px -120px;}
#nav-projects:hover {		background-position: -195px -120px;}

#nav-photo {				background-position: 0px -150px;}
#nav-photo:hover {			background-position: -195px -150px;}

#nav-service {				background-position: 0px -180px;}
#nav-service:hover {		background-position: -195px -180px;}

#nav-testimonials {			background-position: 0px -210px;}
#nav-testimonials:hover {	background-position: -195px -210px;}

#nav-contact {				background-position: 0px -240px;}
#nav-contact:hover {		background-position: -195px -240px;}