ÿþ/* 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: #CC2030; */

	color: #fff;

}

::-moz-selection {

	/*background: #CC2030;  */

	color: #fff;

}





/* ===============================================

2. Reusable Elements

=============================================== */



.double-line {

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

}



.line {

	background: url(/images/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 2em 2.127659574468% 2em; /* 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;

}



.marginal 

{

   margin: 0 2em 0 2em;

}



/* ===============================================

3. Page Structure

=============================================== */





#page-wrap {

	margin: 0 auto;

	max-width: 104em;

	min-width: 67em;

	

}



#main

{

   /*margin: 0 2em 0 2em;*/

   width: 100%;

   background: #ffffff;

}

	



/* 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);

	background-color: #ffffff;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

     filter: alpha(opacity=40);

     opacity: .4;      */

}

	#logo {

		width: 301px;

		height: 90px;

		display: block;

		text-indent: -9999em;

		background-image: url(/images/logo.jpg);

		background-position: 0 0 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: 1em;

		/*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;*/

	}

	#banner {

	   background: url(/images/schoolRoom4.jpg) fixed no-repeat 50% 0px;

	   width: 100%;

	   height: 400px;

     }

	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: #000000;

				font-size: 1.7em;

				padding: .6em 1.2em .6em 1.2em;

				text-decoration: none;

				font-weight: bold;

				display: block;

				border-bottom: none;

			}

			

			ul#main-nav  li a:hover {

				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/mirror.png);

				background-position: 0 50%;

				background-repeat: repeat-x;

				box-shadow: 3px 5px 15px #000;

				-moz-box-shadow: 3px 5px 15px #000;

				-webkit-box-shadow: 3px 5px 15px #000;

			}





/* ===============================================

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);

	}



	/* QUESTION */

	.working-on {

		line-height: 1.6em;

	}

		.working-on dd {

			background: none;

			padding: 0;

			margin-bottom: .8em;

		}

		.working-on dt em {

			font-weight: normal;

			color: #fff;

		}



/* ===============================================

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

{                  /*#526614 #6B6B47  #3D5266*/

   padding: 3em 3em 3em 3em;

   background: #3D5266 url(/images/shadow.png) 100% center no-repeat;

   position: relative;

   margin: 3em 3em 3em 3em;  

   height: 24em;

   

}

.header-sign

{

   height: 210px;

   width: 250px;

   float: left;

}

.head-txt-block

{

   margin-top: -25em;

   margin-left: 3em;

   position: relative;

   float: right;

   

}

.highlighter

{

   /*background: #003333; */

   background: #ffffff;

   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

   filter: alpha(opacity=90);

   opacity: .9;

   width: 100%; 

}



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



	.content-header hr {

		clear: both;

	}





/* Resetting some defaults */

h1, h2, p.intro {width: 100%;}

h2 a {color: #fff; }

h3 a {float: right; text-transform: none; letter-spacing: 0; text-decoration: none;}

h3 a:after {

	content: "  ’!"

}



#main p,

#main dl,

#main ul,

#main ol,

#main form {

	font-size: 1.5em;

}

.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;

}



#about-booyant .thumbnails li img {

	border: 1px solid #333;

}



.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/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/sign.jpg) 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;

}







/* ===============================================

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/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: #CC2030;

	background-color: rgba(203, 32, 48, .7);

	-webkit-transition: color, background-color 0.2s ease-out;

	border-color: #6a0a13;

}



.get-in-touch {

	background:  rgba(0, 0, 0, 0.1) url(/images/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;

	

	

	

}

	.get-in-touch dt {

		font-variant: small-caps;

		font-weight: normal;

		letter-spacing: .1em;

		font-size: 1.8em;

		margin-right: 3.2em;

		padding: .5em 0 .4em 0;

		color: #444;

	}

	

	.get-in-touch dd {

		padding: .6em .8em .6em 1em;

		margin: 0;

		font-size: 1.5em;

	}

	.get-in-touch dd.phone {

		padding-right:0em;

		color: #444;

	}



		.get-in-touch a {

			text-decoration: none;

		}



.highlight {

	background: #5a5a5a url(/images/sign.jpg) bottom right no-repeat;

	padding: 1em 3em 2em 3em;

	margin: 2em 0;

}





#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/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/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 {

	margin-top: 1em;

	padding: 0 2em;

	clear:both;

	background: #C5CBD1 url(/images/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:#444;

	}

	#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-kd {

	width: 180px;

	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/mirror.png);

	background-position: 0 50%;

	background-repeat: repeat-x;

	padding: .4em 1em;

	margin: 0;



}



.copyright span {

	float: right;

}









/* ===============================================

13. Nav Highlighting

=============================================== */



 



#li#default a,

#about-booyant li#about a,

#services-we-offer li#program a,

#contact-us-please li#contact a {

	background: #020202;

	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;

	background-image: url(/images/mirror.png);

	background-position: 0 50%;

	background-repeat: repeat-x;

	box-shadow: 3px 5px 15px #000;

	-moz-box-shadow: 3px 5px 15px #000;

	-webkit-box-shadow: 3px 5px 15px #000;



}



.indent {margin-right: 100px;}