/* Import the style sheet that resets all browsers. */
@import url("reset.css");

/*

	Booyant.com -  by Booyant, Inc.
	Contact Info: team@booyant.com  / 978.OKAY.BOB
	VERSION 1.0
	
	CONTENTS ----------
	
	   1.General, non-section-specific selectors
	   2.Reusable elements
	   3.Page Structure
	   4.Header-specific selectors 
	   5.Breadcrumbs
	   6.Homepage 
	   7.Primary content module (#main) rules
	   8.Secondary content module (#secondary) rules
	   9.Other section specific rules
	   10.Callout / Highlight / Call to Action / Feature
	   11.Forms 
	   12.Footer
	   
	   
    -------------------
	
*/

/* ===============================================
Color Palette
=============================================== 

red - #CC2030
yellow header color: rgba(223, 213, 175, 0.90); 
blue links - color: rgba(147, 180, 190, 0.90); 

*/


/* ===============================================
1. General, non-section-specific selectors
=============================================== */

.clear-both {
	clear: both;
	display: block;
	height: 0;
}
.hidden {
	display: none;
	visibility: hidden;
}

.group:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

#nav-access {
	display: none;
}

::selection {
	background: #333;
	color: #fff;
}
::-moz-selection {
	background: #333;
	color: #fff;
}



/* ===============================================
2. Reusable Elements
=============================================== */

.double-line {
	background: url(/images/bg/line-double.png) 0 0 repeat-x;
}

.line {
	background: url(/images/bg/line.gif) 0 0 repeat-x;
}

p.extra-space {
	margin: 2em 0 0 0;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}

.email {
	background-image: url(/images/icn/email.gif);
	background-position: left 50%;
	background-repeat: no-repeat;
}
	
.phone {
	background-image: url(/images/icn/phone.gif);
	background-position: left 50%;
	background-repeat: no-repeat;
}

/* Regular column 1/3 size */
.module {
	width: 31.91489361702128%; /* 300 / 940 */
	margin: 0 2.127659574468% 2.127659574468% 0; /* 20 / 940 */
	float: left;
	padding: 0;
	
}

/* Main column 2/3 size */
.module-main {
	width: 65.9574468085106%; /* 620 / 940 */
	margin: 0 2.127659574468% 2.127659574468% 0; /* 20 / 940 */
	float: left;
	padding: 0;
	
}

/* Main column 50% size */
.module-half {
	width: 48.936170212766%; /* 470 / 940 */
	margin: 0 2.127659574468% 2.127659574468% 0; /* 20 / 940 */
	float: left;
	padding: 0;	
}

/* Always applied to the item in the row, curse you poor psuedo selector support */
.last {
	margin: 0 0 2.127659574468% 0;
}

#main .module-main code{
	display: block;
	font-size: 1.5em;
	font-family: Courier, monospace;
	background-color: rgba(48, 48, 48, 0.4);
	padding: 2em;
	-webkit-border-radius: 15px;
	margin-bottom: .5em;
}

/* ===============================================
3. Page Structure
=============================================== */


#page-wrap {
	margin: 0 auto;
	max-width: 104em;
	min-width: 67em;
	padding: 0 2em;
	
}

	#main {
		width: 100%;
		
		
	}
	

/* It's like structural clearing, baby, thats good for me.... */		

#page-wrap:after,
#header:after,
#main:after,
#breadcrumbs:after,
.info-wrap:after,
.footer-inner:after,
.thumbnails:after,
.list-of-services dl:after,
.get-in-touch:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

/* Some are applied with class="group" in the HTML,
   remember to include these in IE patches */


/* ===============================================
4. All header-specific selectors; logo, nav, etc.
=============================================== */


