@charset "UTF-8";

a { outline:none }

/*-----------------------------Navigation Styles---------------------------------------*/

#lev1-container { width:981px; height:42px }

#lev1-margin-left { margin-left:250px }

.lev1-text-container { color:#1f6eb8; 
			font-size:0.75em; 
			font-family:Geneva, Tahoma, sans-serif;  
			cursor:pointer;
			float:left;
			margin-top:14px
			 }

.lev1-text:link { color:#1f6eb8; text-decoration:none }
.lev1-text:visited { color:#1f6eb8; text-decoration:none }
.lev1-text:hover { color:#6699ff; text-decoration:none }
.lev1-text:active { color:#1f6eb8; text-decoration:none }

#lev2-container { margin-left:27px }

.lev2-text-container { font-size:10px; 
					font-family:Verdana, Arial, sans-serif;
					cursor:pointer;
					float:left;
					margin:3px 0px 0px 114px
					}

.lev2-text:link { color:#FFFFFF; text-decoration:none }
.lev2-text:visited { color:#FFFFFF; text-decoration:none }
.lev2-text:hover { color:#454e3f; text-decoration:none }
.lev2-text:active { color:#FFFFFF; text-decoration:none }

.menu-block { font-family:Arial, Helvetical, sans-serif; 
					font-size:12px; 
					font-weight:bold; 
					color:#666666;
					margin-top:0px;
					width:228px;
					float:left;
					 }
					 				 
.menu-item { background-image:url(../assets/nav/lev3_arrow.gif); background-repeat:no-repeat; margin-top:30px;	}
.menu-item-hover { background-image:url(../assets/nav/lev3_arrow.gif); background-repeat:no-repeat; margin-top:30px }
.menu-item-active { background-image:url(../assets/nav/lev3_arrow.gif); background-repeat:no-repeat; margin-top:30px }

.menu-item-company  { color:#666666; margin-top:30px; margin-left:30px; background-image:none; text-decoration:none }
.menu-item-company-on  { color:#454e3f; margin-top:30px; margin-left:30px; background-image:none; text-decoration:none }

.menu-item-diff 	{ color:#666666; margin-top:30px; margin-left:30px; background-image:none; text-decoration:none }
.menu-item-diff-on 	{ color:#66672c; margin-top:30px; margin-left:30px; background-image:none; text-decoration:none }

.menu-item-services { color:#CC0000; margin-top:30px; margin-left:30px; background-image:none; text-decoration:none }
.menu-item-services-on { color:#CC0000; margin-top:30px; margin-left:30px; background-image:none; text-decoration:none }

.menu-item-samples  { color:#666666; margin-top:30px; margin-left:30px; background-image:none; text-decoration:none }
.menu-item-samples-on { color:#a893e8; margin-top:30px; margin-left:30px; background-image:none; text-decoration:none }
					
.submenu-item { font-size:11px; list-style-type:none; margin-bottom:5px }							
					
a.menu-item-company:link	{ color:#666666 }
a.menu-item-company:visited  { color:#666666 }
a.menu-item-company:hover  { color:#454e3f }
a.menu-item-company:active  { color:#454e3f }

a.menu-item-diff:link	{ color:#666666 }
a.menu-item-diff:visited  { color:#666666 }
a.menu-item-diff:hover  { color:#66672c }
a.menu-item-diff:active  { color:#66672c  }

a.submenu-item-diff:link	{ color:#66672c; background-image:none; text-decoration:none; }
a.submenu-item-diff:visited  { color:#66672c; background-image:none; text-decoration:none; }
a.submenu-item-diff:hover  { color:#a9ab37; background-image:none; text-decoration:none; }
a.submenu-item-diff:active  { color:#a9ab37; background-image:none; text-decoration:none;}

a.menu-item-services:link	{ color:#666666 }
a.menu-item-services:visited  { color:#666666 }
a.menu-item-services:hover  { color:#CC0000 }
a.menu-item-services:active  { color:#CC0000 }

a.submenu-item-services:link	{ color:#666666; background-image:none; text-decoration:none; }
a.submenu-item-services:visited  { color:#666666; background-image:none; text-decoration:none; }
a.submenu-item-services:hover  { color:#CC0000; background-image:none; text-decoration:none; }
a.submenu-item-services:active  { color:#CC0000; background-image:none; text-decoration:none;}

a.menu-item-samples:link	{ color:#666666 }
a.menu-item-samples:visited { color:#666666 }
a.menu-item-samples:hover { color:#a893e8 }
a.menu-item-samples:active { color:#a893e8 }

a.submenu-item-samples:link { color:#9999FF; background-image:none; text-decoration:none }
a.submenu-item-samples:visited  { color:#9999FF; background-image:none; text-decoration:none }
a.submenu-item-samples:hover  { color:#6633FF; background-image:none; text-decoration:none }
a.submenu-item-samples:active  { color:#6633FF; background-image:none; text-decoration:none }

a.footer-link:link { color:#666666; text-decoration:none }
a.footer-link:visited { color:#666666; text-decoration:none }
a.footer-link:hover { color:#3366FF; text-decoration:underline }
a.footer-link:active { color:#666666; text-decoration:none }

.video-link { color:#666666; 
			font-size:0.75em; 
			font-family:Arial, Helvetica, sans-serif; 
			line-height:1.7em;  
			text-align:left; 
			text-decoration:none; 
			margin:5px 0px 0px 5px;
			float:left
			 }

a.video-link:link { color:#666666 }
a.video-link:visited { color:#666666 }
a.video-link:hover { color:#FFFFFF }
a.video-link:active { color:#666666 }

.number-text { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#666666; text-decoration:none }

a.number-text:link { text-decoration:none }
a.number-text:visited { text-decoration:none }
a.number-text:hover { text-decoration:underline }
a.number-text:active { text-decoration:underline }

/*-----------------------global text styles-----------------------------------------------*/


.basic-text-1, basic-text-1 a { color:#333333; font-size:0.75em; font-family:Arial, Helvetica, sans-serif; line-height:1.7em;  text-align:left }

.basic-text-2, #video-description { color:#333333; font-size:0.75em; font-family:Arial, Helvetica, sans-serif; line-height:1.5em;  text-align:left }

.basic-text-3, basic-text-3 a { font-family:Arial, Helvetica, sans-serif; font-size:1.0em }

.emphasis { color:#000000; font-family:Arial, Helvetica, sans-serif; line-height:1.875em;  text-align:left }
.emphasis-bold { color:#000000; font-family:Arial, Helvetica, sans-serif; line-height:1.875em;  text-align:left; font-weight:bold }

.small-text { color:#666666; font-size:0.9em; font-family:Arial, Helvetica, sans-serif }

.footer-text { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:center }

.form-text { font-family:Arial, Helvetica, sans-serif; font-size:0.689em; color:#333333 }

.subheader { font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:bold; color:#333333 }
.subheader-2 { font-family:Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:bold; color:#333333 }
.subheader-3, .subheader-4 { font-family:Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:bold; color:#0066cc; margin:0px 0px 5px 5px }
.subheader-4 { color:#67839e; margin:0px 0px 0px 0px }

.subheader-company { font-family:Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:bold; color:#50584a}
.subheader-difference { font-family:Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:bold; color:#66672c}
.subheader-what { font-family:Arial, Helvetica, sans-serif; font-size:1.3em; font-weight:bold; color:#7b3f16}

.subheader-samples { font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:bold; color:#225888; margin-left:20px}

.blog-header { font-family:Trebuchet, Helvetica, sans-serif; font-size:1.3em; font-weight:bold; color:#000000 }

.link-bold { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; font-weight:bold; color:#333333 }

.link-contact { font-family:Arial, Helvetica, sans-serif; font-size:0.85em; color:#512e2e }

.industry-links { font-family:Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:bold; color:#50584a }

.agreement-list { margin-left:-40px }

#video-title, #video-date { font-family:Times New Roman, Times, serif; font-size:1.75em; color:#000000 }
#video-date { color:#666666; font-size:0.689em }

.featured-video-text { font-family:Trebuchet MS, Tahoma, Arial; font-size:0.689em; color:#DDDDDD }


/*-----------------------element styles----------------------------------------------------*/

#page-container { height:100%;
				width:981px; 
				float:left; 
				vertical-align:top;  				
				}
				
#masthead-container { width:981px; height:162px }

#coverflow-container { float:right; width:350px; overflow:hidden; margin-right:130px; padding-left:30px }

#left-container { width:221px; height:497px; float:left; text-align:left; margin:20px 20px 20px 60px; background-image:url(../assets/box_left.gif) }

#right-container { width:352px; height:530px; float:right; text-align:left; margin:20px 60px 20px 30px }

#content-container { width:981px }

#contact-container { margin:0px 0px 0px 120px; float:left }

#headerbar { height:101px; width:981px }

#index-left-column { width:200px; height:517px; float:left; text-align:left; margin:32px 20px 0px 80px }

/*#demo-screenshot-div { background:url(../assets/screenshot_demo.jpg) no-repeat top; width:200px; height:170px; margin:8px 0px 0px 8px }*/

#page-turn-div { position:relative; left:17px; top:19px; width:152px; height:103px }

.slideshow-div { width:981px; height:345px; text-align:center }

.mainframe { float:left; margin:15px 0px 0px 40px }

.navdiv { width:247px; float:left; text-align:left; vertical-align:top; margin-left:36px }

.navdiv-video { width:166px; height:577px; vertical-align:top; padding:5px 5px 5px 5px; background-color:#999999; margin:0px 7px 0px 48px; float:left  }

.divider { float:left; width:19px; height:438px; background-image:url(images/tile_divider.gif) }

#site-search { position:relative; left:460px; top:20px; float:left }

#newsletter-signup { position:relative; left:260px; top:18px; }

.lev1-nav { height:42px; float:left }

.lev2-nav { height:19px; float:left }

.masthead { height:101px; float:left }

.content-top { height:22px; float:left }

.content-bottom { height:22px; float:left }

.home-bottom-box { width:270px; vertical-align:top; background:url(../assets/divider_short.jpg) no-repeat top right; float:left }

.v-rule { border:2px dotted #666666 }

.h-rule { width:530px; border:1px solid; margin-top:0px }

.h-rule-2 { width:670px; border:1px solid; margin-top:0px }

#sa { background-color:#144d91; 
		border:1px solid #333333; 
		font-size:0.689em; 
		font-family:Arial, Helvetica, sans-serif; 
		color:#FFFFFF;
		height:20px 
		}
				
.p-margins-1 { margin:20px 80px 0px 20px }

.p-margins-2 { margin:20px 80px 0px 80px }

.p-margins-3 { margin:20px 80px 0px 0px }

.ul-features { list-style-type:none; margin-left:-30px; font-size:0.88em }

.img-div { width:190px; text-align:center; float:left }

.feature-img { width:90px; float:left }
.feature-container {  clear:both; margin:20px 0px 20px 0px }

.sample-column { float:left; width:156px; height:360px; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC;  margin-right:10px; overflow:hidden }
.sample-para { padding:0px 10px 0px 5px; margin-top:0px }

.category-box { height:30px; width:166px; background-color:#CCCCCC; margin-top:2px }

#video-textarea { width:365px; min-height:243px; border:2px solid #CCCCCC; padding:15px 15px 15px 15px }

#video-right-container { width:298px; height:577px; float:left; margin-left:6px }

#video-thumb-div { width:298px; height:429px; background-color:#999999; margin-bottom:2px; vertical-align:top; position:absolute; z-index:0 }

#video-thumb-div-top { width:298px; height:429px; margin-bottom:2px; vertical-align:top; position:absolute; z-index:1 }

.video-table-container-top { height:409px; width:298px; background-color:#e0e0e0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:0.689em; color:#666666 }

.video-table-container { height:409px; width:298px; background-color:#999999; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:0.689em; color:#CCCCCC }

.video-thumbnail { border:3px solid #666666 }

.number-box { width:23px; height:18px; background-color:#CCCCCC; border:1px solid #666666; margin-right:2px; float:left; text-align:center; padding-top:5px }

#featured-video-div { width:275px; height:126px; background-color:#333333; position:relative; top:432px; padding:10px 10px 10px 13px }

#dynamic-ads-video { float:right; width:400px; height:310px; background-color:#CCCCCC; margin:12px 15px 8px 20px }


/*----------------------------------------------------------------------------------------*/