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

.slideshow {
		position:relative;
		height:350px;
	}

.slideshow ../i {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

.slideshow {margin-left:25px}
.slideshow ../i.active {
    z-index:10;
    opacity:1.0;
}

.slideshow ../i.last-active {
    z-index:9;
}

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

/* Gallery styles */

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	
	/* The width of the gallery */
	width:420px;
	overflow:hidden;
	
	position:relative;
}

#slides{
	/* This is the slide area */
	height:480px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:420px;
	overflow:hidden;
	position:relative;
}

.slide{
	float:left;
}

#gallery_menu{
	/* This is the container for the thumbnails */
	text-align:center;
	background: #fafafa; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ccc'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ccc)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fafafa,  #ccc); /* for firefox 3.6+ */
	border:1px solid #ddd;
}

#gallery_menu ul{
	margin:0px;
	padding:0px;
	display:block;
	width:420px;
}

#gallery_menu li{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	*display: inline;
	zoom:1;
	list-style:none;
	height:45px;
	overflow:hidden;
}

#gallery_menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(../i/pic_bg.png) repeat;
}

#gallery_menu li.act,li.act:hover{
	/* The active state of the thumb */
	background:url(../i/active_bg.png) no-repeat;
}

li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(../i/divider.png) no-repeat right;
}

#gallery_menu  li a{
	display:block;
	background:url(../i/divider.png) no-repeat right;
	height:35px;
	padding-top:10px;
}

a ../i{
	border:none;
}

#gallery_menu li {
	text-align:center;
}