body {margin: 0; padding: 0; text-align: center; background: url('images/mojlo_photography_bg.jpg') top center no-repeat; background-color: #bcbcbc;}

h1 {float: left; width: 400px; margin: 0; padding: 15px 0 0 0; font-family: "Verdana"; font-size: 22px; text-align: justify; color: #000; font-weight: normal;}
h2 {float: left; width: 600px; margin: 40px 0 4px 0; padding: 0; font-family: Verdana; font-size: 20px; text-align: left; color: #000; font-weight: normal;}  
h3 {margin: 5px 0 5px 0; padding: 0; font-family: Verdana; font-size: 12px; text-align: center; font-weight: normal; font-style: italic; color: #33CC33;}
h4 {float: left; width: 100%; margin: 0; padding: 0; font-family: Verdana; font-size: 18px; text-align: left; color: #000; font-weight: normal;}
h5 {margin: 0; padding: 0;}

.error {color: #ff0000;}

div {margin: 0; padding: 0;}

p {font-family: "Verdana"; font-size: 13px; text-align: justify; color: #000; margin: 10px 0 10px 0; padding: 0;}

.p_special_1 {float: left; clear: left; width: 100%; font-style: italic; font-size: 16px; color: #343434; margin: 50px 0 0 0; padding: 0;}
.p_special_2 {float: left; clear: left; width: 100%; font-style: italic; font-size: 14px; color: #000; margin: 15px 0 0 0; padding: 0; text-align: right;}

.p1 {width: 225px; height: 36px; background: url('images/mojlo_photography_kontakt_01.png') top left no-repeat; margin: 0; padding: 0 10px 0 10px; border: none; font-family: Verdana; font-size: 11px; color: #000;}
.a1 {width: 225px; height: 73px; background: url('images/mojlo_photography_kontakt_02.png') top left no-repeat; margin: 0; padding: 10px 10px 10px 10px; border: none; font-family: Verdana; font-size: 11px; color: #000;}
.s1 {float: right; width: 92px; height: 61px; background: url('images/mojlo_buttons_wyslij.png'); background-position: 0 0; background-repeat: no-repeat; border: none; margin: 20px 0 0 0; padding: 0; display: inline;}
.s1:hover {background-position: 0 -61px;}



table {font-family: "Verdana"; font-size: 13px;}
table td {color: #000;}
table th {color: #000;}


ul {list-style: circle; text-align: left;}
ul li {font-family: "Verdana"; font-size: 13px; color: #000;}

.big_points {float: left; width: 100%; list-style: none; margin: 10px 0 0 0; padding: 0;}
.big_points li {background: url('images/mojlo_photography_o_mnie_point.png') top left no-repeat; margin: 10px 0 0 0; padding: 0 0 0 20px; background-position: 0 2px;}
.big_points a {color: #343434; text-decoration: none;}
.big_points a:hover {color: #343434; text-decoration: underline;}


.photo_left {float: left; margin: 10px 10px 10px 0; border: none;}
.photo_center {margin: 10px auto; text-align: center; border: none;}
.photo_right {float: right; margin: 10px 0 10px 10px; border: none;}


#main_container {width: 990px; margin: 0 auto;}

#logo {float: left; width: 332px; height: 81px; margin: 0 0 0 30px; display: inline;}
#logo img {border: none;}

#menu_top {float: right; width: 500px; height: 27px; margin: 25px 10px 0 0; display: inline;}
#menu_top ul {list-style: none; margin: 0; padding: 0;}
#menu_top li {float: right; width: 80px; height: 27px; margin: 0 8px; padding: 0; display: inline;}
#menu_top li a {display: block; width: 80px; height: 27px; background-position: 0 0; background-repeat: no-repeat;}
#menu_top li a:hover {background-position: 0 -27px;}
#menu_top li .selected {background-position: 0 -27px;}
#menu_top #mt1 a {background-image: url('images/mojlo_buttons_04.png');}
#menu_top #mt2 a {background-image: url('images/mojlo_buttons_03.png');}
#menu_top #mt3 a {background-image: url('images/mojlo_buttons_02.png');}
#menu_top #mt4 a {background-image: url('images/mojlo_buttons_01.png');}


#menu_portfolio {float: left; width: 400px; height: 12px; margin: 5px 0 0 20px; display: inline;}
#menu_portfolio ul {list-style: none; margin: 0; padding: 0;}
#menu_portfolio li {float: left; height: 27px; margin: 0 4px; padding: 0; display: inline;}
#menu_portfolio li a {display: block; height: 12px; background-position: 0 0; background-repeat: no-repeat;}
#menu_portfolio li a:hover {background-position: 0 -12px;}
#menu_portfolio li .selected {background-position: 0 -12px;}
#menu_portfolio #mp1 {width: 50px;}
#menu_portfolio #mp1 a {width: 50px; background-image: url('images/mojlo_buttons_porftolio_02.png');}
#menu_portfolio #mp2 {width: 72px;}
#menu_portfolio #mp2 a {width: 72px; background-image: url('images/mojlo_buttons_porftolio_03.png');}
#menu_portfolio #mp3 {width: 60px;}
#menu_portfolio #mp3 a {width: 60px; background-image: url('images/mojlo_buttons_porftolio_01.png');}
#menu_portfolio #mp4 {width: 72px;}
#menu_portfolio #mp4 a {width: 72px; background-image: url('images/mojlo_buttons_porftolio_04.png');}


#links_promo {float: right; width: 500px; margin: 8px 40px 0 0; display: inline;}
#links_promo p {margin: 0; padding: 0; text-align: right; font-size: 11px; color: #646464;}
#links_promo a {color: #000; text-decoration: none;}
#links_promo a:hover {color: #343434; text-decoration: underline;}

.title_portfolio {width: 174px; height: 46px; margin: 0 auto;}
#tp_beauty {background: url('images/mojlo_photography_title_01.png') top left no-repeat;}
#tp_glamour {background: url('images/mojlo_photography_title_02.png') top left no-repeat;}
#tp_fashion {background: url('images/mojlo_photography_title_03.png') top left no-repeat;}
#tp_personal {background: url('images/mojlo_photography_title_04.png') top left no-repeat;}

#page_container {float: left; clear: left; width: 990px;}

.breakline {float: left; clear: left; width: 990px; height: 2px; background: url('images/mojlo_photography_pasek.png') top left no-repeat; margin: 2px 0; display: inline;}
.breakline_short {float: left; clear: left; width: 600px; height: 2px; background: url('images/mojlo_photography_pasek.png') top center no-repeat; margin: 2px 0; display: inline;}

.page_column_left {float: left; width: 600px; margin: 10px 0 0 0; display: inline;}
.page_column_right {float: right; width: 380px; height: 570px;}


#o_mnie_logo {background: url('images/mojlo_photography_o_mnie.png') top left no-repeat;}
#kontakt_logo{background: url('images/mojlo_photography_kontakt.png') top left no-repeat;}
#page_flash_portfolio {float: left; width: 540px; height: 300px; margin: 0 0 0 30px; display: inline;}


#flash_home {float: left; clear: left; width: 990px; height: 570px;}
#flash_portfolio {float: left; clear: left; width: 990px; height: 570px;}

#contact_form {float: left; width: 100%; margin: 30px 0 0 0;}
#contact_form .page_column_left {width: 680px; margin: 0; padding: 0;}
#contact_form .page_column_right {width: 300px; height: auto; margin: 0; padding: 0;}
#contact_form .contact_box {float: left; width: 320px; margin: 0; padding: 0 10px;}
#contact_form .contact_box .breakline_short {width: 320px;}
#contact_form table {float: left; width: 300px; margin: 0 auto; display: inline; background: transparent;}
#contact_form table th {font-size: 12px; font-weight: normal; text-align: right;}
#contact_form table td {font-size: 12px;}

.contact_data_line {float: left; clear: left; width: 100%; margin: 5px 0 0 0;}
.contact_data_line p {display: block; padding: 5px 0 0 30px; margin: 0; height: 25px;}
#c_adres {background: url('images/adres_icon.png') top left no-repeat;}
#c_tel {background: url('images/tel_icon.png') top left no-repeat;}
#c_gg {background: url('images/gg_icon.png') top left no-repeat;}

#footer_container {float: left; clear: left; width: 930px; height: 35px; margin: 5px 0 0 30px; display: inline;}
#footer_container #photography_name {float: left; width: 129px; height: 29px; background: url('images/mojlo_photography_foot_01.png') top left no-repeat; margin: 0 5px 0 0; display: inline;}
#footer_container #photography_phone {float: left; width: 141px; height: 28px; background: url('images/mojlo_photography_foot_02.png') top left no-repeat; margin: 0 5px; display: inline;}
#footer_container #photography_email {float: left; width: 225px; height: 29px; margin: 0 0 0 5px; display: inline;}
#footer_container #photography_email a {display: block; width: 225px; height: 29px; background-image: url('images/mojlo_photography_foot_03.png'); background-position: 0 0; background-repeat: no-repeat;}
#footer_container #photography_email a:hover {background-position: 0 -29px;}
#footer_container #author {float: right; width: 300px; margin: 3px 0 0 0; display: inline;}
#footer_container #author p {margin: 0; padding: 0; color: #000; font-size: 11px; text-align: right;}
#footer_container #author a {color: #000; text-decoration: none;}
#footer_container #author a:hover {color: #000; text-decoration: underline;}




.gallery_container {float: left; clear: left; width: 990px; height: 488px;}

.sliderGallery {
            background: transparent;
            overflow: hidden;
            position: absolute;
			top: 110px;
			left: 0;
            padding: 0;
            height: 480px;
            width: 100%;
			min-width: 990px;
        }
        
        .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0;
            margin: 0;
        }
        
        .sliderGallery UL LI {
            display: inline;
			margin: 0 2px;
        }
		
		.sliderGallery UL LI img {
			border: 1px solid #000;
		}
        
        .slider {
            width: 542px;
            height: 17px;
            margin: 450px auto 0 auto;
            padding: 1px;
            position: relative;
            background: url('images/gallery_bar.png') no-repeat;
        }
        
        .handle {
            position: absolute;
            cursor: move;
            height: 17px;
            width: 181px;
            top: 0;
            background: url('images/gallery_handle.png') no-repeat;
            z-index: 100;
        }
        
        .slider span {
            color: #bbb;
            font-size: 80%;
            cursor: pointer;
            position: absolute;
            z-index: 110;
            top: 3px;
        }
        
        .slider .slider-lbl1 {
            left: 50px;
        }
        
        .slider .slider-lbl2 {
            left: 107px;
        }
        
        .slider .slider-lbl3 {
            left: 156px;
        }

        .slider .slider-lbl4 {
            left: 280px;
        }

        .slider .slider-lbl5 {
            left: 455px;
        }