/* @import url(); */

body {
	font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	text-align: center;
	height:100%;
	margin: 0px;
	padding: 0px;
	background-color: rgb(50, 50, 50);
     color:rgb(230, 230, 230);
     text-shadow: 0px -1px 2px rgba(50, 50, 50, 0.9);
}

#content a, a:link, a:visited
{
/*     color: rgb(176, 229, 229);*/
     color: #B8D6D7;
	text-shadow: 0px -1px 1px rgba(30, 30, 30, 0.9);
	text-decoration: none;
}

/*a, a:link, a:visited {
/*	color:rgba(238, 238, 238, 0.9); *!/
	color:rgb(101,101,101);
	text-shadow: 0px 1px 1px rgba(255,255,255,0.9);
	text-decoration: none;
}*/

a:hover {
	color:rgb(255,255,255);
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.6);
}

a.hilite, a.hilite:link, a.hilite:visited {
	color:rgb(255,255,255); 
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.9);

	}
/*#ccidl.section_link a:hover {
     color:rgb(0, 78, 78);
}*/

#content a:hover {
color:rgb(255,255,255);
text-shadow: 0px 1px 1px rgba(100, 100, 100, 0.6);
}


ul {
	padding-top:0px;
	margin-top:0px;
	margin-bottom:8px;
	margin-left: -24px;
	list-style:url(../crystalblack/images/squarebullet_cb.png);

}
ul ul {
	list-style:url(../crystalblack/images/dashbullet_cb.png);
  	margin-left: -25px;
   
}
ul ul li {
     margin-top: 0px;
}

ul li {
     margin-top: 6px;
}

dt.item {
     margin-top: 4px;
}

#guide_col2 ul ul li, #guide_col3 ul ul li {
     margin-left: 15px;
     font-size: 10.5px;
     line-height: 1.3em;     
}

#guide_col1 dt, #guide_col2 dt, #guide_col3 dt {
     font-size: 11px;
}

img {
	border: 0;
}

h1 {
	font-size: 15pt;
	font-weight: bold;
}

#bg {
	width: 900px;
	height: 700px;
	position: relative;
/*	margin: 0px auto;
	margin-top: 18px;
*/
	margin: 19px auto 19px auto;
	right: 0px;
	left: 0px;
	bottom:0px;
	padding: 0px 0px 125px 0px; /* Added this to allow space for thumbnail images */
	top:0px;
	background-color: rgb(50, 50, 50);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(120, 120, 120)), to(rgb(20, 20, 20)));
	background-image: -moz-linear-gradient(top,rgb(120, 120, 120),rgb(20, 20, 20));
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.55); 
	-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.55); 
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-bottom-right-radius: 25px;
	-moz-border-radius-bottomright: 25px;
	-webkit-border-top-left-radius: 12px; 
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-box-reflect:below 6px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.92, transparent), to(rgba(255,255,255,0.9))); 
	}
	
#marsthemes_box
{
position: absolute;
margin: 0px auto;
left:0px;
right:0px;
     width:604px;
     height:89px;
/*     left:150px;*/
     top:0px;
     z-index:1;
}
#marsthemes_part
{
     position:absolute;
     width: 392px;
     height:91px;
     margin-top:0px;
     margin-left:0px;

}
#clear_part
{
     position:absolute;
     width:77px;
     height:28px;
     margin-left:392px;
     margin-top:18px;
}
#black_part
{
     position:absolute;
     width:75px;
     height:28px;
     margin-left:469px;
     margin-top:18px;
}
#biglozenge {
	position: relative;
	display:block;
/*	top: 25px;*/
	margin-left: auto;
	margin-right: 133px;
	width: 625px;
	height: 89px;
/*	background: transparent url(../images/themesformacosx_black.png);*/
	}
	
#cb_title {
	position: relative;
	display:block;
	top: 85px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	width: 385px;
	height: 50px;
	background: transparent url(../crystalblack/images/cb_title.png);
	}
	
}
#now_available {
	position: absolute;
	display:block;
	top: 15px;
	left: 0px;
	width: 174px;
	height: 169px;
/*	background: transparent url(../../images/coming_soon.png);*/
	}

#latest {
position: absolute;
display:block;
top: 5px;
left: -15px;
width: 174px;
height:169px;
/*	background: transparent url(../images/coming_soon.png);*/
	}

	
