@charset "utf-8";
/*****************************************

	WEBSITE:	www.faduchigroup.com
	COMPANY:	Faduchi Group
	AUTHOR: 	Josh Horvath
				josh@faduchigroup.com
			
	PRIMARY COLOURS:
		Beige: #cdcbb4
		Brown: #3e3e2b
		Title bars: #909068
			
/*****************************************

/* RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
html {
	overflow-y: scroll;
}
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: url(../images/background.jpg) top center repeat #333;
	color: #3e3e2b;
	margin:  0;
}
ul	{ list-style: none inside; }
	
.border {
	border: 10px solid #eae3d4;
	/* rounded corners */
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}
/* END RESET */

/* FONTS */
h1 {
	font-family: "Helvetica", sans-serif;
	font-size: 24px;
	letter-spacing:  -.05em;
	text-shadow: none;
}
h2	{ font-family: "Helvetica", sans-serif; text-shadow: none; font-size: 20px; margin-top: 15px; }
p {
	font-size: 13px; margin: 9px 0; line-height: 1.5em;
}
.nopad { margin: 0; padding: 0; }
a, a:visited, a:focus {
	outline: none; text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: underline;
}
a:focus { outline: none; }
a img { border: none; }
div#wrapperFooter a,
div#wrapperFooter a:visited {
	color: #fff;
}
/* END FONTS */

/* TOOLBOX */
.floatLeft  { float: left; }
.floatRight { float: right; }
.clear		{ clear: both; margin: 0 !important; }
.round		{
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
.no-border 	{ border: none !important; margin-top: 20px; }
/* END TOOLBOX */

/* STRUCTURE AND STUFF */

#page-wrap {
	position: relative;
	width: 944px;
	margin: auto;
	background: url(../images/bkg_glow.png) repeat-y top center;
}

#header-wrap,
#content-wrap,
#content-wrap-home,
#footer-wrap {
	position: relative;
	width: 884px;
	margin: auto;
	overflow: hidden;
}
#header-wrap 		{ overflow: visible; }
#content-wrap,
#content-wrap-home 	{ background: url(../images/bkg_contentWindow.png) no-repeat center top #d2c1a1; text-shadow: 1px 1px 0 #e6d8c3; }
#footer-wrap 		{ background: url(../images/bkg_Footer.png) center bottom no-repeat #d2c1a1; color: white; min-height: 348px; }

/*------------------------------------------------------------------------------------------------
	HEADER SECTION
  ------------------------------------------------------------------------------------------------*/
#logo_FaduchiGroup a {
	position: absolute;
	top: 20px; left: 20px;
	width: 350px; height: 70px;
	display: block;
	z-index: 999;
	text-indent: -9999px;
}	

/*------------------------------------------------------------------------------------------------
	Header Image Rotator
  ------------------------------------------------------------------------------------------------*/
#headerImgRotator {
	position: relative;
	height: 273px;
	overflow: hidden;
}

	/* The Nivo Slider styles */
	.nivoSlider {
		position:relative;
	}
	.nivoSlider img {
		position:absolute;
		top:0px;
		left:0px;
		display: none;
	}
	/* The slices in the Slider */
	.nivo-slice {
		display:block;
		position:absolute;
		z-index:50;
		height:100%;
	}


/*------------------------------------------------------------------------------------------------
	Top Navigation
  ------------------------------------------------------------------------------------------------*/
#topNav {
	background: url(../images/bkg-nav.jpg) top left repeat;
	position: relative;
	display: block;
	padding-left: 5px;
	border-top: 1px solid #75754f;
	}
	#topNav li {
		display: inline;
		list-style: none;
	}
	#topNav li a {
		color: #fff;
		text-shadow: 1px 1px 0 #75754f;
		outline: none;
		text-decoration: none;
		line-height: 39px;
		color: #fff;
		font-size: 14px;
		padding: 5px 25px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		background: #8c8c64;
		}
		#menu-css li a:hover {
			background: #707051;
			padding: 5px 25px;
		}


/*------------------------------------------------------------------------------------------------
	MAIN CONTENT
  ------------------------------------------------------------------------------------------------*/