#header {
	padding: 0 0 .3em 0;
	position: relative;
	background: rgba(0, 0, 0, 0.3);
	
}
	#logo {
		width: 167px;
		height: 46px;
		display: block;
		text-indent: -9999em;
		background-image: url(/images/logo.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-color: transparent;
		float: left;
		font-size: 1em;
		font-weight: bold;
		color: #fff;
		font-family: Arial, sans-serif;
		margin-left: -2em;
		box-shadow: 3px 5px 15px #000;
		-moz-box-shadow: 3px 5px 15px #000;
		-webkit-box-shadow: 3px 5px 15px #000; 
		border-bottom: none;
	}
	#logo:hover {
		background-position: 0 -46px;
	}
	ul#main-nav {
		float: right;
		margin: 0;
		padding: 0 1em 0 0;
	}

		ul#main-nav li {
			float: left;
			margin-right: 1em;
			background: none;
			padding: 0;
		}
	
		ul#main-nav  li:last-child {
			margin-right: 0;
		}

			ul#main-nav li a {
				color: #fff;
				font-size: 1.8em;
				padding: .6em 1.2em;
				text-decoration: none;
				font-weight: bold;
				display: block;
				border-bottom: none;
			}
			
			ul#main-nav  li a:hover {
				-moz-border-radius-bottomright:8px;
				-moz-border-radius-bottomleft:8px;
				-webkit-border-bottom-right-radius: 8px;
				-webkit-border-bottom-left-radius: 8px;
				-webkit-transition: color, background-color 0.2s ease-out;
				background-color:rgba(255, 255, 255, 0.05);
				background-image: url(/images/bg/mirror.png);
				background-position: 0 50%;
				background-repeat: repeat-x;
				box-shadow: 1px 1px 30px rgba(255, 255, 255, 0.4);
				-moz-box-shadow: 1px 1px 30px rgba(255, 255, 255, 0.4);
				-webkit-box-shadow: 1px 1px 30px rgba(255, 255, 255, 0.4);
			}
			
			ul#main-nav li#likee a span, ul#main-nav li#navee a span {
				text-shadow: 0 -1px 1px #000;
				color: #e2e2e2;
			
			}
			
			ul#main-nav li#likee {
				
			}

/* ===============================================
5. Homepage specific rules
=============================================== */

#home ul.thumbnails {
	margin: 1.4em 0 0 0;
}
	#home ul.thumbnails a {
		-webkit-transition: all .3s ease-in-out;
	} 
			
	#home ul.thumbnails li a:hover  {
		background:rgba(0, 0, 0, 0.5);
		-moz-transform: scale(1.6);
		-webkit-transform: scale(1.6);
	}

	




#main .real-width {
	width: auto;
	border-radius:4px;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px;  
	padding: 3%;
	background:rgba(223, 213, 175, 0.2);
}
/* ===============================================
5. Breadcrumbs
=============================================== */

ul#breadcrumbs {
	margin: -1em 0 2em 0;
	padding: 0;
	font-size: 1.4em;
}

	ul#breadcrumbs li {
		float: left;
		margin-right: .3em;
		background: none;
		padding: 0;
	}
	
	ul#breadcrumbs li.next {
		float: right;
	}
	
	ul#breadcrumbs li.next a:after {
		content: " →";
	}
		ul#breadcrumbs a {
			color: #fff;
			text-decoration: none;
			-moz-border-radius-bottomright:10px;
			-moz-border-radius-topright:10px;
			-webkit-border-top-right-radius: 10px;
			-webkit-border-bottom-right-radius: 10px;
			padding: .3em 1em;
			display: block;
			-moz-box-shadow: 3px 8px 15px #000;
			-webkit-box-shadow: 3px 8px 15px #000; 
			border-bottom: none;
		}
		li.next a {
			background: rgba(255, 255, 255, 0.3);
			background: #444;
		}
		
		ul#breadcrumbs a:hover {
			background: #cc2030;
			background: rgba(203, 32, 48, .7);
		}
		a.level1 {
			background:rgba(255, 255, 255, 0.6);
			background:#999;
		}
		a.level2 {
			background:rgba(255, 255, 255, 0.3);
			background:#666;
		}
		a.level3 {
			background:rgba(0, 0, 0, 0.4);
		}



/* ===============================================
7. Primary content module (#main) rules
=============================================== */

.content-header {
	margin-top: -12px 0 2em 0;
	background:none;
	padding: 3em 0 .6em 0;
	background: url(/images/bg/shadow.png) 50% top no-repeat;
	position: relative;
}

.content-header a {text-decoration: none;}

	.content-header hr {
		clear: both;
	}


/* Resetting some defaults */
h1, h2, p.intro {width: 80%;}
h2 a {color: #fff; border: none;}
h3 a {float: right; text-transform: none; letter-spacing: 0; text-decoration: none; border: none;}
h3 a:hover {border: none;}
h3 a:after {
	content: "  →"
}

#main p,
#main dl,
#main ul,
#main ol,
#main form {
	font-size: 1.6em;
}
.vcard {
	font-size: 1.6em;
}
#main dl dl {
	font-size: 0.9em;
}