#about_lion {
position: absolute;
display:block;
top: 40px;
left: 650px;
width: 95px;
height: 94px;
z-index: 100;
/*	background: transparent url(../images/coming_soon.png);*/
	}

a.boxtext, a.boxtext:link, a.boxtext:visited {
text-shadow: 0px -1px 1px rgba(50, 50, 50, 0.65);
color: rgb(185, 245, 245);
}


a.boxtext:hover {
color:rgb(255,255,255);
text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.6);
     
}
a.altlink {
		color: rgb(15, 15, 15);
		text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
		font-family: Futura,Trebuchet-MS,Verdana,sans-serif;
}

a.altlink:hover {
		color: rgb(0, 78, 78);
		text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
}

.boxtext {
/*	font-family: Futura Medium, Arial, sans-serif;*/
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	position:relative;
	width: 80px;
/*	height:32px;*/
	margin-left:35px;
/*	float:right;*/
	letter-spacing: 0.2em;

	margin-top: 4px;
	display:block;
	padding-left: 6px;
/*	color: rgb(101, 101, 101);	*/
	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.9);
	z-index:5;
	}

.disabled {
     color: rgb(170, 170, 170);
}

.boxicons {
	width: 118px;
	height: 32px;
	position: relative;
	display:block;
	margin-left: 8px;

	
	}
/*#boxicon_whatsnew {
	background: transparent url(../images/whatsnew.png) no-repeat;
	margin-top: 7px;


	}*/
#boxicon_home {
	background: transparent url(../crystalblack/images/home.png) no-repeat;
	margin-top: 7px;
	}
#boxicon_info {
	background: transparent url(../crystalblack/images/info.png) no-repeat;
	margin-top: 11px;
	}
#boxicon_download {
	background: transparent url(../crystalblack/images/download.png) no-repeat;
	margin-top: 10px;
	}
#boxicon_purchase {
	background: transparent url(../crystalblack/images/money.png) no-repeat;
	margin-top: 10px;
	}

#topbar {
	position: absolute;
	display:block;
	top: 170px;
	left: 0px;
	right: 0px;
	width: 900px;
	height: 54px;
background-color: rgb(80, 80, 80);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(110, 110, 110, 1.0)), to(rgba(60, 60, 60, 1.0)));
background-image: -moz-linear-gradient(top,rgb(110, 110, 110),rgb(60, 60, 60));
	
/*	background: transparent url(../images/topbar_bg.png) repeat-x;*/
	}

#topboxes {
	position: absolute;
	display:block;
	top: 0px;
	left: auto;
	right: 0px;
	width: 133px;
	height: 170px;
background: transparent url(../crystalblack/images/topboxes.png);

	}

#bottombar {
	position: absolute;
	display:block;
	top: auto;
	bottom: 50px;
	left: 0px;
	right: 0px;
	width: 900px;
	height: 90px;
	background: none;
	z-index: 50;
	}
	
.thumb {
	position:absolute;
	width: 109px;
	height: 85px;
	-webkit-box-reflect:below -2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white)); 
	bottom: 0px;	
	}
	
.small_img {
	position: relative;
	width: 60px;
	height: 60px;
	-webkit-box-reflect:below -1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(rgba(255,255,255,0.8))); 
	float: left;
	margin-right: 15px;
	clear: both;	
	}



.cb_gradient_panel {
	position: relative;
	width: 250px;
/*	height: 155px;*/
	padding: 10px;
	background-color: rgb(50,50,50);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.0,rgba(25, 25, 25, 0.9)),  color-stop(0.005,rgb(245, 245, 245)),  color-stop(0.012,rgba(205, 220, 205,0.9)), color-stop(0.016,rgb(175, 175, 175)) ,color-stop(0.065,rgb(115, 115, 115)), color-stop(0.10,rgb(80, 80, 80)), color-stop(0.12,rgb(40, 40, 40)), color-stop(0.30,rgba(20, 20, 20, 1.0)),  color-stop(0.6,rgba(15, 15, 15, 1.0)), color-stop(0.97,rgba(40, 40, 40, 1.0)), color-stop(0.98,rgba(10, 10, 10, 1))); 
	-moz-linear-gradient(linear, 0% 0%, 0% 100%, color-stopcolor-stop(0.0,rgba(25, 25, 25, 0.9)),  color-stop(0.005,rgb(245, 245, 245)),  color-stop(0.012,rgba(205, 220, 205,0.9)), color-stop(0.016,rgb(175, 175, 175)) ,color-stop(0.065,rgb(115, 115, 115)), color-stop(0.10,rgb(80, 80, 80)), color-stop(0.12,rgb(40, 40, 40)), color-stop(0.30,rgba(20, 20, 20, 1.0)),  color-stop(0.6,rgba(15, 15, 15, 1.0)), color-stop(0.97,rgba(40, 40, 40, 1.0)), color-stop(0.98,rgba(10, 10, 10, 1)));
