@charset "utf-8";

    body, html {
    margin : 0px auto 0px auto;
    padding : 0px 0px 0px 0px;
    text-align : center;
    font-family: serif;
    font-size: 98%;
    background-color: #ffffff;
    color : #000000;
    }
    
    
    #body {
    display: block;
    width: 1024px;
    min-height: 900px;
    margin: 0px auto 0px auto;
    padding: 0px;
    text-align: left;
    }
    
    header {
    display: block;
    position: relative;
    width: 1024px;
    height: 767px;
    padding: 0px;
    margin: 0px;
    background: url("../images/bg_header.jpg") no-repeat top center;
    }
    
        header h1 {
        position: absolute;
        top: 425px;
        left: 120px;
        margin: 0px;
        color: #000000;
        font-weight: normal;
        }
        
        header a {
        text-decoration: none;
        color: #000000;
        }
        
            header h1 img {
            width: 344px;
            height: 124px;
            border: 0px;
            }
        
        

        header ul {
        position: absolute;
        top: 425px;
        right: 40px;
        width: 200px;
        margin: 0px;
        padding: 0px;
        text-align: right;
        font-size: 98%;
        }

            header ul li {
            background: #ffffff; 
            padding: 0px;
            margin: 10px 0px 0px auto;
            width: 160px;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            list-style: none;
            list-style-type: none;
            text-align: right; 
            
            filter:alpha(opacity=60);
            -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
            -moz-opacity:0.60;
            -khtml-opacity: 0.60;
            opacity: 0.60;
            }

                header ul li a {
                display: block;
                padding: 9px 20px 9px 20px;
                color: #000000;
                text-decoration: none;
                text-align: right;
                }
                
                    header ul li:hover, header ul li.selected {
                    width: 180px;
                    filter:alpha(opacity=100);
                    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
                    -moz-opacity:1.00;
                    -khtml-opacity: 1.00;
                    opacity: 1.00; 
                    }
    
                    
    #content {
    width: 1024px;
    min-height: 300px; 
    padding: 40px 0px 0px 0px;
    margin: 0px;

    background: url("../images/bg_content.jpg") no-repeat top center;
    }

        #content h2 {
        margin: 0px 0px 25px 0px;
        font-size: 115%;
        text-align: center;
        }
        
        #content h3 {
        margin: 0px 0px 25px 0px;
        font-size: 110%;
        text-align: center;
        }
    
        #content p {
        text-align: center;
        line-height: 200%;
        }
        

	#content p a {
	color: #000000;
	font-weight: bold;
	}

	#content p a:hover {
	text-decoration: none;
	}
        
        
        #content #rings {
        margin: 80px 0px 80px 0px;
        }
        
            #rings .ring {
            width: 204px;
            text-align: center;
            height: 200px;
            float: left;
            }

                #rings .ring img {
                width: 150px;
                height: 150px;
                border: 0px;
                margin: 0px 0px 15px 0px;
                }
                
                .rightColumn {
                width: 490px;
                margin: 0px;
                padding: 0px;
                padding-left: 22px;
                float: right;
                }
                
                .leftColumn {
                width: 490px;
                margin: 0px;
                padding: 0px;
                padding-right: 22px;
                float: left;
                }
                
                
        #map {
        width: 984px;
        min-height: 200px;
        margin: 80px 0px 0px 0px;
        padding: 20px 20px 40px 20px;
        background-color: #411c00;
        background-image: url("../images/bg_map_top.png"), url("../images/bg_map_bottom.png");
        background-position: top left, bottom left;
        background-repeat: repeat-x, repeat-x;
        text-align: center;
        }
        
            #map h3 {
            font-size: 125%;
            color: #c98a5b;
            font-weight: normal;
            }
            
            #map .map {
            position: relative;
            width: 754px;
            min-height: 80px;
            margin: 40px auto 0px auto;
            background: url("../images/bg_map-rep.png") repeat-y top center;
            }
            
            #map .bottom {
            position: relative;
            height: 38px;
            background: url("../images/bg_map-bottom.png") no-repeat bottom center;  
            }
            
            #map-canvas {
            width: 721px;
            height: 300px;
            margin-left: 6px;
            border: 10px solid #ffffff;
            border-top: 0px;            
            }
            
            
            
                #map .bottom a {
                display: block;
                width: 20px;
                height: 20px;
                margin: 0px 0px 0px -10px;
                position: absolute;
                top: 5px;
                left: 50%;
                background: url("../images/ico_arr-2.png") no-repeat top center;
                }
           
                
        #contact {
        margin: 80px 0px 50px 0px;
        text-align: center;        
        }
        
            #contact>div {
            width: 250px;
            height: 105px;
            margin: 50px auto 0px auto;
            padding: 30px 25px 25px 25px;
            border: 1px solid #000000;
            text-align: left;
            font-size: 105%;
            }
            
                #contact>div img {
                margin: 5px 10px  -10px 0px;
                }
                
                #contact>div a {
                color: #000000;
                text-decoration: none;    
                }
            
                
    .breaker {
    clear: both;
    width: 90%;
    }            
                
    footer {
    height: 50px;
    margin: 100px 0px 0px 0px;
    text-align: center;
    }
    
        footer p {
        color: #666565;
        font-size: 86%;
        }
        
        footer a {
        color: #666565;
        }