
/* @import url(); */

body {
	font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
	font-size: 10pt;
	line-height: 1.2em;
	text-align: center;
	height:100%;
	margin: 0px;
	padding: 0px;
	background-color: rgb(120, 120, 120);
	color: rgb(11, 13, 13);
}

#content a, a:link, a:visited {
     color: #008B8A;
}
/*#icons a, a:link, a:visited {
     color: #008B8A;
}
#ccidl a, a:link, a:visited {
     color: #008B8A;
}*/

#crystalblack a, a:link, a:visited
{
     color: rgb(176, 229, 229);
	text-shadow: 0px -1px 2px rgba(50, 50, 50, 0.9);
}

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);
}*/

#scroller a {
     color: #008B8A;
}
#scroller a:hover {
     color: rgb(0, 78, 78);     
	text-shadow: 0px 1px 1px rgba(255,255,255,0.9);
}

#content a:hover {
     color:rgb(0, 78, 78);
}
#crystalblack 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: 0px;
	list-style:url(../images/squarebullet.png);
}

#overview_col1 ul
{
     margin-left: -24px;
}

#crystalblack ul {
 	list-style:url(../images/squarebullet_cb.png);
    
}
ul ul {
  	list-style:url(../images/dashbullet.png);
  	margin-left: -25px;
   
}
#crystalblack ul ul {
 	list-style:url(../images/dashbullet_cb.png);
    
}

ul ul li {
     margin-top: 0px;
}

ul li {
     margin-top: 6px;
}

.light {
     color:rgb(230, 230, 230);
     text-shadow: 0px -1px 2px rgba(50, 50, 50, 0.9);
     
}

img {
	border: 0;
}

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

#bg {
/*	width: 900px;
	height: 850px;
	position: relative;
	margin: 0px auto;
	margin-top: 19px;*/
	width: 900px;
	height: 800px;
	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(195, 195, 195);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(235, 235, 235)), to(rgb(178, 178, 178)));
	background-image: -moz-linear-gradient(top,rgb(235, 235, 235),rgb(178, 178, 178));
	-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))); 
	}
	
/*#lozenge {
	position: relative;
	display:block;
	top: 25px;
	margin-left: auto;
	margin-right: auto;
	width: 340px;
	height: 30px;
	background: transparent url(../crystalclear/images/themeformacosx.png);
	}*/

#biglozenge {
	position: relative;
	display:block;
/*	top: 25px;*/
     top: 0px;
	margin-left: auto;
	margin-right: 132px;
	width: 625px;
	height: 89px;
/*	background: transparent url(../images/themesformacosx_clear.png);*/
	}

#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;
}

#cci_title {
	position: relative;
	display:block;
	top: 85px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	width: 385px;
	height: 50px;
	background: transparent url(../crystalclear/images/cci_title.png);
	}

#cci_title.cci_title_ver {
	height: 70px;
	background: transparent url(../crystalclear/images/cci_title_ver.png);
	
}
#coming_soon {
	position: absolute;
	display:block;
	top: 10px;
	left: 15px;
	width: 154px;
	height: 154px;
/*	background: transparent url(../crystalclear/images/coming_soon.png);*/
	}
#bg_coming_soon {
position: absolute;
display:block;
top: 0px;
left: 20px;
width: 174px;
height: 169px;
/*	background: transparent url(../crystalclear/images/coming_soon.png);*/
	}

/*#lion {
position: absolute;
display:block;
top: 40px;
left: 650px;
width: 95px;
height: 94px;
/*	background: transparent url(../crystalclear/images/coming_soon.png);*!/
	}
*/
a.boxtext:hover {
	color: rgb(0, 78, 78);
		text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
}

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-family: Trebuchet-MS, Verdana, sans-serif;
letter-spacing: 0.3em;
	font-weight: bold;
	text-align: center;
/*	position:relative;*/
	width: 80px;
/*	height:32px;*/
	margin-left:35px;
/*	float:right;*/
	margin-top: 0px;
	display:block;
	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(../crystalclear/images/whatsnew.png) no-repeat;
	margin-top: 7px;


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

#topbar_below {
	position: absolute;
	display:block;
	top: 172px;
	left: 0px;
	right: 0px;
	width: 900px;
	height: 51px;
	
	background: none;
	background-color: rgba(70,70,70,0.8);
	}
	
