body {
background:/*url(../images/spectrum.jpg)*/url(../images/bodybg.jpg) fixed;
color:white;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
margin:20px 0px 0px 0px;}
 
img{background:#FFFFFF; float:left; margin-right:10px; border:0; width:200px; padding:5px; height:85px;}

h2 	
{color: #999;margin-bottom: 0; margin-left:13px;background:url(../images/navigation.jpg) no-repeat;height:40px;}

h2 span{display: none;}

#navigation-block {
background:#eee;
float:left;
margin-top:20px;
margin-right:15px;
min-width:210px;
padding-bottom:20px;
padding-left:20px;
width:auto;
height:auto;}

#hide {position:absolute;top:30px;left:-190px;}

ul#sliding-navigation{list-style: none;font-size: .85em;margin: 10px 0px 0px 0px;padding: 0;}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a{ display: block; width: 150px;padding: 5px 12px 5px 24px;margin: 0;margin-bottom: 2px;}

ul#sliding-navigation li.sliding-element h3{font: bold 10px Verdana, Arial, Helvetica, sans-serif;color: #333;}

ul#sliding-navigation li.sliding-element a{color: #fff; background:#222 url(../images/tab_bg.jpg) repeat-y;border: 1px solid #1a1a1a;	text-decoration: none;}

ul#sliding-navigation li.sliding-element a:hover {background:#990000; color: #ccc; }

#rotate{background:transparent;color:white; float:right; width:500px; height:auto;}

    .ui-tabs-hide { display: none;}
}
    .ui-tabs-nav { display: none;}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
color:#333;
float:left;
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
margin:0px 0px 0px -1px; padding:0px 0px 10px 0px;
width:497px;}

.ui-tabs-nav {
background:url(../images/panelbg.png) no-repeat;
float:left;
height:40px;
width:500px;
list-style: none;
margin-top:20px;
padding: 0 0 0 4px;}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";}

.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */}

.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 3px;
    background: url(tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    color: #27537a;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
	padding:10px 0px 0px 0px;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    color: #27537a;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    text-decoration: none; 
    outline: 0; /* prevent dotted border in Firefox *
  margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE
    color: #FF6600;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {background:#D6D6D6;margin:0;padding: 0;}

.ui-tabs-panel a{
background:#000;
color:#fff;
float:left;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
height:auto;
margin-top:10px;
padding:5px;
text-decoration:none;
width:98%;}

.ui-tabs-panel a:hover{
background: #333333;
color:#FFF;}

.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;}

/*body custom stylez*/

#wrapper{
background:none;
margin:0 auto;
height:auto;
min-height:1000px;
width:800px;
overflow:hidden;
padding-left:10px;
padding-right:10px;}

.header{
/*background:url(../images/headerbg.jpg) no-repeat transparent;
border-bottom:1px solid #999;*/
float:left;
height:50px;
width:820px;}

#menubar{
background:url(../images/menubarbg.png) no-repeat;
margin:0;
padding-bottom:5px;
float:left;
width:800px;}

.jqueryslidemenu{
float:left;
color:white;
font: bold 11px Verdana;
height:80px;
padding-top:5px;
padding-left:5px;
background:none;
width: 100%;}

.jqueryslidemenu ul{
float:left;
margin: 0;
padding: 0;
list-style-type: none;}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: none; /*background of tabs (default state)*/
color: #990000  ;
padding: 8px 14px;
border-right: 1px solid  #CCCCCC;
text-decoration: none;}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;}

.jqueryslidemenu ul li a:hover{
background: #006699; /*tab link background during hover state*/
color: white;}

.jqueryslidemenu .active{background: #669999; color:black;}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
float:left;
border-right:0;
background: #0066FF;
display: block;
visibility: hidden;}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{display: list-item;float: none;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{top: 0;}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
color:#fff;
border-right:0;
font: normal 10px Verdana;
width: 182px; /*width of sub menus*/
padding: 4px;
margin: 0;
border-bottom: 1px solid gray;}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #333333;
color: #fff;}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
background:none;
width:11px;
height:8px;
position: absolute;
right: -10px;}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;}

