/*
 *	Body
 */

@font-face {
	font-family: 'PreloBook';
	src: url('prelo-book-webfont.eot');
	src: local('?'), url('prelo-book-webfont.woff') format('woff'), url('prelo-book-webfont.ttf') format('truetype'), url('prelo-book-webfont.svg#webfontWXj2wmOh') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
width:100%;
background:#000000;
color:#000000;
font-family:sans-serif;
}

/********* helpers *********/
.floatRight { float: right; }
.floatLeft  { float: left; }
.right  { text-align: right; }
.left   { text-align: left; }
.center { text-align: center; }
.clear, .clearer { clear: both; }
.block  { display: block; }


/* Generic IE-only Hack */
* html body {
	
}

/*
 *	Paragraph, Code, Blockquote
 */

p {
	
}

code {
	white-space				: pre;
}

blockquote {
	
}

/*
 *	Headings
 */

h1	{
	
}

h2	{
	
}

h3	{
	
}

h4	{
	
}

h5	{
	
}

h6	{
	
}

/*
 *	Lists
 */
 
ul {
	
}

ol {
	
}

li {
	
}

ul li {
	
}

ol li {
	
}

#wrapper{
min-width:1250px;
background:url(../images/grad-bottom.gif) repeat-x bottom #ffffff;
}

#headerWrapper{
margin:0 auto 0 auto;
width:1250px;
padding:20px 0 15px 0;
}

#header{
width:1000px;
background:url(../images/hr.gif) repeat-x bottom left;
padding-bottom:12px;
}

#headerLogo{
width:250px;
margin-left:250px;
display:inline;
float:left;
}

#headerNavigation{
width:500px;
float:left;
}

#header h1 a{
background:url(../images/zero-collective-logo.gif) right no-repeat;
display:block;
width:152px;
height:51px;
text-indent:-999em;
margin-top:20px;
}

#header ul#navigation{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
float:right;
text-align:right;
}

#header ul#navigation li{
display:inline;
color:#939598;
font-size:1.4em;
margin-left:20px;
}

#header ul#navigation li a{
color:#939598;
}

#header ul#navigation li a:hover, #header ul#navigation li a.selected{
color:#38da43;
}

#header ul.social{
font-family: Arial, Helvetica, sans-serif;
float:right;
width:100%;
text-align:right;
margin-bottom:39px;
}

#header ul.social li{
display:inline-block;
color:#38da43;
font-size:1.2em;
margin-left:2px;
text-align:left;
}

#header ul.social li a{
color:#939598;
}

#header ul.social li a.icon{
display:block;
width:20px;
height:20px;
text-indent:-999em;
}

#header ul.social li.lang{
margin-right:10px;
}

#header ul.social li a:hover{
color:#38da43;
}

#header ul.social li a.twitter{background:url(../images/social.jpg) no-repeat 0px 0px;}
#header ul.social li a.facebook{background:url(../images/social.jpg) no-repeat -20px 0px;}
#header ul.social li a.youtube{background:url(../images/social.jpg) no-repeat -40px 0px;}

#header ul#social li a:hover{
}

#carouselWrapper{
position:relative;
margin:0 auto 0 auto;
width:100%;
height:320px;
overflow:hidden;
text-align:left;
}

#imageWrapper{
position:relative;
margin:0 auto 0 auto;
width:100%;
height:320px;
overflow:hidden;
text-align:center;
}

/* MAIN LEFT SUBMENU */
#subMenu{
text-align:right;
background:#ffffff;
width:250px;
height:320px;
position:absolute;
top:0;
}

#subMenu h4{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:normal;
color:#000000;
padding-right:10px;
}

#subMenu ul{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.3em;
color:#38da43;
xlist-style:disc;
xmargin-left:15px;
padding-right:10px;
xlist-style:disc;
xmargin-left:15px;
padding-bottom:10px;
}

#subMenu ul li{
xbackground:url(../images/bullet.gif) no-repeat left;
xpadding-left:15px;
}

#subMenu ul li a{
color:#414042;
text-decoration:none;
}

#subMenu ul li a:hover, #subMenu ul li a.selected{
color:#38da43;
text-decoration:none;
}

#carousel{
height:320px;
}

#carousel ul{
position:relative;
}

#carousel ul li{
float:left;
xwidth:760px;
xheight:320px;
xtext-align:right;
}

#carousel ul li a{
display:inline-block;
width:760px;
height:320px;
}

