/* GLOBAL 
----------------------------------------- */
	
	body {
		background: url("../images/layout/bg-body.jpg") repeat-x #000;
		background-position: top;  }

	#cont {
		margin: 0 auto; padding: 0 25px 0 25px; width: 950px;
		background: url("../images/layout/bg-cont.jpg") no-repeat;
		background-position: top center; }
	
	#col-1 { float: left; width: 255px; }
	
	#col-2 {
		float: left; padding: 26px 0 0 0; width: 440px;
		background: url("../images/layout/bg-col-2.jpg") no-repeat;
		background-position: top center; }
	
	#col-3 { float: left; padding: 118px 0 0 0; width: 255px; }
	
	.image-over{
		background: url("../images/layout/pattern.gif") repeat;	
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;	
	}
	

/* LOGO 
----------------------------------------- */
	
	#logo {
		margin: 0 0 0 23px; padding: 95px 0 0 0; width: 210px; height: 95px;
		background: url("../images/layout/logo-lucky-rabbit.jpg") no-repeat; }
		
	#logo a { display: block; margin: 0 0 0 28px; width: 170px; height: 90px; }
	
	
/* NAVIGATION 
----------------------------------------- */

	#nav 			{ margin: 75px 0 0 14px; }
	
	#nav a 			{ display: block; width: 227px; height: 37px; }
	#nav a:hover 	{ background-position: 0 -37px; }
	
	#nav .nav-home		{ background: url("../images/layout/nav-home.jpg") no-repeat; }
	#nav .nav-portfolio	{ background: url("../images/layout/nav-portfolio.jpg") no-repeat; }
	#nav .nav-blog		{ background: url("../images/layout/nav-blog.jpg") no-repeat; }
	#nav .nav-about		{ background: url("../images/layout/nav-about.jpg") no-repeat; }
	#nav .nav-team		{ background: url("../images/layout/nav-team.jpg") no-repeat; }
	#nav .nav-contact	{ background: url("../images/layout/nav-contact.jpg") no-repeat; }
	
	body#home #nav .nav-home, body#portfolio #nav .nav-portfolio,
	body#blog #nav .nav-blog, body#about #nav .nav-about,
	body#team #nav .nav-team, body#contact #nav .nav-contact { background-position: 0 -37px; }
	