/*	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.0,rgba(25, 25, 25, 0.9)),  color-stop(0.005,rgb(245, 245, 245)),  color-stop(0.015,rgb(210, 210, 210)) ,color-stop(0.065,rgb(170, 170, 170)), color-stop(0.15,rgb(110, 110, 110)), color-stop(0.19,rgb(95, 95, 95)), color-stop(0.24,rgba(30, 30, 30, 1.0)),  color-stop(0.88,rgba(25, 25, 25, 1.0)), color-stop(0.97,rgba(40, 40, 40, 0.9)), color-stop(0.98,rgba(10, 10, 10, 1))); -moz-linear-gradient(linear, 0% 0%, 0% 100%, color-stop(0.0,rgba(25, 25, 25, 0.9)),  color-stop(0.005,rgb(255, 255, 255)),  color-stop(0.025,rgb(215, 215, 215)) ,color-stop(0.085,rgb(175, 175, 175)), color-stop(0.18,rgb(120, 120, 120)), color-stop(0.20,rgb(100, 100, 100)), color-stop(0.35,rgba(20, 20, 20, 1.0)),  color-stop(0.88,rgba(15, 15, 15, 1.0)), color-stop(0.97,rgba(40, 40, 40, 0.9)), color-stop(0.98,rgba(10, 10, 10, 1)));*/
     -webkit-box-shadow: rgba(0, 0, 0, 0.363281) 0px -1px 3px;
     -moz-box-shadow: rgba(0, 0, 0, 0.363281) 0px -1px 3px;
	}

.rounded_panel {
-webkit-box-shadow: rgba(0, 0, 0, 0.663281) 0px 1px 6px;
-moz-box-shadow: rgba(0, 0, 0, 0.663281) 0px 1px 6px;
     -webkit-border-bottom-left-radius: 12px;
     -moz-border-radius-bottomleft: 12px;
     -webkit-border-bottom-right-radius: 12px;
     -moz-border-radius-bottomright: 12px;
     -webkit-border-top-left-radius: 12px; 
     -moz-border-radius-topleft: 12px;
     -webkit-border-top-right-radius: 12px;
     -moz-border-radius-topright: 12px;
     
}

/* Overview Panel */

.topicSummary
{
     display: block;
     margin-top: 10px;
     position: relative;
     width: 260px;
     height: 68px;
     margin-bottom: 0px;     
}

/*.mainsection {
	position: absolute;
/*	top: 20px;*!/
	left: 30px;
	width: 260px;
/*	height: 320px;*!/
	text-align: left;
	}*/

.mainsection {
	position: relative;
/*	top: 20px;*/
	margin-left: 25px;
	width: auto;
	padding: 0px 0px 20px 0px;
/*	height: 100%;*/
/*	height: 320px;*/
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
	text-align: left;
	margin-right: 25px;
	}
	
	
.mainheading {
	display:block;
	font-weight: bold;
	font-size: 12pt;
     color:rgb(255,255,255); 
     text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.9);
	padding-bottom: 3px;
	}

.heading_border {
	width: auto;
/*	border-bottom: 2pt rgba(0, 0, 0, 0.1) solid;*/
	-webkit-box-shadow: rgba(255, 255, 255, 0.7) 0px 1pt 0px;
	-moz-box-shadow: rgba(235, 235, 235, 0.7) 0px 1px 0px;
}

.leftcol_text
{
     position: relative;
     margin-left:0px;
     width: 260px;
     margin-top: 10px;
     height:450px;
     text-align: left;
}

/*.overview_section, .icons_section, .videos_section {
	position: relative;
	text-align: left;
	}*/
	