#topbar {
	position: absolute;
	display:block;
	top: 170px;
	left: 0px;
	right: 0px;
	width: 900px;
	height: 73px;
	background: transparent url(../crystalclear/images/topbar_bg.png) repeat-x;
	}

#topboxes {
     font-family: Futura Medium, Arial, sans-serif;
     font-size: 8pt;
     font-weight: bold;
     text-align: center;
     
	position: absolute;
	display:block;
	top: 0px;
	left: auto;
	right: 0px;
	width: 133px;
	height: 170px;
background: transparent url(../crystalclear/images/topboxes4.png);

	}

#bottombar {
	position: absolute;
	display:block;
	top: auto;
	bottom: 50px;
	left: 0px;
	right: 0px;
	width: 900px;
	height: 90px;
	background: transparent url(../crystalclear/images/bottombar_bg.png) repeat-x;
	}

#credits {
     position:relative;  
     display:block;   
	text-transform: uppercase;
	font-family: Trebuchet-MS, Verdana, sans-serif;
	letter-spacing: 0.3em;
	font-weight: bold;
	font-size: 7pt;
	height:30px;
	width:100%;
	margin-top:auto;
	bottom:-80px;
left: 0px;
right: 0px;
	color: rgb(200, 200, 200);
	text-shadow: 0px -1px 1px rgba(43,52,52,0.8);
	z-index: 250;
	
	}
	
.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;	
	}

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

.graphics_pics
{
     position:absolute;
     width: 500px;
     height: 156px;
     left: 320px;
-webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.85, transparent), to(rgba(255,255,255,0.85))); 
-webkit-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.55);
-moz-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.55);
-webkit-border-top-left-radius: 6px; 
-moz-border-radius-topleft: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
}

#graphics1
{
     top: 30px;
     background: transparent url(../crystalclear/images/graphics_1.jpg);
     display: block;
}

#graphics2
{
     top: 230px;
     background: transparent url(../crystalclear/images/graphics_2.jpg);
display: block;
}

/*#graphics3
{
     top: 410px;
     background: transparent url(../crystalclear/images/graphics_3.jpg);
}*/

#graphics4
{
     top: 430px;
     background: transparent url(../crystalclear/images/graphics_4.jpg);
display: block;
}

#graphics5
{
     top: 640px;
     background: transparent url(../crystalclear/images/graphics_5.jpg);
display: block;
}

/*#graphics6
{
     top: 600px;
     background: transparent url(../crystalclear/images/graphics_6.jpg);
}*/

.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)); 
}


#clarity1 {
     left: 315px;
     background: transparent url(../crystalclear/images/clarity1.jpg);
}

#clarity2 {
     left: 510px;
     background: transparent url(../crystalclear/images/clarity2.jpg);
          
}

#clarity3 {
     left: 705px;
     background: transparent url(../crystalclear/images/clarity3.jpg);
          
}


#colors1 {
     left: 315px;
     background: transparent url(../crystalclear/images/colors1.jpg);
}

#colors2 {
     left: 510px;
     background: transparent url(../crystalclear/images/colors2.jpg);
          
}

#colors3 {
     left: 705px;
     background: transparent url(../crystalclear/images/colors3.jpg);
          
}

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

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

.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;
}

#colors_ssgarden {
	position: absolute;
	display:block;
	top: 20px;
	left: 340px;
	width: 245px;
	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)); 
	background: transparent url(../crystalclear/images/ss_garden.jpg);
	}

#colors_ssair {
	position: absolute;
	display:block;
	top: 20px;
	left: 620px;
	width: 245px;
	height: 306px;
	-webkit-border-top-left-radius: 20px; 
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-box-shadow: 0px -1px 8px rgba(0, 0, 0, 0.55); 
	-moz-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)); 
	background: transparent url(../crystalclear/images/ss_air.jpg);
	}

/*.section
{
     height: 420px;
     width: 900px;
}*/
.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-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
	text-align: left;
	}
	
.downloadSection {
	position: relative;
/*	top: 20px;*/
	left: 170px;
	width: 505px;
	height: 500px;
/*	height: auto;*/
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
	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-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
	text-align: left;
	line-height: 1.3em;
	font-size: 7pt;
/*	top: 10px;
	bottom: 10px;
	left: 15px;
	right: 15px;*/
	}

.mainheading {
	display:block;
	font-weight: bold;
	font-size: 12pt;
	text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.95);
	color: rgb(76, 112, 112);
	padding-bottom: 3px;
	}

