@charset "UTF-8";
/* CSS Document */

html{height:100.01%;}

body{text-align:center; font-family:Arial, Arial, Helvetica, sans-serif; font-size: 62.5%; color:#000000; line-height:1.3em; 
background:url(../images/background.gif) repeat-x top #ffffff;}

#wrapper{width:100%; float:left;}

.page{width:934px; margin:0 auto 0 auto;}

#header{width:934px; background:url(../images/bg_header.jpg) no-repeat top right; padding:0 0 20px 0;}
#header img{margin:33px 0 0 0;}

#banner{margin:35px 0 0 0;}

/************* navigation **************/

div#nav{margin:10px 0 0px 10px; width:900px;}
div#nav ul{width:100%; margin:0; padding:0; list-style:none; padding:0px 0px 0px 0px; font-size:1em;}
div#nav ul li{display:inline; margin:0; padding:0; width:auto; padding:0; border-top:none;}

div#nav a{float:left; background:url(../images/bg_menu.gif) repeat-x; margin:0; text-decoration:none; color:#686868; font-weight:normal; font-size:14px; 
display:block; padding:10px 10px 20px 10px; text-align:center; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 10px;}

div#nav a:hover{background-position:100% -42px; cursor:pointer; color:#686868; padding:10px 10px 20px 10px;}

body#page_home li#home a, body#page_company li#company a, body#page_services li#services a, body#page_gallery li#gallery a, body#page_products li#products a, 
body#page_promotions li#promotions a, body#page_contact li#contact a, body#page_subscribe li#subscribe a, body#page_product_list li#products a, body#page_tile li#products a
{background-position:100% -42px; cursor:pointer; font-weight:bold;}	

#nav li#home a:active {background-position: 100% -42px; font-weight:bold;}
#nav li#company a:active {background-position: 100% -42px;}
#nav li#services a:active {background-position: 100% -42px;}
#nav li#gallery a:active {background-position: 100% -42px;}
#nav li#products a:active {background-position: 100% -42px;}
#nav li#promotions a:active {background-position: 100% -42px;}
#nav li#contact a:active {background-position: 100% -42px;}



/************* Flash ***************/	

#flash{border:#d0d0d0 solid 1px; padding:10px 10px 10px 10px; background-color:#FFFFFF; float:right; margin:0px 0 0px 0;}

#reflection{width:932px; height:45px; background:url(../images/flash_reflection.gif) repeat-x; margin:0 0 20px 1px; float:right;}


/************* Home Page ***************/

