/* Common styles */
html,body,p,h1,ul,li{
    display:block;
    margin:0;
    padding:0;
}
a{
    color:#999;
}
a img{
    border:none;
}
html,body{
    background:url(../images/wallpaper.jpg);
    color:#676767;
    font:100.1% Tahoma,serif;
    height:100%;
}

body.no_bg {
	background:#333;
}

/* Shadows on the edges */
div.shadow div{
    position:absolute;
    width:58px;
    height:58px;
}
    /* layout */
    #weddings div.bottom_side, div.bottom_right, div.bottom_left,
    #website div.bottom_side, div.bottom_right, div.bottom_left{
        display:none;
    }
    div.top_side, div.top_left, div.top_right{
        top:0;
    }
    div.right_side, div.top_right, div.bottom_right{
        right:0;
    }
    div.bottom_side, div.bottom_right, div.bottom_left{
        bottom:0;
    }
    div.left_side, div.top_left, div.bottom_left{
        left:0;
    }
    div.shadow div.top_side, div.shadow div.bottom_side{
        width:auto;
        left:58px;
        right:58px;
    }
    div.shadow div.left_side, div.shadow div.right_side{
        height:auto;
        top:58px;
        bottom:58px;
    }
    /* background */
    div.top_side{
        background:url(../images/shadow_ts.png) repeat-x top;
    }
    div.top_right{
        background:url(../images/shadow_tr.png) no-repeat top right;
    }
	div.right_side{
        background:url(../images/shadow_rs.png) repeat-y right;
    }
    div.bottom_right{
        background:url(../images/shadow_br.png) no-repeat bottom right;
    }
    div.bottom_side{
        background:url(../images/shadow_bs.png) repeat-x bottom;
    }
    div.bottom_left{
        background:url(../images/shadow_bl.png) no-repeat bottom left;
    }
    div.left_side{
        background:url(../images/shadow_ls.png) repeat-y left;
    }
    div.top_left{
        background:url(../images/shadow_tl.png) no-repeat top left;
    }

/* Title and horizontal navigation bar */
#top_bar{
    position:absolute;
    top:62px;
    left:50%;
    margin-left:-364px;
    width:743px;
}
    #top_bar h1.title{
        background:url(../images/title.png) no-repeat;
        height:17px;
        width:239px;
    }
        #top_bar h1.title a{
            display:block;
            height:100%;
            width:100%;
        }
    #navigation{
        position:absolute;
        top:2px;
        right:0;
        height:22px;
        width:445px;
    }
        #navigation li{
            display:block;
            float:left;
            height:22px;
        }
        #navigation li.nav_main{
            background:url(../images/nav_main.png) no-repeat 100%;
            width:71px;
        }
        #navigation li.nav_blog{
            background:url(../images/nav_blog.png) no-repeat 100%;
            width:63px;
        }
        #navigation li.nav_website{
            background:url(../images/nav_website.png) no-repeat 100%;
            width:96px;
        }
        #navigation li.nav_weddings{
            background:url(../images/nav_weddings.png) no-repeat 100%;
            width:114px;
        }
        #navigation li.nav_contact{
            background:url(../images/nav_contact.png) no-repeat 100%;
            width:88px;
        }
            #navigation li a{
                display:block;
                width:100%;
                height:100%;
            }

/* Left menu */
#aside_menu{
    position:absolute;
    font-size:0.7em;
    font-weight:bold;
    top:85px;
    left:50%;
    margin-left:-460px;
	width:90px;
}
    #aside_menu li{
        margin-bottom:1.4em;
    }
        #aside_menu li a{
            text-decoration:none;
            padding-bottom:0.3em;
        }
        #aside_menu li.current a{
            border-bottom:1px solid #999;
        }
            