/* SECTION 1 */
.section-1,
.section-2,
.section-3 {
	width: 357px;
	float:  left;
	padding:  30px 30px 0 30px;
	}
	.section-1 p,
	.section-2 p,
	.section-3 p {
		text-align: justify;
		}
	.section-1 p.bubbleTitle {	/* all headings in the bubble */
		background: #909068;
		padding: 5px 7px 13px 7px;
		margin-bottom: 16px;
		float: right;
		font-size: 10px;
		color: #fff;
		text-align: right;
		text-transform: lowercase;
		font-weight: normal;
		width: 55%;
		text-shadow: 1px 1px 0 #83835c;
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
	}
	.section-1 p.bubbleTitle span {	/* all arrows at bottom of the bubble */
		margin: 0 0 -21px 180px;
		display: block;
		height: 13px; width: 35px;
		background: url(../images/tab_down-brown.png);
	}


/* Section 2 */

.section-2 {	/* all content on the RIGHT side */
	width: 394px;
	margin-top: 125px;
	}
	.section-2 div h3 {	/* all headings in the bubble */
		position: relative;
		background: #909068;
		padding: 3px 7px 5px 7px;
		text-shadow: 1px 1px 0 #83835C;
		margin-bottom: 20px;
		font-size: 17px;
		color: #fff;
		text-transform: lowercase;
		font-weight: normal;
		width: 70%;
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
	}
	.section-2 div h3 span {	/* all arrows at bottom of the bubble */
		position: absolute;
		bottom: -12px;
		left: 22px;
		display: block;
		height: 13px; width: 35px;
		background: url(../images/tab_down-brown.png);
	}
	.section-2 div p { margin-top: 5px; }
	.section-2 ul { padding: 0; }
	.section-2 img { 
		border: 10px solid #eae3d4;
		display: block;
		/* rounded corners */
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
/* Section 3 */

.section-3 { width: 824px; padding: 30px; }
.section-3 img { padding: 20px 0; }

/* page specific content-wraps 
	#content-wrap-home
*/
#content-wrap-home .section-1 {
	width: 388px;
	min-height: 780px;
	background: url(../images/divider_vert-shading.png) no-repeat top right;
}
#content-wrap-home .section-2 { width: 339px; margin: 0; }
.section-3 img {
	float: right;
	margin-left: 24px;
}
.section-3 div { clear: both; margin: 40px 0; }
.section-3 div p {
	text-align: justify;
	}
.section-3 img,
.section-3 div img {
	border: 10px solid #eae3d4;
	padding: 0;
	margin-bottom: 10px;
	/* rounded corners */
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}

/*------------------------------
	Portfolio & Blog
------------------------------*/
.section-3 #project-list,
.section-3 #blog-list {
	margin-top: 30px;
	}
.section-3 #blog-list {
	width: 520px;
	float: left;
	clear: none;
	}
	.section-3 #blog-list img,
	.section-3 #blog-list object {
		float: none !important;
		margin:auto;
		margin-top: 10px;
		margin-bottom: 10px;
		display: block;
		border: 5px solid #eae3d4 !important;
		/* rounded corners */
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		}
	.section-3 #blog-list .blog-date {
		font-size: 11px;
		margin: 0 0 0 1px;
		border-bottom: 1px dashed #6F6F4D;
		opacity: 0.8;
		}
	.section-3 #blog-archive {
		float: left;
		width: 250px;
		font-size: 11px;
		clear: none;
		margin-left: 20px;
		width: 270px;
		}
	.section-3 #blog-archive a,
	.section-3 #blog-archive a:visited {
		color: #6f6f4d;
		}
	.section-3 #blog-list a,
	.section-3 #blog-list a:visited {
		color: #fff;
		opacity: 0.9;
		}
	.section-3 #blog-list a:hover { opacity: 1; text-decoration: underline; }
	.section-3 #blog-archive a:hover { color: #e37000; text-decoration: none; }
	.section-3 #blog-archive h2 {
		margin: 0 !important;
		}
	.section-3 #blog-list div {
		background: #DDCEB1;
		color: #666;
		padding: 0 10px;
		border: 1px solid #7D7B58;
		margin: 20px 0 0;
		/* rounded corners */
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		}
		.section-3 #blog-list div p { color: #7D7B58; font-size: 11px; text-shadow: none !important; }
		.section-3 #blog-list div p span { color: #666; font-size: 11px; }
