/*   Animalive - Where Cartoons Come to Life	*/

body {
	font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
	color:#474747;
        background-image:url('templateimages/gradient.png');
        background-repeat:repeat-x;
margin: 10px;
}

* {
	margin:0;
	padding:0;
}

h1 {
	font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
	font-size:18px;
	font-weight:normal;
	color:#333;
	letter-spacing:-1px;
	margin: 0;
}



#header {
        position: relative;
	height: 200px;
	width: 760px;
        border-bottom: 5px solid #FFF;
        padding:10px 10px 10px 10px;
        border-bottom:1px solid #fcc156;
        z-index: 810;
        background-image:url('templateimages/new_header2.png');
        background-repeat:none;

}

#logo {
	position: absolute;
	top: 100px;
        left:10px;
margin:0 auto;
}

#iaapa {
position: absolute;
top: 55px;
right:10px;
width:192px;
height:100px;
margin:0 auto;
background-image:url('templateimages/IAAPA2009.gif');
}

#iaapa p { font-size: 9px;
position:absolute;
bottom: -25px;
color: #666;
}

}
#header .description {
	float:right;
	/*margin:45px 0 0 0;
	color:#222;*/

}

#header h1 {
	float:left;
	margin:15px 0 0 0;
	/*padding:25px 25px 40px 0*/
	border-bottom:20px solid #fafafa;
}


#header a {
	border:0px
}

#header a:active {
	border:0px;
}


#smedia {
        position:absolute;
        top: 5px;
	right: 20px;
}
#smedia img {
padding: 5px 5px 0px 0px;
}

#wrapper {
	width:760px;
	margin:0 auto;
}

/* NAVIGATION */

#dropmenu {position: absolute; bottom: 0px; left: 0px; font-family: verdana, "trebuchet MS", helvetica, sans-serif; font-size:13px; z-index: 900; border-top:1px solid #fcc156; background:#FCF6EC;}
#dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; line-height:1em; z-index:900; width:100%; font-weight:bold;} 
#dropmenu a {display:block; padding:0.35em 2.6em 0.25em 2.7em; color:#686868; border-right:0px solid #c8c8c8; text-decoration:none; background:#FCF6EC; z-index:900;} 
#dropmenu a:hover {background:#fcc156; color:#fff; z-index:900;} 
#dropmenu ul {position:absolute; display:none; width:100%; top:2.3em; left:-1px; z-index:900;} 
#dropmenu ul a {border-left:0px solid #c8c8c8; width:200px; z-index:900;} 
#dropmenu li ul {border-top:0px solid #c8c8c8; width:14.1em; z-index:900;} 
#dropmenu li ul a {width:14em; height:auto; float:left; z-index:900; background-color:#FCF6EC;}  /* D DOWN WIDTH */
#dropmenu li ul a:first-child {border-top:1px solid #fcc156;}
#dropmenu li ul a:last-child {padding: 10px 2.6em 10px 2.7em;}
#dropmenu ul ul {top:auto; z-index:900;} 
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px; z-index:900;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none; z-index:900;} 
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block; z-index:900;}

/* END NAVIGATION */

.clear {
	clear:both;
}

#content {
position:relative;
	font: 13px Trebuchet MS;
	float:left;
	width:760px;
	/*margin:0 275px 0 0 !important;
	margin:0 277px 0 0;*/
	padding:10px 10px 10px 10px;
      	background-color:#FFF;
     }

#content ul li {
	padding-bottom: 10px;
}

#content p {
	font-size:100%;
	word-spacing:2px;
}

#content a {
         text-decoration:none;
         color:#474747;
}

#content a:hover {
	text-decoration:underline;
	color:#474747;
}

#content h2 {
	font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
	font-size:17px;
	font-weight:bold;
        color:#00255f;
}

#content h2 a {
	text-decoration:none;
	border:none;
}

#content h3 {
	font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
	font-size:18px;
	font-weight:bold;
        color:#00255f;
        padding-top: 20px;
}
#content h4{ margin: 10px 10px 0 10px; color:#FFF; font:13.5pt "Trebuchet MS",Helvetica; <!--letter-spacing:1px;--> font-weight: bold;  }

#iaapalogo {
position:relative;
        top:205px;
	float:right;
z-index:700;


}

/* CONTENT COLUMNS */

#col1 {
	float:left;
	width:400px;
}

#col2 {
	float:right;
	width:330px;
}

#prodcol1 {
	float:left;
	width:360px;
}

#prodcol2 {
	float:right;
	width:360px;
}

#techcol {
	float:left;
	width:740px;
        background-color:#E0F4FF;
        padding: 10px;
}

#casecol1 {
	float:left;
	width:360px;
}

#casecol2 {
	float:right;
	width:360px;
}

}

#casecol3 {
	float:right;
	width:360px;
}



#latest {
	
	position:relative;
	width:750px;
	
}

#video {
	float:right;
	width:290px;

	padding:10px 10px 10px 10px;
	background-color:#fcc156;

}

#frontmedia {
        position:relative;
        z-index:700; 
        width:760px;
/* background-image:url('templateimages/mediagradient.png');
        background-repeat:repeat-x; */

}