#overview_col1 {
     left: 30px;
     width: 260px;
}

#overview_col2, #icons_col2 {
     left: 330px;
     width: 260px;
}

#overview_col3, #icons_col3 {
     left: 592px;
     width: 260px;
}


/* Colors panel */


.colors_pics
{
     position: absolute;
     display:block;
     top: 20px;
     width: 160px;
     height: 306px;
     -webkit-border-top-left-radius: 20px; 
     -moz-border-radius-topleft: 20px;
     -webkit-border-top-right-radius: 20px;
     -moz-border-radius-topright: 20px;
     -moz-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.55);
     -webkit-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.55);	
     -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white)); 
}
.columns 
{
     left: 315px;
     background: transparent url(../crystalblack/images/color_columns.jpg);
}

.tables 
{
	left: 510px;
	background: transparent url(../crystalblack/images/color_tables.jpg);
}

.text 
{
	left: 705px;
	background: transparent url(../crystalblack/images/color_text.jpg);
}

/* Style Panel */

.style_pics {
	-webkit-box-reflect:below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255,255,255,0.7))); 
	-webkit-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.55);
     
     position: absolute;
     display:block;
     top: 20px;
     width: 160px;
     height: 180px;
     -webkit-border-top-left-radius: 20px; 
     -moz-border-radius-topleft: 20px;
     -webkit-border-top-right-radius: 20px;
     -moz-border-radius-topright: 20px;
     -moz-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.55);
     -webkit-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.55);	
     -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white)); 
	
	}
	
.row1 {
	top: 20px;
	}
.row2 {
	top: 250px;
	}
.col1 {
	left: 310px;
	}
.col2 {
	left: 505px;
	}
.col3 {
	left: 700px;
	}

.etched
{
     background: transparent url(../crystalblack/images/style_etched.jpg);     
}

.sheet
{
     background: transparent url(../crystalblack/images/style_sheet.jpg);     
}

.rounded
{
     background: transparent url(../crystalblack/images/style_rounded.jpg);     
}

.hud
{
     background: transparent url(../crystalblack/images/style_hud.jpg);     
}

.sculpted
{
     background: transparent url(../crystalblack/images/style_sculpted.jpg);     
}

.rollovers
{
     background: transparent url(../crystalblack/images/style_rollovers.jpg);     
}

/* Unity Panel */

.unity_pics
{
     position: absolute;
     display:block;
     top: 20px;
     width: 160px;
     height: 306px;
     -webkit-border-top-left-radius: 20px; 
     -moz-border-radius-topleft: 20px;
     -webkit-border-top-right-radius: 20px;
     -moz-border-radius-topright: 20px;
     -moz-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.55);
     -webkit-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.55);	
     -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white)); 
}
.one 
{
     left: 315px;
     background: transparent url(../crystalblack/images/color_columns.jpg);
}

.two 
{
	left: 510px;
	background: transparent url(../crystalblack/images/color_tables.jpg);
}

.three 
{
	left: 705px;
	background: transparent url(../crystalblack/images/color_text.jpg);
}

.threecol_section 
{
     left: 0px;
     padding-top: 0px;
     margin-top: 10px;
}

.threecol_col1
{
     margin-top: 0px;
}

/* More Panel */
.more_section, .guide_section, .notes_section {
/*	position: absolute;*/
/*	top: 20px;*!/ */
	width: 267px;
	margin-right: 15px;
/*	height: 331px;*!/*/
height: 100%;
	text-align: left; 
	float: left;
	
}
#more_col1, #guide_col1 {
	left: 30px;
	}
#more_col2, #videos_col2, #guide_col2 {
	left: 316px;
	}
#more_col3, #videos_col3, #guide_col3 {
	left: 602px;
	}

#guide_col1 {
	left: 20px;
	}
#guide_col2 {
	left: 315px;
	}
#guide_col3 {
	left: 602px;
	}

.guide_section p, li, dd {
     font-size: 12px;
     line-height:1.4em;
}
.notes_section p, li, dd {
     font-size: 12px;
     line-height:1.3em;
}

.faqs_section dt {
     margin-top:12px;
}

/*.guide_section p {
margin-top:5px;
}*/


.guide_section dd, .notes_section dd {
     margin-left:15px;
}