.section-3 #project-list li,
.section-3 #blog-list li {
	padding: 15px;
	clear: both;
	color: #ddceb1;
	text-shadow: 1px 1px 0 #6F6F4D;
	background: url(../images/bkg-projectlist.jpg) left bottom no-repeat #8e8967;
	/* rounded corners */
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	/* inner box shadow */
	box-shadow: inset 1px 1px 10px #6f6f4d;
	-moz-box-shadow: inset 1px 1px 10px #6f6f4d;
	-webkit-box-shadow: inset 1px 1px 10px #6f6f4d;
	}
.section-3 #project-list li:last-child,
.section-3 #blog-list li:last-child {
	border: 0;
}
.section-3 #project-list ul li {
	background: none;
	font-size: 13px;
	padding: 0;
	/* box shadow */
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;	
}
.section-3 #blog-list ul li {
	list-style: outside disc;
	background: none;
	font-size: 13px;
	padding: 0;
	margin: 0 0 0 15px;
	/* box shadow */
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
.section-3 #project-list ul li h1,
.section-3 #blog-list ul li h1 {
	color: #DDCEB1 !important;
	font-size: 18px;
}
.section-3 #project-list img,
.section-3 #blog-list img {
	padding: 0;
	border: 10px solid #eae3d4;
	margin-top: 0;
	/* rounded corners */
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.section-3 #project-list img:hover,
.section-3 #blog-list img:hover {
	border:10px solid #fff;
}
.section-3 #project-list h1,
.section-3 #blog-list h1 {
	margin-top: 20px;
	color: #3E3E2B;
	text-shadow: 1px 1px 5px #A19D73;
	}
.section-3 #project-list h2,
.section-3 #blog-list h2 {
	font-size: 18px;
	color: #3E3E2B;
	text-shadow: 0;
	text-shadow: 1px 1px 5px #A19D73;
	}
.section-3 #project-list a,
.section-3 #project-list a:visited {
	color: #fff !important;
	}
.section-3 #project-list .work-done {
	display: block;
	}
.section-3 #project-list .work-done li {
	float: left;
	font-size: 12px;
	clear: none;
	padding: 0;
	background: none;
	/* inner box shadow */
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
.section-3 #project-list .view-project,
.section-3 #project-list .case-study,
.section-3 #blog-list .leave-comment {
	text-indent: -9999px;
	float: left;
	margin-right: 5px;
	width: 105px;
	height: 33px;
	display: block;
	background: url(../images/btn-projectbuttons.png) no-repeat left top;
}
.section-3 #project-list .case-study {
	background-position: -105px top;
}
.section-3 #blog-list .leave-comment {
	background-position: right top;
	float: none;
}
.section-3 #project-list .view-project:hover {
	background-position: left bottom;	
}
.section-3 #project-list .case-study:hover {
	background-position: -105px bottom;	
}
.section-3 #blog-list .leave-comment:hover {
	background-position: right bottom;
}
.section-3 #img-faduchiguys {
	position: relative;
	background: url(../images/img-faduchiguys.jpg) no-repeat;
	width: 790px;
	height: 188px;
	border: 10px solid #eae3d4;
	margin: 160px 0 180px 0;
	/* rounded corners */
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.section-3 #contact-josh,
.section-3 #contact-todd,
.section-3 #contact-faduchi {
	margin: 0;
	position: absolute;
	background: #909068;
	padding: 15px;
	color: #fff;
	text-shadow: 1px 1px 0 #83835C;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #83835C;
	box-shadow: 10px 10px 5px rgba(0,0,0,.5);
	-moz-box-shadow: 10px 10px 5px rgba(0,0,0,.5);
	-webkit-box-shadow: 10px 10px 5px rgba(0,0,0,.5);
	z-index: 1000;
}
.section-3 #contact-josh span,
.section-3 #contact-todd span,
.section-3 #contact-faduchi span {	/* all arrows at bottom of the bubble */
	margin: 0 0 -25px 160px;
	display: block;
	height: 13px; width: 35px;
	background: url(../images/tab_down-brown.png);
}
.section-3 #contact-todd span {	/* all arrows at bottom of the bubble */
	margin: 0 0 -25px 25px;
}
.section-3 #contact-faduchi span {	/* all arrows at bottom of the bubble */
	background: url(../images/tab_down-brown-up.png);
	margin: -25px 20px 0 0;
}
.section-3 #contact-josh a,
.section-3 #contact-todd a,
.section-3 #contact-faduchi a { color: #F5EDDD; }
.section-3 #contact-josh a:hover,
.section-3 #contact-todd a:hover,
.section-3 #contact-faduchi a:hover { color: #fff; }
.section-3 #contact-josh { top: -110px; left: 70px; }
.section-3 #contact-todd { top: -110px; left: 500px; }
.section-3 #contact-faduchi { top: 180px; left: 360px; width: 210px; }