#main img  {
	width: 100%;
}

.testimonial {
	letter-spacing: -.05em;
	margin: 2em 0 0 0;
	padding: 6.6em 2.4em 3em 2.4em;
	background: url(/images/bg/quotes.png) 10px 10px no-repeat;
	border-bottom: 1px solid #3F3F3F;
	
}

#bob .testimonial {
	margin: 2em 0 2em 0;
	border: none;
}

.testimonial span {
	color: #fff;
	display: block;
	font-size: 1.6em;
	font-family:"ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, serif;
	letter-spacing: .05em;
	padding-left: 1.2em;
}

.testimonial span em {
	display: block;
	color: #dfd5af;
	font-style: italic;
	font-variant: small-caps;
}

/* Any application of list of thumbnails */
.thumbnails {
	margin: 2em 0 2em 0;
	padding: 0;
	width: 100%;
}
	.thumbnails li {
		float: left;
		padding: 0;
		width: 23.4042553191489%; /* 220 / 940 */
		margin: 0 2.127659574468% 2.127659574468% 0; /* 20 / 940 */
		background: none;
	}
	
	.thumbnails li.last {
		margin-right: 0;
	}
	
		.thumbnails li a{
			display: block;
			border-radius:4px;
			-moz-border-radius:4px; 
			-webkit-border-radius:4px;  
			padding: 5%;
			background:rgba(223, 213, 175, 0.2);
			line-height: 0;	
			border-bottom: none;		
		}
		
		.thumbnails li a:hover  {
			-moz-transform: scale(1.6);
			-webkit-transform: scale(1.6);
			background:rgba(0, 0, 0, 0.5);
			
		}

.freelancers li {
	position: relative;
}

	.freelancers li a span {
		position: absolute;
		top: 20%;
		left: 10%;
		background: url(/images/icn/please-leave.png) 0 0 no-repeat;
		width: 40px;
		height: 40px;
		display: block;
		text-indent: -9999em;
	}



/* Any applicaiton of list of social media links */		

ul.social-media {
	padding: 0;
}

	ul.social-media li {
		float: left;
		margin: 0 2% 1% 0;
		background: none;
		padding: 0;
	}
	ul.social-media a {
		border-bottom: none;
	}
	
		ul.social-media li a img {
			opacity: .7;
		}
		
		ul.social-media li a:hover {
			background: none;
		}
		ul.social-media li a:hover img {
			opacity: 1;
		}

/* LEFT FLOATING DL's */

.list-of-services dl {
	margin-top: 1em;
}

.list-of-services h4 {
	margin-bottom: 1em;
}
	.list-of-services dd,
	.get-in-touch dt,
	.get-in-touch dd {
		float: left;
		margin: 0;
		padding: 0;
	}
	.list-of-services dt {
		color: rgba(223, 213, 175, 0.90);
		clear: both;
	}
	
	.list-of-services dd {
		font-style: italic;
		background: 0;
		padding: 0;
		margin-right: .6em;
	}


/* ===============================================
8. Secondary content module (#secondary) rules
=============================================== */

.sort {
	margin-top: 3em;
	padding-bottom: 2em;
	position:relative;
}
	.sort ul {
		position:absolute;
		display:none;
		top: -1em;
		left: 16em;
		padding: 0;
	}
	
		.sort ul li {
			background: none;
			float: left;
			margin: 0;
			padding: 0;
		}

			.sort a {
				margin-left: 1em;
			}
	
	

/* ===============================================
9. Other section specific rules
=============================================== */

body#fourohfour {
	background-image: url(/images/bg/discovery.jpg);
}
body#fourohfour #main{
	height: 600px;
}

/* About Booyant section */


#about-booyant .thumbnails li:nth-of-type(2n+1) {
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
}
#about-booyant .thumbnails li:nth-of-type(2n+2) {
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
}
#about-booyant .thumbnails li:nth-of-type(2n+3) {
	-moz-transform: rotate(2deg);
	-webkit-transform: rotate(2deg);
}
#about-booyant .thumbnails li a {
	background:#fff;
}



.tweets span {
	display: block;
	font-size: .8em;
	margin: .4em 0;
	padding: .4em 0 .8em 0;
	color: rgba(223, 213, 175, 0.90);
	text-transform: uppercase;
	letter-spacing: .1em;
	font-family:"ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, serif;
	background:transparent url(/images/bg/line.png) 0 bottom repeat-x;
}