#about {
	
	position:relative;
	float:right;
	z-index:700; 
	width:508px;
        height: 180px;
	/*border-bottom: 1px solid #fcc156;*/
        /*background-image:url('templateimages/gradient.png');*/
        padding-top:10px;
	border-top:10px solid #FFF;
        border-bottom:1px solid #fcc156;

}

#about h2 {font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
	font-size:17px;
	font-weight:bold;
        color:#00255f;
}

#vidcol1 {
	float:left;
	width:240px;
}

#vidcol2 {
	float:right;
	width:240px;
}

#news {
	font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
	font-size:13px;
	position:relative;
	float:left;
	text-align:left;
	z-index:700; 
	width:240px;
        height: 180px;
        /*background-image:url('templateimages/gradient.png');*/
          padding-top:10px;
          padding-left:0px;
        border-top:10px solid #FFF;
border-bottom:1px solid #fcc156;

}

#news h2 {font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
	font-size:17px;
	font-weight:bold;
        color:#00255f;
}

#newsletter {
	font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
	font-size:13px;
	position:relative;
	float:left;
	text-align:left;
	z-index:700; 
	width:280px;
        height:85px;
        padding-top:15px;
        
}

#news ul {
	float:left;
	}

#news ul a {
	float:left;
	}

#news li {
	float:left;
	}

#news a:hover {
	text-decoration: underline;
}

/* STICKERS */


#eas {
width:120px;
height:120px;
background-image:url('images/eas.png');
position:absolute;
top:0px;
left:-35px;
z-index: 800;

}

#iaapasticker {
width:170px;
height:170px;
position:absolute;
top:170px;
right: -5px;
z-index: 800;

}


/* IMAGE GALLERIES */

#gallery {
	position:relative;
	height:300px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		/*z-index:500*/
	}

	#gallery .caption {
                position:absolute;
		font: 18px Trebuchet MS; 
		color:#FFFFFF;
                background-color:#fcc156; 
		height:60px; 
		width:100%; 
		bottom:0;
                z-index:10;
	}

	#gallery .caption .comment {
		font: 15px Trebuchet MS;
		font-weight:bold;
		letter-spacing:+1px;
		margin:5px
	}
	
	#gallery .caption .comment h3 {
		margin:0;
		padding:0;
		color:#FFFFFF;
	}

	
#carousel ul {
	list-style: none;
	width:1600px;
	margin: 0;
	padding: 0;
	position:relative;
}
#carousel li {
	display:inline;
	float:left;
}

#carousel img {
border-style: none;
}




#footer {
        position: relative;
	font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
	font-size:9px;
	width: 760px;
	float:left;
        padding:10px 10px 0px 10px;
	text-align:left;
	border-top:1px solid #eee;
	color:#999;
        background: #FFF;
}

#footer a {
	font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
	font-size:10px;

	color:#999;
        text-decoration: none;
}



#sidebar {
	width:250px;
	float:right;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}

#sidebar h2 {
	letter-spacing:2px;
	font-size:1.4em;
	color:#333;
	border-bottom:1px solid #f6f6f6;
	padding:0 0 3px 0;
}

#sidebar ul {
	list-style:none;
	margin:0 0 20px 0;
}

#sidebar li {
	padding:3px;
	border-bottom:1px solid #f6f6f6;
}

#sidebar li a {
	color:#333;
	text-decoration:none;
}

#sidebar input {
	width:240px;
	padding:5px;
	background:#fdfdfd;
	color:#444;
	border:1px solid #f6f6f6;
	font:11px Verdana;
}

#sidebar input:focus {
	background:#fff;
	border:1px solid #eee;
}

#sidebar li a:hover {
	color:#000;
}

p.news {
	padding:10px;
	background:#D7F0B2;
	margin:10px 0;
	color:#537B17;
	border-bottom:2px solid #BCE67D;
	border-top:2px solid #BCE67D;
}

blockquote {
	padding:5px 15px;
	background:#f6f6f6;
	margin:10px 0;
	border:1px solid #eee;
}

#content ul, ol {
	margin:10px 10px 10px 25px;
	border-top:0px solid #eee;
}

#content li {
	padding:10px;
	border-bottom:1px solid #eee;
}


img
{  border-style: none;
}



a.more {
	display:block;
	text-align:right;
	color:#2F460D;
	text-decoration:none;
	margin:10px 0 0 0 ;
}
a.more:hover {
	text-decoration:underline;
}

.clear {
	clear:both
}

/* SLIDING BOXES */


	.boxgrid{ 
				width: 250px; 
				height: 240px; 
				margin: auto;
				float:left; 
				background:#161613; 
				border: solid 1px #fcc156; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 10px 10px 10px 10px; 
					color:#3d3d3d; 
					font-weight:bold; 
					font:13.5pt "Trebuchet MS",Helvetica; 
				}
                                .boxgrid a{ color:#3d3d3d; float:right; text-decoration: none; padding-top:10px; }
                                .boxgrid a:hover{ color:#3d3d3d; float:right; text-decoration: underline; }
                                .boxgrid h3{ margin: 10px 10px 0 10px; color:#FFF; font:13.5pt "Trebuchet MS",Helvetica; <!--letter-spacing:1px;--> font-weight: bold;  }
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #fcc156; 
				height: 140px; 
				width: 100%; 
				opacity: .95; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
 			}
 				.captionfull .boxcaption {
 					top: 240px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 200px;
 					left: 0;
 				}