@charset "utf-8";

/*************** RESET ***************/

HTML, BODY, DIV, SPAN, APPLET, OBJECT, IFRAME,
H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE,
A, ABBR, ACRONYM, ADDRESS, BIG, CITE, CODE,
DEL, DFN, EM, FONT, IMG, INS, KBD, Q, S, SAMP,
SMALL, STRIKE, STRONG, SUB, SUP, TT, VAR,
B, U, I, CENTER,
DL, DT, DD, OL, UL, LI,
FIELDSET, FORM, LABEL, LEGEND,
TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
INPUT, SELECT, TEXTAREA, LABEL {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 1.1em;
}

/*************** Layout *************/
body {
	background: url(../images/background-clouds.jpg) top center no-repeat #032d77;
}
	#Container{
		width:960px;
		margin:0px auto;
	}
		#Header{
			background:url(../images/Header_bg.gif) top left repeat-x #ffffff;
			height:90px;
			padding:0px 25px 20px 25px;
		}
			#logo {
				float:left;
				width:214px;
				height:0;
				padding:68px 0 0 0;
				overflow:hidden;
				display:block;
				background:url("../images/cirrus_logo.gif") top left no-repeat;
				margin-top:17px;
			}
			
			
		
		.home #Main {
			background-color:transparent;
			}
		#Main{
			margin:0;
			border:1px solid #ffffff;
			padding:20px;
			background-color:#ffffff;
			position:relative;
			}
			#Main .lcol{
				float:left;
				width:580px;
				padding-right:30px;
				border-right:1px solid #dedede;
				min-height:460px;
				}
			#Main .rcol{
				float:right;
				width:280px;
				padding-bottom:65px;
				padding-left:15px;
				}
				/*#Main .rcol img{
					display:block;
					margin:0 auto;
					}*/
				#Main .rcol a{
					/*display:block;
					margin:20px auto 0;
					width:245px;*/
					
				}

					
				.slideshow { float:left; width:720px; }
				#extras { float:left; width:180px; margin-left:14px; }

				#Main .grouplogos { text-align:center; font-size:11px; color:#aaa; margin:25px 0; padding-top:25px; border-top:1px solid #eee; }
				#Main .grouplogos p { margin:0; }
				#Main .grouplogos img { vertical-align:middle; }
				
				#logo-triair { position:absolute; bottom:20px; right:20px; }
			
			
		#Thumbs{
			background:url(../images/Header_bg.gif) top left repeat-x #ffffff;
			padding:30px 25px;
			height:17px;
			margin-bottom:10px;
		}
			.thumb{
				border:solid 10px;
				width:423px;
				}
				.thumb img.image{
					margin:15px;
					float:left;
				}
				.thumb .rcol{
					float:right; width:255px; height:140px
				}
				.thumb .rcol p{
					margin-right:5px;
				}
			.thumb .launchSite{
				background:transparent no-repeat scroll left top;
				border:3px solid #FFFFFF;
				display:block;
				height:0;
				overflow:hidden;
				padding:30px 0 0;
				width:98px;
				float:right;
				margin:0px 15px -13px 0px;
			}
			
			#ThumbOne{float:left;
			 border-color:#cadb2a;
			 }
			 
			 #ThumbOne .launchSite{
			 	background-image: url(../images/thumbOne-LaunchSite.gif)
				}
			#ThumbTwo .launchSite{
			 	background-image: url(../images/thumbTwo-LaunchSite.gif)
				}
				
			#ThumbTwo{
				float:right;
				border-color:#00adef;}
		
		#Footer{
			background:url(../images/blackOpac.png) top left;
			color:#FFFFFF;
			padding:5px;
			margin:10px 0px;
		}
		#Footer img{
			float:left;}
		#Footer span{
			float:right;
			margin-top:5px;
			}
		

.left{float:left;}
.right{float:right;}

.addressblock { margin-bottom:20px; }
.address{width:250px;}

#Main .rcol #research-results { background:url("../images/research-results.gif") 0 0 no-repeat; display:block; margin:20px auto 0 auto; height:0; padding-top:40px; width:250px; overflow:hidden; }