.main-image {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px; 
	padding: 1%;
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	background:#fff;
	float: left;
	margin: 0 5% 5% 0;
}
#main .main-image img {
	border: 1px solid #333;
}

dl.personal-info {
	margin: -.6em 0 0;
}
	dl.personal-info dd{
		padding-left: 1em;
		font-size: 1.6em;
		margin: 0;
	}

#main p.disclaimer{
	margin-top: 1em;
	font-size: 1.3em;
}

/* Work section */
#projects .module h1 {width: 100%; text-transform:none; }
#projects .module h2 { width: 100%; margin-bottom: .4em;}



div.screenshots {
	float: right;
	width: 57.4468085106383%; 
	margin: 0;
}

div.screenshots img {
	margin-bottom: 3em;
	box-shadow: 3px 12px 15px #121212;
	-moz-box-shadow: 3px 12px 15px #121212;
	-webkit-box-shadow: 3px 12px 15px #040404;  
}



.project-info dl {
	padding: 1em 0;
	border-bottom: 1px solid #3f3f3f;
}

	.project-info dt {
		margin-bottom: .5em;
		font-size: 1.1em;
	}
	.project-info dd {
		background: url(/images/icn/check.gif) 0 50% no-repeat;
		padding-left: 1.6em;	
	}

		.project-info dt span {
			font-weight: normal;
			line-height: 1em;
			font-size: .9em;
		}

.ee-info {
	border-bottom: 1px solid #3f3f3f;
	padding-bottom: 1em;
	}
	.ee-info dl {
		border: none;
	}
	
	.ee-info cite {
		float: left;
		width: 100%;
	}

.project-info .details {
	border-top:1px solid #3F3F3F;
	padding-top: 2em;
	margin: 0;
}
	.details dt {
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		font-weight: normal;
		font-size: 0.9em;
		float: left;
		padding: .5em 0 0 0em;
		margin-right: 1em;
	}
	.details dd {
		margin: 0 0 .9em;
		font-size: 1.8em;
		line-height: 1em;
		background: none;
	}

		.details a {
			color: #fff;
		}

/* Contact */

#main #short-contact {
	margin: 2.4em 0 0 0;
	padding: 0;
	font-size: 2em;
}

	#short-contact li {
		background: none;
		padding: 0;
		margin: 0;
	}


.map {
	width: 100%;
}

#main #header-bob {
	float: right;
	width: 166px;
}
#bob-talk {
	background: url(/images/bobs/bob.png) right top no-repeat;
	height: 189px;
	width: 50%;
	position: absolute;
	right: 0px;
	top: 1em;
	font-size: 1.6em;
}

#bob-talk blockquote {
	border-radius: 12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px; 
	border: 1px solid #ccc;
	position: absolute;
	background:rgba(0, 0, 0, 0.8);
	top: -2em;
	margin: 0em 5em 0 0;
	padding: 1em 2em 0em 2em;
	width: auto;
	display: none;
}

/* Services */

.inner-column {
	width: 49%;
}

#client-list-link {
	background:rgba(0, 0, 0, 0.6);
	color: #fff;
	border-bottom: none;
}
#client-list-link:hover {
	background: #000;
}
#client-list-link:after {
	content: "  →"
}
#client-list{
	width: 60%;
	max-width: 98em;
	padding: 3em 3em 2em 3em;
	height: auto;
	background:rgba(0, 0, 0, 0.85);
	position: absolute;
	top: 100px;
	z-index: 20;
	margin: 0 auto;
	display: none;
	border-radius: 12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px; 
}

#close-client-list{
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 15px;
	padding: 3px;
	background-color: #CC2030;
	width: 20px;
	height: 20px;
	text-align: center;
	text-decoration: none;
	padding-top: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	border-bottom: none;

}
#close-client-list:hover {
	background: #6b6b6b;
}


/*Add Ons*/



ul.sec-nav{
	background: url(/images/bg/line.png) repeat-x 0 0;
	padding-top: 1em;
}

#main ul.sec-nav ul{
	font-size: .8em;
	padding: 0;
	margin: .4em;
}

#main ul.sec-nav ul ul{
	font-size: 1em;
}

#main ul.sec-nav ul li{
	background-image: none;
	margin-bottom: .2em;
}

#main ul.sec-nav ul li a{
	border: none;
}
#main ul.screenshots{margin: 0; padding: 0;}

