@charset "utf-8";

@font-face {
    font-family: 'OldSansBlack';
    src: url('assets/fonts/oldsansblack-webfont.eot');
    src: url('assets/fonts/oldsansblack-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/oldsansblack-webfont.woff') format('woff'),
         url('assets/fonts/oldsansblack-webfont.ttf') format('truetype'),
         url('assets/fonts/oldsansblack-webfont.svg#OldSansBlackRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'TimelessRegular';
    src: url('assets/fonts/timeless-webfont.eot');
    src: url('assets/fonts/timeless-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/timeless-webfont.woff') format('woff'),
         url('assets/fonts/timeless-webfont.ttf') format('truetype'),
         url('assets/fonts/timeless-webfont.svg#TimelessRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.body {
	margin: 0;
	padding: 0;
	font-family: 'TimelessRegular', Verdana, Geneva, sans-serif;
	font-size: 11pt;
	line-height: 15pt;
	color: #333;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 20px;
	text-indent: 0px;
	}
.bodynomargins {
	margin: 0;
	padding: 0;
	font-family: 'TimelessRegular', Verdana, Geneva, sans-serif;
	font-size: 11pt;
	line-height: 15pt;
	color: #333;
	margin-left: 0px;
	margin-right: 30px;
	margin-bottom: 10px;
	text-indent: 0px;
	}
.sectionheadernomargins {
	margin: 0;
	padding: 0;
	font-family: 'OldSansBlack', Verdana, Geneva, sans-serif;
	font-weight:regular;
	font-size: 14pt;
	line-height: 18pt;
	color:#333;
	margin-left: 0px;
	margin-right: 30px;
	margin-bottom: 10px;
	text-indent: 0px;
	}
.introparagraphnomargins {
	margin: 0;
	padding: 0;
	font-family: 'TimelessRegular', Verdana, Geneva, sans-serif;
	font-weight:regular;
	font-size: 14pt;
	line-height: 16pt;
	color:#666;
	margin-left: 0px;
	margin-right: 30px;
	margin-bottom: 10px;
	text-indent: 0px;
	}
.bodygallery {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #333;
	margin-left: 50px;
	margin-right: 70px;
	margin-bottom: 10px;
	}
.warrantyreg {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333;
	margin-bottom: 7px;
	text-indent: 0px;
	}
.colleft {
	margin: 0;
	padding: 0;
	font-family: 'TimelessRegular', Verdana, Geneva, sans-serif;
	font-size: 11pt;
	line-height: 15pt;
	color: #333;
	margin-left: 50px;
	margin-right: 15px;
	margin-bottom: 10px;
	text-indent: 0px;
	}
.colright {
	margin: 0;
	padding: 0;
	font-family: 'TimelessRegular', Verdana, Geneva, sans-serif;
	font-size: 11pt;
	line-height: 15pt;
	color: #333;
	margin-left: 15px;
	margin-right: 50px;
	margin-bottom: 10px;
	text-indent: 0px;
	}
.paragraphheader {
	margin: 0;
	padding: 0;
	font-family: 'OldSansBlack', Verdana, Geneva, sans-serif;
	font-weight: regular;
	font-size: 12pt;
	line-height: 16pt;
	color: #003399;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom:10px;
	}
.paragraphheadernomargins {
	margin: 0;
	padding: 0;
	font-family: 'OldSansBlack', Verdana, Geneva, sans-serif;
	font-weight: regular;
	font-size: 12pt;
	line-height: 16pt;
	color: #003399;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom:7px;
	}
.paragraphheadergallery {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	color: #003399;
	margin-left: 50px;
	margin-right: 70px;
	margin-top:25px;
	}
.paraheadcolleft {
	margin: 0;
	padding: 0;
	font-family: 'OldSansBlack', Verdana, Geneva, sans-serif;
	font-weight: regular;
	font-size: 12pt;
	line-height: 16pt;
	color: #003399;
	margin-left: 50px;
	margin-right: 15px;
	}
.paraheadcolright {
	margin: 0;
	padding: 0;
	font-family: 'OldSansBlack', Verdana, Geneva, sans-serif;
	font-weight: regular;
	font-size: 12pt;
	line-height: 16pt;
	color: #003399;
	margin-left: 15px;
	margin-right: 50px;
	}
.seo {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 6px;
	line-height: 8px;
	color: #FFF;
	text-indent: 0px;
	}
.hrmain {
	margin: 0;
	padding: 0;
	color:#CCC;
	width:958px;
	height:1px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	}


/* POPUP CODE */

#cover, #cover1, #cover2, #cover3, #cover4, #cover5, #cover6, #cover7, #cover8, #cover9, #cover10, #cover11, #cover12, #cover13, #cover14, #cover15, #cover16, #cover17, #cover18, #cover19, #cover20, #cover21, #cover22, #cover23, #cover24, #cover25, #cover26, #cover27, #cover28, #cover29, #cover30 {
display:none;
position:absolute;
left:auto;
top:0px;
right:auto;
bottom:0px;
width:0px;
height:0px;
background-color:none;
padding:0px;
z-index:999;
}
#dialog-gallery, #dialog-gallery1, #dialog-gallery2, #dialog-gallery3, #dialog-gallery4, #dialog-gallery5, #dialog-gallery6, #dialog-gallery7, #dialog-gallery8, #dialog-gallery9, #dialog-gallery10, #dialog-gallery11, #dialog-gallery12, #dialog-gallery13, #dialog-gallery14, #dialog-gallery15, #dialog-gallery16, #dialog-gallery17, #dialog-gallery18, #dialog-gallery19, #dialog-gallery20, #dialog-gallery21, #dialog-gallery22, #dialog-gallery23, #dialog-gallery24, #dialog-gallery25, #dialog-gallery26, #dialog-gallery27, #dialog-gallery28, #dialog-gallery29, #dialog-gallery30 {
display:none;
position:relative;
left:0px;
top:0px;
width:960px;
height:350px;
margin-bottom:0px; /* THIS IS NEEDED TO STOP THE DIALOG BOX FROM CREATING EXTRA VERTICAL SPACE IN THE BROWSER (ESP. IE, WHERE IT'LL JUMP) */
/* IF THE DIALOG BOX NEEDS TO BE TALLER, THAT NUMBER NEEDS TO BE LARGER */
margin-top:140px;
margin-left:0px;
z-index:9999;
padding:0px;
font:10pt tahoma;
background-color:none;
background-image: url("gemthane_gallery/images/gallery/dialog_bg.png");
/* border:1px solid #999;
/* DROP SHADOW: LEFT, BOTTOM, SPREAD */
/* -moz-box-shadow: 0px 0px 4px #CCC;
/* -webkit-box-shadow: 0px 0px 4px #CCC;
/* box-shadow: 0px 0px 4px #CCC;
/* For IE 8 */
/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC')";
/* For IE 5.5 - 7 */
/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CCCCCC'); */
}
#gallery-left {
width:540px; float:left; display:block; text-align:right; margin-top:18px;
}
#gallery-right {
width:420px; float:left; display:block; text-align:left; margin-top:18px;
}




/* STYLES FOR POPUPS */
#main ul.enlarge li.enlarge { float:left; position:relative; width:17px; height:17px; margin:-9px -12px -17px -5px; background:url(/imac/images/popup_enlarge20080429.gif) no-repeat 0 0; font-size:1px; }

<!--#main ul.enlarge li.enlarge { float:left; position:relative; width:17px; height:17px; margin:-9px -12px -17px -5px; background:url(/imac/images/popup_enlarge20080429.gif) no-repeat 0 0; font-size:1px; }

/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 230px; margin-left: 3%; margin-right: 3%; } <!-- MARGIN LEFT WAS 2%, WIDTH WAS 58% -->
.grid3cola .column.first,
.grid3cola .column.last { width: 230px; } <!-- THIS IS WIDTH OF FIRST AND THIRD COLUMNS; WAS 19% -->

/* 1 LARGE COLUMN */
.grid3cols .column { width: 300px; margin-left: 0px; }
.grid3cols .column.first { width: 870px; margin-left: 0px; }
.grid3cols .column.borderleft { width: 60px; margin-left: 0px; }
.grid3cols .column.borderright { width: 30px; margin-left: 0px; }

/* REGULAR TEXT COLUMNS, "GOLDEN RATIO" */
.grid4colg .column { width: 300px; margin-left: 0px; }
.grid4colg .column.first { width: 580px; margin-left: 0px; }
.grid4colg .column.second { width: 290px; margin-left: 0px; }
.grid4colg .column.borderleft { width: 60px; margin-left: 0px; }
.grid4colg .column.borderright { width: 30px; margin-left: 0px; }