#media-container { border:1px solid #eee; padding:10px; margin-bottom:10px; }
	#embedded-video { width:368px; height:310px; margin:0 auto; }
	#embedded-audio { width:580px; height:35px; margin:0 auto; }
	#embedded-video2 { width:580px; height:326px; margin:0 auto; }
	#embedded-video3 { width:580px; height:326px; margin:0 auto; }

	.video { float:right; margin-left:20px; width:370px; }
		.video p { color:#aaa; font-size:0.85em; margin:1em 0 0 0; }
	
.section { margin-bottom:20px; }

#as-seen-on-tv { margin-top:50px; }
	
/* Typography */
body { font:67%/1.6 Arial, Verdana, sans-serif; }
#Main { font-size:1.2em; }
h1{font-size:2em;
	color:#005ead;
	line-height:1.1em;
	margin-bottom:20px;
	}
	blockquote{
		font-size:2em;
		color:#005ead;
		line-height:1.1em;
		font-weight:bold;
		margin-bottom:10px;
	}
		blockquote p { margin:0; }
		blockquote cite { font-size:0.5em; font-weight:bold; color:#bbb; }
	h2{
		font-size:1.8em;
		color:#32c7f4;
		line-height:1.1em;
		margin-bottom:10px;}
	
	h3{
		font-size:1.4em;
		font-weight:bold;
		margin-bottom:5px;
		margin-top:3px;}
		
		h3.standout { text-align:center; line-height:2; text-transform:uppercase; margin:0 0 30px 0; }
		#extras h3 { color:#fff; font-size:1.4em; }
		
	p{
		
		margin-bottom:1em;
	}
	#Main ul, #Main ol{
		
		margin-left:20px;}
		
	#Main .research { margin:0 15px; }
	#Main .research ul { margin:20px 0 10px 20px; }


/* Navigation*/
#navigation {
	background:transparent url("../images/navigation_bg.gif") no-repeat scroll top center;
	float:right;
	list-style-type:none;
	margin-top:35px;
	padding:14px 0 15px 0;
	text-transform:uppercase;
	width:640px;
}
	
	#navigation li { float:left; font-size:1.4em; margin-right:18px; }
	#navigation a { font-weight:normal; padding-top:15px; height:0; display:block; overflow:hidden; background:url("../images/navigation-sprites.gif") no-repeat; }
		
		#navigation #nav-home a { width:44px; background-position:0 -15px; }
		#navigation #nav-home.selected a { background-position:0 0; }
		#navigation #nav-home a:hover { background-position:0 0; }
		
		#navigation #nav-tech a { width:136px; background-position:-69px -15px; }
		#navigation #nav-tech.selected a { background-position:-69px 0; }
		#navigation #nav-tech a:hover { background-position:-69px 0; }
		
		#navigation #nav-appllications a { width:106px; background-position:-229px -15px; }
		#navigation #nav-appllications.selected a { background-position:-229px 0; }
		#navigation #nav-appllications a:hover { background-position:-229px 0; }
		
		#navigation #nav-contact { margin-right:0; }
		#navigation #nav-contact a { width:93px; background-position:-360px -15px; }
		#navigation #nav-contact.selected a { background-position:-360px 0; }
		#navigation #nav-contact a:hover { background-position:-360px 0; }
		
		#navigation #nav-press a { width:46px; background-position:-479px -15px; }
		#navigation #nav-press.selected a { background-position:-479px 0; }
		#navigation #nav-press a:hover { background-position:-479px 0; }
		
		#navigation #nav-products a { width:79px; background-position:-551px -15px; }
		#navigation #nav-products.selected a { background-position:-551px 0; }
		#navigation #nav-products a:hover { background-position:-551px 0; }
		
		#navigation #nav-faq a { width:27px; background-position:-656px -15px; }
		#navigation #nav-faq.selected a { background-position:-656px 0; }
		#navigation #nav-faq a:hover { background-position:-656px 0; }


/*  Links  */	
a:link {color:#32c7f4; text-decoration:none; font-weight:bold; }      /* unvisited link */
a:visited {color:#32c7f4; text-decoration:none; }  /* visited link */
a:hover {color:#032d77; text-decoration:underline; }  /* mouse over link */
a:active {color:#32c7f4; text-decoration:none; }  /* selected link */

#Footer a:link{color:#ffffff; text-decoration:underline; font-weight:normal; }
#Footer a:visited{color:#ffffff; text-decoration:none;}
#Footer a:hover{color:#ffffff; text-decoration:none;}
#Footer a:active{color:#ffffff; text-decoration:none;}


/*  Clearing  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */