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

a {text-decoration:none;}

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

        border-top:1px solid #fcc156;


}

#logo {
	position: absolute;
	top: 46px;
        left:30px;
margin:0 auto;
}


#award1 {
position: absolute;
left:345px;
top:10px;
width:202px;
}

#award2 {
position: absolute;
right:10px;
top:10px;
width:202px;
}

#award1 p, #award2 p { font-size: 10px;
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; 
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:300px; */ top:2.3em; left:-1px; z-index:900;}
 
#dropmenu ul a {
/*width:400px;*/ z-index:900;} 

#dropmenu li ul {
border-left:1px solid #fcc156;
border-right:1px solid #fcc156;
border-bottom:1px solid #fcc156;
border-top:1px solid #FBF2E3;
width:244px;
background-color:#FBF2E3;
z-index:900;}

#dropmenu li ul a:hover {
border-right:1px solid #fcc156;
} 

#dropmenu li ul a {
width:180px; height:auto; float:left; z-index:900;  }  /* D DOWN WIDTH */

#dropmenu li ul li { font-size:12px; }  /* D DOWN LIST ITEMS */
/* #dropmenu li ul li a:last-child {color: #999999;} */


#dropmenu li ul a:first-child {
/*border-top:1px solid #fcc156;*/}

#dropmenu li ul a:last-child {
padding: 10px 2.6em 10px 2.7em; /*width:250px;*/}

#dropmenu ul ul {
top:auto; z-index:900;} 

#dropmenu ul li ul li {/*width:250px;*/}
#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; */

}

#frontmedia li {
list-style-type:none;
}


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

}

#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;
list-style-type:none;

}

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


#news ul {
	float:left;
	}

#news ul a {
	float:left;
	}

#news li {
font-size:12px;
text-decoration: none;
list-style: none;
padding: 7px 10px 7px 10px;
border-bottom: 1px solid #e5e5e5;
}

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

/* STICKERS */


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

#gitex {
width:120px;
height:120px;
position:absolute;
top:87px;
left:-100px;
z-index: 700;
}

#distributor {
width:120px;
height:120px;
position:absolute;
top:20px;
right:30px;
z-index: 700;
}

#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 #fcc156;
	color:#999;
        background: #FFF;
}

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

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

/* LATEST NEWS SECTION & SIDEBAR */

#sidebar {
position: absolute;
top: 10px;
right:10px;
width:200px;
min-height:200px;
border-bottom:1px solid #fcc156;
padding: 0px 0px 10px 0px;
}

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

#sidebar ul {}

#sidebar li {
list-style:none;
}

#sidebar li a {
list-style:none;
font: 13px Trebuchet MS;
text-decoration: none;
color: #000;
}

#latestnews {
position:relative;
width:760px;
padding:10px 10px 10px 10px;
font: 13px Trebuchet MS;
background: #FFF;
}

.post-title, .post-title a, .post-title a:hover  {
font-family: verdana, "trebuchet MS", helvetica, sans-serif; 
font-size:17px;
font-weight:bold;
color:#00255f;
padding:5px 0px 10px 0px;
}

h2.post-title a {text-decoration: none;}

#post {
width:500px;
/*border-bottom:1px solid #e5e5e5;*/
padding-bottom: 20px;}


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

a {text-decoration:none;}