.grid4colg2 .column { width: 300px; margin-left: 0px; }
.grid4colg2 .column.first { width: 290px; margin-left: 0px; }
.grid4colg2 .column.second { width: 580px; margin-left: 0px; }
.grid4colg2 .column.borderleft { width: 60px; margin-left: 0px; }
.grid4colg2 .column.borderright { width: 30px; margin-left: 0px; }

/* REGULAR TEXT COLUMNS */
.grid4col .column { width: 300px; margin-left: 0px; }
.grid4col .column.first { width: 435px; margin-left: 0px; }
.grid4col .column.second { width: 435px; margin-left: 0px; }
.grid4col .column.borderleft { width: 60px; margin-left: 0px; }
.grid4col .column.borderright { width: 30px; margin-left: 0px; }

/* REGULAR TEXT COLUMNS */
.grid5col .column { width: 300px; margin-left: 0px; }
.grid5col .column.first { width: 290px; margin-left: 0px; }
.grid5col .column.second { width: 290px; margin-left: 0px; }
.grid5col .column.third { width: 290px; margin-left: 0px; }
.grid5col .column.borderleft { width: 60px; margin-left: 0px; }
.grid5col .column.borderright { width: 30px; margin-left: 0px; }



<!-- .grid4col .column { width: 23%; margin-left: 3%; }

<!-- .grid5col .column { width: 18.4%; margin-left: 2%; }

<!-- .grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid3cols:after, .grid4col:after, .grid4colg:after, .grid4colg2:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid3cols, .grid4col, .grid4colg, .grid4colg2, .grid5col, .grid6col { zoom: 1; }
/* END COLUMNS */
.li {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #333;
	margin-left: 1px;
	margin-right: 40px;
	margin-bottom: 20px;
	text-indent: 0px;
	list-style-image: url(images/bullet.gif);
	}

.leftsidebartitle {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 36px;
	color: #333;
	margin-left: 50px;
	}
.leftsidebar {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	margin-left: 50px;
	}
.sidebar {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333;
	margin-left: 0px;
	text-align: left;
	}
.box {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	background-image: url(images/boxbg.png);
	border-left-color: #999;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	}
.boxcaptop {
	margin: 0;
	padding-left: 30px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 40px;
	color: #04337A;
	background-image: url(images/boxcaptop.png);
	margin-left: 0px;
	}
.boxcapbottom {
	margin: 0;
	padding-left: 30px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
	color: #04337A;
	background-image: url(images/boxcapbottom.png);
	margin-left: 0px;
	}
.rightbox {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	background-image: url(images/boxbg.png);
	border-left-color: #999;
	margin-left: -10px;
	margin-right: 0px;
	text-align: center;
	}
.rightboxcaptop {
	margin: 0;
	padding-left: 30px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 40px;
	color: #04337A;
	background-image: url(images/boxcaptop.png);
	margin-left: -10px;
	margin-right: 0px;
	}
.rightboxcapbottom {
	margin: 0;
	padding-left: 30px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
	color: #04337A;
	background-image: url(images/boxcapbottom.png);
	margin-left: -10px;
	margin-right: 0px;
	}
.widebox {
	margin: 0;
	padding: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333;
	background-image: url(images/wideboxbg.png);
	border-left-color: #999;
	margin-left: 10px;
	margin-right: 0px;
	text-align: center;
	}
.wideboxcaptop {
	margin: 0;
	padding-left: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 40px;
	color: #04337A;
	background-image: url(images/wideboxcaptop.png);
	margin-left: 10px;
	text-align: center;
	}
.wideboxcapbottom {
	margin: 0;
	padding-left: 30px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 10px;
	color: #04337A;
	background-image: url(images/wideboxcapbottom.png);
	margin-left: 10px;
	}
.copyrightfooter {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #999;
	}
.submenu {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #CCC;
	}
.mapheader {
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	color: #003399;
	}
.mapbody {
	text-align: left;
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
	color: #333;
	}
.headerlinks {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #333;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
/* links */

a:link {
	color: #339900;
	text-decoration: none;
	}
a:visited {
	color: #339900;
	text-decoration: none;
	}
a:hover {
	color: #339900;
	text-decoration: underline;
	}
td a:hover {color: green;}

/* global navigation */

/* GLOBALHEADER */
#globalheader { width: 810px; height: 30px; margin: 0px auto; position: relative; z-index: 9998; }
#globalheader #globalnav { margin: 0; padding: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; }
#globalheader #globalnav li a,
#globalheader #globalsearch { background-image: url(menubg.png); _background-image: url(menubg.gif); background-repeat: no-repeat; }

/* BUTTONS */
#globalheader #globalnav li#gn-about a { background-position: 0 0; }
#globalheader #globalnav li#gn-products a { background-position: -145px 0; }
#globalheader #globalnav li#gn-gallery a { background-position: -234px 0; }
#globalheader #globalnav li#gn-warranty a { background-position: -351px 0; }
#globalheader #globalnav li#gn-buy a { background-position: -468px 0; }
#globalheader #globalnav li#gn-resources a { background-position: -585px 0; }

/* OVER STATES */
#globalheader #globalnav li#gn-about a:hover { background-position: 0 -30px; }
#globalheader #globalnav li#gn-products a:hover { background-position: -145px -30px; }
#globalheader #globalnav li#gn-gallery a:hover { background-position: -234px -30px; }
#globalheader #globalnav li#gn-warranty a:hover { background-position: -351px -30px; }
#globalheader #globalnav li#gn-buy a:hover { background-position: -468px -38px; }
#globalheader #globalnav li#gn-resources a:hover { background-position: -585px -30px; }

/* PRESSED STATES */
#globalheader #globalnav li#gn-about a:active { background-position: 0 -60px; }
#globalheader #globalnav li#gn-products a:active { background-position: -145px -60px; }
#globalheader #globalnav li#gn-gallery a:active { background-position: -234px -60px; }
#globalheader #globalnav li#gn-warranty a:active { background-position: -351px -60px; }
#globalheader #globalnav li#gn-buy a:active { background-position: -468px -60px; }
#globalheader #globalnav li#gn-resources a:active { background-position: -585px -60px; }

/* ON STATES */
#globalheader.home #globalnav li#gn-about a:hover { background-position: 0 0; cursor: default; }
#globalheader.store #globalnav li#gn-products a { background-position: -145px -90px !important; }
#globalheader.mac #globalnav li#gn-gallery a { background-position: -234px -90px !important; }
#globalheader.ipoditunes #globalnav li#gn-warranty a { background-position: -351px -90px !important; }
#globalheader.iphone #globalnav li#gn-buy a { background-position: -468px -90px !important; }
#globalheader.downloads #globalnav li#gn-resources a { background-position: -585px -90px !important; }