/* Titles */
#title-howitallbegan,
#title-thecreative,
#title-ourwork,
#title-blog,
#title-makecontact {
	width: 824px;
	height: 81px;
	padding: 30px 30px 0 30px;
	background: url(../images/title-howitallbegan.png) no-repeat;
	text-indent: -9999px;
	z-index: 100;
}
#title-thecreative { background: url(../images/title-thecreative.png) no-repeat; }
#title-makecontact { background: url(../images/title-makecontact.png) no-repeat; }
#title-ourwork	   { background: url(../images/title-ourwork.png) no-repeat; }
#title-blog		   { background: url(../images/title-blog.png) no-repeat; }

	/* Widget: recent work */
	div#widget-recentWork {
		padding-bottom: 15px;
		}
		a.thumb-recentWork {
			float: left;
			width: 138px;
			height: 61px;
			display: block;
			text-indent: -9000px;
			background: url(../images/thumb_recentWork-htsyoh.png);
			border: 10px solid #eae3d4;
			margin: 10px 10px 0 0;
		/* rounded corners */
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		}
		a.thumb-recentWork:hover,
		a#thumb-caseStudy:hover,
		#widget-video #video {
			border: 10px solid #f5f0e6;
		}
	/* Promo Video */
	#widget-video #video {
		margin-top: 14px;
		width: 355px;
		height: 224px;
		text-align: center;
		background: #f5f0e6;
		overflow: hidden;
		/* rounded corners */
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		}
	
	/* Widget: Case Study & Portfolio */
	#widget-caseStudy,
	#widget-portfolio {
		padding-bottom: 15px;
		}
		#thumb-caseStudy,
		#thumb-portfolio {
			width: 306px;
			height: 66px;
			display: block;
			text-indent: -9000px;
			background: url(../images/thumb_caseStudy.jpg);
			border: 10px solid #eae3d4;
			/* rounded corners */
			border-radius: 8px;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}
		#thumb-portfolio { background: url(../images/thumb_portfolio.jpg); }
	

/*------------------------------------------------------------------------------------------------
	FOOTER
  ------------------------------------------------------------------------------------------------*/
#footer-wrap div h3 {	/* all headings in the bubble */
		position: relative;
		background: #fff;
		padding: 3px 7px 10px 7px;
		margin-bottom: 10px;
		font-size: 17px;
		color: #909068;
		text-transform: lowercase;
		font-weight: normal;
		width: 200px;
		height: 16px;
		text-shadow: none;
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
	}

	#footer-wrap div h3 span {	/* all arrows at bottom of the bubble */
		position: absolute;
		bottom: -12px;
		left: 22px;
		display: block;
		height: 13px; width: 35px;
		background: url(../images/tab_down-white.png);
	}
	#footer-wrap a,
	#footer-wrap a:visited { color: #f5eddd; }
	#footer-wrap a:hover { color: #fff; text-decoration: none; }


#footer-wrap div ul {
	padding: 5px 0;
	}
