/* -------------------------------------------------------------- 
   CSS Framework Layout Styles
   * Version:   (13.07.2010)
   * Website:   FitzandFosse.com
-------------------------------------------------------------- */
body {
	margin:0px;
	padding:17px 0px 0px 0px;
	background:#363636 url(../images/body-bg.gif) repeat-x top left;
	color:#939598;
	font-size:14px;
	font-family:Georgia , Times New Roman, Times, serif;
}
.outer
{
	width:100%;
	float:left;
	background-color:#FFFFFF;
}
h1 {
	margin:0px;
	padding:0px 0px 12px 0px;
	font-size:18px;
	color:#EC008C;
}
a {
	text-decoration:none;
	outline:none;
	color:#000000;
}
a img { border:0px; }
ul, li {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
p {
	margin:0px;
	padding:0px;
}
.align-center {
	width:1023px;
	margin:0 auto;
}
.wrapper {
	width:1003px;
	float:left;
	padding:19px 0px 0px 20px;
	background-color:#FFFFFF;
}
.header {
	width:1003px;
	float:left;
	height:76px;
	border-bottom:1px solid #AEAEAE;
}
.logo {
	width:136px;
	float:left;
}
.top-nav {	
	width:764px;
	float:left;
	padding:52px 0px 0px 103px;
}
.top-nav li {
	float:left;
	display:inline;
	padding:0px 22px 0px 0px;
}
.top-nav li a {
	font-family:Helvetica, Arial,  sans-serif;
	font-size:14px;
	color:#363636;
	font-weight:600;
}
.top-nav li a:hover, .top-nav li a.active {
	color:#F90684;
}
.content-wrapper
{
	width:872px;
	float:left;
	padding:0px 0px 0px 131px;
}
.footer {
	width:100%;
	height:162px;
	float:left;
	background:#363636;
}
.footer-wrapper {
	width:870px;
	float:left;
	padding:18px 0px 0px 153px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
.footer-wrapper span {
	padding:0px 10px 0px 9px;
}
.footer-wrapper a {
	color:#FFFFFF;
}
.content-outer {
	width:872px;
	float:left;
	background:url(../images/horizontal-strip.gif) repeat-y top left;
	margin:16px 0px 0px 0px;
}
.content-inner {
	width:872px;
	float:left;
	background:url(../images/content-bg.gif) no-repeat bottom right;
	min-height:514px;
	height:auto !important;
	height:514px;
}
.home-img {
	width:511px;
	float:left;
	position:absolute;
	bottom:15px;
}
.home {
	width:872px;
	float:left;
}
.home-left {
	position:relative;
	width:510px;
	float:left;
	padding:19px 0px 0px 0px;
	min-height:508px;
	height:auto !important;
	height:508px;
	z-index:0;
}
.intro-section {
	width:483px;
	float:left;
	padding:0px 27px 39px 0px;
	font-size:18px;
	line-height:24px;
}
.home-right {
	width:344px;
	float:left;
	padding:26px 0px 0px 18px;
}
.right-section {
	width:344px;
	float:left;
}
.project-links {
	width:120px;
	float:left;
	margin:0px 20px 0px 0px;
	padding:0px 0px 8px 0px;
	display:inline;
	border-bottom:11px solid #F90684;
}
.project-links li {
	padding:0px 0px 9px 0px;
}
.project-links li.last {
	padding:0px;
}
.right-description {
	width:184px;
	float:left;
	padding:0px 20px 0px 0px;
	color:#363636;
	line-height:18px;
	font-size:13px;
}
.thirty-second-pitch {
	width:510px;
	float:left;
	height:377px;
	z-index:1;
	background:url(../images/pitch-bg.jpg) no-repeat bottom left;
}
.thirty-second {
	width:488px;
	height:77px;
	float:left;
	padding:0px 0px 0px 22px;
}
.thirty-second-link {
	width:232px;
	float:left;
	padding:140px 0px 0px 278px;
}
.thirty-second-link p {
	margin:0px;
	padding:0px 0px 6px 0px;
}
.thirty-second-link a {
	color:#363636;
	font-family:Helvetica, Arial, sans-serif;
}
/* subpage */
.subpage {
	width:872px;
	float:left;
	padding:0px 0px 15px 0px;
}
.subpage-left {
	float:left;
	padding:14px 20px 0px 0px;
	width:490px;
}
.subpage-left p {
	padding:0px 0px 25px 0px;
	line-height:24px;
}
.subpage-right {
	float:left;
	width:344px;
	padding:59px 0px 0px 18px;
}
/* projects */
.project-gallery {
	float:left;
	width:450px;
	padding:0px 40px 0px 0px;
	margin-top:-6px;
}
.project-gallery ul li {
	display:inline;
	float:left;
	padding:0px 29px 26px 0px;
}
.project-listing {
	float:left;
	width:340px;
	padding:0px 0px 40px 4px;
}
.project-listing ul li {
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#363636;
	padding:0px 0px 16px 0px;
}
.project-listing ul li a {
	color:#363636;
}
.thirty-logo {
	float:left;
	width:120px;
	padding:14px 0px 11px 0px;
	margin:0px 223px 0px 0px;
	display:inline;
	border-bottom:11px solid #F90684;
}
.font18
{
	font-size:18px;
}

/* project overlay */
.overlay-outer {
	width:621px;
	float:left;
	padding:12px 8px 28px 28px;
	background-color:#FFFFFF;
	color:#000000
}
.close {
	width:621px;
	float:left;
	text-align:right;
}
.overlay-header {
	width:596px;
	float:left;
	padding:7px 0px 0px 5px;
	border-bottom:1px solid #424242;
	margin-bottom:14px;
}
.overlay-content {
	width:596px;
	float:left;
	min-height:200px;
	height:auto !important;
	height:200px;
	color:#939598;
	font-family:Georgia,Times New Roman,Times,serif;
	font-size:14px;
	line-height:24px;
}
.overlay-content span {
	float:left;
	padding:0px 15px 0px 0px;
}
.overlay-content p {
	margin-bottom:13px;
}
.left {
	float:left;
}
/* team */
.team-repeat-box {
	float:left;
	width:490px;
	padding:0px 0px 20px 0px;	
}
.team-box {
	float:left;
	width:490px;
	padding:0px 0px 5px 0px;
}
.photo {
	width:80px;
	float:left;
	padding:0px 10px 0px 0px;
}
.member-dertail {
	width:400px;
	float:left;
}
.member-dertail h2 {
	color:#000000;
	font-size:16px;
	margin:0px;
	padding:0px 0px 5px 0px;
	font-weight:normal;
}