/* CSS Document */

/* Equalisation */

body, div, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, hr, address
{margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6
{font-size: 100%}

ol, ul


address, caption, cite, code, dfn, em, strong, th, var
{font-style:normal; font-weight : normal;}

fieldset,img {border:0;}

caption, th
{text-align:left;}

/* Main location */

html {
height:100%;
}

body.main {
font-family: Tahoma, Arial, sans-serif;
font-size: 1em;
line-height: 1.1;
background-color:rgb(102,102,102);
}

body.main {
height:100%;
width:100%;
margin:0px;
padding:0px;
background-image:url(../assets/body_grad.jpg);
background-repeat:repeat-x;
}

#strip { 
position: relative;
width: 100%;
height: 200px;
background-color:rgb(102,102,102);
border-bottom: 1px #FFF solid;
border-top: 1px #FFF solid;
z-index:0;
}
#ribbon {
position:absolute;
top:0px;
right:0px;
width:149px;
height:139px;
background-image:url(../assets/ribbon.png);
background-repeat:no-repeat;
}
#ribbon a {
display:block;
width:149px;
height:139px;
}

#container {
position:relative;
width:990px;
margin-left:-495px;
left:50%;
z-index:0;
background-image:url(../assets/outer_grad.png);
background-repeat:repeat-y;
overflow:hidden;
}

#header {
position:relative;
width:950px;
height:200px;
margin:0 auto;
background-color:rgb(35,31,32);
z-index:1;
background-image:url(../assets/header_back.png);
background-repeat:no-repeat;
background-position:bottom right;
}

#h_con {
width:990px;
margin:0 auto;
background-image:url(../assets/outer_grad.png);
background-repeat:repeat-y;
}

#main{
position:relative;
margin:0 auto;
width:950px;
background-color:#FFF;
z-index:0;
overflow:hidden;
}

#main {
background-image:url(../assets/main_grad.jpg);
background-repeat:repeat-x;
}
#content {
width:950px;
}

div#navigation{
position:relative;
width:950px;
height:50px;
background-color:#FFF;

}

div#top {
width:990px;
position:relative;
height:30px;
top:0px;
left:50%;
margin-left:-495px;
background-image:url(../assets/top.png);
background-repeat:no-repeat;
}

div#bottom {
width:990px;
position:relative;
height:30px;
top:0px;
left:50%;
margin-left:-495px;
background-image:url(../assets/bottom.png);
background-repeat:no-repeat;
}

div#nav_container {
position:relative;
width:990px;
height:50px;
background-image:url(../assets/outer_grad.png);
background-repeat:repeat-y;
left:50%;
margin-left:-495px;
z-index:1000;
}

div#navigation {
margin:0 auto;
background-image:url(../assets/nav_grad.jpg);
background-repeat:repeat-x;
background-position:bottom;
z-index:1000;
}

#dog {
position:absolute;
background-image:url(../assets/dog.png);
background-repeat:no-repeat;
width:200px;
height:278px;
z-index:100;
left:50%;
top:30px;
margin-left:-520px;
z-index:200000;
}

#right {
position:absolute;
width:173px;
height:519px;
left:50%;
margin-left:320px;
top:270px;
z-index:20000000;
}

#left {
margin-top:0px;
position:relative;
width:500px;
float:left;
top:0px;
min-height:519px;
}

#middle {
margin-top:0px;
position:relative;
width:277px;
float:left;
padding-right:173px;
}

div#left, div#middle, div#right {
float:left;
}

#footer{
position:relative;
margin:0 auto;
height:100px;
width:950px;
background-color:#000;
border-top: 1px #FFF solid;
background-image:url(../assets/footer_back.png);
background-repeat:no-repeat;
background-position:bottom right;
}

/* navigation

.clear {clear:both}    
/* remove the list style */  
#nav {   
    margin:0;    
    padding:0;   
	list-style:none;   
	background-image:url(../assets/nav_grad.jpg);
background-repeat:repeat-x;
background-position:bottom;
}      
       
    /* make the LI display inline */  
    /* it's position relative so that position absolute */  
    /* can be used in submenu */  
    #nav li {   
        float:left;    
        display:block;    
        position:relative;   
        z-index:500;    
        margin:0 0px; 
		width:130px;  
		border-right:4px solid #FFF;
		}   
           
    /* this is the parent menu */  
    #nav li a {   
		font-size:14px;
        display:block;    
        padding:18px 0px;
        font-weight:bold;     
        text-decoration:none;    
        text-align:center;    
        color:#000;   
		line-height:14px;
    }   
  
    #nav li a:hover {   
        color:#FFF;  
		background-image:url(../assets/hover_grad.jpg);
		background-repeat:repeat-x;
		background-position:bottom;
    }   
       
    /* you can make a different style for default selected value */  
    #nav a.selected {   
        color:#f00;   
    }   
       
        /* submenu, it's hidden by default */  
        #nav ul {   
	
            position:absolute;    
            left:0;    
            display:none;    
            margin:0 0 0 0px;    
            padding:0;    
            list-style:none;   
			background:#FFF;
			z-index:200000;
			filter:alpha(opacity=90);
		-moz-opacity:0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;
		border-bottom:1px solid #FFF;
		border-right:1px solid #FFF;
		border-left:1px solid #FFF;
}   
           
        #nav ul li {   
            float:left;    
            border-top:1px solid #fff;  
			z-index:200000;
			border-right:none;
			font-weight:bold;
			
		
			
		
        }   
           
        /* display block will make the link fill the whole area of LI */  
        #nav ul a {   
            display:block;     
            padding:18px 25px;   
            color:#000;   
			z-index:200000;
			font-weight:bold;
			font-size:14px;
			
	
        }   
           
        #nav ul a:hover {   
            text-decoration:none;
			background-image:url(../assets/hover_grad.jpg);
			background-repeat:repeat-x;
			color:#FFF;
			font-weight:bold;
			
        }   
  
/* fix ie6 small issue */  
/* we should always avoid using hack like this */  
/* should put it into separate file : ) */  
*html #nav ul {   
    margin:0 0 0 -2px;   
}  

li.first {
padding-left:130px;
}

/*photoshow*/


div#photoshow img {
width: 480px;
height: 405px;

}

#photoshow div
{
position:absolute;
margin: 10px 0px 10px 10px;
z-index:0;
height:405px;
width:480px;
border: 1px solid #000;
padding:4px;
background-color:#FFF;
border: 1px solid #000;
}

#photoshow

{height:480px;
width:405px;}

#photoshow div.previous {
z-index:1;
}

#photoshow div.current {
z-index:2;
}

/* tooltip */

#demotip {
	display:none;
	background:transparent url(/images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
	position: top center;
}

/* gallery */

ul#gallery li { 
list-style-type:none;
display:inline;
padding: 6px;
float:left;
width:100px;
height:180px;
}

ul#gallery h5 {
font-size:10px;
text-align:center;
margin-top:5px;
display:block;
}

ul#gallery li img { border:2px solid #FF9933;; width: 100px; height: 78px; padding:3px 3px 15px 3px; background-color:#FFF;}

div#varm {
position:absolute;
top:420px;
}

table {
margin:10px;
}

td {
border:1px solid #000;
text-align:left;
padding:3px 8px;

}

td.orange {
background-color:#FF9933;
}

#eng {
position:absolute;
left:280px;
top:165px;
}