/* Basic Example CSS */
body { font-family: Arial, Helvetica, sans-serif; 
       color: #666666 ;
	   font-size:13px;
	   background-color:#b7b6b6;
	    }
		
h3 { color: #ffffff; 
     font-size: 14px}

h1 { color:  green; 
     font-size: 17px
	 }
	 
   
#Table_01 {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -520px;
	width:1000px;
	height:690px;
}

#Web-madworks-V2-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:85px;
	height:690px;
	background: url(images/Web-madworks-V2_01.jpg);
}

#Web-madworks-V2-02 {
	position:absolute;
	left:85px;
	top:0px;
	width:432px;
	height:175px;
	background: url(images/Web-madworks-V2_02.jpg);
}

#Web-madworks-V2-03 {
	position:absolute;
	left:517px;
	top:0px;
	width:431px;
	height:175px;
	background: url(images/Web-madworks-V2_03.jpg);
}

#Web-madworks-V2-04 {
	position:absolute;
	left:948px;
	top:0px;
	width:52px;
	height:690px;
	background: url(images/Web-madworks-V2_04.jpg);
}

#Web-madworks-V2-05 {
	position:absolute;
	padding-top:5px;
	left:85px;
	top:175px;
	width:863px;
	height:291px;
	background: url(images/Web-madworks-V2_05.jpg);
}

#Web-madworks-V2-05-b {
	position:absolute;
	padding-top:5px;
	left:85px;
	top:175px;
	width:863px;
	height:500px;
	background: url(images/Web-madworks-V2_05.jpg);
}
#Web-madworks-V2-06 {
	position:absolute;
	left:85px;
	top:466px;
	width:863px;
	height:224px;
	background: url(images/Web-madworks-V2_06.jpg);
}

	   
#mask {
	position: absolute;
    top: 0px;
    left: 50%;
	background:#999999 url(img/mask_gradient_1000.png) no-repeat;
   
	/*background-position:-20px -10px;*/
}

div.box { width : 80%; border: 0px solid #000000;}

form.expose {
	border:0px ;
	background:#fff ;
	padding:0px;
	margin:0px 0;
	text-align:center;
	width:400px;
	height:230px;
	margin: 0px auto 0;
	-moz-border-radius:4px;
}

.footer {
position:absolute;
    top:200px;
	left:330px;
	color: #fff;
}
.footer a {
	color: #888;
	text-decoration: none;
}
.footer a:hover {
	color:#669966;
	text-decoration: none;
}


.wrapper {padding-top:97px;padding-left:130px;margin: 0px auto 0;  
/*   margin: 0px auto 0;*/ }

.box1h{
	position:absolute;left:10px;top:55px;width: 250px;color:#FFFFFF;font-size :14px;text-align:center;
/*   margin: 0px auto 0;*/ }
.box1 {position:absolute; left:10px;top:75px; width: 250px; color:#FFFFFF;font-size :14px;
/*   margin: 0px auto 0;*/ }

.box2h{
	position:absolute;
	left:310px;
	top:54px;
	width: 250px;
	color:#FFFFFF;
	font-size :14px;
	text-align:center;
/*   margin: 0px auto 0;*/ }

.box2{
	position:absolute;
	left:311px;
	top:75px;
	width: 250px;
	color:#FFFFFF;
	font-size :14px;
/*   margin: 0px auto 0;*/ }
 
 .box3h{
	position:absolute;
	left:604px;
	top:55px;
	width: 250px;
	color:#FFFFFF;
	font-size :14px;
	text-align:center;
/*   margin: 0px auto 0;*/ }
.box3  {
	position:absolute;
	left:605px;
	top:75px;
	width: 250px;
	color:#FFFFFF;
	font-size :14px;
/*   margin: 0px auto 0;*/ }
 
/* ===== Tooltip CSS ===== */
div.tooltip { 
	display: none; /* initially tooltips are hidden */
	padding: 10px;
	background: #222;
	color: #fff;
	font-size: 13px;
	font-style: italic;
}

/* ===== Scrollable CSS ===== */
/* Primary Container */
div.scrollable {float:left; position:absolute;left:40px; width: 775px; height: 250px; overflow: hidden; }

/* Items Container */
div.scrollable div.items { width: 20000em; position: absolute; clear: both; }

/* Individual Item Containers */
div.scrollable div.items div {
	float: left;
	width: 775px;
	height: 250px;
	padding: 0 0px;
	border: solid 0px #e6e1f1;
	background: #ffffff;
}
/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, .a.prevPage, .a.nextPage {
	position:absolute;
	left:10px;
	top:130px;
	/*display:block;*/
	width:18px;
	height:18px;
	background:url(img/left.png) no-repeat;
	float:left;
	cursor:pointer;
	font-size:1px;
}

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* Disabled Next or Previous button */
a.disabled { visibility: hidden !important; }

/* next button uses another background image */
a.next, a.nextPage {
    left:830px;
	top:130px;
	background-image:url(img/right.png);
	clear:right;	
}

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


div.tabPanes { -moz-border-radius: 8px; -webkit-border-radius: 8px; }
div.tooltip,
div.scrollable div.items div { -moz-border-radius: 8px; -webkit-border-radius: 8px; }
/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	padding-left:400px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(img/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;  
	   
} 	


/* ===== CSS Rounded Corners ===== */
/* the overlayed element */ 
div.overlay { 
     
    /* growing background image */ 
    background-image:url(img/overlay/white.png); 
     
    /* dimensions after the growing animation finishes  */ 
    width:600px; 
    height:470px;         
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* some padding to layout nested elements nicely  */ 
    padding:55px; 
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(img/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
 
 
/* black */ 
div.overlay.black { 
    background:url(img/overlay/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(img/overlay/petrol.png) no-repeat !important; 
    color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}

div.tooltip { 
    background:transparent url(img/white_arrow.png) no-repeat scroll 0 0; 
    font-size:14px; 
    height:153px; 
    padding:30px; 
    width:310px; 
    font-size:14px; 
    display:none; 
    color:#888; 
} 
 
/* tooltip title element (h3) */ 
div.tooltip h3 { 
    margin:0; 
    font-size:18px; 
    color:#fff; 
}
.lavaLampBottomStyle {
            height: 29px;
            width: 400px;
			padding-top:100px;
            overflow: hidden;
            border: 0px ;
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 5px solid green;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }