/* reset css */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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

/* remember to define focus styles! */
:focus {
	outline:0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}

del {
	text-decoration:line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}



/* site css */
* { margin:0; padding:0; }
body { background:#666 url(../images/asphalt.jpg) repeat -40% 0; color:#000; font:normal 1em/1.5 "Courier New", Courier, monospace; }
#page { background:transparent url(../images/punkvision-bkgd.png) no-repeat 30% 0; behavior: url(../javascripts/iepngfix.htc); margin:0 auto; width:100%; }
#footer { clear:both; color:#666; font-size:.8em; margin:.5em auto; width:70%; }

address#hcard	{ background:#000; background:rgba(0,0,0,.5); border-bottom:2px solid #000; color:#666; font-family:"Courier New", Courier, monospace; font-style:normal; margin:.1em auto; padding:.2em 0; text-align:center; width:100%; }
span.org, span.street-address, span.locality, span.region, span.postal-code, span.phone, span.email{ margin-right:1em; padding:.15em 0; }
address#hcard a, #footer a	{ color:#666; text-decoration:none; }
address#hcard a:hover	{ color:#bcd45e; text-decoration:underline; }

#content { clear:both; margin:1px auto; padding:0; width:924px; }
#content #logo	{ float:right; height:136px; margin:25px 0 30px 0; padding:0; width:254px; }
#content #logo a:hover	{ background:transparent; }

a, .box a, a:visited, .box a:visited	{ color:#ccc; text-decoration:none; }
a:hover, #footer a:hover	{ color:#bcd45e; text-decoration:underline; -webkit-transition:1s ease; -moz-transition:1s ease; }
a:active	{ color:#fc0; }

h1, h2, h3, h4, h5	{ clear:both; }
h1	{ color:#f00; font-size:2em; }
h2, h2 a { color:#abbf56; font-size:3em; line-height:1; margin:.25em 0 0 0; padding:0; }
h2:hover	{ text-decoration:none; -webkit-transform: rotate(-3deg); -webkit-transform-origin: 25% 100%; }
h3 { clear:both; color:#555; font-size:2em; margin:.2em 0 0 1.2em; padding:0; }
#content h3 a	{ background:transparent url(../images/splat.png) top left no-repeat; behavior: url(../javascripts/iepngfix.htc); color:#bcd45e; text-decoration:none; }

p { line-height:155%; padding:5px 30px; }
dl	{  }
dl dd	{  }
ul { clear:both; display:block; line-height:155%; list-style-type:none; margin:0 0 50px 1.5em; padding:0; }
ol { line-height:155%; list-style-type:decimal; margin:1em; padding:1em; }
ul li, ol li	{ margin:.2em; padding:.3em; }
strong	{ color:#ccc; color:rgba(255,255,255,.45); } 
.amp { font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-weight:normal; font-style:italic; font-size:1.1em; }

img { border:0; }
object, embed	{ height:320px; margin:0; padding:0; width:420px; }
input, textarea	{ background:#222; border:1px solid #000; margin-left:1em; }
input.send-message	{ background:transparent; border:0; color:#ccc; color:rgba(255,255,255,.45); font-size:.5em; }
input:hover.send-message	{ background:transparent; color:#bcd45e; font-style:italic; }
input.radio	{ margin-left:.1em; }

#article	{ float:left; margin:1em 0; padding:0; width:600px; }

.box	{ position:relative; margin:.5em 0 1.5em 1em; width:250px; float:right; }
.boxTop { height:46px; cursor:pointer; }
.boxTop h2, .boxTop h3, .boxTop h4 { clear:both; color:#abbf56; margin-top:0; position:relative; text-indent:-9500px; text-indent:0; }
.boxTop h2.aboutpv:hover	{ -webkit-transform: rotate(-5deg); -webkit-transform-origin: 50% 100%; }
.boxTop h2.getintouch:hover	{ -webkit-transform: rotate(10deg); -webkit-transform-origin: 50% 100%; }
.boxContent { background:#000; background:rgba(0,0,0,.5); border:2px solid #000; color:#666; margin:.2em 0; padding:.5em; }
.boxContent > p:first-child, .boxContent > ul:first-child { margin-top:0; }
.boxBottom { display:block; height:11px; }
.clearLeft { display:block; margin-bottom:1em; clear:left; }

.box p	{ margin:0 0 1em 0; padding:0 0 5px 0; }
.box dl	{ margin:.25em 0; padding:0; }
.box dl dt	{ color:#ccc; color:rgba(255,255,255,.45); }
.box dl dd ul li	{ list-style:disc; margin:0; padding:0; }
.box ul	{ margin-bottom:5px; }
.box a.close-window	{ float:right; font-size:.9em; font-style:italic; padding-bottom:1em; }

div#payment	{ margin:2em; }
div#payment dl	{ margin:.5em; }
div#payment dl dt	{ clear:left; float:left; margin-top:.5em; width:125px; }
div#payment dl dd	{ float:left; margin-top:.5em; }

#our-work ul	{ clear:both; width:100%; }
ul#spots	{ min-height:260px; }
ul#documentaries, ul#music, ul#corporate, ul#films	{ min-height:130px; }

#our-work ul li	{ float:left; font-size:10px; line-height:1; margin:0; padding:0; }
#our-work ul li a	{ background:#000; border:5px solid #000; color:#666; display:block; float:left; height:30px; margin:.5em .3em; padding:95px 0 .25em .35em; width:120px; }
#our-work ul li a:hover	{ color:#bcd45e; text-decoration:none; -webkit-transition:1s ease; -moz-transition:1s ease; }

/* the individual spots */
#our-work ul li a.apartments1 { background:#000 url(../images/spots/apartments1-link.jpg) top left no-repeat; }
#our-work ul li a:hover.apartments1 { background:#000 url(../images/spots/apartments1-hover.jpg) top left no-repeat; }

#our-work ul li a.ctca1 { background:#000 url(../images/spots/ctca2-joe-bacal-link.jpg) top left no-repeat; }
#our-work ul li a:hover.ctca1 { background:#000 url(../images/spots/ctca2-joe-bacal-hover.jpg) top left no-repeat; }

#our-work ul li a.ditech1 { background:#000 url(../images/spots/ditech1-candy-link.jpg) top left no-repeat; }
#our-work ul li a:hover.ditech1 { background:#000 url(../images/spots/ditech1-candy-hover.jpg) top left no-repeat; }

#our-work ul li a.humana1 { background:#000 url(../images/spots/humana1-soccer-link.jpg) top left no-repeat; }
#our-work ul li a:hover.humana1 { background:#000 url(../images/spots/humana1-soccer-hover.jpg) top left no-repeat; }

#our-work ul li a.truecredit1 { background:#000 url(../images/spots/truecredit1-lost-link.jpg) top left no-repeat; }
#our-work ul li a:hover.truecredit1 { background:#000 url(../images/spots/truecredit1-lost-hover.jpg) top left no-repeat; }

#our-work ul li a.truecredit2 { background:#000 url(../images/spots/truecredit2-serving-link.jpg) top left no-repeat; }
#our-work ul li a:hover.truecredit2 { background:#000 url(../images/spots/truecredit2-serving-hover.jpg) top left no-repeat; }

#our-work ul li a.bally1 { background:#000 url(../images/spots/bally1-link.jpg) top left no-repeat; }
#our-work ul li a:hover.bally1 { background:#000 url(../images/spots/bally1-hover.jpg) top left no-repeat; }

#our-work ul li a.meredith { background:#000 url(../images/spots/meredith-link.jpg) top left no-repeat; }
#our-work ul li a:hover.meredith { background:#000 url(../images/spots/meredith-hover.jpg) top left no-repeat; }

#our-work ul li a.ikereilly { background:#000 url(../images/spots/ikereilly-link.jpg) top left no-repeat; }
#our-work ul li a:hover.ikereilly { background:#000 url(../images/spots/ikereilly-hover.jpg) top left no-repeat; }

#our-work ul li a.gogos { background:#000 url(../images/spots/gogos-link.jpg) top left no-repeat; }
#our-work ul li a:hover.gogos { background:#000 url(../images/spots/gogos-hover.jpg) top left no-repeat; }

#our-work ul li a.ikereilly-epk { background:#000 url(../images/spots/ikereilly-epk-link.jpg) top left no-repeat; }
#our-work ul li a:hover.ikereilly-epk { background:#000 url(../images/spots/ikereilly-epk-hover.jpg) top left no-repeat; }

#our-work ul li a.winds { background:#000 url(../images/spots/winds-link.jpg) top left no-repeat; }
#our-work ul li a:hover.winds { background:#000 url(../images/spots/winds-hover.jpg) top left no-repeat; }

#our-work ul li a.renaissance { background:#000 url(../images/spots/renaissance-link.jpg) top left no-repeat; }
#our-work ul li a:hover.renaissance { background:#000 url(../images/spots/renaissance-hover.jpg) top left no-repeat; }

#our-work ul li a.kansas { background:#000 url(../images/spots/kansas-link.jpg) top left no-repeat; }
#our-work ul li a:hover.kansas { background:#000 url(../images/spots/kansas-hover.jpg) top left no-repeat; }

#our-work ul li a.burnham { background:#000 url(../images/spots/burnham-link.jpg) top left no-repeat; }
#our-work ul li a:hover.burnham { background:#000 url(../images/spots/burnham-hover.jpg) top left no-repeat; }

#our-work ul li a.skil { background:#000 url(../images/spots/skil-link.jpg) top left no-repeat; }
#our-work ul li a:hover.skil { background:#000 url(../images/spots/skil-hover.jpg) top left no-repeat; }

#our-work ul li a.sears { background:#000 url(../images/spots/sears-link.jpg) top left no-repeat; }
#our-work ul li a:hover.sears { background:#000 url(../images/spots/sears-hover.jpg) top left no-repeat; }

#our-work ul li a.ossobucco { background:#000 url(../images/spots/ossobucco-link.jpg) top left no-repeat; }
#our-work ul li a:hover.ossobucco { background:#000 url(../images/spots/ossobucco-hover.jpg) top left no-repeat; }

#our-work ul li a.copshow { background:#000 url(../images/spots/copshow-link.jpg) top left no-repeat; }
#our-work ul li a:hover.copshow { background:#000 url(../images/spots/copshow-hover.jpg) top left no-repeat; }

.note { background-color:#f93; }