/* CREDITS
 * ----------------------------------------------------------
 * Title:		Projectname - Screen Stylesheet
 * Author:		David Candreva <david@inventis.be>
 * Date:		00/00/10
 * Last Edit:	00/00/00 David Candreva <david@inventis.be>
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.inventis.be
 */

/* Reset
---------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
ol,ul{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
strong,b{ font-weight:bold; }
em{ font-style:italic; }
em strong,strong em { font-weight: bold; font-style: italic; }
abbr,acronym{ border-bottom:1px dotted; cursor:help; }
button{ cursor:pointer; }

/* General elements
---------------------------------------------------------- */
textarea, body{ color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
body{ background:#000120; }
html,body{ height:100%; }
.clear{ clear:both; }
a:focus{ outline:none; }

div.push, div#footer{ height:160px; }

/* Container
---------------------------------------------------------- */
div#container{ margin-bottom:-160px; min-height:100%; background:url(../images/layout/body_background.jpg) no-repeat center bottom;  }
div#mainWrapper{ margin:0 auto; width:916px; min-height:782px;  }

/* Header
---------------------------------------------------------- */
div#header{ width:100%; clear:both; overflow:hidden; }
div#header img{ display:block; margin:30px auto 30px; }

/* Content
---------------------------------------------------------- */
div#content{ padding-bottom:40px; width:100%; right:-20px; position:relative; clear:both; overflow:hidden; }

ul li{  height:290px; float:left; width:270px; padding:10px 0 0 0; text-align:center; }
ul li a.bg{ text-indent:-9000px; position:relative; width:193px; height:212px; display:block; margin-left:40px;  }
ul li div{ display:block; padding: 0 15px; text-align:center; }
ul li a{ color:#FFF; text-decoration: none; }
ul li a:hover{ text-decoration: underline; }

ul li.benji-fun{ background:url(../images/layout/red_background.png) no-repeat 0 0; }
	ul li.benji-fun a.bg{ background:url(../images/layout/benji-fun.png) no-repeat 0 0; }
ul li.fun-fun{ background:url(../images/layout/yellow_background.png) no-repeat 0 0; }
	ul li.fun-fun a.bg{ background:url(../images/layout/fun-fun.png) no-repeat 0 0; }
ul li.rent-a-stage{ background:url(../images/layout/purple_background.png) no-repeat 0 0; }
	ul li.rent-a-stage a.bg{ background:url(../images/layout/rent_a_stage.png) no-repeat 0 0; }
ul li.sky-events{ background:url(../images/layout/blue_background.png) no-repeat 0 0; }
	ul li.sky-events a.bg{ background:url(../images/layout/sky-events.png) no-repeat 0 0; }
ul li.rent-a-limo{ background:url(../images/layout/black_background.png) no-repeat 0 0; }
	ul li.rent-a-limo a.bg{ background:url(../images/layout/rent-a-limo.png) no-repeat 0 0; }
ul li.work-with-fun{ background:url(../images/layout/orange_background.png) no-repeat 0 0; }
	ul li.work-with-fun a.bg{ background:url(../images/layout/work-with-fun.png) no-repeat 0 0; }

ul li.benji-fun a.bg:hover, ul li.fun-fun a.bg:hover, ul li.rent-a-stage a.bg:hover, ul li.sky-events a.bg:hover, ul li.rent-a-limo a.bg:hover, ul li.work-with-fun a.bg:hover{ background-position:right 0; }

/* Footer
---------------------------------------------------------- */
div#footer_wrapper{ height:160px; width:100%; clear:both; }
div#footer{ margin:0 auto; position:relative; clear:both; width:1004px; height:160px; position:relative; font-size:10px; }
div#footer p{ position:absolute; left:431px; bottom:8px; }
div#footer p span{ padding:0 6px; }
div#footer a#inventis{ position:absolute; top:108px; left:915px; width:68px; height:20px; display:block; text-indent:-9000px; overflow:hidden; background:url(../images/layout/inventis.png) no-repeat 0 0; }
div#footer a#inventis:hover{ background-position:right 0; }