.topbholder{
background-image: -moz-linear-gradient(top, #52c2f1, #ffffff);  
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #52c2f1),color-stop(1, #ffffff));/* Saf4+, Chrome */
filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#52c2f1', EndColorStr='#ffffff'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#52c2f1', EndColorStr='#ffffff')";  /* IE8 */
float:left;
height:260px;
padding-left:20px;
padding-top:0px;
padding-right:30px;
width:747px;}

.maincontentsholder{
float:left;
margin:0;
width:800px;
height:auto;}

.mainbody{
background:#333;
float:left;
height:auto;;
padding:5px;
width:510px;}

.ourworksttl{
background:url(../images/ourworksttl.png)left center no-repeat;
height:31px;
float:left;
margin-top:20px;
width:800px;}

.rightbar{
background:#eee;
color:#333;
float:right;
width:250px;
padding:5px;
height:auto;}

.rightbar h1{
color:#FF6600;
float:left;
font:bold 14px Arial, Helvetica, sans-serif;
height:auto;
margin-bottom:10px;
padding:5px 0px;
width:100%;}

.rightbar h4{
color: #669933  ;
float:left;
font:bold 14px Arial, Helvetica, sans-serif;
height:auto;
margin-bottom:10px;
padding:5px 0px;
width:100%;}

.worksbox{
float:left;
color:#fff;
background:none;
border-bottom:1px dotted #666;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
margin-bottom:1px;
width:500px;
padding-bottom:0px;
padding-top:10px;
padding-right:10px;
height:auto;
text-align:left;}

.worksbox a{
color: #FF6600;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;}

.worksboxurl{background: #eee url(../images/geturl.png) no-repeat 493px center; color:#333; float:left; margin-top:5px; padding:5px 20px 5px 3px; text-align:left; width:487px;}

.worksboxurl a{
float:right;
color: #990000  ;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;;;
text-decoration:none;}

.worksbox a:hover{color: #000;}

.worksboxttl{
background:none;
color:#fff;
float:left;
font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
height:24px;
margin-bottom:5px;
padding-top:6px;
padding-left:5px;
text-align:left;
width:510px;}

.worksboxttl a{
background:none;
color: #CCCCCC;
float:left;
font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:none;}

.worksboxttl a:hover{color:#006699;}

.worksbox img{float:left; padding:5px;}

.footer{
background:none;
border-top:1px dotted #ccc;
float:left;
margin-top:20px;
width:800px;
height:50px;}

.rightmenu{float:left; margin:20px 0px; width: 250px;}

.rightmenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #006699;  
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 7px 0 7px 10px; /*31px is left indentation of header text*/
text-align:left;}

.rightmenu ul{
float:left;
list-style-type: none;
margin:0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/}

.rightmenu ul li{float:left; margin-bottom: 5px; height:40px; border-bottom:1px solid #0066FF; width:240px;}

.rightmenu ul li a{
background:url(../images/listbg.png) no-repeat 2px center #eee  ;
border-bottom:1px solid #0066FF;
float:left;
font: normal 12px Arial;
color: black;
height:28px;
display: block;
padding: 12px 0px 5px 35px;
text-decoration: none;
width:215px;}

.rightmenu ul li a:visited{color: black;}

.rightmenu ul li a:hover{background:url(../images/listbg.png) no-repeat 2px center #000; color: white;}

.moduletable-eipan{
background:#a9cee3;
color:#000;
float:left;
font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
height:auto;
display: block;
padding: 5px 0px 5px 5px;
text-decoration: none;
width:245px;}

.moduletable-tilefono{
background:url(../images/phone.png) no-repeat left center;
border-bottom:1px solid #FF6600;
color:#FF6600;
float:left;
font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-bottom:20px;
padding:10px 0px 10px 35px;
height:auto;
width:210px;}

#footercredits{
background: #006699;
float:left;
font:normal 11px Arial, Helvetica, sans-serif;
height:20px;
margin-top:20px;
padding:2px 0px 0px 0px;
text-align:center;
width:100%;}
#footercredits a{color:#fff; text-decoration:underline;}

#logo{ background:none; float:left; text-align:left; margin:0; width:100%;}
#logo img{
background:none; width:auto; height:auto;}