/* Main central block */
#main_block{
    position:absolute;
    top:85px;
    left:50%;
    margin-left:-371px;
    height:441px;
    width:743px;
}
#weddings #main_block,
#website #main_block{
    height:auto;
}
#dark_glass{
    background:url(../images/dark_glass.png) no-repeat;
    width:100%;
    height:397px;
    padding-top:44px;
}
#weddings #dark_glass{
    background:url(../images/dark_glass_line.png) repeat-y;
    height:auto;
    padding-top:27px;
    margin-bottom:100px;
    overflow:hidden;
}
#website #dark_glass{
    background:url(../images/dark_glass_line2.png) repeat-y;
    height:auto;
    padding-top:27px;
    margin-bottom:100px;
    overflow:hidden;
}
    #weddings #dark_glass span.glass_top,
    #website #dark_glass span.glass_top{
        border-top:1px solid #555;
        clear:both;
        margin:-27px 7px 0 7px;
        display:block;
        height:20px;
    }
    #weddings #dark_glass span.glass_bottom,
    #website #dark_glass span.glass_bottom{
        border-bottom:1px solid #555;
        clear:both;
        margin:0 7px 0 7px;
        display:block;
        height:20px;
    }
    #logo{
        background:url(../images/logo_welcome.png) no-repeat;
        margin:0 auto;
        height:67px;
        width:365px;
    }
    #links{
        position:relative;
        width:100%;
        margin:34px 7px 0 7px;
    }
        #links a.image_link{
            border:1px solid #999;
            display:block;
            position:absolute;
            top:0;
        }
            #links a.image_link img{
                display:block;
            }
        #image_link_website{
            left:79px;
        }
        #image_link_blog{
            left:292px;
        }
        #image_link_weddings{
            left:499px;
        }
        #links span.text_link{
            display:block;
            position:absolute;
            top:171px;            
        }
            #links span.text_link a{
                display:block;
                position:relative;
                width:100%;
                height:100%;
            }        
        #text_link_website{
            background:url(../images/link_website.png) no-repeat;
            left:114px;
            height:40px;
            width:68px;
        }
			#text_link_website.over{
				background:url(../images/link_website_over.png) no-repeat;
			}
		#text_link_blog{
            background:url(../images/link_blog.png) no-repeat;
            left:337px;
            height:40px;
            width:50px;
        }
			#text_link_blog.over{
				background:url(../images/link_blog_over.png) no-repeat;
			}
        #text_link_weddings{
            background:url(../images/link_weddings.png) no-repeat;
            left:541px;
            height:40px;
            width:86px;
        }
			#text_link_weddings.over{
				background:url(../images/link_weddings_over.png) no-repeat;
			}
    #dark_glass p.copyright{
        background:url(../images/copyright.png) no-repeat;
        position:absolute;
        top:409px;
        left:50%;
        margin-left:-155px;
        width:311px;
        height:11px;
    }
    
    div.works{
        float:left;
        height:181px;
        padding-bottom:18px;
        width:323px;
    }
        div.works p a{
            position:relative;
        }    
        div.works p.pic{
            background:url(../images/works_shadow.png) no-repeat;
            padding-left:3px;        
            width:320px;
            height:100%;
        }
            div.works p.pic img{
                display:block;
                border:1px solid #999;
            }
        div.works p.txt{
            color:#ccc;
            font-size:0.85em;
            margin:-3px 0 0 4px;
			height:13px;
            width:400px;
        }
            div.works p.txt a{
				color:#ccc;
                display:block;
                height:100%;
                width:100%;
                text-decoration:none;
            }
    div.works.left{
        margin-left:28px;
    }
    div.works.right{
        margin-left:40px;
    }
    
    /* Portfolio */
    img.big_photo{
        display:block;
        position:absolute;
        top:2px;
        left:8px;
		width:727px;
		height:431px;
    }
    #thumbs_line{
        position:absolute;
        top:530px;
        left:50%;
        margin-left:-409px;
        width:825px;
        overflow:hidden;
    }
        #thumbs_line p.slide_left{
            background:url(../images/slide_left.png) no-repeat;
            float:left;
            position:relative;
            height:15px;
            width:50px;
        }
        #thumbs_line p.slide_right{
            background:url(../images/slide_right.png) no-repeat;
            float:right;
            position:relative;
            height:15px;
            width:40px;
        }
            #thumbs_line p.slide_right a, #thumbs_line p.slide_left a{
                display:block;
                width:100%;
                height:100%;
            }
        #thumbs_line div#thumbs{
            /*margin-left:50px;*/
            width:725px;
			height:38px;
            overflow:hidden;
			position:relative;
        }
        #thumbs_line div#thumbs div{
			position:absolute;
			white-space:nowrap;
		}
        #thumbs_line div#thumbs div a{
            background:url(../images/thumb_shadow.png) no-repeat;
            height:38px;
            width:38px;
			display:inline-block;
        }
            #thumbs_line div#thumbs div a img{
                height:27px;
                width:28px;
                margin:1px 0 0 5px;
            }
        #thumbs_line p.email{
            background:url(../images/email.png) no-repeat;
            width:211px;
            height:10px;
            margin:10px auto 0 auto;
        }
            #thumbs_line p.email a{
                display:block;
                position:relative;
                width:100%;
                height:100%;
            }
    
#main_block p.email{
    background:url(../images/email.png) no-repeat;
    position:absolute;
    bottom:80px;
    right:8px;
    width:211px;
    height:10px;
}
    #main_block p.email a{
        display:block;
        position:relative;
        width:100%;
        height:100%;
    }
 
#description{
    font-size:0.55em;
    text-align:justify;
    padding:5px 10px 0 10px;
}

#content-page {
	padding:0 30px;
	font-size:0.85em;
}