/* Website by LIQUIDSMOKE.net */

body { background: #FFF url(images/bg.png) top repeat-x; color: #333; font-family: Tahoma; font-size: 12px; margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }

a { color: #39C; text-decoration: none; }
a:hover { color: #369; }
img { border: none; }
p { margin: 0 0 10px 0; padding: 0; }
	.double { line-height: 1.5; }
	.single { line-height: 0.8; }
.clear { clear: both; display: block; }

.blue { color: #369; }
.gray { color: #999; }
.white { color: #FFF; }
.h { font-family: Trebuchet MS, Arial; letter-spacing: -1px; }
.f11 { font-size: 11px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f24 { font-size: 24px; }
.f30 { font-size: 30px; }

#body { text-align: left; width: 900px; }

#top { background: url(images/logo.png) left no-repeat; height: 120px; width: 900px; }

#nav { font-weight: bold; line-height: 40px; margin: 0 0 30px 0; width: 900px; }
	#nav a { color: #FFF; margin: 0 20px 0 0; } #nav a:hover { text-decoration: underline; }
	#child,#child2,#child3 { font-size: 14px; font-weight: normal; line-height: 30px; position: relative; text-align: left; z-index: 1; }
	#child a,#child2 a,#child3 a { background: #CCD9E5; color: #333333; display: block; padding: 0 5px; width: 150px; }
	#child a:hover,#child2 a:hover,#child3 a:hover { background: #369; color: #FFFFFF; text-decoration: none; }

#main { float: left; margin: 0 20px 0 0; width: 480px; }
#side { float: left; width: 400px; }



.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: ;
padding: 0px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -500px;
left: -200px; /*position where enlarged image should offset horizontally */

}


/* Sample PopBox CSS Classes */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/

.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("images/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}




#products { background: #CCD9E5; margin: 30px 0 0 0; padding: 20px; }

#footer { border-top: #DDD 1px solid; color: #999; font-size: 11px; margin: 20px 0 0 0; padding: 20px 0; text-align: center; }