.subheading {
	display:block;
	font-weight: bold;
	font-size: 11pt;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.95);
	color: rgb(76, 112, 112);
	padding-bottom: 2px;
	}

.white {
     color:rgb(255,255,255); 
     text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.9);
	}

.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 1px;
	-moz-box-shadow: rgba(235, 235, 235, 0.7) 0px 1px 0px;
}

.subheading_border {
	width: auto;
	border-bottom: 1pt rgba(100, 100, 100, 0.4) solid;
	-webkit-box-shadow: rgba(255, 255, 255, 0.5) 0px 1pt 1px;
	-moz-box-shadow: rgba(235, 235, 235, 0.5) 0px 1px 0px;
}

.overview_section, .graphics_section, .videos_section {
	position: relative;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
	text-align: left;
	width: 800px;
	height: auto;
	bottom: auto;
	margin-bottom:0px;
	}
	
#overview_col1 {
     left: 30px;
     width: 260px;
     height: auto;
     position: absolute;
     display: block;
     margin-bottom: 0px;
}

#overview_col2, #graphics_col2 {
     left: 310px;
     width: 260px;
     height: auto;
     bottom: 0px;
     top: 10px;
     position: absolute;
}

#overview_col3, #graphics_col3 {
     left: 572px;
     width: 260px;
top: 10px;
position: absolute;
     bottom: 0px;
     height: auto;
}

.things_section {
	position: relative;
/*	top: 20px;*/
	width: 800px;
/*	height: 331px;*/
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
	text-align: left;
	height: 500px;
	bottom: auto;
	}
#things_col1 , #videos_col1 {
	left: 10px;
	position: absolute;
	width: 267px;
	height: 100%;
	}
#things_col2, #videos_col2 {
	left: 296px;
	position: absolute;
	width: 267px;
	}
#things_col3, #videos_col3 {
	left: 582px;
	position: absolute;
	width: 267px;
	}
	
.whatsnew_section {
	position: relative;
/*	top: 20px;*/
	width: 800px;
	height: 500px;
/*	height: 340px;*/
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
	text-align: left;
	font-size: 9pt;
	}
#whatsnew_col1 {
	left: 10px;
	position: absolute;
	height: 100%;
	width: 400px;
	}
#whatsnew_col2 {
	left: 440px;
	position: absolute;
	width: 400px;
	}

/*.themepics {
	position:absolute;
	width: 170px;
	height: 170px;
	top:76px;
	-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))); 
	}
#theme_aurora {
	left: 311px;
	background: transparent url(../crystalclear/images/theme_aurora.jpg);
	}
#theme_dark {
	left: 503px;
	background: transparent url(../crystalclear/images/theme_dark.jpg);
	}
#theme_air {
	left: 697px;
	background: transparent url(../crystalclear/images/theme_air.jpg);
	}*/

.themepics {
	position:absolute;
	width: 125px;
	height: 103px;
	-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);
     -webkit-border-top-left-radius: 10px; 
     -moz-border-radius-topleft: 10px;
     -webkit-border-top-right-radius: 10px;
     -moz-border-radius-topright: 10px;
	
	}
	
.themes_row1 {
	top: 65px;
	}
.themes_row2 {
	top: 215px;
	}
.themes_row3 {
	top: 365px;
	}
.themes_col1 {
	left: 310px;
	}
.themes_col2 {
	left: 455px;
	}
.themes_col3 {
	left: 600px;
	}

.themes_col4 {
	left: 745px;
	}

#themes_sunrise
{
     background: transparent url(../crystalclear/images/themes_sunrise.jpg);     
}

#themes_sunset
{
     background: transparent url(../crystalclear/images/themes_sunset.jpg);     
}

#themes_sienna
{
     background: transparent url(../crystalclear/images/themes_sienna.jpg);     
}

#themes_darklight
{
     background: transparent url(../crystalclear/images/themes_darklight.jpg);     
}

#themes_darkfire
{
     background: transparent url(../crystalclear/images/themes_darkfire.jpg);     
}

#themes_blackgloss
{
     background: transparent url(../crystalclear/images/themes_blackgloss.jpg);     
}

#themes_smoothblack
{
     background: transparent url(../crystalclear/images/themes_smoothblack.jpg);     
}

#themes_emerald
{
     background: transparent url(../crystalclear/images/themes_emerald.jpg);     
}

#themes_rose
{
     background: transparent url(../crystalclear/images/themes_rose.jpg);     
}