.big_box{width:934px; background:url(../images/bg_big_box.png) no-repeat; padding:20px 0 40px 20px; display:inline-block; float:left; background-color:#FFFFFF;}

.small_box{width:149px; float:left; border:#cfcfcf solid 1px; padding:9px 0 5px 9px; margin:0 20px 20px 0; position:relative; display:inline-block; background-color:#ffffff}
.small_box img{margin:0 0 5px 0;}
.small_box a{color:#686868; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}

#product_left{width:165px; float:left; overflow:hidden; margin:0 14px 0 0;}
.product_right{width:360px; float:left; overflow:hidden; margin:0 0 0 7px;}
.product_right p{width:300px; margin:0 0 20px 0;}

.small_box_big{width:329px; float:left; border:#cfcfcf solid 1px; padding:9px 0 5px 9px; margin:0 0 20px 0;}
.small_box_big img{margin:0 0 9px 0;}
.small_box_big a{color:#686868; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}

.small_left{width:355px; background:url(../images/bg_small_left.jpg) no-repeat; float:left; padding:20px 0 0 20px; margin:40px 0 0 0; background-color:#FFFFFF; display:inline-block;}
.small_left img{margin:-20px 0 20px -28px; position:relative;}
.small_left p{float:right; width:140px; margin:-150px 10px 0 0;}
.small_left a{float:left;}

.small_right{width:514px; background:url(../images/bg_small_right.jpg) no-repeat; float:right; padding:20px 0 0 20px; margin:40px 0 0 0;
background-color:#FFFFFF; display:inline-block;}
.small_right img{float:left;}
.small_right p{width:300px; margin:0 0 10px 0; float:right;}

.small_right a{margin:0 0 0 28px;}


#big_box_bottom{width:934px; background:url(../images/bottom_box.jpg) no-repeat; float:left; margin:40px 0 0 0; padding:30px 0 0 20px; position:relative;}

#big_box_bottom p{margin:0 0 20px 0;}
#big_box_bottom p#top{margin:0 0 20px 0; width:600px;}
#big_box_bottom p#bottom{margin:0 0 20px 0; width:450px;}



/************* Company ***************/

#company_top{width:934px; float:left;}
	.under_construction{margin:0 0 0 200px;}

.welcome{width:580px; float:left; display:inline-block; margin:110px 0 110px 20px;}

#flash p{margin:-148px 0 40px 38px; color:#e0dcdc; font-size:12px; position:relative;}

#reflection2{width:324px; height:45px; background:url(../images/flash_reflection.gif) repeat-x; margin:0 0 0px 1px; float:right;}

.button{width:129px; float:left; margin:20px 0 0 27px;}
.button_top{width:129px; height:12px; background:url(../images/button_top.gif) no-repeat;}
.button_middle{width:129px; background:url(../images/button_middle.gif) repeat-y;}
.button_bottom{width:129px; height:12px; background:url(../images/button_bottom.gif) no-repeat;}

body#page_company .small_right a{margin:0 0 0 0;}


/************* Services ***************/

body#page_services #header{padding:0 0 20px 0;}

body#page_services #company_top{background:url(../images/big_box_top.png) no-repeat; width:934px; padding:20px 0 70px 20px;}

body#page_services #company_top p{width:540px; float:left;}

body#page_services #company_top img{float:right; margin:-440px 50px 0 0;}

.contact_box{width:964px; background:url(../images/services/big_box.jpg) no-repeat #FFFFFF; margin:40px 0 40px 0; float:left; padding:20px 0 40px 20px;}

.contact_box p{width:525px; margin:0 0 0 140px}
.contact_box .button{margin:20px 0 0 140px;}

.button_middle{text-align:center; margin:0 0 0 0; padding:0 0 0 0;}



/************* Gallery ***************/

body#page_gallery #header{padding:0 0 20px 0;}

body#page_gallery #company_top{background:url(../images/big_box_top.png) no-repeat; width:934px; padding:20px 0 70px 20px;}

body#page_gallery #company_top img{margin:0 22px 22px 0;}


/************* Products ***************/

body#page_products #header{padding:0 0 20px 0;}

body#page_products #flash{background:url(../images/products/products-landing.jpg) no-repeat #FFFFFF center center; width:912px; height:406px;}
body#page_products #products_welcome_text{background:url(../images/products/bg-products-splash-text.jpg) top left no-repeat #acacac; width:340px;
margin:94px 0 0 65px; border:#dadedf solid 1px; padding:19px 13px 19px 13px;}
body#page_products #products_welcome_text h1{margin:0 0 0 0; color:#ececec;}
body#page_products #products_welcome_text p{margin:0 0 0 0;}



#wall_tiles{width:592px; float:left; background:url(../images/products/floor_wall_tiles.jpg) no-repeat; height:290px; margin:0 20px 0 0;}

a.wall{color:#ececec; margin:232px 0 0 40px; float:left;}
a.floor{color:#ececec; margin:232px 0 0 232px; float:left;}

#wall_tiles_right{width:240px; float:left;}

#colour_left{width:500px; float:left;}
#colour_right{width:260px; float:left;}
#colour_right a{margin:20px 50px 15px 0;}

.container{width:934px; float:left; margin:0 0 20px 0;}

.half_box{width:425px; float:left; background:url(../images/bg_half_box.png) no-repeat; padding:20px 0 0 20px;}

.half_box_right{width:425px; float:right; background:url(../images/bg_half_box.png) no-repeat; padding:20px 0 0 20px;}

p.house{background:url(../images/products/house.gif) no-repeat left; padding:10px 0 10px 50px; width:350px}

.links{width:210px; margin:0 0 0 20px; float:left;}

#types{width:380px; background:url(../images/products/bg_types.jpg) no-repeat left top; float:left;}
#types_links{width:250px; float:left; margin:0 0 0 150px; padding:0 0 35px 0;}

#types_links a.arrow{margin:40px 50px 30px 0;}

#commercial{width:150px; background:url(../images/products/commercial_tiles.jpg) no-repeat; height:120px; float:left; margin:30px 20px 0 20px;}

.big_button{width:261px; float:left; margin:20px 0 0 80px;}
.big_button_top{width:261px; height:13px; background:url(../images/products/big_button_top.png) no-repeat;}
.big_button_middle{width:261px; background:url(../images/products/big_button.png) repeat-y; text-align:center;}
.big_button_bottom{width:261px; height:13px; background:url(../images/products/big_button_bottom.png) no-repeat;}

.half_box_right img{margin:20px 0 0 0;}
.half_box_right p{margin:0 20px 0 0;}



/************* Products List ***************/

body#page_product_list #header{padding:0 0 20px 0;}

body#page_product_list #company_top{background:url(../images/big_box_top.png) no-repeat; width:934px; padding:20px 0 70px 20px;}

body#page_product_list #company_top p{margin:0 40px 0 0;}

.tile{width:885px; border-top:#e0e0e0 dashed 1px; padding:31px 0 0 10px; margin:20px 0 0 0; float:left;}

.tile_img{width:291px; height:171px; background:url(../images/products/bg_products.png) no-repeat; float:left; padding:8px 0 0 8px;}

.tile_details{width:540px; float:right;}

.tile_details h1{margin:0 0 0 0; padding:0 0 0 0; font-size:1.3em;}
.tile_details p{margin:10px 0 0 0; padding:10px 0 0 0;}
.tile_details a{margin:0 0 0 0; padding:0 0 0 0;}


/************* Tile Page ***************/

body#page_tile #header{padding:0 0 20px 0;}

#tile_picture{width:548px; height:314px; border:#c8c8c8 solid 1px; background-color:#FFFFFF; float:left; margin:40px 0 0 0; padding:8px 0 0 8px;}

#tile_details_top{width:316px; float:right; background:url(../images/products/bg_tile_top_right.jpg) no-repeat; margin:40px 0 0 0; 
padding:20px 20px 0 20px;}

#tile_details_top h1{font-size:30px;}

a.pdf{background:url(../images/pdf.jpg) no-repeat left top; padding:10px 0 10px 40px; margin:20px 0 0 0; float:left;}

body#page_tile .big_box{margin:60px 0 20px 0; float:left;}

.tile_colour{width:118px; border:#cfcfcf solid 1px; float:left; margin:0 9px 10px 0;}
.tile_colour_none{width:118px; float:left; margin:0 9px 10px 0; height:200px;}
.tile_colour img{margin:4px 0 7px 4px;}
.tile_colour p{text-align:center;}

#sizes{width:396px; float:left;}
#tile_sizes{width:396px; background:url(../images/products/bg_tile_sizes.png) no-repeat; float:left;}

#tile_sizes_bottom{width:396px; height:25px; float:left; background:url(../images/products/bg_tile_sizes_bottom.png) no-repeat;}

.tile_sizes_side{width:165px; float:left; margin:20px 0 0 20px;}

.size{width:165px; float:left; margin:0 0 10px 0;}
.tile_sizes_side img{float:left;}
.tile_sizes_side p{float:left; margin:0 0 0px 10px;}

#documentation_img{width:89px; float:left;}
#documentation_details{width:300px; float:left; margin:0 0 0 20px;}

#documentation_details a{font-size:1.1em;}
#documentation_details p{margin:30px 0 0 0;}

body#page_tile{background:none;}
#grey_top{width:100%; background:url(../images/products/bg_grey.png) repeat-x #fafafa; float:left; padding:0 0 30px 0;}
#grey_bottom{width:100%; height:9px; background:url(../images/products/bg_grey_bottom.png) repeat-x; float:left;}


/************* Promotions ***************/

body#page_promotions #header{padding:0 0 20px 0;}

body#page_promotions #company_top{background:url(../images/big_box_top.png) no-repeat; width:934px; padding:20px 0 70px 20px;}

body#page_promotions #company_top h1{font-size:30px;}

body#page_promotions #company_top img{text-align:center;}

body#page_promotions #company_top p{margin:0 0 0 0; padding:0 0 0 0; text-align:center; line-height:2em;}
body#page_promotions #company_top p#red{font-size:30px; color:#a24a0f; font-weight:bold;}
body#page_promotions #company_top p#grey{font-size:18px; font-weight:bold;}

body#page_promotions #company_top p#termcon{font-size:10px; margin:50px 0 0 0;}

#prom_left{width:610px; float:left;}

/* Table */
#promotion{border: 1px solid #FFFFFF; border-collapse: collapse; margin:20px 0 0 0;}

#promotion tbody tr td {padding:10px 10px 0px 10px; border-left: 10px solid #FFFFFF;}

#promotion tbody td.top_left{background:url(../images/promotions/corner_top_left.png) no-repeat top left;}
#promotion tbody td.top_right{background:url(../images/promotions/corner_top_right.png) no-repeat top right;}
#promotion tbody td.bottom_left{background:url(../images/promotions/corner_bottom_left.png) no-repeat bottom left;}
#promotion tbody td.bottom_right{background:url(../images/promotions/corner_bottom_right.png) no-repeat bottom right;}

.odd { background: #f2f4f5; }
.even { background: #FFFFFF; }

#prom_right{width:240px; float:left; margin:0 0 0 20px;}
.prom_image{width:238px; height:190px; background:url(../images/promotions/bg_image.png) no-repeat; padding:8px 0 0 9px; margin:30px 0 0 0;}


/************* Contact ***************/

body#page_contact #header{padding:0 0 20px 0;}

body#page_contact #company_top{background:url(../images/big_box_top.png) no-repeat; width:934px; padding:20px 0 70px 20px;}

#map{width:480px; height:386px; float:left; background:url(../images/contact/map.jpg) no-repeat; font-size:0.8em;}

p#cape_town{color:#FFFFFF; border:#000000 solid 1px; background:url(../images/contact/bg_cape_town.png) no-repeat; padding:2px 2px 2px 2px; width:78px;
margin:284px 0 0 90px;}
p#hermanus{color:#FFFFFF; border:#000000 solid 1px; background:url(../images/contact/bg_hermanus.png) no-repeat; width:75px; padding:2px 2px 2px 2px;
margin:9px 0 0 103px;}
p#knysna{color:#FFFFFF; border:#000000 solid 1px; background:url(../images/contact/bg_knysna.png) no-repeat; width:57px; padding:2px 2px 2px 2px;
margin:0 0 0 195px;}

#map_left{width:400px; float:left; margin:0 0 0 45px;}

body#page_contact h2{color:#737373; font-size:1.8em; font-weight:bold;}

.showroom_top{width:350px; margin:10px 0 0 0; float:left;}
	.showroom_top p a{font-size:14px;}


body#page_contact h2.showroom{font-size:1.3em; margin-bottom:10px;}
.showroom_img{width:88px; height:69px; float:left; margin:20px 0 0 0;}
.showroom_details{width:240px; float:left; margin:20px 0 0 20px;}

p.phone{background:url(../images/contact/phone.jpg) no-repeat top left; padding:9px 0 7px 30px;}
p.compass{background:url(../images/contact/compass.jpg) no-repeat top left; padding:4px 0 6px 30px;}
p.compass a{color:#666666; font-size:1.0em;}

.showroom_sep{width:280px; border-top:#c0c0c0 dashed 1px; margin:15px 0 10px 25px; float:left;}


a.form_email{border:solid 1px #ad5c49; float:left; padding:20px 15px; text-decoration:none; background:url(../images/contact/bg_email_button.gif) top left repeat-x #7d2410; color:#fff; text-transform:uppercase; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px; font-weight:bold; text-shadow:1px 1px #000;cursor:pointer; margin-left:55px; margin-top:20px;}
	a.form_email:hover{background-image:none; background-color:#a93218;}
	
	
	.email_us{width:420px; min-height:350px;  margin-left:220px;}
	
	
	.email_us form input[type=submit]{background:url(../images/contact/bg_email_button.gif) top left repeat-x #7d2410; height:36px; border:solid 1px #ad5c49; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px; color:#fff; font-weight:bold; text-shadow:1px 1px #000;cursor:pointer; font-size:28px; margin:0px 0px 30px 40px; padding:2px;}
		.email_us form input:hover[type=submit]{background-position:0px -38px;}

	.email_us form input[type=text]{background:url(../images/contact/bg_form_field.png) top left repeat-x #cbcbcb; border-left:#bcbcbc; border-right:#bcbcbc; border-top:#a8a8a8; padding:10px 0px 10px 0; width:411px;}

	.email_us form textarea{background:url(../images/contact/bg_form_field.png) top left repeat-x #cbcbcb; border-left:#bcbcbc; border-right:#bcbcbc; border-top:#a8a8a8; border-bottom:#a8a8a8; padding:10px 0px 10px 0; width:411px;}
	

	.email_us form label{ font-family:Arial; font-size:18px; text-transform:uppercase;}

	.email_us form p{margin:10px 0 10px 0;}

	.email_us .checkbox, .email_us .radio {
		width: 19px;
		height: 25px;
		padding: 0 5px 0 0;
		background: url(images/bg_checkbox.gif) no-repeat;
		display: block;
		clear: left;
		float: left;
	}
	.email_us .radio {
		background: url(images/bg_radio.gif) no-repeat;
	}
	.email_us .select {
		position: absolute;
		width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
		height: 21px;
		padding: 0 24px 0 8px;
		color: #fff;
		font: 12px/21px arial,sans-serif;
		background: url(select.gif) no-repeat;
		overflow: hidden;
	}

	.email_us p.button {text-align:center; padding-bottom:50px; font-size:18px;}
	.email_us p.button a{background:url(../images/contact/bg_email_button.gif) top left repeat-x ; color:#fff; text-transform:uppercase; -webkit-border-radius:5px; -moz-border-radius: 5px; border-radius:5px; font-weight:bold; text-shadow:1px 1px #000;cursor:pointer; font-size:22px; margin:20px auto 30px auto; padding:6px; text-decoration:none;}
		.email_us p.button a:hover{background-position:0px -38px;}
	
	.email_us h1{font-size:28px;}
	.email_us p, .email_us a{ font-size:18px;}
	
	
	
/************* Contact Form ***************/

#form{width:782px; border-bottom:#c0c0c0 dashed 1px; border-top:#c0c0c0 dashed 1px; float:left; margin:20px 0 0 50px; padding:30px 0 20px 0;}

.form_left{width:250px; float:left; margin:0 30px 0 0;}
.form_right{width:205px; float:right; margin:0 15px 0 0;}

p.letter{background:url(../images/contact/letter.jpg) no-repeat left center; padding:10px 0 10px 50px;}

.text_arrow{border:#8c8c8c solid 1px; background:#fafafa url(../images/contact/text_arrow.gif) no-repeat left center; padding:5px 0 5px 20px; margin:0 0 5px 0;
width:210px;}

a.terms{color:#666666; font-size:1.0em; margin:0 0 0 22px;}

.textarea_arrow{border:#8c8c8c solid 1px; background:#fafafa url(../images/contact/text_arrow.gif) no-repeat left top; padding:5px 0 5px 20px; 
margin:0 0 5px 0; width:200px; height:60px; background-position:0px 1px; font-family:Arial, Helvetica, sans-serif; font-size:1.3em;}

#send{background:url(../images/contact/bg_send.gif) no-repeat; border:none; padding:5px 30px 8px 30px; color:#953310; font-size:1.3em; margin:0 0 0 65px;}

#contact_left{width:344px; float:left;}

p#tel{background:url(../images/contact/phone_2.jpg) no-repeat left; padding:10px 0 10px 60px;}
p#fax{background:url(../images/contact/fax.jpg) no-repeat left; padding:10px 0 10px 60px;}
p#email{background:url(../images/contact/email.jpg) no-repeat left; padding:10px 0 10px 60px;}

#contact_left a{font-size:1.0em; color:#666666;}

#contact_right{width:500px; float:left;}

p#physical{background:url(../images/contact/physical.jpg) no-repeat left; padding:10px 0 10px 60px;}
p#postal{background:url(../images/contact/postal.jpg) no-repeat left; padding:10px 0 10px 60px;}
p#telephone{background:url(../images/contact/telephones.jpg) no-repeat left; padding:10px 0 10px 60px;}



body#page_subscribe #company_top{background:url(../images/big_box_top.png) no-repeat; width:934px; padding:20px 0 70px 20px;}


/************* Terms ***************/

body#page_terms #header{padding:0 0 0px 0;}

body#page_terms #company_top{background:url(../images/big_box_top.png) no-repeat; width:934px; padding:20px 0 70px 20px;}

body#page_terms a.privacy{color:#666666; font-size:1.0em;}
body#page_terms p{margin:0 40px 20px 0;}
body#page_terms li{font-size:1.3em; color:#666666;}
body#page_terms ul.terms{margin:0 40px 0 0;}
body#page_terms li.terms2{margin:10px 0 10px 0; list-style:disc inside;}


/************* Generic Styles ***************/

#top{background:url(../images/big_box_top.png) no-repeat; width:934px; padding:20px 0 70px 20px;}
	#top .entry{width:890px; float:left;}


	/* =Images
	-------------------------------------------------------------- */

	/*
	Resize images to fit the main content area.
	- Applies only to images uploaded via WordPress by targeting size-* classes.
	- Other images will be left alone. Use "size-auto" class to apply to other images.
	*/
	img.size-auto,
	img.size-full,
	img.size-large,
	img.size-medium,
	.attachment img {
		max-width: 100%; /* When images are too wide for containing element, force them to fit. */
		height: auto; /* Override height to match resized width for correct aspect ratio. */
	}
	.alignleft,
	img.alignleft {
		display: inline;
		float: left;
		margin-right: 10px;
		margin-top: 4px;
	}
	.alignright,
	img.alignright {
		display: inline;
		float: right;
		margin-left: 15px;
		margin-top: 4px;
	}
	.aligncenter,
	img.aligncenter {
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	img.alignleft,
	img.alignright,
	img.aligncenter {
		margin-bottom: 12px;
	}
	.caption {
		background: #f1f1f1;
		line-height: 18px;
		margin-bottom: 20px;
		max-width: 632px !important; /* prevent too-wide images from breaking layout */
		padding: 4px;
		text-align: center;
	}
	.caption img {
		margin: 5px 5px 0;
	}
	.caption p.caption-text {
		color: #888;
		font-size: 11px;
		margin: 5px;
		min-height:30px; height:auto !important; height:30px;
}

	
	

/************* Footer ***************/

#footer{width:100%; background-color:#98321c; border-top:#747474 solid 5px; float:left; margin:40px 0 0 0; padding:20px 0 50px 0;} 

#footer li{display:inline; color:#FFFFFF;}
#footer li a{color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#footer li a.nicksoper{background:url(../images/nicksoper.jpg) no-repeat right; padding:3px 25px 3px 0;}
#footer ul{text-align:center; width:760px; margin:0 auto 20px auto;}

/************* Text Styles ***************/

h1{font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#943411; padding:0 0 25px 0;}

p{color:#686868; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.3em; margin:0 0 10px 0;}

a{color:#953310; font-size:1.3em; font-family:Arial, Helvetica, sans-serif; text-decoration:underline;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{}

a.pic{background:url(../images/link_pic.png) no-repeat right; padding:2px 20px 2px 0; font-weight:bold;}
a.arrow{color:#98321c; text-decoration:underline; font-size:1.3em; background:url(../images/products/link_arrow.gif) no-repeat left; padding:3px 0 3px 20px;
margin:20px 50px 0 0; float:left;}
a.arrow:hover{text-decoration:none;}

strong{font-weight:bold; color:#953310;} 


/*light box image viewer*/
	#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	z-index:4;				
	}
	#lightboxDetails{
	font-size: 1.3em; padding-top: 0.4em ; text-align:center; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; color:#4a5b67; 
	font-weight:bold;
	}	
	#lightboxCaption{ float: left; }
	#keyboardMsg{ float: right; }
	#closeButton{ top: 5px; right: 5px; }

	#lightbox img{ border: none; clear: both;} 
	#overlay img{ border: none; }

	#overlay{ background-image: url(../images/gallery/overlay.png); }

	* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/gallery/overlay.png", sizingMethod="scale");
	}
	
	.thumbnail{
		padding: 1px;
		border: 0px;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		width:158px;
		}	

	.caption{ font-size: 1.3em; padding-top: 0.2em ; text-align:center;	font-family:"Arial Narrow", Arial, Helvetica, sans-serif; color:#4a5b67; 
	font-weight:bold;}
	.caption a{font-size: 0.9em; padding-top: 0.2em ; text-align:center; color:#4a5b67; text-decoration:none;}
	.caption a:hover,{font-size: 0.9em; padding-top: 0.2em ; text-align:center; color:#c2c2c2; text-decoration:underline;}
	.closeLightBox{font-size: 0.9em; padding-top: 0.2em ; text-align:center; color:#000; text-decoration:underline;	
	font-family:Verdana, Geneva, Arial, sans-serif;}





/************* Accessibility ***************/	

/* clearing */ 
.clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix{display: inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

/* accessibility */ 
.accessibility { position: absolute; top: -999em; left: -999em;}