#footer-wrap div ul li {	/* all list items within div's */
		font-size: 12px;
		line-height: 18px;
		margin-left: 7px;
		text-shadow: 0 0 3px #000;
	}

	#link-footerPartners {
		position: absolute;
		left: 15px;
		top: 330px;
		width: 220px;
		height: 40px;
		margin-right: 10px;
		}
		
		#link-footerPartners a {
			width: 237px;
			height: 40px;
			display: block;
			text-indent: -9000px;
			opacity: 0.8;
			background: url(../images/img_quattro.png) no-repeat center center;
		}		
		#link-footerPartners a:hover { opacity: 1; }


/* left & right sections */

#footer-wrap .foot-content {
	padding: 20px 0 0 32px;
	display: block;
	clear: both;
	width: inherit;
	min-height: 0;
	float: inherit;
	background:none;
}

#footer-wrap .foot-contentimg {
	border: 0;
	}
/* -------- FOOTER WIDGETS --------- */

#widget-clientList,
#widget-tweets,
#widget-contact,
#widget-sponsoredSites,
#widget-designResources,
#widget-connect {
	float: left;
	margin: 0 10px 10px 0;
	width: 220px;
	}
#widget-clientList p,
#widget-tweets p,
#widget-contact p,
#widget-sponsoredSites p,
#widget-designResources p,
#widget-connect p {
	margin: 0;
	line-height: 14px;
	display: inline;
	}

	/* Client List */
	div#widget-clientList li { list-style: disc inside; }
		
	/* Tweets */
	#widget-tweets {
		position: relative;
		width: 375px;
		}
		#widget-tweets img {
			position: absolute;
			left: 65px;
			top: 2px;
		}
		#widget-tweets ul {
			position: relative;
			padding: 10px !important;
			margin-top: 20px;
			margin-bottom: 15px;
			width: 340px;
			background: url(../images/bkg_transparentWhite.png);
			border: 1px solid white;
			letter-spacing: -1px;
			line-height: 20px;
			font-size: 20px;
			/* box shadow */
			box-shadow: 2px 2px 15px #1b341e;
			-webkit-box-shadow: 2px 2px 15px #1b341e;
			-moz-box-shadow: 2px 2px 15px #1b341e;
			/* box shadow */
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
		}
		#widget-tweets ul span {
			letter-spacing: -1px;
			line-height: 20px;
			font-size: 20px;
			padding: 0;
			margin: 0;
			text-shadow: 0 0 5px #666;
		}
		#widget-tweets ul a { font-size: 12px; font-weight: bold; display: block; text-shadow: 0 0 1px #333333; }
	/* end tweets */

	/* Site Map & Privacy Policy */	
	
	#footerNav {
		position: absolute;
		top: 4px; left: 480px;
		}
		#footerNav li {
			margin-top: 20px;
			display: block;
			clear: both;
			font-size: 18px;
		}
		#footerNav li a,
		#footerNav li a:visited { font-size: 14px; color: #fff; padding: 0 4px; text-shadow: 1px 1px 1px #666; }
		#footerNav li a:hover 	{ color: #eaf3da;}

	/* Design Resources */	
	#widget-sponsoredSites { width: 300px; }

	/* Design Resources */	
	#widget-designResources {  }
		#widget-designResources li { list-style: disc inside; }

	/* Connect With Us */
	#widget-connect li {
		float: left;
		margin: 7px 2px 0 0 !important;
		/* box shadow */
		box-shadow: 0 0 3px #1B341E;
		-moz-box-shadow: 0 0 3px #1B341E;
		-webkit-box-shadow: 0 0 3px #1B341E;
		/* rounded corners */
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		}
		#widget-connect li a {
			width: 48px;
			height: 47px;
			display: block;
			text-indent: -9999px;
			opacity: 0.9;
			background: url(../images/img-social.png) no-repeat left top;
			}
		#widget-connect li .connect-twitter { background-position: -50px top; }
		#widget-connect li .connect-youtube { background-position: -101px top; }
		#widget-connect li .connect-linkedin { background-position: -152px top; }
		#widget-connect li a:hover { opacity: 1; }