/* CSS Document */


/* RESET -------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;
	vertical-align: baseline; background: transparent; }

body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a img { border: none; }


/* LAYOUT  -------------------------------------------------------------- */

html, body {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:21px;
	color: #FFF;
	text-align:justify;
	}

a {	
	color: #808080;
	text-decoration: none;
	font-size: 16px;
	font-weight:bold;
	}
	a:hover {
	color: #434343;
	}

#page-wrap {
	width:960px;
	margin: 0 auto -200px;
	min-height: 100%; 
	height: auto !important; 
	height:100%;
}

#box{ 
	margin: 0px 60px 0px 630px;
	padding: 2px 5px 5px 45px;
	border: 1px solid #CCC;
	border-top:none;
	color: #CCC;
	width:218px;
	height:21px;
	}	
	#box:hover{ 
	border: 1px solid #434343;
	border-top:none;
	color: #434343;
	}
	
#logo {
	background: url('images/bumbershoot-logo.jpg');
	margin: 80px 327px 30px 60px;
	width:513px;
	height:45px;
	text-indent:-9999px;
	}

ul#nav {
	list-style:none;
	}
	ul#nav li{
		display:inline;
		}
	ul#nav li a {
		float: right;
		margin-right: 30px;
		}
		ul#nav li a.branding {
			margin-right:60px;
			}

#spokesman {
	margin-top: 30px;
	margin-left: 200px;
	margin-right: 60px;
	}

#base {
	margin: 0px 0px 30px;
	display:inline;
	}

#push {
	height: 200px;
	}

#footer {
	height: 199px;
	background-color: #808080;
	border-top: 1px solid #434343;
	}

#footer-content {
	width: 960px;
	margin: 0px auto;
	}
	#footer-content p {
		float: left;
		padding: 30px 60px 30px 60px;
		width: 510px;
		}

form {
	float:left;
	padding:42px 30px;
	width:210px;
	height:115px;
	background-color: #CCC;
	}
	input {
		float:right;
		margin:0px 0px 3px;
		padding:4px;
		background-color: #CCC;
		border: 1px solid #434343;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		font-style: italic;
		color: #434343;
		width: 200px;
		}
		input:focus {
		background-color: #FFF;
			}
		input.submit {
		margin: 2px 30px 0px 0px;
		width:100px;
		background-color: #FFF;
		font-style:normal;
			}
			input.submit:hover {
				color: #000;
				border-color: #000;
				}
			
/* MODAL - LIGHTBOX  -------------------------------------------------------------- */

#branding, #content, #commerce, #design { 
	display:none;
	}

#fancy_div img {
	float:left;
	}
	
#fancy_div p {
	float: right;
	width: 280px;
	height: 280px;
	padding: 60px;
	font-size:14px;
	line-height: 28px;
	text-align:center;
	color:#434343;
	}