html, body {
	margin: 0 auto;
	padding: 0;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.2;
	background: #2F343B;
}

#outerDiv {
	margin: 0 auto;
	padding: 0;
	width: 1024px;
}

#outerDiv #header {
	position: relative;
	border-bottom: 10px solid #C77966;
	height: 135px;
	}
	
#header #h1_branding {
	margin: 10px 0 0 45px;
	height: 130px;
	background: url(../images/theWilliamsGroup-Logo.png) 0 0 no-repeat;
	text-indent: -9999px;
	width: 406px;
	float: left;
}

#header #business_desc {
	float: left;
	width: 508px;
	margin: 40px 0px 0px 40px;
	padding: 5px 0 10px 20px;
	font-size: 300%;
	line-height: 1.4;
	color: #fff;
	font-style: italic;
	border-left: 2px dotted #fff;
}

/* ==========================================================================
   Carousel styles
   ========================================================================== */
   
#outerDiv #carousel_container {
	position: relative;
	margin: 0 auto;
	padding: 15px 0;
	float: left;
	width: 1024px;
	background: #FFF6E5;

}

#outerDiv #carousel_wrapper {
	margin: 0;
	padding: 0;
	position: relative;
	width: 581px;
	height: 434px;
	float: left;
}

#featured_gallery {
	margin: 0;
	padding: 0;
	float: left;
	width: 581px;
	height: 434px;
	overflow: hidden;
}

#previous-btn {
	margin: 184px 40px 0px 140px;
	float: left; 
	width: 41px;
	border: 0; 
	padding: 0;
	cursor: pointer;
}

#next-btn {
	margin: 184px 0px 0px 40px;
	float: left; 
	width: 41px;
	border: 0; 
	padding: 0;
	cursor: pointer;
}

#featured_gallery div {
	position: absolute;	
	z-index: 0;
}

#featured_gallery div.previousPhoto {
	z-index: 1;
}

#featured_gallery div.currentPhoto {
	z-index: 2;
}

/* ==========================================================================
   Contact styles
   ========================================================================== */

#outerDiv #contact_info {
	clear: both;
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1024px;
	background: #FFF6E5;
	text-align: center;
	height: 30px;
}

#contact_info ul{
	margin: 15px 0;
	padding: 15px 0 0 0;
	font-size: 240%;
	font-style: italic;
	color: #2F343B;
	list-style-type: none;
}

#contact_info li {
	display: inline;
}

#contact_info li.bullet {
	margin: 0 10px 0 0;
	padding: 0 20px 0 0;
	background: url(../images/bullet.png) top right no-repeat;
}

.email_link {
	color: #2F343B;
	text-decoration: none;
}

.email_link:hover {
	color: #703030;
	text-decoration: underline;
}

/* ==========================================================================
   Gallery Nav styles
   ========================================================================== */

#outerDiv #project_gallery_nav {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1024px;
	float: left;
	background-color: #703030;
}

#project_gallery_nav h2 {
	margin: 0;
	padding: 0;
	font-size: 320%;
	line-height: 2.3;
	color: #fff;
	text-align: center;
	border-top: 10px solid #C77966;
}

#project_gallery_nav ul {
	margin: 0;
	padding: 0 0 0 12px;
	float: left;
	width: 1012px;
	list-style-type: none;
	background-color: #E2DACC;
	height: 240px;
	text-align: center;
}

#project_gallery_nav ul li h3 {
	color: #2F343B;
}

#project_gallery_nav li {
	display: inline;
}

#project_gallery_nav a {
	margin: 20px 10px 15px 10px;
	padding: 170px 0 0 0;
	float: left;
	width: 180px;
	height: 200px;
	font-size: 240%;
	background: url(../images/gallery_thumbs.jpg) no-repeat 0 0;
	text-decoration: none;
	text-align: center;
	border: 0;
}

#hidden {
	display:none;
}

/* Retail Styles */

#project_gallery_nav  a.retail {
	background-position: 0 0;	
}

#project_gallery_nav a.retail:hover {
	background-position: -180px 0;	
}

#project_gallery_nav a.retail.current {
	background-position: -180px 0;	
}  
#project_gallery_nav a.commercial {
	background-position: -360px 0;
}

#project_gallery_nav a.commercial:hover {
	background-position: -540px 0;
}

#project_gallery_nav a.commercial.current {
	background-position: -540px 0;
}

/* Healthcare Styles */

#project_gallery_nav a.healthcare {
	background-position: -720px 0;
}

#project_gallery_nav a.healthcare:hover {
	background-position: -900px 0;
}

#project_gallery_nav a.healthcare.current {
	background-position: -900px 0;
}

/* Educational Styles */

#project_gallery_nav a.educational {
	background-position: -1080px 0;
}

#project_gallery_nav a.educational:hover {
	background-position: -1260px 0px;
}

#project_gallery_nav a.educational.current {
	background-position: -1260px 0px;
}

/* Financial Styles */

#project_gallery_nav a.financial {
	background-position: -1440px 0;
}

#project_gallery_nav a.financial:hover {
	background-position: -1620px 0;
}

#project_gallery_nav a.financial.current {
	background-position: -1620px 0;
}

/* ==========================================================================
   Footer styles
   ========================================================================== */

#outerDiv #footer {
	clear: both;
	position: relative;
	margin: 10px auto;
	padding: 0;
	float: left;
	width: 1024px;
}

#footer p {
	font-size: 190%;
	text-align: center;
	color: #fff;
}

.bold {
	font-weight: bold;
}