/*  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: 0px; margin-bottom: 2px; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;              /* general default font size  */ 
background-color: #e1d9b2;    /*  background colour around website   */
color: #333333;               /* general default font colour  */
/*background-image:url(images/bg_top_lancashire.jpg); background-repeat:repeat-x; background-position: 0px 0px; */
}
td { vertical-align:top}
object { display:block; border:0px; } img {border:0px; }
p { margin-top:5px; margin-bottom:10px; line-height: 150%; text-align: left }   /* paragraph styles */
/* general PROPERTIES FOR LINKS */
a {text-decoration:none;}  a:link { color: #660033; }  a:visited { color: #660033; }  a:hover { text-decoration: underline}  a:active { color: #660033; }
#website-wrapper {margin:auto;  position:relative; width: 860px; background-color: white;} /* website area wrapper, bg colour etc. */



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

#header-box { position:relative; height: 200px; text-align:center; background-image: url(images/header_lancashire_stone.jpg); background-repeat:no-repeat; background-position:center top;
}
#top-left-menu { color: black; font-size:16px; position:absolute; left:19px; top:176px; width:330px; height:25px; text-align: left; z-index:1; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}	
#top-left-menu a { color: white; padding:6px; padding-bottom:5px; letter-spacing:1px; }
#top-left-menu a:hover {background-color:#333333; text-decoration:none}
#heading {color: #FFFFFF; margin:0px; letter-spacing: 2px; font-variant:small-caps; position:absolute; left:23px; top:81px; width:427px; height:90px; text-align: left; z-index:2;  font-size:30px; line-height: 120%; font-family: "Times New Roman", Times, serif; font-weight: normal}



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

#main-content-box {padding-left:25px; padding-right:25px; padding-top:0px; position:relative} /* 960px - 50px(left and right margins) =  910px wide content area*/
#main-left-text { width: 540px; float:left}
#main-right {
	position:relative;
	width: 260px;
	height: 420px;
	float:right;
	background-image: url(images/bg_side_reclamation.jpg);
	background-position: right top; top: 10px; right: 10px; 
	background-repeat:no-repeat;
	vertical-align:middle;
}
#main-right img { display:block} /* img jako blok aby go mozna wycentrowac parametrem auto */


#menu-right { color: white; font-size:15px; position:absolute; left:110px; top:130px; width:136px; height:208px; text-align: center; z-index:4; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#menu-right a { color:#FFFFFF; line-height: 200%; display:block; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #333333}
#menu-right a:hover { color: #FFCC66; text-decoration:none; background-color:#333333}

#main-left-text td {}

ul {padding:5px; padding-top:0px; padding-left:10px; margin-left:10px; margin-top:1px; margin-bottom:5px}
li {list-style-type:square; margin-top:6px; color: #003366; font-weight:bold; font-size:14px}


h1 { color: #663333; font-size:22px; font-family:"Times New Roman", Times, serif; font-weight:normal; letter-spacing:1px;  margin-bottom:15px; margin-top: 15px} /* H1 HEADING STYLE TOP TITLE*/
.page-title {color: #6699CC; letter-spacing:4px; font-size:18px}
h2 {color: #663333 ; font-size:16px; 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; }



.horizontal-line {border-top:3px solid #FFfdb1; margin: 5px 0px 2px 0px}



.menu_product_range { text-align:right; width: 200px; position:absolute; top:70px; right:25px} /* absolute posiotioning in relation to #main-content-box */
.menu_product_range a { display:block; margin-bottom: 10px}

/* --------------------- HOME PAGE IMAGE GALLERY MENU      -----------------------------------------------*/

#image-gallery-box {padding-left:25px; padding-right:25px; margin-top:10px;} /* Image Gallery Home Page section Box - Container with 6 Categories */

.image-category-block { width: 131px; float: left; margin-right:24.5px}  /* Image category block - container for each category */
.image-category-block h2 a:first-letter{color: #6699CC; font-weight: bold;} /* no space before bracket - IE6fix to underline hover links*/
.image-category-block h2 a, .image-category-block h2 a:visited {display:block; color: #777777; font-size:22px; margin-bottom:5px; letter-spacing:1px}
.image-category-block h2 a:hover{color: #6699CC; text-decoration:none}

.image-category-block img {border: 1px solid #800000; padding:7px;}
.image-category-block .subtitle {color:#6699CC; display:block; font-size:10px; font-weight:bold; margin-top:2px; margin-bottom:2px}
.image-category-block .sublinks a {color: #666666; font-size:10px;}
#photo-gallery-menu { width:100%; margin-top:10px}
.home_page_capital_letter #image-gallery-box h1 { text-transform: capitalize} /* just to make first letter of 'Image' on home page Capital   */

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

/* menu with image categories on the right side  */
#menu_gallery_categories { text-align:right; width: 220px; 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:135px; width: 907px; overflow: auto; border: solid 1px gray}
#gallery-thumbnails table.thumbs-row {width:890px}  /* 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 #800000}
.title_of_category {color: #6699CC; letter-spacing: 4px; margin-top: 5px}
.title_of_category span { color:#666666}
.title_of_photo { font-size:18px;}

/*  WEBSITE FOOTER BOTTOM SECTION STYLES   -----------------------------------------------*/
#footer-box { color: white; height: 31px; border-top:3px solid #FFfdb1;	text-align:center; background-image: url(images/footer_lancashire_stone.jpg); background-repeat:no-repeat; background-position:center bottom; font-size: 12px; line-height: 30px; clear: both;}

 
#main-menu { font-size:14px; margin-top:10px; font-variant:small-caps; font-weight:normal}
#main-menu a { font-weight:bold; color: #999999; letter-spacing:1px; margin:5px; line-height:160%}
#main-menu a:hover { font-weight:bold; color: red; text-decoration: none}


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

.wklesle 
{	border-top: 1px inset  #000000;
	border-right: 1px inset  #666666;
	border-bottom: 1px inset  #666666;
	border-left: 1px inset #000000;
	background:#fff8de;
	}
	
strong { }

.town-list { width: 860px; margin:14px auto; font-size:9px; line-height:130%; color:#666666 }
.stone-gallery-table {text-align:center}
.stone-gallery-table td { padding: 5px; vertical-align:middle}