#carousel ul li.cloned a img{
xposition:absolute;
xmargin-top:10px;
xborder-top:10px solid red;
}

#carousel ul li a img{
position:absolute;
}

#carousel ul li a div{
position:relative;
float:right;
display:inline;
background:#414042;
text-align:left;
margin-top:200px;
margin-right:5px;
padding:10px 12px 10px 12px;
display:none;
}

#carousel ul li a:hover div{
background:#ffffff;
}

#carousel ul li a h2{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-weight:normal;
color:#8d8f5c;
font-size:3.6em;
}

#carousel ul li a h3{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-weight:normal;
color:#ffffff;
font-size:1.6em;
}

#carousel ul li a:hover h3{
color:#000000;
}

#content{
margin:0 auto 0 auto;
width:1250px;
}

#homeColumn{
margin-left:250px;
width:750px;
padding-bottom:50px;
}

#homeColumn h1{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:3.6em;
color:#38da43;
xletter-spacing:-1px;
font-weight:normal;
padding-bottom:10px;
}

#homeColumn h2{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:3.6em;
color:#bcbec0;
font-weight:normal;
margin-top:30px;
padding-top:20px;
padding-bottom:10px;
padding-left:250px;
background:url(../images/hr.gif) repeat-x top;
}

#homeColumn .homeNews{
}

#homeColumn .homeNews a{
display:block;
padding-bottom:20px;
}

#homeColumn .homeNews a:hover p{
color:#414042;
}

#homeColumn .homeNews h3{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:1.6em;
line-height:1.3em;
color:#58595b;
font-weight:normal;
float:left;
width:200px;
}

#homeColumn .homeNews h3.selected{
color:#38da43;
}

#homeColumn .homeNews h3 span{
font-family: Georgia, 'Times New Roman', serif;
font-size:.9em;
color:#939598;
}

#homeColumn .homeNews p{
font-family: Georgia, 'Times New Roman', serif;
font-size:1.4em;
color:#6d6e71;
line-height:1.3em;
float:right;
width:500px;
}

#homeColumn p{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:1.6em;
color:#58595b;
line-height:1.3em;
}

#footerwrapper{
background:url(../images/grad-footer.gif) repeat-x top center #000000;
min-width:1250px;
}

#footer{
margin:0 auto;
width:875px;
width:1250px;
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
xheight:290px;
padding-top:40px;
}

#footer .column3 h5 a{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:1.6em;
line-height:1.2em;
color:#ffffff;
font-weight:normal;
float:left;
width:500px;
padding:0 0 20px 60px;
text-decoration:none;
}

#footer.dark .column3 h5 a{
color:#000000;
text-decoration:none;
}

#footer .column3 h5 a:hover{
text-decoration:underline;
}

#footer .column1 h5{
font-size:1.6em;
line-height:1.2em;
text-indent:-999em;
color:#ffffff;
float:left;
display:block;
width:225px;
height:29px;
padding:0px 0 13px 0;
background:url(../images/zero-collective-footer-dark.png) no-repeat;
}

#footer .column1 p{
clear:both;
padding:8px 0 0 0;
}

#footer .column2 p{
padding:50px 0 0 0;
}

#footer .column1 p.top10, #footer .column2 p.top10{
padding:10px 0 0 0;
}

#footer.dark .column1 h5{
color:#000000;
background:url(../images/zero-collective-footer.png) no-repeat;
}

#footer .column1 h6{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.2em;
color:#bcbec0;
font-weight:normal;
float:left;
width:225px;
padding-bottom:10px;
}

#footer.dark .column1 h6{
color:#6d6e71;
}

#footer #contactHolder{
float:left;
display:inline;
padding:0 0 25px 0;
width:770px;
margin-left:250px;
}

#footer .column3{
width:250px;
float:left;
padding-bottom:10px;
background:url(../images/twitter.png) no-repeat;
}

#footer .column1, #footer .column2{
width:250px;
float:left;
padding-bottom:10px;
}

#footer .column1, #footer .column2{
background:url(../images/hr-footer.gif) no-repeat 0 39px;
}

#footer.dark .column1, #footer.dark .column2{
background:url(../images/hr-footer-.gif) no-repeat 0 39px;
}

#footer p.footer{
font-size:1.0em;
line-height:1.3em;
font-family: Georgia, 'Times New Roman', serif;
}

#footer p{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.3em;
color:#bcbec0;

}



#footer.dark p{
color:#414042;
}

#footer .footer{
width:100%;
background:url(../images/hr-footer.gif) repeat-x;
float:left;
padding:10px 0;
}

