* {margin:0;padding:0;}

body            {text-align:center;font-size:76%;font-family:Tahoma, Arial, Helvetica, sans-serif;line-height:1.4;background:#ccc;}



#wrap           {width:900px;background:#fff;text-align:left;margin:0 auto;border:1px solid #fcd300;overflow:hidden;}
#header         {height:235px;background:url(../images/header.png) repeat-x;}
          
.brezel         {float:left;margin:35px 0 0 0;}
.slogan         {float:left;margin:35px 0 0 70px;border:none}
.logo           {float:right;margin:45px 10px 0 0;border:none}
#mainmenu       {text-align:center;height:25px;background:#d34200;color:#fcd300;display:block}
#mainmenu ul    {margin:0 auto; padding:3px 0 0 0;}
#mainmenu li    {display:inline;padding:0 10px 0 10px;}
#mainmenu li a  {font-size:1.1em;font-weight:bold;text-decoration:none;color:#fcd300}  
#mainmenu a:link,a:visited 
                {color:#fcd300;text-decoration: none;}
#mainmenu a:hover   {text-decoration:underline;}  
.active         {font-variant:small-caps;}
/*Menu Styling End*/       

#content        {background:#fff;text-align:justify;}   
#content ul li  {margin-left:15px;}
.right          {float:right;border:1px solid #d34200; padding:2px;margin:0 0 15px  15px;}
.left           {float:left;border:1px solid #d34200; padding:2px;margin:0  15px 15px 0;}
.center         {float:left;padding:0 0 0 100px;}
.rightob          {float:right;}
.leftob           {float:left;}
#left           {float:left;padding:0 50px 0 0;}
#right          {float:right;padding:0 200px 0 0;}
#inside         {padding:30px;}
.hg01           {background:url(../images/hg01.jpg) no-repeat left bottom}
a:link,a:visited 
                {color:#636363;text-decoration: none;font-weight:bold;}
a:hover         {text-decoration:none;color:#666;}

h1,.componentheading 
                {font-size:1.8em;}
h2,.contentheading 
                {font-size:2.5em;color:#d34200;padding:5px 0 30px 0;}
h3              {font-size:1.5em;color:#d34200}
h4              {font-size:1.1em;color:#d34200}
h5              {font-size:0.9em;}
h6              {font-size:0.7em;font-weight:700;}


#footer         {width:900px;height:60px;margin:0 auto;background:#fcd300 url(../images/footer.png) repeat-x;border:1px solid #fcd300;}
#navibar2       {float:left;padding:30px 0 0 30px;color:#d34200;}
#navibar2 a     {text-align:right;text-decoration:none;color:#d34200; font-weight:bold;}
#design         {float:right;padding:30px 30px 0 0;}
#design a       {color:#fff;font-weight:bold;}
          
.clearfix       {clear:both;height:0px;background:#fff;}  
.small          {font-size:0.5em}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background:#fff;
padding: 5px;
left: -500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -250px;
left: -440px; /*position where enlarged image should offset horizontally */

}