#main ul.screenshots li{
	margin: 0;
	padding: 0;
	background-image: none;
	/*float: left;
	margin-right: 1.5em;*/
	margin: 0 auto;
	text-align: center;
} 

#main ul.screenshots li img{
	width: auto;
}

#main ul.screenshots li p{
	font-size: 1em;
}

body.navee #main ul.screenshots li{
	float: none;
	margin: 0 auto 40px auto;
}

#main ul.screenshots li.border img{
	border: 1px solid #333;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	padding: 20px;
}


ul#sec-nav{
	background: url(/images/bg/line.png) repeat-x 0 0;
	padding-top: 1em;
}

#main ul#sec-nav ul{
	font-size: .8em;
	padding: 0;
	margin: .4em;
	display: none;
}

#main ul#sec-nav li.selected ul {
	display: block;
}

#main ul#sec-nav ul ul{
	font-size: 1em;
}

#main ul#sec-nav ul li{
	background-image: none;
	margin-bottom: .2em;
}

#main ul#sec-nav ul li a{
	border: none;
}
#main ul.screenshots{margin: 0; padding: 0;}

#main ul.screenshots li{
	margin: 0;
	padding: 0;
	background-image: none;
	/*float: left;
	margin-right: 1.5em;*/
	margin: 0 auto;
	text-align: center;
} 
#main ul.screenshots li img{
	max-width: 684px;
}
body.like #main ul.screenshots li{
	margin: 0;
	padding: 0;
	background-image: none;
	float: left;
	margin-right: 1.5em;
	text-align: center;
} 

#main ul.screenshots li img{
	width: auto;
}

#main ul.screenshots li p{
	font-size: 1em;
}


/* ===============================================
10. Callout / Highlight / Call to Action 
=============================================== */

.callout, .highlight {
	border-radius: 12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	clear: both;
}

.callout {
	color: #fff; 
	width: auto;
	text-decoration: none; 
	background-color:rgba(255, 255, 255, 0.05);
	background-image: url(/images/bg/mirror.png);
	background-position: 0 50%;
	background-repeat: repeat-x;
	padding:1em 2em;
	border: 1px solid #353535;
	box-shadow: 3px 5px 15px #000;
	-moz-box-shadow: 3px 5px 15px #000;
	-webkit-box-shadow: 3px 5px 15px #000; 
	border-bottom: none;
}

.callout:after {
	content: "  →"
}
a.callout:hover {
	background-color: #444;
	-webkit-transition: color, background-color 0.2s ease-out;
	border-color: #000;
}

.get-in-touch {
	background:  rgba(0, 0, 0, 0.1) url(/images/bg/line-double.png) left bottom repeat-x;
	border-top: 1px solid #403f3c;
	margin: 0em 0 2em 0;
	padding: .4em 0 .6em 0;
	color: #fff;
	clear: both;
	line-height: 1em;
	text-shadow: 2px 2px 8px #000;
	display: 
	
	
	
}
	.get-in-touch dt {
		font-variant: small-caps;
		font-weight: normal;
		letter-spacing: .1em;
		font-size: 2em;
		margin-right: 2.5em;
		padding: .5em 0 .4em 0;
		color: #fff;
		font-family: Georgia, Times, serif;
	}
	
	.get-in-touch dd {
		padding: .6em 1.4em .6em 1em;
		margin: 0;
		font-size: 1.5em;
	}
	.get-in-touch dd.phone {
		padding-right:0em;
	}

		.get-in-touch a {
			text-decoration: none;
		}

.highlight {
	background: #5a5a5a url(/images/bobs/bob.png) bottom right no-repeat;
	padding: 1em 3em 2em 3em;
	margin: 2em 0;
}

.nobob {
	background-image: none;
}

#main .highlight h3 {
	font-size: 2.4em;
	margin: -.3em 0 0 0;
	text-shadow: 2px 2px 6px #000;
	text-transform: none;
	font-variant: small-caps;
}

.highlight .callout {
	background:rgba(0, 0, 0, 0.8) url(/images/bg/mirror.png) 0 50% repeat-x;
}

.highlight p.float-right {
	margin-top: 2em;
}

/* ===============================================
11. Forms
=============================================== */

