/* RESET */
	
	:link,:visited { text-decoration:none }
	ul,ol { list-style:none }
	h1,h2,h3,h4,h5,h6,pre,code, p, br, blockquote, em, strong { }
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote
	{ margin:0; padding:0 }
	a img,:link img,:visited img { border:none }
	address { font-style:normal }
	table, tr, td, th { border: none; border-spacing: 0px; padding: 0px;  }

/* END RESET */

body { font-size:12px; }
div,textarea, input, select, option, table, tr, td, blockquote, em, strong, b, span, a, p, h1, h2, h3, h4, h5, h6, li, ul, ol, dt, dl { font-family: arial,verdana; line-height: 18px; }

.clear { position: absolute; clear: both; }

/* ******************************************************
	Settings
*********************************************************/
body, html {
	width: 100%;
	height: 100%;
    background: url(./img/siteback.gif) top left repeat-x;
    text-align: center;
}

h1, h2, h3, h4, h5, h6,th
{ 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #fff;
	letter-spacing: 0.03em;
}
h1 { font-size: 30px; line-height: 38px; margin-bottom: 20px; }
h2 { font-size: 18px; }

/* structure */
div#wrap  {
    width: 662px;
    margin: 0 auto;
    position: relative;
    top: 0px;
    text-align: left;
}

    div#headerwrap, div#startwrap, div#contentwrap, div#footerwrap {
        width: 662px;
        position: relative;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }
    div#header, div#content, div#footer, div#start { width: 636px; position: relative; margin-left: 13px; }
    div#headerwrap { height: 126px; background: url(./img/headerback.gif) top left no-repeat; }
        div#header { position: relative; overflow: hidden; height: 113px;  }
            #header div {
                height: 109px;
                overflow: hidden;
                position: relative;
                float: right;

                border-left: 1px solid #685e3b;
            }
            #header #logo {
                float: left;
                border-left: 0px;
            }
                #header #logo a {
                    position: relative;
                    margin-top: 20px;
                    margin-left: 20px;
                    float: left;
                }
            #header div.splitter {
                width: 8px;
                background: url(./img/menu_bottom.gif) bottom left no-repeat;
                position: absolute;
                height: 8px;
                bottom: 0px;
                z-index: 10;
                border: 0px solid #fff;
            }
            #splitboxfirst.navi { border: 0px solid #fff; width: 10px; }
                #header div.splitterleft {
                    left: 0px;
                    width: 7px;

                    background-position: right bottom;
                }
                #header div.splitterright {
                    right: 0px;
                }
            #header div.navi {
                z-index: 5;
            }
            #header div.navi a {
                padding: 20px;
                padding-top: 62px;
                padding-bottom: 30px;
                font-size: 14px;
                text-transform: uppercase;
                position: relative;
                display: block;
                font-family: Georgia, "Times New Roman", Times, serif;
                font-weight: normal;
                color: #907c52;
            }
                #header div.navi a:hover {
                    background: #fff;
                }
            #languages span {
                padding: 50px 20px 10px 20px;
                display: block;
            }
                #languages img {
                    margin-top: 10px; 
                }

        #contentwrap { background: url(./img/content_normal_back.gif) top left no-repeat; }
            #contentwrap.start { background: none; }
            #content { overflow: hidden; background: #fff; }
                #content h1 { padding: 20px; width: 100%; position: relative; background: #555; letter-spacing: 0.03em; font-style: italic;  color: #fff;  }
                #content p { padding: 0px 20px 20px 20px; color: #555; width:595px; float: left; }
                    #content p img { float: left; margin-top: 6px; margin-right: 20px; margin-bottom: 10px; }

                #content1 { width: 300px; float: left; margin-bottom: 20px; }
                    

                #content2, #content3 { width: 300px; float: right; margin-bottom: 20px; }
                *html #content1, *html #content2, *html #content3 { width: 318px; }

                    #content2 h1 { background: #ddd; color: #555; }

                    #content1 p, #content3 p {
                        width: 290px;
                    }
                    #content3 p {
                        padding: 0px;
                    }

                ul#workmenu {
                    position: relative;
                    margin: 0px 20px 20px 20px;
                    float: right;
                    width: 180px;
                }
                    ul#workmenu li {
                        height: 50px;
                        margin-bottom: 10px;
                        width: 180px;
                        overflow: hidden;
                    }
                        ul#workmenu a {
                            background: url(./img/works_buttons.gif) top left no-repeat;
                            background-position:  0px -100px;
                            float: left;
                            position: relative;
                            display: block;
                            width: 180px;
                            height: 50px;
                            padding: 15px 10px 50px 40px;
                            font-family: Georgia,"Times New Roman",serif;
                            color: #aaa;
                        }
                        ul#workmenu a:hover {
                            background-position: 0px -50px;
                            color: #555;
                        }
                        ul#workmenu a.active {
                            background-position: 0px 0px;
                            color: #fff;
                        }


                div#works {
                    float: left;
                    width: 380px;
                    margin: 0px 0px 20px 20px;
                    position: relative;
                }
                    #works ul li {
                        margin: 0px 10px 20px 0px;
                        float: left;
                        overflow: hidden;
                        width: 380px;
                    }
                        #works ul.religious li, #works ul.secular li {
                            width: 180px;
                        }
                        #works ul li .workswrap {
                            display: block;
                            background: #ddd;
                            float: left;
                            cursor: pointer;
                            overflow: hidden;
                        }
                            
                            #works h3 {
                                color: #333;
                                padding: 10px;
                                line-height: normal;
                                margin: 0px;
                                font-size: 18px;
                            }
                                #works ul.religious h3, #works ul.secular h3 { font-size: 14px; }




                            #works p {
                                width: inherit;
                                padding: 0px;
                                margin: 0px 0px 10px 10px;
                                color: #888;
                            }
                                #works a:hover p { color: #ddd; }
                                
                            #works div.thumbcontainer {
                                position: relative;
                                padding: 0px 10px 10px 10px;
                                float: left;
                                overflow: hidden;
                            }
                                #works div.lupe {
                                    width: 50px; height: 50px;
                                    position: absolute;
                                    bottom: 10px;
                                    right: 10px;
                                    background: url(./img/lupe.gif) top left no-repeat;
                                    display: none;
                                }
                                    #works .workswrap:hover div.lupe {
                                        /*display: block;*/
                                    }
                                    #works .workswrap:hover h3 { color: #fff; }
                                    #works ul li .workswrap:hover {
                                        background: #333;
                                    }
                    

        #startwrap { height: 407px;  background: url(./img/start.gif) top left no-repeat; }
            #start { }
                #start h1 { color: #fff; width: 280px; margin: 230px 0px 0px 20px;  }

        #footer { border-top: #ddd 1px solid; text-align: center; margin-top: 30px; }
            #footer p { font-size: 10px; color: #bbb; margin-top: 10px; margin-bottom: 30px; }
                #footer p a { color: #bbb; text-decoration: none; }
                    #footer p a:hover { color: #888; }

        .biglink { position: relative; float: left; width: 179px; height: 146px; overflow: hidden; background: url(./img/buttons_start.gif) top left no-repeat; }

        .biglink.special { margin-left: 3px; width: 297px; }
        .biglink.religious { background-position: -297px 0;}
        .biglink.secular { background-position: -476px 0;}
            .biglink span { width: 126px; height: 120px; float: left; overflow: hidden; position: relative; }

            .biglink a {
                font-family: "Georgia","Times New Roman","sans-serif";
                font-size: 18px;
                position: relative;
                color: #fff;
                text-decoration: none;
                float: left;
                padding: 80px 80px 80px 20px;
            }
            
            .biglink.special a { padding: 80px 128px 80px 20px; }




            form {
                width: 280px; float: right; 
                font-size: 10px;
            }
            *html form { width: 300px; }
                form input, form textarea { color: #888; width: 250px; font-size: 12px; padding: 10px; margin-bottom: 10px; }