dt {
 	margin-top:0px;
 	margin-bottom:-1px;
 	font-family: Trebuchet-MS,Verdana,sans-serif;
      font-weight:bold;
      font-size:10px;
 }
p.small_title {
	display:block;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	margin-top:5px;
	margin-bottom:-8px;
	color: rgb(184, 214, 215);
     text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.6);
	}

#applist {
     margin-left:30px;
}
#applist ul li {
     font-size: 10px;
}

#applist ul ul li:before {content:"- "};

/* Download Panel */
.downloadSection {
	position: relative;
/*	top: 20px;*/
	left: 170px;
	width: 505px;
/*	height: auto;*/
	text-align: left;
	
}

.downloadPar {
	text-align: center;
	font-family: Futura,Trebuchet-MS,Verdana,sans-serif;
	margin-bottom: 0px;
	font-size:  11pt;
/*	font-weight: bold;*/
}

.downloadDate {
	text-align: center;
	font-family: Futura,Trebuchet-MS,Verdana,sans-serif;
	font-size:  8pt;
	color: rgba(51,51,60,0.95);
	margin-top: 2px;
}

.license_panel {
	position:relative;
	margin-top: 20px;
	left: 225px;
/*	top: 240px;*/
	width: 475px;
	height: auto;
	padding: 10px 15px 10px 15px;
	background:	-webkit-gradient(linear, 0% 0%, 0% 92%, from(rgba(230, 230, 230, 1.0)), to(rgba(220, 220, 220, 0.8))) padding;
	background-image: -moz-linear-gradient(top,rgba(230, 230, 230, 1.0),rgba(220, 220, 220, 0.8));
	-webkit-box-shadow: rgba(0, 0, 0, 0.363281) 0px 2px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.363281) 0px 2px 3px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	}

.license_section {
	position: relative;

	width: auto;
	text-align: left;
	line-height: 1.3em;
	font-size: 7pt;
	}
/* Whats New Panel */

.whatsnew_section {
	position: absolute;
/*	top: 20px;*/
	width: 415px;
/*	height: 340px;*/
	text-align: left;
	font-size: 9pt;
	}
#whatsnew_col1 {
	left: 30px;
	}
#whatsnew_col2 {
	left: 460px;
	}
/* FAQs Panel */

.faqs_section {
	position: relative;
/*	top: 20px;*/
	width: 410px;
/*	height: 340px;*/
     height: 100%;
	text-align: left; 
	float: left;
	font-size: 9pt;
	margin-right: 15px;
	}
/*#faqs_col1 {
	left: 30px;
	}
#faqs_col2 {
	left: 450px;
	}*/

#selection {
	
	height:48px;
	position:absolute;
	top:174px;
	left:30px;
	padding:0px;
	width: 0px;
	margin: 0px 0px 0px 0px;
/*	background: transparent url(../images/selection.png) 0px 0px no-repeat; */
	-webkit-box-reflect:below -3px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.3, transparent), to(rgba(255,255,255,0.7))); 
	z-index: 3;
	}
.img#selection
{
     width:100%;
}
	
.navtitles {
	width: 94px;
	height: 36px;
	position:absolute;
	font-size: 10.5pt;
	font-weight: bold;
	top:12px;
	color: rgb(255, 255, 255);
	z-index: 100;
	text-shadow: 0px -1px 1px rgba(43,52,52,0.8)
	}
	
.navlink {
  	color: rgb(255, 255, 255);
   
}
#overview_nav {
	left: 20px;
	}
#colors_nav {
	left: 110px;
	}
#style_nav {
	left: 190px;
	}
#unity_nav {
	left: 270px;
	}
#more_nav {
	left: 350px;
	}
#freebies_nav {
	left: 435px;
	}
#tips_nav {
     left: 520px;
/*     width: 70px;*/
}
#faqs_nav {
     left: 600px;
/*     width: 120px;*/
}

#notes_nav {
/*margin-top:-2px;*/
     left: 680px;
/*     width: 120px;*/
}

#demos_nav {
/*margin-top:-2px;*/
     left: 760px;
/*     width: 120px;*/
}


#lion_nav {
     left: -200px;
}
#credits {
	text-transform: uppercase;
	font-family: Trebuchet-MS, Verdana, sans-serif;
	letter-spacing: 0.3em;
	font-weight: bold;
	font-size: 7pt;
	margin-top:60px;
	color: rgb(180, 180, 180);
	text-shadow: 0px -1px 1px rgba(43,52,52,0.8);
	z-index: 50;
	
	}
