@import url(reset.css);
@import url(jquery.fancybox-1.3.0.css);
/* ------------------------------------------------------------------ 
*
* HANDLE BASICS
*
 ------------------------------------------------------------------*/
html{height: 100%;}
body{background: #362B24; color: #7A6860; font-size: 13px; font-family:"Gill Sans","Corbel","Tahoma",sans-serif; font-weight: lighter; height:100%;min-height:100%;}
body#fancybody{color:#7A6860;  background: transparent url(../img/fancybox/paper-bg.png) no-repeat;}
a{color:#F7931E; text-decoration: none; }
a:hover{text-decoration: none; border-bottom: 1px #F7931E solid;}
a.social{margin: 0 3px;}
.noborder, .noborder:hover{border:0;}
body.playground a{color: #3333cc;}
body.playground a:hover{border-bottom: 1px #9999cc solid;}
.launch a:hover, a#linkedingroup:hover, body.playground a.social:hover, #part3 h3 a:hover, a.readmore:hover, #logo a:hover, a.second-button:hover, input a:hover, #floatmenu a:hover, img a:hover{border-bottom: 0;}
p, #work .introduction p{margin-bottom: 20px; line-height: 18px;}
body#fancybody .fancycontent{margin: 30px 30px 0 30px;}
body#fancybody p{margin-left: 10px;}
h1{color: #FCEE21; font-size: 36px; font-weight: lighter; line-height: 40px; text-transform: uppercase; margin-bottom: 15px;}
h2{font-size: 28px; font-weight: lighter; line-height: 32px; color: #43312D; text-transform: uppercase; margin-bottom: 20px;}
h3, h3 a{font-weight: bold; color: #362B24; font-size: 16px; text-transform: uppercase; margin-top: 5px; line-height: normal;}
h3 a:hover, h3 a.trigger{border-bottom: 1px solid #362B24;}
#paper h3, #paper h3 a{font-weight: lighter;}
h5, h5 a, h5 a:hover{text-decoration:none; font-size: 60px; line-height: 46px; font-weight: bold; float: left; display: block; color: #FFD402;  font-family:"Gill Sans","Tahoma",sans-serif; letter-spacing: -3px;}
.slider label, input{width: 200px; font-size: 18px; line-height: normal; padding: 4px 8px; color: #7A6860; font-style: italic; border: 0; font-family:"Gill Sans","Corbel","Tahoma",sans-serif;}
img.visual{width: 610px; height: 300px; border-bottom: 2px solid #FFF;}
tr, th, td {vertical-align:top;}
span.yellow{color: #FFFF00;}
/* ------------------------------------------------------------------ 
*
* HANDLE BLOCKS
*
 ------------------------------------------------------------------*/
#work {width: 968px;height: 1332px; margin: 0 auto;}
#paper{background: url(../img/core/bg_base.png);width: 968px;height: 1332px;margin: 0 auto;position: absolute; top:15px; z-index: 999;}
#paper.swap{background: url(../img/core/bg_base-konami.jpg);}
#footer{height: 156px; width: 100%; margin-top: 0; background: url(../img/core/bg_footer.png) repeat-x left 83px; float: left;}
#wrapper{background: url(../img/core/bg_lines-short.png) no-repeat top center; width: 890px; height:100%; margin: 0 auto; }
.playground #wrapper{background: url(../img/core/bg_lines.png) no-repeat top center;}
#wrapper #header{margin: 0 0 5px 0; width: 100%; padding-top: 38px; height: 52px;}
#nav-a,#nav-b{width: 37px; height: 37px; float: left; margin-top: 8px; } 
.nav-btn{background: url(../img/core/gloed.png) no-repeat; width: 37px; height: 37px; position: absolute; z-index: 10;}
#nav-b{float: right;}
#nav-a img,#nav-b img{margin: 6px 0 0 6px; width: 24px; height: 24px; z-index: 99; position: absolute;}
/* ------------------------------------------------------------------ 
*
* HANDLE PRODUCT
*
 ------------------------------------------------------------------*/
.small-item{margin-right: 35px; float: left; width: 180px;}
.small-item img{margin-left:-5px;}
.small-item p{margin-top:5px;}
.small-item.last{margin-right: 0;}
body.product{height: 100%;}
#sprache h1{color: #FFF; line-height: normal; text-transform: uppercase; font-weight: lighter; margin-bottom: 12px; font-size: 28px;}
.product h2{background: url(../img/core/title_products.png) no-repeat; width: 202px; height: 31px; margin-bottom: 50px; text-indent: -9999px;}
.product h3{color: #FFFF00; font-size: 14px; font-weight: bold; line-height: normal; margin-bottom: 8px; text-transform: uppercase;}
.product h4{color: #FFF; font-weight: lighter; line-height: normal; font-size: 14px; text-transform: uppercase; margin-bottom: 2px;}
.client #content, .product #content{width: 610px; margin-left:10px; float: left;}
.product #content .article{margin-top: 55px; color: #999;}
.product #sidebar{color: #999;}
 .product #sidebar form{margin: 0 28px; }
p.highlight{color: #FFF; }
#sidebar p.imgcenter{width: 106px; height: 74px; margin: 15px auto 0 auto;}
.product #sprache{margin-top: 45px; width: auto; float: left; margin-left: 55px;}
#sprache img{float: left; margin-right: 30px;}
#sprache .content{float: left; width: 380px; margin-top: 12px;}
#sidebar{width: 232px;  margin:0 0 0 30px; background: url(../img/core/bg_sidebar.png) repeat-y  14px top; float: left; height: 100%; /*min-height: 796px;*/ }
#sidebar #head{background: url(../img/core/nl_ribbon-send.png) no-repeat; width: 232px; height:28px; margin: 76px 0 3px 0; text-indent: -9999px;}
#sidebar p, #sidebar h4, #sidebar a#contact, #sidebar #deelnemen{margin-left: 28px; margin-right: 28px;}
#sidebar .price{width: 235px; height: 123px; background: url(../img/visuals/lavamail_nl-price.png) no-repeat; margin: 16px 0 6px 0;}
#sidebar h4{margin-top: 35px;}
.service h2{background: url(../img/core/title_services.png) no-repeat;}
.service #sidebar h4, .products #sidebar h4{font-weight: lighter; font-size: 20px; margin: 40px 28px 15px 28px; text-transform: uppercase;}
/* ------------------------------------------------------------------ 
*
* HANDLE BUTTONS
*
 ------------------------------------------------------------------*/
.second-button{height: 28px; width: auto; font-size: 13px; text-transform: uppercase; color: #666; font-weight: normal; font-style: normal; padding: 3px 10px; cursor: pointer; text-indent: -9999px;}
.third-button{height: 28px; width: auto; font-size: 13px; text-transform: uppercase; color: #666; font-weight: normal; font-style: normal; padding: 3px 10px; cursor: pointer;}
a#specifications{background: url(../img/core/btn_specifications.png) no-repeat; width: 173px; height: 30px; display: block;}
a#discover{background: url(../img/core/btn_discover.png) no-repeat; width: 118px; height: 30px; display: block;}
a#deelnemen{background: url(../img/core/btn_deelnemen.png) no-repeat; width: 107px; margin-left:5px; height:30px; padding:0; margin-top:-8px; display: block;}
a#contact{background: url(../img/core/btn_contact.png) no-repeat; width: 145px; height: 30px; display: block; margin-left: 5px; margin-top: -8px;}
a#projectplanner{background: url(../img/core/btn_plan.png) no-repeat; width: 129px; height: 30px; display: block; margin-left: 5px; margin-top: -8px;}
input#subscribe{background: url(../img/core/btn_subscribe.png) no-repeat; width: 120px; height: 30px; margin-left:5px; }
.readmore{width: 32px; height: 29px; background: url(../img/core/btn_readmore.png) no-repeat; cursor: pointer; margin-top: 10px; float: left; text-indent: -9999px;}
/* ------------------------------------------------------------------ 
*
* HANDLE LAST
*
 ------------------------------------------------------------------*/
.last, #work .last{margin-right: 0; padding-right: 0;}
.category{color: #8E8E8E; margin: 0 2px; font-style: italic; font-weight: normal;}
/* ------------------------------------------------------------------ 
*
* HANDLE THUMB
*
 ------------------------------------------------------------------*/
.thumb{float: left; margin-right: 20px;}
.thumb a{border-bottom: 2px solid #362B24; display: block;}
.thumb a:hover, .thumb a.selected{border-color: #FFFF00;}
.thumb img{width: 200px; height: 90px;}
/* ------------------------------------------------------------------ 
*
* HANDLE HEADER
*
 ------------------------------------------------------------------*/
div#logo{float: left;}
div#logo a{display: block; height: 107px; width:110px; background: url(../img/core/logo_lavagraphics-facebook.png) top left no-repeat; text-indent: -9999px;}
div#logo a:hover{background-position: bottom left;}
div#sender{background: url(../img/core/slogan_a.png) no-repeat; width: 682px; height: 88px;   margin: 40px 0 0 52px; float: left; text-indent: -9999px;}
div#receiver{background: url(../img/core/slogan_b.png) no-repeat; width: 904px; height:32px; margin-top:35px; float: left; margin-left:-28px; text-indent: -9999px;}
#paper-header{float: left; position: relative; margin: 70px 0 0 75px;}
/* ------------------------------------------------------------------ 
*
* HANDLE CONTENT
*
 ------------------------------------------------------------------*/
#paper-content{float: left; margin: 10px 0 0 50px;}
#paper-content div.introduction{margin: 0; margin-right: 41px; width: 325px; /*color: #7A6860;*/ color: #444; float: left;}
#inthepicture{width: 305px; height: 230px; float: left; line-height: 16px; cursor: pointer;} 
#inthepicture #img{width: 315px; height: 190px; margin-left: 12px;}
a.title{color: #534741;font-weight: normal; font-size: 12px; text-transform: uppercase;}
#inthepicture #description{background: url(../img/core/itp_ribbon-shadow.png) no-repeat left top; width: 372px; height: 51px; position: absolute; top:400px; padding: 22px 30px 0 30px;}
a.title:hover{border-bottom: 1px solid #534741;}
#inthepicture #description.konami{background: url(../img/core/itp_ribbon.png) no-repeat left top;}
/* ------------------------------------------------------------------ 
*
* HANDLE WORK
*
 ------------------------------------------------------------------*/
#work #loadmore{ background: url(../img/core/line_separator.png) no-repeat 5px center; height: 35px; width: 870px; margin:0 49px 0 49px;float: left; cursor: pointer;}
#work #loadmore img{float: left;}
#work #loadmore p{line-height: 35px; background: ; padding: 0 12px 0 5px; background-color: #362B24; float: left; text-transform: uppercase;}
#work h1{font-size: 60px; color: #FFF; line-height: normal; width: 195px; float: left; margin:0;}
#work h2{line-height: normal; font-weight: bold; text-transform: uppercase; font-size: 12px; color: #FFFF00; margin: 10px 0 0 0;}
#work h3{line-height: normal; margin: 8px 2px 0 2px; color: #FFFF00; text-transform: uppercase;}
#workthumbs .thumb h3{ width: 195px;}
#work ul{float: left;}
#work ul li{float: left; color: #FFFF00;} 
#work p{line-height: 16px; margin: 0;}
#work #project-description p{color: #FFF; font-weight: lighter; width: 380px; margin-top:8px; line-height: 18px;}
#work .spacer{background: url(../img/core/line_work.png) no-repeat left 14px; padding: 0 22px;}
#work #header{width: 870px; margin: 15px 54px 0 54px; float: left; padding-top: 45px;}
#work #slideshow{width: 870px; height: 350px; background: #FFF; margin: 30px 49px 20px 49px; float: left;}
#work .thumbs{width: 860px; height: auto; margin: 0 54px 0 54px; float: left;}
#work .thumbs#workthumbs{height: auto;/*568px*/ overflow-y: hidden;}
#work .separator{background: url(../img/core/line_separator.png) no-repeat; margin: 20px 0 10px 0; height: 3px; width: 860px; float: left;}
#paper-bottom{width:100%; height:50px; float:left; bottom:0; left:0; position:absolute;}
#uparrow{background: url(../img/core/arrow_up.png) no-repeat 5px 22px; width: 16px; height: 100%;}
/* ------------------------------------------------------------------ 
* HANDLE LEFT COLUMN
 ------------------------------------------------------------------*/
#paper-content .leftcol{float: left;}
#paper-content .leftcol h2{height: 25px; width: 160px; margin: 0 0 24px 0; }
#paper-content .leftcol p {font-size: 11px; color: #534741; margin: 0 0 20px 10px;}
#paper-content .leftcol p a{color: #534741; }
#paper-content .leftcol p a:hover{border-bottom-color: #999;}
#paper-content .leftcol p span{color: #EDC821; font-weight: bold; font-size: 10px;}
/* ------------------------------------------------------------------ 
* HANDLE RIGHT COLUMN
 ------------------------------------------------------------------*/
#paper-content .rightcol{float: left; margin-left: 45px; }
/* ------------------------------------------------------------------ 
* HANDLE PARTS
 ------------------------------------------------------------------*/
#part1, #part2, #part3, #part4{margin-top:24px; float: left;}
#part1,#part3{margin-bottom: 40px;}
#part3{margin-top: 0;}
#part3, #part4{width: 100%;}
#part2 h3, #part2 h3 a, #part3 h3, #part3 h3 a, body#fancybody h1{color: #43312D; font-weight: lighter; font-size: 32px; line-height: normal; margin: 0 0 10px 0; border-bottom: 0;}
#part3 h3, #part3 h3 a{font-size: 36px; color: #edc821; text-transform: uppercase; text-decoration: none;}
#part4 h4, #part4 h4 a , #part4 h4 a:hover{font-size: 14px; color: #534741; text-transform: uppercase; text-decoration: none; border-bottom: 0; line-height: 18px;}
p.date{ color: #736357; float: left; padding-top: 3px; line-height:16px;}
#part2 p{margin-bottom: 18px;}
#part4 .right p{margin: 0; padding: 0;}
.playground .article, #part4 .article, #part2 .product{width: 280px; float: left; height: auto; padding-bottom: 10px;}
#part4 .separator, #part2 .separator{margin: 0 35px 0 0; padding-right: 35px;  background: url(../img/core/line_part2.png) repeat-y top right; height: auto;}
.playground .article .category, #part4 .article .category{width: auto;}
.playground .article .content, #part4 .article .content{margin-top:10px; float: left;}
.playground .article .left, #part4 .article .left{width: 80px; float: left;}
.playground .article .right, #part4 .article .right{padding-left: 5px; float: left; width: 195px;}
/* ------------------------------------------------------------------ 
* HANDLE THUMBS
 ------------------------------------------------------------------*/
#part3 .thumbs{margin: 0; width: auto;}
#part3 .thumb a{border-bottom-color: #FFF;}
#part3 .thumb a:hover{border-bottom-color: #FFFF00;}
#part3 .thumb h4{font-weight: normal; color: #534741; font-size: 12px; margin: 8px 2px 0 2px; text-transform: uppercase;}
/* ------------------------------------------------------------------ 
*
* HANDLE PLAYGROUND
*
 ------------------------------------------------------------------*/
body.playground{background: #FCEE17; color: #534741;}
.playground h2{background: url(../img/core/title_playground.png) no-repeat; width: 200px; height: 31px; margin-bottom: 50px; text-indent: -9999px;}
.playground #articles{margin-left: 45px;}
.playground .article{width: 100%; }
.playground h4, .playground h4 a{color: #534741; font-size: 14px; text-transform: uppercase; font-weight: normal; width: 350px; line-height: 18px;}
.playground h4 a:hover{border-bottom: 1px solid #777;}
.playground .article .content{margin-top: 0;}
.playground .article .category{width: auto; margin-bottom: 10px;}
.playground h5{color: #FFF;}
.article-img{max-width: 430px; max-height: 360px; margin-left: 45px; float: left;}
.playground .article{margin-bottom: 80px;}
.playground .article .right{width: 250px;}
.playground #footer{background: url(../img/core/footer_playground.png) no-repeat; height: 35px; width: 940px; clear: both;}
.playground #footer #top{margin-left: 5px; cursor: pointer; height: 35px; width: 20px; display: block;}
/* ------------------------------------------------------------------ 
* HANDLE FLOAT MENU
 ------------------------------------------------------------------*/
#floatmenu {position:absolute;top:90px;left:0;width:170px;background: url(../img/core/footer_floatmenu.png) no-repeat  left bottom; z-index: 999999;}
#floatmenu.hide{left:-152px;}
#floatmenu.goodie{width: 280px; top:17px;}
#floatmenu.goodie ul{width: 170px;}
#floatmenu.goodie #puffins{ background: url(../img/core/floatmenu_puffins-goodie.png) no-repeat; height: 200px; width: 300px;}
#floatmenu #puffins{background: url(../img/core/floatmenu_puffins.png) no-repeat; width: 156px; height: 127px;}
#floatmenu ul {margin-bottom: 50px;background: url(../img/core/bg_floatmenu.png) repeat-y;}
#floatmenu ul li a {display:block;text-decoration:none;background: url(../img/core/floatmenu_line.png) no-repeat 50px bottom;color:#000;font-size: 12px;font-weight: normal;text-align: right;text-transform: uppercase;padding:11px 30px 11px 11px;}
#floatmenu ul li a:hover, #floatmenu ul li a.selected {background: url(../img/core/floatmenu_hover.png) no-repeat -22px 5px;}
#floatmenu ul li ul{margin: 0; padding-bottom: 6px; background: none; background:  url(../img/core/floatmenu_line.png) no-repeat 50px bottom;}
#floatmenu ul li ul li{background: url(../img/core/bg_floatmenu.png) left top repeat-y;}
#floatmenu ul li ul li a{color: #999; font-size: 10px; padding:5px 32px 5px 6px; background: url(../img/core/bg_floatmenu.png) left top repeat-y;}
#floatmenu ul li ul li a:hover, #floatmenu ul li ul li a.selected{color: #000; background: none; }
/* ------------------------------------------------------------------ 
*
* HANDLE CLIENT
*
 ------------------------------------------------------------------*/
 body.client{background: #FCEE17; color: #534741;}
 .client h1{font-size: 20px; font-weight: normal; color: #000; margin:35px 0 0 0; padding: 0; letter-spacing: 1px;}
 .client h2{background: url(../img/core/title_clientzone.png) no-repeat; width: 214px; height: 31px; margin-bottom: 50px; text-indent: -9999px;}
 .client #sidebar{background: url(../img/core/bg_sidebar-yellow.png) repeat-y top center; }
 .client #sidebar h4{color: #736357; font-weight: lighter; font-size: 20px; margin: 40px 28px 15px 28px; text-transform: uppercase;}
 .client #sidebar .input,  .product #sidebar .input{font-size: 14px; font-style: italic; color: #534741; width: 156px; margin-bottom: 10px; }
 input#login-btn{background: url(../img/core/btn_login.png); height: 30px; width: 97px; margin-top: 5px; cursor: pointer;}
 #browse-btn{background: url(../img/core/btn_browse.png); height: 30px; width: 100px; margin-top: 5px; display: block;}
.client #sidebar p.address span, .client #sidebar a{font-weight: normal;  color: #534741;}
.client #sidebar a:hover{border-bottom-color: #534741;}
.client #sidebar label, .product #sidebar label{color:#534741;font-size:14px;font-style:italic; padding: 0;}
.client #slider .slider label, .product #slider .slider label{color:#534741; width: auto; padding: 0; font-weight: normal;}
.client #sidebar .slider, .product #sidebar .slider{overflow-x: hidden;}
.client #sidebar p.address a{font-weight: lighter; }
.coordinates{background: url(../img/core/icn_address.png) no-repeat; padding-left: 40px; margin-right: 0; margin-top: 8px;}

/* ------------------------------------------------------------------ 
*
* HANDLE FOOTER
*
 ------------------------------------------------------------------*/
#footer ul{padding: 18px 0 12px 18px; float: left; overflow: hidden; width: 968px;}
#footer li{float: left; width: auto;}
#footer .balloon{background: url(../img/social/bg_linkedin.png) no-repeat; width: 58px; height: 52px; color: #FFF; font-size:11px; font-weight: normal; text-align: center; opacity:0; filter: alpha(opacity=0);}
#footer .balloon p{padding: 15px 0 0 0px; margin: 0;}
#footer li.spacer{background: url(../img/core/line_footer.png) no-repeat; height: 42px; width: 3px; margin: 0 28px;}
#footer li p{color: #666; margin: 0;} 
#footer .content{width: 968px; height: 100%; margin: 0 auto;}
#footer #icons{width: 100%; /*float: left;*/ margin-top: -8px;}
#Pieter a, #Dries a, #Michiel a, #Bram a{display: block; cursor: pointer; height: 39px; width: 39px;}
#footer #clientzone{width: 43px; height: 39px; background: url(../img/core/clientzone_arrows.png) no-repeat; float: left; margin-left: 605px;}
#footer #clientzone a{width: 43px; height: 39px; display: block;}
#footer #linkedin{height: 39px; float: right; margin-right: 10px;}
#footer form, img.linkedin{margin-top: 5px;}
#linkedin .person{width: 39px; height: 39px; float: left;}
#Pieter{background: url(../img/core/linkedin_pieter.png) no-repeat;}
#Dries{background: url(../img/core/linkedin_dries.png) no-repeat;}
#Michiel{background: url(../img/core/linkedin_michiel.png) no-repeat;}
#Bram{background: url(../img/core/linkedin_bram.png) no-repeat;}
#footer .slider label{padding: 0; cursor: text;}
#footer .slider{overflow: hidden;}
#linkedin{float: left;}
#footer .slider{float:left;}
#footer .slider .footerlabel{position: absolute; top: 6px; left: 8px; display: inline; z-index: 99;}
li form{width: auto;}
input#iykrp-iykrp, input#subscribe{display: block; float: left;}
/* ------------------------------------------------------------------ 
*
* HANDLE GOODIE
*
 ------------------------------------------------------------------*/
 #work div.thumbs.goodie p{margin-bottom: 20px; line-height: 18px; float: left;}
 #work div.thumbs.goodie h3{ font-weight: lighter; font-size: 20px; margin: 0 0 15px 0; text-transform: uppercase;}
 #work div.thumbs.goodie ul{list-style: square; margin-left: 20px; margin-bottom: 20px; line-height: 18px;  }
 #work div.thumbs.goodie ul li{color:#999; float: none; }
 form.goodie{margin-bottom: 30px; float: left; width: 100%;}
 form.goodie .slider{ overflow-x: hidden;}
 form.goodie .slider label{color:#534741; width: auto; padding: 0; margin-top: -4px; font-weight: normal;}
 form.goodie .input{font-size: 14px; font-style: italic; color: #534741; width: 250px; margin-bottom: 10px;}
 #work div.thumbs.goodie .left{width: 555px; margin-right: 35px; float: left;}
 #work div.thumbs.goodie .right{width:260px; float: left;}
 input#deel_btn{background: url(../img/core/btn_deelnemen.png); height: 30px; width: 107px; margin-top: 5px; cursor: pointer;}
/* ------------------------------------------------------------------ 
*
* HANDLE SLIDER
*
 ------------------------------------------------------------------*/
.slider{position:relative;}
.launch{background: url(../img/core/label-launch.png) no-repeat; width: 86px; height: 52px;top: -8px; right: -9px; position: absolute; z-index: 99; display: block;}
.launch a{display: block; cursor: pointer; width: 86px; height: 52px;}
#lastPostsLoader{background: url(../img/core/bg_scroll-loader.png) no-repeat; color: #FFF; width: 200px; height: 76px; margin: 0 370px; bottom: 0; position: fixed; display: none;}
#lastPostsLoader .loading{width: 24px; height: 24px; margin: 12px 88px 0 88px;}
#lastPostsLoader h3{text-align: center; font-weight: lighter; color: #FFF; margin-top: 10px;} 
/* ------------------------------------------------------------------ 
*
* HANDLE HONORS
*
 ------------------------------------------------------------------*/
#thecssawards{position:absolute;top:0px;right:0px;z-index:555;}
#thecssawards a:hover{border: none;}
/*#thecssawards a{width:115px;height:115px;text-indent:-8000px;display:block;background:url(../img/honors/honormention_green.png) no-repeat;}*/
#thecssawards a{width:69px;height:105px;text-indent:-8000px;display:block;background:url(../img/honors/award_day_white.png) no-repeat;}
/* ------------------------------------------------------------------ 
*
* HANDLE SLIDER
*
 ------------------------------------------------------------------*/
 #content #slider{background: url(../img/core/bg_projectplanner.png) no-repeat; width: 584px; height: 288px; padding: 20px; margin-left: -10px; float: left;position: relative;}
#content #slider .panelheader{margin: 0; padding: 0; height: 80px;}
#content #slider h3{font-size: 28px; font-style: italic; font-weight: bold; margin: 10px 0px 0 -20px; padding: 0; color: #FFF; line-height: 28px;}
#content #slider .panelheader p{margin: 0 0px 10px -20px; padding: 0; font-style: italic; color: #FFF; font-weight: normal; font-size: 13px;}
/* ------------------------------------------------------------------ 
*
* HANDLE INSIDE SLIDER
*
 ------------------------------------------------------------------*/
#content #slider .scroll {height: 288px;overflow:hidden;position: relative; /* fix for IE to respect overflow */clear: left;}
#content #slider .scroll .scrollContainer div.panel {width: 504px;padding: 0 40px;height: 288px;}
.scrollButtons { position: absolute;z-index: 99;top: 180px; cursor: pointer;}
.scrollButtons.left {left: 0px;}
 .scrollButtons.right {right: 0px;}
/* ------------------------------------------------------------------ 
*
* HANDLE WORK
*
 ------------------------------------------------------------------*/
#slideshow #slider{background: none; width: 860px; height: 340px; padding: 0; margin: 5px; float: left;position: relative; }
#slideshow #slider .scroll{height: 100%; width: 100%; overflow: hidden; position: relative; /* fix for IE to respect overflow */clear: left;}
#slideshow #slider .scroll .scrollContainer{height: 100%;}
#slideshow #slider .scroll .scrollContainer .panel{width: 860px; padding: 0; height: 100%;}
#slideshow #slider .scrollButtons{top:270px;  display: none;}
#slideshow #slider .scrollButtons.left{left:-22px;}
#slideshow #slider .scrollButtons.right{right:-22px;}
/* ------------------------------------------------------------------ 
*
* HANDLE INPUT FIELDS
*
 ------------------------------------------------------------------*/
label{margin-bottom: 5px; width: 100%; float: left;}
#slider .input{color: #534741; margin-bottom: 10px; width: 484px; border: 1px solid #EEE; }
#slider textarea.input{width: 484px; height: 50px;font-family:"Gill Sans","Corbel","Tahoma",sans-serif;font-size:18px;font-style:italic;line-height:normal;padding:4px 8px;}