/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

a {
	color: #009900;
	text-decoration:none;
}

a:hover {
	text-decoration: none;
	color: #666666;
	}

.blacklink {
	color: #000000;
}

.linkborder {
border: none;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-style: normal;
}

img {
border: none;
}

#container {
	width: 1200px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	margin: auto;
	}
	
#logo {
	float: left;
	height: 180px;
	width: 260px;
}

#links {
	background-image: url(template_img/2topright_940_180.jpg);
	float: left;
	height: 180px;
	width: 940px;
}

#top6links {
	height: 90px;
	width: 660px;
	padding-left: 280px;
}

#link1, #link2, #link3, #link4, #link5, #link6, #link7, #link8, #link9, #link10, #link11 {
	float: left;
	height: 80px;
	width: 80px;
	margin: 5px;
	background-image: url(template_img/link-img.gif);
}

#botm5links {
	width: 620px;
	height: 90px;
	padding-left: 320px;
}

#back {
	background-image: url(template_img/170_266.jpg);
	float: left;
	height: 266px;
	width: 170px;
	text-align: right;
}
#header {
	background-image: url(template_img/3full_1200_70.jpg);
	float: left;
	height: 50px;
	width: 930px;
	color: #000000;
	padding-left: 270px;
	padding-top: 20px;
}

#leftcol {
	background-image: url(template_img/5left-col_260_550.jpg);
	float: left;
	height: 550px;
	width: 260px;
}

#centre {
	float: left;
	height: 550px;
	width: 675px;
	background-image: url(template_img/centre.gif);
}

#img {
}

#padding {
	float: left;
	width: 55px;
}

#next {
	background-image: url(template_img/no-next.gif);
	float: left;
	height: 100px;
	width: 165px;
}

#rightcol1 {
	background-image: url(template_img/5right-col-165_450.jpg);
	float: left;
	height: 450px;
	width: 165px;
}

#content {
	float: left;
	height: 166px;
	width: 475px;
	padding-left: 100px;
	padding-top: 100px;
	padding-right: 8px;
	background-color: #FFFFFF;
}

#offer1, #offer2, #offer3, #offer4  {
	width: 100px;
	height: 116px;
	float: left;
	background-color: #FFFFFF;
	margin-right: 2px;
	margin-left: 2px;
	text-align: center;
	font-weight: normal;
	padding-top: 4px;
	font-size: 1.3em;
	font-style: normal;
}

#offer1 {
	background-image: url(template_img/shop/off1-mug.jpg);
}

#offer2 {
	background-image: url(template_img/shop/off1-eraser.jpg);
}

#offer3 {
	background-image: url(template_img/shop/off2-pcase.jpg);
}

#offer4 {
	background-image: url(template_img/shop/off3-bag.jpg);
}

#rightcol2 {
	background-image: url(template_img/447_266.jpg);
	float: left;
	height: 266px;
	width: 447px;
}

#bottomleft {
	background-image: url(template_img/753_134.jpg);
	float: left;
	height: 34px;
	width: 730px;
	padding-top: 100px;
	padding-left: 23px;
}

#footer {
	background-image: url(template_img/447_134.jpg);
	float: left;
	height: 130px;
	width: 445px;
	padding-top: 4px;
	padding-left: 2px;
	color: #FFFFFF;
	text-align: center;
}

#empty {
	width: 100px;
	height: 550px;
	float: left;
	background-color: #FFFFFF;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#gallery {
	width:534px;
	position:relative;
	height:60px;
	margin-left: 70px;
	padding-top: 360px;
	margin-top: 100px;
}

#gallery img.left {width:55px; height:62px; background:#444; float:left;cursor:pointer;}
#gallery img.right {width:55px; height:62px; background:#444; float:left;cursor:pointer;}

#gallery ul {list-style:none; padding:0; margin:0; float:left; background:#000; border:2px solid #000; border-width:5px 2px;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #fff; cursor:pointer;}

#gallery ul li.hide {display:none;}

/* using background images */
#gallery ul li.th1 {background:url(gallery/left_right_click/thumbs/th1.jpg);}
#gallery ul li.th2 {background:url(gallery/left_right_click/thumbs/th2.jpg);}
#gallery ul li.th3 {background:url(gallery/left_right_click/thumbs/th3.jpg);}
#gallery ul li.th4 {background:url(gallery/left_right_click/thumbs/th4.jpg);}
#gallery ul li.th5 {background:url(gallery/left_right_click/thumbs/th5.jpg);}
#gallery ul li.th6 {background:url(gallery/left_right_click/thumbs/th6.jpg);}
#gallery ul li.th7 {background:url(gallery/left_right_click/thumbs/th7.jpg);}
#gallery ul li.th8 {background:url(gallery/left_right_click/thumbs/th8.jpg);}
#gallery ul li.th9 {background:url(gallery/left_right_click/thumbs/th9.jpg);}
#gallery ul li.th10 {background:url(gallery/left_right_click/thumbs/th10.jpg);}


/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {visibility:hidden; display:block; width:50px; height:50px;}

#gallery ul li span {
	display:none;
	position:absolute;
	left:49px;
	top:434px;
	font-family:verdana, arial, sans-serif;
	font-size:0.8em;
	text-align:left;
	width: 420px;
	height: 79px;
	padding: 5px;
	color: #000000;
}
#gallery ul li b {
	color:#000000;
	font-size: 1.2em;
	line-height: 1.7em;
}

#gallery ul li.chosen {border-color:#00FF00; cursor:default;}

#gallery ul li.chosen div {
	position:absolute;
	left:0;
	top:0;
	width:532px;
	height:309px;
}

#gallery ul li.chosen div i {width:530px; height:355px; display:table-cell; vertical-align:middle; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaa; margin:0 auto;}
#gallery ul li.chosen span {display:block;}