@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	Be Creative Everyday
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		bce_main.css
	Date:		Nov 3, 2009
	Author:		Mike Moore || http://becreativeeveryday.com
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	body/global/reset Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	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: normal;
		font-size: 11px;
		font-family: Swiss, Arial, sans-serif;
		color: #000;
		background:#fff;
		font-weight:bold;
		letter-spacing:-.033em;
		padding:30px 0;
	}

	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both;
		height:0px;
		font-size:1px;
		overflow:hidden;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
		height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}

@font-face {
	font-family: Swiss;
	src: url('http://mattpetricone.com/swisse.ttf');
}

#wrapper {

width:1024px;
margin:0 auto;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a.logo {
font-size:12px;
}
a:hover.logo {
color:#000;
}
a {
color:#000;
}
a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #000; }
a:hover { color:#686969; }

a img { border: none; }

#menu {
   /* width: 215px; 
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #fff;
	*/
}
#table_wrap {
min-height:536px;
}
#menu .container {
padding:0 0 8px 0;
}
#menu .container p:first-child {
	float:left;
	margin:0 40px 0 0;
}
#menu ul {
	list-style: none;
	margin: 0 0 0px 0;
	float:left;
}
#menu ul li {
float:left;
text-transform:lowercase;
margin:0 8px 0 0;
}
#menu ul.static {
float:right;
}
#menu ul.static li{
margin:0 0 0 8px;
}
#menu ul li.section-title { display:none;}
#menu ul li.active a {
color:#686969;
}
#content {
    border:1px solid #000;
    margin: 0 0 0 0px;
    top: 0;
	padding:15px 15px 7px 15px;
	position:relative;
}

.container {
    /*padding: 5px 5px 25px 5px;*/
}

#content p { margin-bottom: 0px; }

p {
    margin: 0 0 0px 0;
}
/*
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }
*/
#img-container	{ margin: 0; padding: 0; }
#img-container p	{ margin: 0 !important; padding: 0 10px 0px 0; }
body.section-2 #img-container p { padding-bottom:10px; }
#img-container td:last-child p { padding-right:0; }
#img-container p span, #img-container p br { display:none; }
#once { clear: left; }
#img-container p img { display:block; height:536px; }

#content .container {
width:100%;
/*overflow-x:scroll;*/
}

body.section-2 #content .container {
overflow:hidden;
}
body.section-3 #img-container {

}
body.section-2 #img-container td, body.section-2 #img-container tr, body.section-2 #img-container table {
width:100%;
}
body.section-2 #img-container td img {
display:block;
margin:0 auto;
}
body.section-3 #table_wrap {

overflow-x:auto;
width:100%;

overflow-y:hidden;
}
span.header {
text-transform:uppercase;
line-height:25px;
font-size:11px;
color:#000;
}
.contact_col ul {
	padding:5px 0 0 0;
}
.contact_col ul li a, .contact_col ul li {
	color:#686969;
	text-transform:uppercase;
	font-size:10px;
}
body.section-3 #img-container #table_spacer {
display:block;
padding:0 0 24px 0;
}
.contact_col, .client_col, .edit_col, .ad_col {
float:left;
color:#686969;
font-size:10px;
padding:0 0 30px 0;
min-height:160px;
}
.contact_col a, .client_col a, .edit_col a, .ad_col a {
color:#686969;
}
.client_col {
width:250px;
}
.contact_col {
width:190px;
padding:50px 0 0 0;
margin:0 0 0 20px;
}
.edit_col, .ad_col {
width:115px;
}
.client_header {
display:block;
height:30px;
text-transform:uppercase;
font-size:12px;
color:#000;
margin:20px 0 0 0;
}
#footer, #footer a {
font-size:9px;
font-weight:normal;
color:#686969;
padding:5px 0 0 0;
}
#footer .copy {
float:left;
}
.site {
float:none;
clear:both;
font-size:9px;
font-weight:normal;
color:#686969;
padding:0 0 0 20px;
} 
.site a {
font-size:9px;
font-weight:normal;
color:#686969;

}
#table_spacer tr {

}
#table_spacer tr  td{

}
@media screen and (max-device-width: 600px) {
	#wrapper {
		width:100%;
	}
	#table_wrap {
		min-height:auto;
	}
	#table_spacer tr  {
		display:block;
		width:100%;
		float:none;
	}
	#table_spacer table{
		width:100%;
	}
	#table_spacer tr  td{
		display:block;
		width:100%;
		float:none;
	}
	#img-container p {
		padding:0 0 15px 0;
	}
	#img-container td:last-child p {
		padding-bottom:0;
	}
	#img-container p img {
		height:auto;
		width:100%;
	}
	#img-container {
		overflow:visible;
		height:100%;
	}
	.jspContainer {
		height:auto !important;
		overflow:visible !important;
		position:static !important;
	}
	.jspPane {
		position:static !important;
	}
	.jspVerticalBar {
		display:none;
	}
	body, a.logo {
		font-size:medium;
	}
}