#footer.dark .footer{
width:100%;
background:url(../images/hr-footer-.gif) repeat-x;
float:left;
padding:10px 0;
}

#footer a{
color:#bcbec0;
font-weight:normal;
text-decoration:none;
}

#footer.dark a{
color:#333;
}

#footer a:hover{
text-decoration:underline;
}

#footer ul.twitter{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.3em;
color:#bcbec0;
padding-left:25px;
clear:both;
}

#footer.dark ul.twitter{
color:#414042;
}

#footer ul.twitter li{
padding-bottom:10px;
padding-top:10px;
background:url(../images/hr-footer-full.gif) repeat-x top;
}

#footer.dark ul.twitter li{
background:url(../images/hr-footer-full-.gif) repeat-x top;
}

#footer ul.twitter li.last{
padding-bottom:10px;
padding-top:10px;
background:none;
}

#footer ul.twitter a{
color:#1faae2;
}

#footer ul.twitter a.pubdate{
color:#ffffff;
}

#footer.dark ul.twitter a.pubdate{
color:#333;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/* WORK COLUMN */

#workColumn{
margin-left:250px;
width:750px;
padding-bottom:50px;
}

#workColumn .workTitle, #workColumn .workHeader{
background:url(../images/hr.gif) repeat-x bottom;
margin-bottom:20px;
}

#workColumn .workTitle p{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#58595b;
line-height:1.3em;
padding-bottom:20px;
text-align:right;
width:250px;
float:right;
}

#workColumn .workTitle p a{
color:#58595b;
background:url(../images/bullet.gif) no-repeat 5px 4px;
padding-left:15px;
text-decoration:none;
}

#workColumn .workTitle p a:hover{
color:#38da43;
text-decoration:none;
}

#workColumn .workHeader p{
font-family: Georgia, 'Times New Roman', serif;
font-size:1.4em;
color:#58595b;
line-height:1.3em;
padding-bottom:20px;
text-align:left;
width:750px;
float:left;
}

#workColumn .workTitle h1, #workColumn .workHeader h1{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:3.6em;
color:#38da43;
font-weight:normal;
padding-bottom:5px;
}

#workColumn .workTitle h2, #workColumn .workHeader h2{
font-family: Georgia, 'Times New Roman', serif;
font-size:1.4em;
color:#414042;
font-weight:normal;
padding-bottom:20px;
xbackground:url(../images/hr.gif) repeat-x top;
width:500px;
float:left;
}

#workColumn .workAdditions{
padding-bottom:20px;
float:left;
width:250px;
}

#workColumn .workAdditions h4{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:normal;
color:#000000;
}

#workColumn .workAdditions ul{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:1.4em;
line-height:1.3em;
color:#38da43;
xlist-style:disc;
xmargin-left:15px;
padding-bottom:10px;
}

#workColumn .workAdditions ul li{
background:url(../images/bullet.gif) no-repeat 5px 6px;
padding-left:15px;
}

#workColumn .workAdditions ul li a{
color:#414042;
text-decoration:none;
}

#workColumn .workAdditions ul li a:hover{
color:#38da43;
text-decoration:none;
}

#workColumn .workContent{
padding-bottom:20px;
float:right;
width:500px;
}

#workColumn .workContent h3{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:1.6em;
line-height:1.3em;
color:#58595b;
font-weight:normal;
float:left;
width:200px;
}

#workColumn .workContent h3 span{
font-family: Georgia, 'Times New Roman', serif;
font-size:.9em;
color:#939598;
}

#workColumn .workContent p{
font-family: Georgia, 'Times New Roman', serif;
font-size:1.4em;
color:#6d6e71;
line-height:1.3em;
padding-bottom:20px;
}

#workColumn .workContent h2{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:1.6em;
line-height:1.3em;
color:#000000;
font-weight:normal;
}


#featuredWork ul{
position:relative;
}

#featuredWork ul li{
float:left;
}

#featuredWork ul li a{
display:inline-block;
width:250px;
height:248px;
background-position:0px 0px;
background-repeat:none;
overflow:hidden;
}

#featuredWork ul li a.last{
width:260px;
}

#featuredWork ul li a:hover{
background-position:0px -250px;
}

#featuredWork ul li a div{
padding-top:150px;
}

#featuredWork ul li a div h2{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-weight:normal;
color:#414042;
font-size:1.6em;
}

