body {background:url(../i/trans-tile.png);}
a {position:relative;}
.seo {text-indent:-9999em;}
.logo {background:url(../i/cirrostratus_branding-01.png) no-repeat; height:202px; }
.diagram {background:url(../i/cirrostratus_branding-02.png) no-repeat; height:157px;}
@font-face {
	font-family: 'Antenna';
	src: url('../f/Antenna/antenna-bold-webfont.eot');
	src: local('☺'), url('../f/Antenna/antenna-bold-webfont.woff') format('woff'), url('../f/Antenna/antenna-bold-webfont.ttf') format('truetype'), url('../f/Antenna/antenna-bold-webfont.svg#webfontvp7tXliz') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Antenna,'Myriad Pro','Lucida Grande',Tahoma,'Segoe UI',sans-serif;
	text-shadow:0px -1px 0px #FFF;
}
.grad {
	background: #F0F6FF; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F0F6FF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#DBEAFF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFF,  #F0F6FF); /* for firefox 3.6+ */
	border:15px solid black;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
}
.span-2-plus {width:76px;float:left;margin-right:10px;}
/* Z-index of #mask must lower than #boxes .window */  
#mask {  
  position:absolute;  
  z-index:9000;  
  background-color:#000;  
  display:none;  
  top:0px;
}  

.now_you_see_me {display:none;}
    
#boxes .window {  
  position:absolute;  
  width:440px;  
  height:200px;  
  display:none;  
  z-index:9999;  
  padding:20px;  
}  
  
  
/* Customize your modal window here, you can add background image too */  
#boxes #dialog {  
  width:960px;   
  height:526px;  
}  
a.close {background:red; color:#FCC;}


a {cursor:pointer;}
	a ../i {border:none;}
	a:hover {text-decoration:underline;}
	div#thumbs {margin:40px 0 0 0;color:white;font-weight:bold;}
	div#gall {width:731px;margin:2px;background:url(../i/gall.png) top left no-repeat;padding:18px 0 0 15px;float:left;}
	div#gall2 {width:690px;height:354px;}
	div#thumbs a {display:inline-block;height:15px;width:15px;margin:2px;background:url(../i/oth.png);}
	div#thumbs a.cur {background:url(../i/cur.png);}
	div#right {background:;height:750px;width:250px;float:left;}
	div#text {margin:40px 0 0 0}
	
	input[type=text], textarea{border:1px dotted #0CF}
	
	#message{height:75px;}
	div.top-right {
		background:#F0F6FF url(../i/cloud_01.png) top right no-repeat;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F0F6FF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#DBEAFF))  url('../i/cloud_01.png') top right no-repeat; /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFF,  #F0F6FF)  url('../i/cloud_01.png') top right no-repeat; /* for firefox 3.6+ */
	border:15px solid black;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	}