form {margin-bottom: 2em;}

	form fieldset {
		margin: 0 0 15px 0;
	}
		form fieldset label {
			display: block;
			font-family: Helvetica, Arial, sans-serif;
			font-weight: bold;
			
		}
		input:hover {
			cursor:pointer;
		}
		form fieldset input,
		form fieldset textarea {
			width: 97%;
			padding: 5px;
			font-size: 1.2em;
			border: 1px solid #111;
			background: #e2e1e7;	
		}
		
		form fieldset input:focus,
		form fieldset textarea:focus {
			background: #fff;
			-moz-box-shadow: 3px 5px 15px #444;
		  	-webkit-box-shadow: 3px 5px 15px #444;	
		}
	
	input.submit-button {
		color: #fff; 
		width: auto;
		border: none;
		text-decoration: none;
		-moz-border-radius-bottomleft:12px;
		-moz-border-radius-bottomright:12px;
		-moz-border-radius-topleft:12px;
		-moz-border-radius-topright:12px;
		-webkit-border-top-right-radius:10px;  
		-webkit-border-bottom-right-radius:10px; 
		-webkit-border-top-left-radius:10px;  
		-webkit-border-bottom-left-radius:10px;
		background:rgba(255, 255, 255, 0.05) url(/images/bg/mirror.png) 0 50% repeat-x;
		padding:1em 2em;
		clear: both;
		font-size: 1em;
		box-shadow: 3px 5px 15px #000;
		-moz-box-shadow: 3px 5px 15px #000;
		-webkit-box-shadow: 3px 5px 15px #000; 
	}

	input.submit-button:hover {
		cursor: pointer;
		background-color: #CC2030;
		background-color: rgba(203, 32, 48, .7);
		
	}
	.form-setting {
		width: 36%;
		float: right;
	}
	#signup-form fieldset {
		margin-bottom: 1.4em;
	}
	
	#signup-form input.submit-button {
		padding:.6em 1em;
	}

img#loaderImg {
	margin-top: 200px;
	margin-left: 140px;
	width: 42px;
	height: 42px;
}

div#loader {
	display: none;
}


/* ===============================================
12. Footer related rules
=============================================== */

#footer fieldset, #footer ul, #footer p, #footer dl {font-size: 1.4em;}

#footer h3 {
	font-size: 1.6em;
	margin-bottom: 1em;
	padding: 1em 0 .6em 0;
}

#footer {
	padding: 0 2em;
	clear:both;
	background: rgba(48, 48, 48, 0.4) url(/images/bg/line-double.png) 0 0 repeat-x;
}

	#footer .module, #footer .contact-info, #footer .contact-info dd.sm {
		margin-bottom: 0;
	}

	.footer-inner { 
		margin: 0 auto;
		max-width: 104em;
		padding: 0em 0;
	}

	.contact-info dd {
		background: none;
		padding: 0;
		font-size: 1.8em;
		color:#fff;
	}
	#footer .contact-info dd {
		margin-bottom: .4em;
	}

	#footer ul.social-media {
		margin: 0;
		padding: 0;
	}
	
	#footer ul.social-media li a img {
		width: 35px;
	}

#footer img.little-bob {
	width: 100px;
	float: right;
}

#footer img.golf {
	width: 100px;
	float: right;
	margin: 0 0 1em 1.4em;
	border: 1px solid #444;
}		
.copyright {
	clear: both;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	background-color:rgba(255, 255, 255, 0.05);
	background-image: url(/images/bg/mirror.png);
	background-position: 0 50%;
	background-repeat: repeat-x;
	padding: .4em 1em;
	margin: 0;

}

.copyright span {
	float: right;
}




/* ===============================================
13. Nav Highlighting
=============================================== */

 

#projects li#work a,
#about-booyant li#about a,
#services-we-offer li#services a,
#contact-us-please li#contact a,
.like li#likee a,
.navee li#navee a {
	background: rgba(255, 255, 255, 0.1);
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-transition: color, background-color 0.2s ease-out;
	background-color:rgba(255, 255, 255, 0.05);
	background-image: url(/images/bg/mirror.png);
	background-position: 0 50%;
	background-repeat: repeat-x;
	box-shadow: 1px 1px 30px rgba(255, 255, 255, 0.4);
	-moz-box-shadow: 1px 1px 30px rgba(255, 255, 255, 0.4);
	-webkit-box-shadow: 1px 1px 30px rgba(255, 255, 255, 0.4);

}

.indent {margin-right: 100px;}
#main img.partner-logo {width: auto; padding-top: 20px;}