/* TITLES 
----------------------------------------- */

	.title-sm 		{ height: 35px; background: #1f211f; border: 1px solid #151615; }
	.title-sm img 	{ float: left; }
	.title-sm a		{ float: right; margin: 4px 10px 0 0; }
	
	.title-lg {
		margin: 0 0 0 15px; padding: 0 0 14px 0; width: 408px; height: 48px;
		background: url("../images/layout/bg-title-lg.jpg") no-repeat;
		background-position: bottom; }
		
	.title-lg .title { 
		display: block; width: 408px; height: 48px; background: #1f211f; 
		border-top: 1px solid #393d37; border-right: 1px solid #151615;
		border-bottom: 1px solid #151615; border-left: 1px solid #151615; }
		
	#home .title-lg { padding: 0; }
	

/* SHOWREEL 
----------------------------------------- */

	#showreel { margin: 0 0 0 15px; width: 410px; }
	
	#showreel .screen {
		position: relative; padding: 4px 0 0 4px; width: 404px; height: 229px;
		background: url("../images/layout/bg-showreel.jpg") repeat-x;
		border-top: 1px solid #393d37; border-right: 1px solid #181a19;
		border-bottom: 1px solid #181a19; border-left: 1px solid #181a19; }
		
		
/* RECENT PROJECTS 
----------------------------------------- */

	#recent-projects {
		margin: 0 0 0 15px; padding: 12px 0 0 0; width: 410px;
		background: url("../images/layout/bg-recent-projects.jpg") no-repeat;
		background-position: top; }
		
		
/* PROJECTS 
----------------------------------------- */
	
	#projects { margin: 0 0 0 15px; width: 410px; background: #000; border-bottom: 1px solid #181a19; }
	
	/* PREVIEW ------ */
	
	.preview { 
		padding: 4px 0 0 4px; width: 404px;
		background: url("../images/layout/bg-project.jpg") repeat-x;
		border-top: 1px solid #393d37; border-right: 1px solid #181a19;
		border-left: 1px solid #181a19; }
	
	.preview .thumb 	{ position: relative; float: left; }
	.preview .thumb a	{ position: relative; z-index: 5; }
	
	.preview .thumb .new { 
		width: 78px; height: 26px;
		position: relative; z-index: 10; left: -18px; top: 46px; margin-top: -26px; }
	
	.preview .details 	{ float: left; padding: 8px 0 0 0;  }
	.preview .title		{ padding: 0 0 8px 16px; }
	.preview .title a	{ font-size: 75%; font-weight: bold; color: #fff; }
	.preview .client	{ padding: 0 0 0 16px; font-size: 70%; color: #aaaaaa; }
	.preview .category	{ padding: 0 0 6px 16px; font-size: 70%; color: #aaaaaa; }
	
	/* WATCH VIDEO BUTTON ------ */
	
	.watch-video a {
		display: block; margin: 0 0 0 11px; width: 79px; height: 30px;
		background: url("../images/layout/btn-watch-video.jpg") no-repeat; }
		
	.watch-video a:hover { background-position: 0 -30px; }
	
	/* VIEW ALL PROJECTS BUTTON ------ */
	
	.view-all-projects 	{
		padding: 16px 0 1px 8px; font-size: 70%; font-weight: bold;
		border-top: 1px solid #181a19; }
	
	.view-all-projects a {
		padding: 0 0 0 18px;
		background: url("../images/layout/icon-arrow-blue.jpg") no-repeat; color: #fff;
		background-position: left center; }
	
	/* PROJECT ------ */
	
	#project { margin: 0 0 0 15px; width: 410px; }
	
	#project .video {
		padding: 4px 0 0 4px; width: 404px; height: 229px;
		background: url("../images/layout/bg-showreel.jpg") repeat-x #000;
		border-top: 1px solid #393d37; border-right: 1px solid #181a19;
		border-bottom: 1px solid #393d37; border-left: 1px solid #181a19; }
		
	#project .project-title { height: 45px; background: #1f211f; border: 1px solid #151615; }
	
	#project .info {
		background: url("../images/layout/bg-pop.jpg") repeat-x #000;
		border-top: 1px solid #393d37; border-right: 1px solid #181a19;
		border-bottom: 1px solid #181a19; border-left: 1px solid #181a19; }
		
	#project .info p { padding: 0 12px 12px 12px; font-size: 80%; color: #aaaaaa; }
		
	#project .details			{ float: left; padding: 0 0 8px 0; width: 204px; border-right: 1px solid #161816; }
	#project .details .title  	{ padding: 14px 0 8px 12px; font-size: 85%; font-weight: bold; color: #fff; }
	#project .details .detail	{ padding-bottom: 0; }
	
	#project .credits 		{ float: left; padding: 14px 0 10px 0; width: 203px; }
	#project .credits .name { padding-bottom: 2px; font-size: 75%; font-weight: bold; color: #fff; }
	#project .credits .part	{ font-size: 70%; }
	

/* BLOG 
----------------------------------------- */

	/* HEADLINES ------ */
	
	.headline { margin: 0 0 0 11px; padding: 4px 0 18px 0; border-bottom: 1px solid #282b27; }
	
	.headline .title 	{ font-size: 90%; font-weight: bold; }
	.headline .title a 	{ color: #fff; }
	
	.headline p 	{ padding: 10px 0 0 0; font-size: 80%; color: #aaaaaa; }
	.headline p a 	{ color: #f3c325; }
	
	.headline .read-more { font-size: 70%; font-weight: bold; }
	
	.headline .read-more a 	{
		padding: 0 0 0 14px; color: #fff;
		background: url("../images/layout/icon-plus.png") no-repeat;
		background-position: left center; }
		
	.view-the-blog 	{ padding: 14px 0 1px 12px; font-size: 70%; font-weight: bold; }
	
	.view-the-blog a {
		padding: 0 0 0 18px;
		background: url("../images/layout/icon-arrow-blue.jpg") no-repeat; color: #fff;
		background-position: left center; }
		
			/* HEADLINES2 ------ */
	
	.headline2 { margin: 0 0 0 11px; padding: 4px 0 18px 0; border-bottom: 1px solid #282b27; }
	
	.headline .title2 	{ font-size: 90%; font-weight: bold; }
	.headline .title a2 	{ color: #fff; }
	
	.headline p2 	{ padding: 10px 0 0 0; font-size: 80%; color: #aaaaaa; }
	.headline p a2 	{ color: #f3c325; }
	
	.headline .read-more2 { font-size: 70%; font-weight: bold; }
	
	.headline .read-more a2 	{
		padding: 0 0 0 14px; color: #fff;
		background: url("../images/layout/icon-plus.pg") no-repeat;
		background-position: left center; }
		
	.view-the-blog2 	{ padding: 14px 0 1px 12px; font-size: 70%; font-weight: bold; }
	
	.view-the-blog a2 {
		padding: 0 0 0 18px;
		background: url("../images/layout/icon-arrow-blue.jpg") no-repeat; color: #fff;
		background-position: left center; }
		
	/* POSTS ------ */
	
	.post {
		margin: 0 0 12px 15px; padding: 14px; width: 380px;
		background: url("../images/layout/bg-summary.jpg") repeat-x #000;
		border-top: 1px solid #393d37; border-right: 1px solid #181a19;
		border-bottom: 1px solid #181a19; border-left: 1px solid #181a19; }
		
	.post .title 	{ padding-top: 0; font-size: 100%; font-weight: bold; color: #fff; line-height: .9; }
	.post .title a 	{ color: #fff; line-height: .9; }
	
	.post p		{ padding: 12px 0 0 0; font-size: 80%; color: #aaaaaa; }
	.post p a 	{ color: #f3c325; }
	.post p img { margin: 4px 0 0 -10px }
	
	.post .read-more { padding: 13px 0 0 0; font-size: 70%; font-weight: bold; }
	
	.post .read-more a 	{
		padding: 0 0 0 14px; color: #fff;
		background: url("../images/layout/icon-plus.png") no-repeat;
		background-position: left center; behavior: url("/css/iepngfix.htc"); }


/* ABOUT 
----------------------------------------- */

	.about { margin: 0 0 0 15px; width: 410px; }
	
	.lucky-rabbit {
		margin: 0 0 14px 0; padding: 0 14px 16px 14px; width: 380px;
		background: url("../images/layout/bg-ozzy.jpg") repeat-x #000;
		border-top: 1px solid #393d37; border-right: 1px solid #181a19;
		border-bottom: 1px solid #181a19; border-left: 1px solid #181a19; }
		
	.lucky-rabbit p, .ozzy p		{ padding: 12px 0 0 0; font-size: 80%; color: #aaaaaa; }
	.lucky-rabbit p a, .ozzy p a 	{ color: #f3c325; }
	
	.ozzy {
		margin: 0 0 14px 0; padding: 0 14px 16px 14px; width: 380px;
		background: url("../images/layout/bg-ozzy.jpg") repeat-x #000;
		border-top: 1px solid #393d37; border-right: 1px solid #181a19;
		border-bottom: 1px solid #181a19; border-left: 1px solid #181a19; }

	/* SERVICES ------ */		

	.service { margin: 0 0 0 11px; padding: 4px 0 18px 0; border-bottom: 1px solid #282b27; }
	
	.service .title { font-size: 90%; font-weight: bold; color: #fff; }
	.service .tags	{ padding: 0; font-size: 70%; font-weight: bold; }
	
	.service p 		{ padding: 10px 0 0 0; font-size: 75%; color: #aaaaaa; }
	.service p a 	{ color: #f3c325; }
	
	
	.no-border { border: none; }


/* TEAM 
----------------------------------------- */

	.team {
		margin: 0 0 0 15px; width: 408px; background: #000;
		border-top: 1px solid #393d37; border-right: 1px solid #181a19;
		border-bottom: 1px solid #181a19; border-left: 1px solid #181a19; }
	
	.member { float: left; position: relative; border: 1px solid #000; }
	.member a { float: left; position: relative; width: 202px; height: 130px; }
	
	#member-1, #member-2, #member-3,
	#member-4, #member-5, #member-6 { margin: 12px 0 0 0; }
	
	.member-info {
		background: url("../images/layout/bg-project.jpg") repeat-x;
		border-top: 1px solid #393d37; border-right: 1px solid #181a19;
		border-left: 1px solid #181a19; }
		
	.member-details { float: left; width: 270px; }
	.member-name	{ padding: 18px 0 2px 18px; font-size: 90%; font-weight: bold; color: #fff; }
	.member-title	{ padding: 0 0 18px 18px; font-size: 75%; color: #aaaaaa; }
	
	.member-nav { float: left; padding: 37px 0 0 0; width: 120px;}
	
	.member-nav a {
		display: block; float: left; margin: 0 2px 0 0; padding: 8px 12px 8px 12px;
		font-size: 90%; font-weight: bold; color: #fff; }
		
	.member-nav a:hover { text-decoration: none; background: #2e2e2e; }
	
	.member-nav .on 		{ background: #222421; color: #fac32b; }
	.member-nav .on:hover 	{ background: #222421; color: #fac32b; }
	
	.member-content { background: url("../images/layout/bg-member-content.jpg") repeat-x #101211; }
	
	.member-bio		{ padding: 10px 12px 0 18px; }
	.member-bio p 	{ padding: 0 0 14px 0; font-size: 75%; color: #aaaaaa; }
	
	.member-favs		{ padding: 12px 12px 10px 18px; }
	.member-favs p 		{ display: block; float: right; padding: 0 0 6px 0; width: 328px; font-size: 70%; color: #aaaaaa;}
	.member-favs span 	{ display: block; float: left; width: 20px; font-size: 75%; font-weight: bold; color: #fff; }


/* CONTACT 
----------------------------------------- */

	.contact { margin: 0 0 0 15px; width: 410px; }
	
	/* OFFICE ------ */
	
	.office {
		margin: 0 0 12px 0; padding: 4px 0 4px 4px; width: 404px;
		background: url("../images/layout/bg-project.jpg") repeat-x;
		border-top: 1px solid #393d37; border-right: 1px solid #181a19;
		border-bottom: 1px solid #181a19; border-left: 1px solid #181a19; }
	
	.office .address 	{ float: left; padding: 9px 22px 10px 9px; width: 144px; border-right: 1px solid #393d37; }
	.office .phone 		{ float: left; padding: 9px 9px 10px 9px; width: 144px; border-right: 1px solid #393d37; }
	.office .email 		{
	float: left;
	padding: 9px 9px 10px 9px;
	width: 150px;
	margin-left: 12px;
}
	
	.office p { font-size: 75%; color: #aaaaaa; }
	
	.office .title 		{ font-size: 85%; font-weight: bold; color: #fff; }
	.office .details	{ padding: 2px 0 0 0; }
	.office .details a 	{ color: #aaaaaa; }
	
	/* NEW BUSINESS ------ */
	
	.new-business {
		margin: 0 0 12px 0; padding: 0 0 0 4px; width: 404px;
		background: url("../images/layout/bg-project.jpg") repeat-x #000;
		border-top: 1px solid #393d37; border-right: 1px solid #181a19;
		border-bottom: 1px solid #181a19; border-left: 1px solid #181a19; }
		
	.new-business .what { float: left; padding: 9px 9px 10px 9px; width: 370px; border-right: 1px solid #151615; }
	.new-business .who	{ float: left; padding: 9px 9px 10px 14px; width: 180px; }
	
	.new-business p { font-size: 75%; color: #aaaaaa; }
	
	.new-business .title 	{ padding: 8px 0 2px 0; font-size: 85%; font-weight: bold; color: #fff; }
	.new-business .details	{ padding: 2px 0 0 0; }
	.new-business a			{ color: #aaaaaa; }
	
	/* QUESTIONS, COMMENTS ------ */
	
	.questions-comments {
		margin: 0 0 12px 0; padding: 0 0 0 4px; width: 404px;
		background: url("../images/layout/bg-summary.jpg") repeat-x #000;
		border-top: 1px solid #393d37; border-right: 1px solid #181a19;
		border-bottom: 1px solid #181a19; border-left: 1px solid #181a19; }
		
	.questions-comments input {
		margin: 12px 0 0 6px; padding: 7px; width: 375px; border: none;
		font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold;
		background: #2a2c2a; color: #fff; }
		
	.questions-comments textarea {
		margin: 12px 0 0 6px; padding: 7px; width: 375px; border: none;
		font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold;
		background: #2a2c2a; color: #fff; }
		
	#sending { margin: 12px 0 12px 2px; }
		
	#success {
		padding:  12px 0 12px 8px; font-family: Arial, Helvetica, sans-serif;
		font-size: 85%; font-weight: bold; color: #fff;
	}
		
	.send {
		display: block; margin: 6px 0 6px 3px; width: 100px; height: 36px; border: none;
		background: url("../images/layout/btn-send.jpg") no-repeat; cursor: pointer; }
		
	.send:hover { background-position: 0 -36px; }


/* CATEGORIES 
----------------------------------------- */	

	.categories		{ margin: 14px 0 20px 13px; }
	.categories li	{ padding: 0 0 5px 0; }
	.categories a 	{ font-size: 90%; font-weight: bold; color: #fff; }
	

/* REQUEST A REEL 
----------------------------------------- */

	.request-reel 	{ margin: 14px 0 20px 13px; }
	.request-reel p { padding: 0 0 8px 0; font-size: 80%; color: #aaaaaa; }
	.request-reel a { font-size: 75%; font-weight: bold; color: #fff; }
	
	
/* MAILING LIST 
----------------------------------------- */

	.mailing-list 	{ margin: 14px 14px 0 13px; }
	.mailing-list p { padding: 0 0 8px 0; font-size: 75%; color: #aaaaaa; }
	
	.mailing-list input {
		margin: 6px 0 0 0; padding: 7px; width: 180px; border: none;
		font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: bold;
		background: #2a2c2a; color: #fff; }
		
	.sign-up {
		display: block; margin: 6px 0 0 -3px; width: 79px; height: 30px; border: none;
		background: url("../images/layout/btn-sign-up.jpg") no-repeat; cursor: pointer; }
		
	.sign-up:hover { background-position: 0 -30px; }
	
	.subscribe 	{ margin: 12px 0 12px 0; border-top: 1px solid #282b27; }
	
	.subscribe a {
		display: block; padding: 12px 0 0 20px; width: 70px;
		background: url("../images/layout/icon-feed.jpg") no-repeat;
		background-position: left bottom;
		font-size: 120%; font-weight: bold; color: #fff; }


/* CONNECT 
----------------------------------------- */

	.connect	{ margin: 14px 0 20px 13px; }
	.connect li	{ padding: 0 0 5px 0; }
	
	.connect a 	{
		padding: 0 0 0 18px;
		background: url("../images/layout/icon-arrow-blue.jpg") no-repeat;
		background-position: left center;
		font-size: 90%; font-weight: bold; color: #fff; }
	
	
/* FOOTER 
----------------------------------------- */

	#ftr { margin: 20px 0 100px 0; }
	
	.col-1 				{ float: left; padding: 20px 0 0 0; width: 243px; border-top: 1px solid #282b27; }
	.col-1 .name 		{ padding: 0 0 0 40px; font-size: 70%; font-weight: bold; color: #fff; }
	.col-1 .location 	{ padding: 2px 0 0 40px; font-size: 70%; color: #aaaaaa; }
	
	.col-2			{ float: left; margin: 0 0 0 26px; padding: 20px 0 0 0; width: 411px; border-top: 1px solid #282b27; }
	.col-2 ul 		{ padding: 0 0 0 20px; font-size: 70%; font-weight: bold; color: #fff; }
	.col-2 ul li 		{ float: left; }
	.col-2 ul a		{ color: #fff; }
	.col-2 ul span 	{ padding: 0 6px 0 6px; }
	
	.copyright 		{ padding: 2px 0 0 20px; font-size: 70%; color: #aaaaaa; }
	.copyright span	{ padding: 0 6px 0 6px; }
	
	.copyright a {
		padding: 0 0 0 18px;
		background: url("../images/layout/icon-rss.jpg") no-repeat;
		background-position: left center; color: #aaaaaa; }
	
	.col-3			{ float: left; margin: 0 0 0 18px; padding: 16px 0 0 0; width: 246px; border-top: 1px solid #282b27; }
	.col-3 .earph 	{ float: left; padding: 0 8px 0 20px; }
	
	.col-3 .credits { padding: 3px 0 0 0; font-size: 70%; color: #aaaaaa; }
	.col-3 .powered { font-size: 70%; color: #aaaaaa; }
	
	.col-3 .credits a,
	.col-3 .powered a 	{ color: #aaaaaa; }
	.col-3 span 		{ padding: 0 6px 0 6px; }