/* Bottom thumbnails for zoom */

#th2 {
	left:50px;
	background: transparent url(../crystalblack/images/previews/th2.png);
	}
#th4 {
	left: 189px;
	background: transparent url(../crystalblack/images/previews/th4.png);
	}
#th5 {
	left: 328px;
	background: transparent url(../crystalblack/images/previews/th5.png);
	}
#th6 {
	left:467px;
	background: transparent url(../crystalblack/images/previews/th1.png);
	}
#th7 {
	left: 606px;
	background: transparent url(../crystalblack/images/previews/th3.png);
	}
#th8 {
	left: 745px;
	background: transparent url(../crystalblack/images/previews/th6.png);
	}
	
#th9 {
	left: 328px;
	background: transparent url(../crystalblack/images/th9.png);
	}
	
#showme {
	left: 39px;
	top: -24px;
	width: 112px;
	height: 134px;
	position: absolute;
	background: transparent url(../../images/showme.png);
	-webkit-box-reflect:below -2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(white)); 
	
	}

/* Safari slider */

#sliderWrapper {
	position: fixed;
	z-index: 100;
	top: 40px;
	height: 335px;
	left: -395px;
	width: 420px;
	margin: 0px;

	padding: 0px;

}

	
#slider{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
height: auto;
line-height:1.5em;
	background-color: rgba(10, 10, 10,0.8);
	padding: 15px 0px 15px 25px;
	opacity: 1.0;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.453281) 1px 1px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.45653281) 1px 1px 8px;
	border: 4pt solid rgba(80, 80, 80, 0.5);
		cursor:pointer;
}

.safariHeading {
	display:block;
	position: relative;
	font-weight: bold;
	font-size: 11pt;
	padding-right: 45px;
	text-shadow: 0px -1px 2px rgba(0, 0, 0, 0.95);
	color: rgb(166, 255, 255);
	padding-bottom: 3px;
	}

#contact {
 position: fixed;
 margin-left: auto;
 margin-right: auto;
 left: 0px;
 right: 0px;
 width: 100px;
 top: 0px;
 bottom: auto;
/* height: 20px;*/
 	background-color: rgba(30, 30, 30,0.7);
 	padding: 1px 20px 1px 20px;
 	opacity: 0.6;
 	-webkit-border-bottom-right-radius: 8px;
 	-moz-border-radius-bottomright: 8px;
 	-webkit-border-bottom-left-radius: 8px;
 	-moz-border-radius-bottomleft: 8px;
 	-webkit-box-shadow: rgba(0, 0, 0, 0.453281) 1px 1px 8px;
 	-moz-box-shadow: rgba(0, 0, 0, 0.45653281) 1px 1px 8px;
 	border: 2pt solid rgba(0, 0, 0, 0.9);
 		cursor:pointer;
 color: #FFF;
 font-size: 12px;
 z-index:5;
     
}

.safariText {
	
	position: relative;
	height: auto;
	margin-top: 0px;
	padding-right: 45px;
	line-height: 1.4em;
	font-family: Lucida Grande,Verdana,sans-serif;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
	text-align: left;
	font-size: 9pt;
	color: #FFF;	
}

a.safari  {
	color:rgb(166, 255, 255); 
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.9);

	}