#featuredWork ul li a div h3{
font-family: Georgia, 'Times New Roman', serif;
font-weight:normal;
color:#6d6e71;
font-size:1.4em;
}

#featuredWork ul li a:hover div h2{
color:#38da43;
}

/* Contact Column */

/* WORK COLUMN */

#contactColumn{
margin-left:190px;
width:810px;
padding-bottom:50px;
}

#contactColumn .workTitle{
background:url(../images/hr.gif) repeat-x bottom;
width:750px;
margin-left:60px;
margin-bottom:20px;
}

#contactColumn .workTitle h1{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:3.6em;
color:#38da43;
font-weight:normal;
padding-bottom:20px;
}

#contactColumn .car{background:url(../images/car.gif) no-repeat;}
#contactColumn .rail{background:url(../images/rail.gif) no-repeat;}
#contactColumn .air{background:url(../images/air.gif) no-repeat;}

#contactColumn .address{
padding-bottom:20px;
float:right;
width:225px;
}

#contactColumn .address h2, #contactColumn .driving h2{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:1.6em;
line-height:1.3em;
color:#000000;
font-weight:normal;
width:225px;
margin-bottom:10px;
padding-bottom:10px;
background:url(../images/hr.gif) repeat-x bottom left;
}

#contactColumn .driving h2{
margin-left:60px;
width:500px;
}

#contactColumn .address p{
font-family: Georgia, 'Times New Roman', serif;
font-size:1.4em;
color:#6d6e71;
line-height:1.3em;
padding-bottom:20px;
}


#contactColumn .additionalDirections{
padding-bottom:20px;
width:810px;
}

#contactColumn .driving{
float:left;
width:475px;
}

#contactColumn .additionalDirections p, #contactColumn .driving p{
font-family: Georgia, 'Times New Roman', serif;
font-size:1.4em;
color:#6d6e71;
line-height:1.3em;
padding-bottom:20px;
width:750px;
margin-left:60px;
}

#contactColumn .additionalDirections ul, #contactColumn .driving ul{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#6d6e71;
line-height:1.3em;
padding-bottom:20px;
width:750px;
margin-left:60px;
}

#contactColumn .driving p{
width:475px;
}

#contactColumn p a{
color:#6d6e71;
text-decoration:none;
}

#contactColumn p a:hover{
color:#6d6e71;
text-decoration:underline;
}

#contactColumn .driving ul{
width:475px;
}

#contactColumn .additionalDirections ul li, #contactColumn .driving ul li{
background:url(../images/bullet.gif) no-repeat left;
padding-left:15px;
}

#contactColumn .additionalDirections ul li a, #contactColumn .driving ul li a{
color:#414042;
text-decoration:none;
}

#contactColumn .additionalDirections ul li a:hover, #contactColumn .additionalDirections ul li a.selected,
#contactColumn .driving ul li a:hover, #contactColumn .driving ul li a.selected{
color:#38da43;
text-decoration:none;
}

#contactColumn .additionalDirections h2{
font-family: 'PreloBook', Arial, Helvetica, sans-serif;
font-size:1.6em;
line-height:1.3em;
color:#000000;
font-weight:normal;
width:750px;
margin-left:60px;


margin-bottom:10px;
padding-bottom:10px;
background:url(../images/hr.gif) repeat-x bottom left;
}

#navigationCarousel{
margin-left:250px;
padding-bottom:10px;
}

#navigationCarousel ul{
}

#navigationCarousel ul li{
display:inline-block;
color:#939598;
font-size:1.2em;
margin-left:2px;
text-indent:-999em;
text-align:left;
}

#navigationCarousel ul li a{
display:block;
width:22px;
height:57px;
}

#navigationCarousel ul li a#navigationFeaturedPrev, #navigationCarousel ul li a#navigationCarouselPrev{background:url(../images/navigation-carousel.gif) no-repeat 0px -57px;}
#navigationCarousel ul li a#navigationFeaturedNext, #navigationCarousel ul li a#navigationCarouselNext{background:url(../images/navigation-carousel.gif) no-repeat -22px -57px;}

#navigationCarousel ul li a:hover#navigationFeaturedPrev, #navigationCarousel ul li a:hover#navigationCarouselPrev{background:url(../images/navigation-carousel.gif) no-repeat 0px 0px;}
#navigationCarousel ul li a:hover#navigationFeaturedNext, #navigationCarousel ul li a:hover#navigationCarouselNext{background:url(../images/navigation-carousel.gif) no-repeat -22px 0px;}
