/*  WEBSITE STYLES - ALL FORMATING STYLES DEFINIED and LINKED TO YOUR WEBSITE CONTENT */

/*  WEBSITE GENERAL STYLE PREFERENCES, GENERAL, DEFAULT AND GENERAL STRUCTURE SETTINGS ----------------*/
html, body, h1, h2, h3, h4, form { font-family: Arial, Helvetica, sans-serif; margin: 0px;	padding: 0px; list-style: none; text-align:left}
body {margin-top: 5px; margin-bottom: 2px; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;              /* general default font size  */ 
background-color:#efe09d;    /*  background colour around website   */
color: #CCCCCC;               /* general default font colour  */
}
td { vertical-align:top}
object { display:block; border:0px; } img {border:0px; }
p { margin-top:5px; margin-bottom:15px; line-height: 150%; text-align: left }   /* paragraph styles */
/* general PROPERTIES FOR LINKS */
a {text-decoration:none;}  a:link { color: orange; }  a:visited { color: orange; }  a:hover { text-decoration: underline}  a:active { color: orange; }
#website-wrapper {margin:auto;  position:relative; width: 960px; background-color: #3d2a1b;} /* website area wrapper, bg colour etc. */
li { line-height: 130%; font-size: 12px}

/*  ------------------------------------------ WEBSITE TOP SECTION STYLES   --------------------------*/

#header-box {height: 100px;text-align:center; background-image:url(images/header_bg.jpg); background-repeat:no-repeat; background-position:center top;
}

#slogan1 { position:absolute; left:382px; top:4px; width:105px; height:32px; text-align:left; z-index:2; font-size:11px; color: black;}
#slogan1 a { color: #efe09d; font-weight:bold}	
#slogan2 { position:absolute; left:607px; top:6px; width:121px; height:20px; text-align:left; z-index:3; font-size:11px; color: black;}
#slogan2 a { color: #efe09d; font-weight:bold}
#slogan3 { position:absolute; left:489px; top:25px; width:105px; height:32px; text-align:left; z-index:4; font-size:11px; color: black;}
#slogan3 a { color: #efe09d; font-weight:bold}
#top-right-menu { position:absolute; left:406px; top:80px; width:525px; height:32px; text-align:right; z-index:5;  font-size:11px}	
#top-right-menu a { color: #efe09d; font-weight:bold}

#heading {	position:absolute;left:19px;top:42px;width:676px;height:32px; z-index:1;color: #777777;font-size:20px;}
#logo {	position:absolute;left:25px;top:27px;width:307px;height:32px; z-index:2;color: white; text-align:left}



/* ------------------------------------------ WEBSITE MAIN CONTENT SECTION STYLES   -----------------------------------------------*/

#main-content-box {padding-left:25px; padding-right:25px; padding-top:10px; position:relative} /* 960px - 50px(left and right margins) =  910px wide content area*/

h1 { color: orange; font-size:16px; margin-bottom:5px; margin-top:5px; font-family: Geneva, Arial, Helvetica, sans-serif} /* H1 HEADING STYLE TOP TITLE*/
.page-title {color: #6699CC; letter-spacing:4px; font-size:18px}
h2 {color: #6699CC; font-size:18px; font-weight:normal; margin-top: -3px; padding: 0px; margin-bottom:4px} /* H2 HEADING STYLE FOR TITLES on Home Page */
h3 { margin-top:10px; margin-bottom:10px; color: #6699CC; font-size:16px; letter-spacing:1px; word-spacing: 2px }
h4 { margin-top:5px; margin-bottom:5px; color: #6699CC; font-size:13px; }


#content-column{
padding:1px 10px 1px 1px; /* min 1px padding zapobiega wychodzeniu p margin outside div box */
border-right: 1px solid orange;
width:550px; float:left; /* alternatywnie zamiast width mozna podac margin-right:200px; */
}


.horizontal-line {border-top:2px solid #718a95; margin: 5px -25px 5px -25px}



#right-side { width:325px; text-align:right; float:right;} 


/* --------------------- IMAGE GALLERY PAGE STYLES      -----------------------------------------------*/

/* menu with image categories on the right side  */
#menu_gallery_categories { text-align:right; width: 200px; position:absolute; top:50px; right:25px} /* absolute posiotioning in relation to #main-content-box */
#menu_gallery_categories a { display:block; margin-bottom: 10px; vertical-align:middle}

#gallery-thumbnails { height:440px; width:340px; text-align:center; overflow: auto; border: solid 1px gray}
#gallery-thumbnails table.thumbs-row {width:260px}  /* single row table style, each row of thumbnails is <table> element  */

#gallery-thumbnails img { border:1px solid black}
#gallery-thumbnails img:hover { border:1px solid #efe09d}
.title_of_category {color: #6699CC; letter-spacing: 4px; margin-top: 5px; font-size:14px; margin-bottom:10px; }
.title_of_category span { color:#666666}
.title_of_photo { font-size:18px;}
.title_of_photo { color: orange}


/*  WEBSITE FOOTER BOTTOM SECTION STYLES   -----------------------------------------------*/
#footer-box {height: 42px;text-align:center; background-image:url(images/footer_bg.jpg); background-repeat:no-repeat; background-position:center bottom; font-size: 11px; line-height: 42px; clear: both;}

 
/*  CONTACT PAGE FORM STYLES   -----------------------------------------------*/
.form_contact textarea {height:130px; width:250px; background: transparent;}
table.contact {margin-top:0px; margin-bottom:0px; }
table.contact td {border:0px; padding:2px}


.wklesle 
{	

border: 1px solid #efe09d;

    /*border-top: 1px inset  #efe09d;
	border-right: 1px outset  #efe09d;
	border-bottom: 1px outset  #efe09d;
	border-left: 1px inset #efe09d; */
	background: transparent;
	color: #CCCCCC;
	}

strong {color:#efe09d}