a.safari:hover {
	color:rgb(53, 255, 255);
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.6);
}

 #overlay
 {
/* display: none;*/
 background-image:url(http://www.musingsfrommars.org/wp-content/themes/mars/images/overlay1.png);
 }

#browser
{
     position: absolute;
/*     display: none;*/
     top: 170px;
     margin-left: auto;
     margin-right: auto;
     left: 0px;
     right: 0px;
     width: 475px;
     bottom: auto;
     height: 100%;
     z-index: 120;
     cursor:pointer;
 /*    opacity:1.0;*/
}
#browser_topleft
{
     position: absolute;
     display: block;
     width: 22px;
     height: 22px;
     top: 0px;
     left: 0px;
     bottom: auto;
     right: auto;
     margin-top: 0px;
     margin-left: 0px;
     background-image: url(../../images/browser_topleft.png);
}
#browser_topright
{
      position: absolute;
      display: block;
     width: 22px;
     height: 22px;
     top: 0px;
     right: 0px;
     bottom: auto;
     left: auto;
     margin-right: 0px;
     margin-top: 0px;
 background-image: url(../../images/browser_topright.png);
   
}
#browser_bottomleft
{
     position: absolute;
     display: block;
     width: 22px;
     height: 24px;
     bottom: 0px;
     left: 0px;
     top: auto;
     right: auto;
     margin-bottom: 0px;
     margin-left: 0px;
     background-image: url(../../images/browser_bottomleft.png);     
}
#browser_bottomright
{
     position: absolute;
     display: block;
     width: 22px;
     height: 24px;
     bottom: 0px;
     right: 0px;
     top: auto;
     left: auto;
     margin-bottom: 0px;
     margin-left: 0px;
     background: transparent url(../../images/browser_bottomright.png) no-repeat;     
}
#browser_midleft
{
      position: absolute;
      display: block;
      width: 22px;
      height: auto;
      bottom: 24px;
      top: 22px;
      left: 0px;
      right: auto;
      margin-left: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
      background: transparent url(../../images/browser_midleft.png) repeat-y;     
 }
#browser_midright
{
     position: absolute;
     display: block;
     width: 22px;
     height: auto;
     bottom: 24px;
     top: 22px;
     right: 0px;
     left: auto;
     margin-right: 0px;
     margin-top: 0px;
     margin-bottom: 0px;
     background: transparent url(../../images/browser_midright.png) repeat-y;          
}
#browser_topmid
{
     position: absolute;
     display: block;
     height: 22px;
     top: 0px;
     right: 22px;
     left: 22px;
     margin-top: 0px;

     width: auto;
     background: transparent url(../../images/browser_topmid.png) repeat-x;          
}
#browser_bottommid
{
     position: absolute;
     display: block;
     width: auto;
     height: 24px;
     bottom: 0px;
     right: 22px;
     left: 22px;
     margin-bottom: 0px;
     background: transparent url(../../images/browser_bottommid.png) repeat-x;          
     
}
#browser_midmid
{
     position: absolute;
     width: auto;
     height: auto;
     left: 22px;
     bottom: 24px;
     right: 22px;
     top: 22px;
     background: transparent url(../../images/browser_midmid.png) repeat;          
   
}

/* Video demos section */

 .screenImage
 {
	-webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(rgba(255,255,255,0.8))); 
	margin-bottom: 35px;
	margin-top: -30px;
	position: relative;
	display: block;
	height: 162px;
	width: 260px;
	-webkit-box-shadow: 0px 0px 5px rgba(255, 255, 255, 1);
	-moz-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.55);
}

 .cciSmallImage
 {
	-webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(255,255,255,0.8))); 
	-webkit-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.55);
}
 .cciBigImage
 {
	-webkit-box-reflect:below 3px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(rgba(255,255,255,0.8))); 
	-webkit-box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.55);
}

 .cciHugeImage
 {
	-webkit-box-reflect:below 3px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.85, transparent), to(rgba(255,255,255,0.8))); 
	-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.55);
	-moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.55);
}

.rightImg
{
	float: right;
	margin-left: 12px;
	margin-bottom: 35px;
	margin-top: 10px;
/*	clear: both;*/
}
.leftImg
{
	float: left;
	margin-right: 12px;
	margin-bottom: 35px;
	margin-top: 10px;
	clear: both;
}

.playDiv {
  position: relative;
  top: 30%;
  left: 0; right: 0;
  margin-right: auto;
  margin-left: auto;
  width: 20%;
  text-align: center;
  z-index: 1;

}
 
.playBut {
/*  background-color: rgb(20,20,20);*/
  cursor: pointer;
/*  font-weight: bold;
  font-size: 1.15em;*/
  opacity: 1;
  filter: alpha(opacity=80);
/*  -moz-border-radius: 2em;
  -webkit-border-radius: 1.4em;*/
  width: 40px;
  height: 40px;
  background: transparent url(../images/play.png) no-repeat;
/*  zoom: 100%; */
/*  padding: .5em .6em;*/
padding-right: 10px;
/*  text-shadow: 0px -1px 0px rgb(0, 0, 0);*/
/*  color: white;*/
  margin-left: auto;
  margin-right: auto;
}