#themes_teal
{
     background: transparent url(../crystalclear/images/themes_teal.jpg);     
}

.frame_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;
	}

#blackgradient
{
     background: rgba(145, 209, 205, 0.5) url(../crystalclear/images/frame_blackgradient.png) no-repeat;   
}

#chiseled
{
     background: rgba(145, 209, 205, 0.5) url(../crystalclear/images/frame_chiseled.png);     
}

#cchud
{
     background: rgba(145, 209, 205, 0.5) url(../crystalclear/images/frame_cchud.png);     
}

#blackgloss
{
     background: rgba(145, 209, 205, 0.5) url(../crystalclear/images/frame_blackgloss.png);     
}

#smooth
{
     background: rgba(145, 209, 205, 0.5) url(../crystalclear/images/frame_smooth.png);     
}

#gradient
{
     background: rgba(145, 209, 205, 0.5) url(../crystalclear/images/frame_gradient.png);     
}

#glass
{
     background: rgba(145, 209, 205, 0.5) url(../crystalclear/images/frame_glass.png);     
}

.aquapics {
	position:relative;
	width: 800px;
	height: 500px;
	margin: 0px 0px 0px 0px;
/*	-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);*/
	
	}

.gradient_panel {
	position:absolute;
	display: block;
	width: 250px;
	height: 180px;
	padding: 10px;
	text-align: left;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(235, 235, 235)), to(rgb(178, 178, 178)));
	background-image: -moz-linear-gradient(top,rgb(235, 235, 235),rgb(178, 178, 178));
	
/*	background-image:	-webkit-gradient(linear, 0% 0%, 0%, 92% from(rgba(235, 235, 235, 0.75)), to(rgba(224, 224, 224, 0)));
	background-image: -moz-linear-gradient(top,rgba(235, 235, 235, 0.75),rgba(224, 224, 224, 0));*/
	-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-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5x;
	-webkit-border-top-left-radius: 20px; 
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	}

.cb_gradient_panel {
	position:absolute;
	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(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))); -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;
/*background: -webkit-gradient(linear, 0% 0%, 0% 92%, from(rgb(135, 135, 135)), to(rgba(102, 102, 102, 0)));
background-image: -moz-linear-gradient(top,rgb(235, 235, 235),rgb(178, 178, 178));*/
/*	background-image: -webkit-gradient(linear, 0% 0%, 0%, 92%, from(rgba(135, 135, 135, 1)), to(rgba(104, 104, 104, 1)));
	background-image: -moz-linear-gradient(top,rgba(135, 135, 135, 0.75),rgba(104, 104, 104, 0));*/
	}
.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;
     
}
.panel_row1 {
	top: 20px;
	}
.panel_row2 {
	top: 240px;
	}
.panel_row3 {
	top: 460px;
	}
.panel_col1 {
	left: 0px;
	}
.panel_col2 {
	left: 290px;
	}
.panel_col3 {
	left: 580px;
	}
	
.small_text {
     font-size: 8pt;
     line-height: 1.3em;
}

.aqua_text {
	position:relative;
	display:block;
	margin-left:0px;
	margin-top:6px;
	margin-right:5px;
	width: 105px;
	height: 161px;
	font-size: 8pt;
	text-align: left;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
	}
.aqua_title {
	display:block;
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	color: rgb(0,78,78);
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.7);
	width:105px;
	}

#selection {
	width:0px;
	height:48px;
	position:absolute;
	top:174px;
	left:20px;
	background: transparent url(../crystalclear/images/selection.png);
	-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;

	}
	
.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;
	}
#graphics_nav {
	left: 115px;
	}
#themes_nav {
	left: 200px;
	}
#frames_nav {
	left: 285px;
	}
#transp_nav {
	left: 370px;
	}
#colors_nav {
	left: 450px;
	}
#aqua_nav {
	left: 540px;
	}
#more_nav {
	left: 635px;
	width: 70px;
	}
#faqs_nav {
	left: 700px;
	width: 70px;
	}
#video_nav {
	left: 770px;
	}


#lion_nav {
     left: -200px;
}

#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(../crystalclear/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(../crystalclear/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(../crystalclear/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(../crystalclear/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(../crystalclear/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(../crystalclear/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(../crystalclear/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(../crystalclear/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(../crystalclear/images/browser_midmid.png) repeat;          
   
}

 .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: 40px;
	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(../crystalclear/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;
}

