/*********************** 
CSS By Josh Wilson 2009
     People To My Site
**********************/

@import url("reset.css");


body{
	background: #073356;
	color: #fff;
	font: 13px/16px "Helvetica", Arial, Geneva, sans-serif;
}
.clear{
	clear: both;
}
a {
	color: #FFF;
}
ul{
	margin-top: 0px !important;
}

#wrapper{
	margin: 0 auto;
	width: 980px;
}

.content-header{
	background: url(../images/bg_contentHeader.jpg) top left no-repeat;
	height: 22px;
	width: 980px;
}

.main-content{
	background: url(../images/bg_contentRepeat.jpg) top left repeat-y;
	overflow: hidden;
	padding: 0 27px 100px 27px;
	position: relative;
	overflow: hidden;
	width: 931px;
}
.content-footer{
	clear: both;
	background: url(../images/bg_contentFooter.jpg) top left no-repeat;
	height: 71px;
	padding-top: 20px;
	width: 980px;
}
.things-we-do{
	padding-bottom: 20px;
	overflow: hidden;
}
.things-we-do li{
	float: left;
	margin-right: 20px;
	width: 170px;
}
.logo{
	background: url(../images/logo.png) top left no-repeat;
	height: 150px;
	position: absolute;
	top: -2px;
	left: 50px;
	width: 222px;
}

/* @group My Group */

.navigation{
	background: url(../images/bg_nav.jpg) top left repeat-x;
	height: 32px;
	width: 931px;
}

.nav{
	margin: 0 0 0 219px !important;
}

.nav li{
	display: inline;
	float: left;
	list-style: none;
}

.nav li a{
	display: block;
}



.roomAdditions, .remodeling, .basementSystems, .handymanServices, .contactUs, .joinOurCrew{
	text-indent: -9999px;
}

.roomAdditions:hover, .remodeling:hover, .basementSystems:hover, .handymanServices:hover, .contactUs:hover, .joinOurCrew:hover, .active{
	background-position: 0 -32px !important;
}
.roomAdditions{
	background: url(../images/nav_roomAdditions.jpg) 0 0 no-repeat;
	height: 32px;
	overflow: hidden;
	width: 150px;
}

.remodeling{
	background: url(../images/nav_remodeling.jpg) 0 0 no-repeat;
	height: 32px;
	overflow: hidden;
	width: 97px;
}

.basementSystems{
	background: url(../images/nav_basementSystems.jpg) 0 0 no-repeat;
	height: 32px;
	overflow: hidden;
	width: 131px;
}

.handymanServices{
	background: url(../images/nav_handymanServies.jpg) 0 0 no-repeat;
	height: 32px;
	overflow: hidden;
	width: 140px;
}

.contactUs{
	background: url(../images/nav_contactUs.jpg) 0 0 no-repeat;
	height: 32px;
	overflow: hidden;
	width: 86px;
}

.joinOurCrew{
	background: url(../images/nav_joinOurCrew.jpg) 0 0 no-repeat;
	height: 32px;
	overflow: hidden;
	width: 108px;
}
/* @end */

/* @group Colomns */

.3-column{
	overflow: hidden;
	width: 931px;
}

	.column-1, .column-2, .column-3{
		display: inline;
		float: left;
		margin-top: 10px;
	}

	.column-1{
		width: 250px;
		position: relative;
	}
	.column-2{
		width: 410px;
		margin-top: 21px !important;
		overflow: hidden;
	}
	
		.home .column-2{
			margin-left: 20px;
		}
		.join .column-2{
			width: 600px;
		}
		
	.column-3{
		float: right !important;
		margin-left: 30px;
		overflow: hidden;
		width: 225px;
		position: relative;
		margin-right: 16px;
	}
	.home .column-3{
	margin-top: 21px;
	margin-left: 0;
}

.contact-visit{
	position: relative !important;
	margin-right: 16px !important;
}

/* @end */

/* @group Tags */

.tag{
	display: block;
	position: absolute;
	top: 5px;
	right: 20px;
	z-index: 100;
}
.home-tag{
	margin: 10px 0 0 20px;
}
.roomadd-tag{
	margin-left: 20px;
}

.contact-tag{
	margin-left: 60px;
}
.remodeling-tag{
	margin: 5px 0 0 30px;
}

.basementSystem-tag{
	margin: 10px 0 0 5px;
}

/* @end */

/* @group Footer */
.nav-footer{
	font-size: 10px;
	margin: 10px 0 0 22px;
}

.nav-footer li{
	display: inline;
	float: left;
}

.nav-footer li a{
	color: #fff;
	margin: 0 5px;
}

.spon-aff{
	display: inline !important;
	float: right !important;
	margin-right: 20px !important;
}
.spon-aff li{
	display: inline !important;
	float: left !important;
	list-style: none !important;
}

.footer-phone{
	display: inline;
	float: left;
	font-size: 16px;
	margin-right: -10px;
	margin-left: 27px;
	position: relative;
	bottom: -5px;

}
.copywrite{
	display: inline !important;
	float: left !important;
	font-size: 10px !important;
	margin-left: 27px !important;
	margin-top: 5px !important;
}


/* @end */

/* @group Showroom Hours / Location */
.visit-showroom{
	background: url(../images/bg_visitShowroom.gif) top left no-repeat;
	height: 185px;
	width: 228px;
}

.visit-showroom ul{
	margin-left: 23px;
}

.visit-showroom li{
	list-style: none;
}

.visit-hours{
	padding-top: 40px;
}
/* @end */

/* @group Gallery Buttons */
.gallery-links{
	margin: 0;
	padding: 10px 0 0 0;
}
.gallery-links li{
	display: inline;
	float: left;
	list-style: none;
	margin: 0 5px 20px 0;
	width: 125px;
}

.gallery-links li a{
	text-indent: -9999px;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}


.btn-roomAdditions{
	background: url(../images/btn_roomAdditions.gif) 0 0 no-repeat;
	height: 47px;
	overflow: hidden;
	width: 125px;
}

.btn-conservatories{
	background: url(../images/btn_conservatories.gif) 0 0 no-repeat;
	height: 47px;
	overflow: hidden;
	width: 125px;
}

.btn-wineRooms{
	background: url(../images/btn_wineRooms.gif) 0 0 no-repeat;
	height: 47px;
	overflow: hidden;
	width: 125px;
}


.btn-roomAdditions:hover, .btn-conservatories:hover, .btn-wineRooms:hover{
	background-position: 0 -47px;
}
/* @end */

/* @group Contact Us */
.pg-contact input, .pg-contact textarea{
	margin-bottom: 10px;
	margin-left: 10px;
}
.contact-submit{
	float: right;
}

.pg-contact td label{
	position: relative;
	top: -5px;
}

.join input, .join textarea{
	margin-bottom: 5px;
	margin-left: 5px;
}

/* @end */

/* @group Gallery */
.gallery{
	margin: 0;
	padding-top: 10px;
}
.gallery li{
	display: inline;
	float: left;
	list-style: none;
	margin: 0px 2px;
}
.back{
	color: #dbb364;
	display: inline;
	float: right;
}
.gallery-title{
	display: inline;
	float: left;
}
.directions{
	clear: both;
}


/* @end */