@charset "utf-8";
/* JJ Optics | John M of Def1nitive */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,blockquote,th,td 
{ 
	margin:0;
	padding:0;
   	font-size:100.01%;
}
a
{
	text-decoration:none;
	font-weight:bold;
	color:#000;
}	

a:hover
{
	text-decoration:none;
	font-weight:bold;
	color:#1a8e8a;
}
h1
{
	color:#1a8e8a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	margin-top:9px;
	margin-bottom:9px;
}	
h2
{
	color:#1a8e8a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}	
h3
{
	color:#1a8e8a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
h4
{
	color:#1a8e8a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-bottom: 6px;
}

/*Main containing div*/
div.mainContainer
{
	margin:20px auto 20px auto;
	min-height:600px;
	height:auto !important;
	height:600px;
	width:955px;
	background-color:#fff;
	position:relative;
}
/*Left image of the page, image should be linked in the HTML*/
div.leftImage
{
	float:left;
	width:246px;
	min-height:600px;
	height:auto !important;
	height:600px;
	background-color:#fff;
	z-index:1;
	position:relative;
}	
/*everything below the nav bar*/
div.rightContainer
{
	text-align:left;
	clear:right;
	float:right;
	width:689px;
	background-color:#fff;
	position:relative;
	overflow:auto;
}	
div.indexRightContainer
{
	text-align:left;
	clear:right;
	float:right;
	width:689px;
	background-color:#fff;
	position:relative;
	overflow:hidden;
	padding-left:10px;
}	


div.aboutRightContainer
{
	text-align:left;
	clear:right;
	float:right;
	width:689px;
	background-color:#fff;
	background-image:url(images/about-background.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	position:relative;
	overflow:auto;
}	

div.contactRightContainer
{
	text-align:left;
	clear:right;
	float:right;
	width:689px;
	background-color:#fff;
	min-height:400px;
	height:400px !important;
	height:400px;
	position:relative;
	overflow:auto;
}	

div.footer
{
	width:955px;
	height:65px;
	clear:both;
	text-align:center;
	padding-top:10px;
	}
/*Logo on the top*/
div.companyLogo
{
	float:right;
	width:689px;
	height:164px;
}	
/*Navigation bar style*/
.navigationBar
{
	clear:right;
	float:right;
	width:689px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
	color: #ccc;
	font-weight: normal;
	background:#eee;
}	
.navigationBar a
{
	font-size: 14px;
	color: #333;
	margin-left: 8px;
	margin-right: 8px;
	
}
.navigationBar a:hover
{
	color: #1A8E8A;
	
}
.navigationBar p
{
	padding-top:7px;
	padding-bottom:10px;
	margin: 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
/*Bubbles that are located bottom left of the screen*/
div.blackBubble
{
	background-image:url(images/black-bubble.png);
	background-repeat:no-repeat;
	z-index:5;
	float:left;
	position:absolute;
	height:203px;
	width:203px;
	margin-top:387px;
	margin-left:23px;
}	

div.greenBubble
{
	background-image:url(images/green-bubble.png);
	background-repeat:no-repeat;
	z-index:5;
	float:left;
	position:absolute;
	height:203px;
	width:203px;
	margin-top:387px;
	margin-left:23px;
}

div.whiteBubble
{
	background-image:url(images/white-bubble.png);
	background-repeat:no-repeat;
	z-index:5;
	float:left;
	position:absolute;
	height:203px;
	width:203px;
	margin-top:387px;
	margin-left:23px;
}

div.purpleBubble
{
	background-image:url(images/purple-bubble.png);
	background-repeat:no-repeat;
	z-index:5;
	float:left;
	position:absolute;
	height:203px;
	width:203px;
	margin-top:387px;
	margin-left:23px;
}		

/*Green Box used on index page*/

div.greenBox
{
	width:689px;
	background-color:#1a8e8a;
	font-size:20px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	text-align:center; 
	margin-top: 13px;
	padding-top: 7px;
	padding-bottom: 10px;
}	

div.newsTitle
{
	clear:both;
	margin-top:17px;
	border-bottom:1px solid #a6a4a3;
	width:650px;
	padding-bottom: 6px;
}	

div.newsItem
{
	clear:both;
	margin-top:5px;
	margin-bottom:10px;
}	

/*images for collections*/


#collections img
{
	border: 2px solid #1A8E8A;
}



#collectionImage
{
	margin:10px;
}

/*Everything below this point is text formatting*/


/*Text used on index page*/
	

.indexLeftText
{
	color:#000000;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:20px;
	width:290px;
	display:inline;
	line-height:18px;
}
.indexLeftText strong
{
	width: 290px;
	font-size:14px;
	font-weight:bold;
	color:#1A8E8A;
	float:left;
	margin-bottom:8px;
}
.indexLeftText span
{
	width:330px;
	float:left;
	clear:left;
}	
.indexLeftText a
{
	color:#1A8E8A;
	text-decoration: underline;
}
.indexLeftText a:hover
{
	color:#333;
	text-decoration: none;
}

.indexRightText
{
	color:#000000;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin-left:5px;
	margin-right:50px;
	margin-top:20px;
	width:290px;
	display:inline;
	line-height:18px;
}
.indexRightText strong
{
	width: 290px;
	font-size:14px;
	font-weight:bold;
	color:#1A8E8A;
	float:left;
	margin-bottom:8px;
}
.indexRightText span
{
	width:290px;
	float:left;
	clear:left;
}
.indexRightText a
{
	color:#1A8E8A;
	text-decoration: underline;
}
.indexRightText a:hover
{
	color:#333;
	text-decoration: none;
}


/*Text on About Page*/

.aboutText
{
	color:#000000;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:10px;
	width:380px;
	display:inline;
	line-height:18px;
}

/*Text on News Page*/
.newsText
{
	color:#000000;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:0px;
	margin-bottom:13px;
	width:650px;
	display:inline;
}
	
/*Black text/White text designed for use in the bubbles*/
.blackBubbleText
{
	width:165px;
	margin-top:10px;
	margin-left:10px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	text-align:left;
}	

.whiteBubbleText
{
	width:153px;
	margin-top:25px;
	margin-left:25px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	line-height: 24px;
	text-align:left;
}	
.whiteBubbleText span
{
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	float: left;
	margin-top:6px;
}

/*Form Text*/
.formText
{
	color:#1a8e8a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	font-weight:bold;
}
.formLeftText
{
	color:#000000;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
	width:300px;
	display:inline;
}	

.formRightText
{
	color:#000000;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-left:5px;
	margin-right:50px;
	width:290px;
	display:inline;
}	

.footerText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align:center;
	padding-top:45px;
}
p {line-height:18px;}

div.collection img {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

div.gbItemDescription {
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	text-align:center;
	}

#traderFont {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	float:right;
	margin-top:10px;
	margin-right:20px;
	}

#registrationForm {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
	}	
	
#slideshow {
		position: relative;
		width: 283px;
		height: 116px;
		overflow: hidden;
		border: 0px solid #000000;
		margin-right:40px; 
		margin-top:24px; 
		float:right;
	}
#slideshow img {
		position: absolute;
		left: 0;
		top: 0;
		width: 283px;
		height: 116px;
	}

#contentDiv{
    background:#FFFFFF none repeat scroll 0 0;
	float:left;
	height:700px;
	overflow:auto;
	padding-top:4px;
	padding-left:4px;
	width:470px;
}	

div.colNav{
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
	float:left;
	width:200px;
	text-align:center;
	white-space:nowrap;
	}
	
.colNav a{
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
	float:left;
	width:200px;
	background-image:url(images/tabs.png);
	background-position: 0px 0px;
	text-decoration:none;
	white-space:nowrap;
	}
	
.colNavSelect{
	background-position:0 20px !important;	

	}
	
	
.colNav a:link, .colNav a:visited {
    color: #fff; 
}	

.colNav a span {
    padding-right: 2px;
    height: 20px;
    line-height: 20px;
	width:155px;
}
.colNav li, ul{
	margin:0;
	padding:0;
	list-style-type:none;
	}