@charset "utf-8";
/* CSS Document */

*{
	text-decoration:none;
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

html, body{
	font-size: 12px;
	background-color:#FFFFFF;
	background-image:url(images/main_bg.gif);
	background-position:center;
	background-repeat:repeat-y;
	font-family:Arial, Helvetica, sans-serif;
}

div.clear {
	clear: both;
	height: 0;
	visibility: hidden;
}

a{
	color:#000;
}
a:hover{
	color:#06C;
}

p{
	padding:5px 0;
}


h3{
	color:#333;
	font-size:16px;
}

h3.aboutus{
	color:#0066cb;
	font-size:16px;
	font-weight:normal;
	margin-top:20px;
}

h4{
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	color:#0066cb;
	font-size:16px;
}

span.blue{
	color:#0066cb;
}
.BannerColumn {background-color:#000000}
    .Banner {border:0; padding:0; height:8px; margin-top:0px; color:#ffffff; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#1c5280',EndColorStr='#FFFFFF');}
    .BannerTextCompany {font:bold; font-size:18pt; color:#cecece; font-family:Tahoma; height:0px; margin-top:0; margin-left:8px; margin-bottom:0; padding:0px; white-space:nowrap; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color='black',Positive='true');}
    .BannerTextApplication {font:bold; font-size:18pt; font-family:Tahoma; height:0px; margin-top:0; margin-left:8px; margin-bottom:0; padding:0px; white-space:nowrap; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color='black',Positive='true');}
    .BannerText {font:bold; font-size:18pt; font-family:Tahoma; height:0px; margin-top:0; margin-left:8px; margin-bottom:0; padding:0px; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color='black',Positive='true');}
    .BannerSubhead {border:0; padding:0; height:16px; margin-top:0px; margin-left:10px; color:#ffffff; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#4B3E1A',EndColorStr='#FFFFFF');}
    .BannerSubheadText {font:bold; height:11px; font-size:11px; font-family:Tahoma; margin-top:1; margin-left:10; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color='black',Positive='true');}
div.simple-image-btn{
	background-position:top;
	cursor:pointer;
}
div.simple-image-btn:hover{
	background-position:bottom;
	cursor:pointer;
}

div#main-container{
	width:980px;
	margin:0 auto;
}

div#top-nav{
	height:20px;
	text-align:right;
}

div#top-logo{
	height:70px;
	background-image:url(images/logo_3dinternet.jpg);
	background-repeat:no-repeat;
	border-bottom:1px solid #FFF;
}

div#page-header{
	height:84px;
	width:980px;
}

div#page-header-tall{
	height:97px;
	width:980px;
}

div#facebook-btn{
	background-image:url(images/btn_facebook.gif);
	height:20px;
	width:93px;
	float:right;
}

div#client-login-btn{
	background-image:url(images/btn_clientlogin.gif);
	height:20px;
	width:165px;
	
	float:right;
}

div#main-nav{
	height:30px;
	background-image:url(images/mainmenu_bg.gif);
	background-repeat:repeat-x;
}

div#main-nav ul{
	margin: 0;
	padding: 0;
	height:30px;
	list-style:none;
}
div#main-nav ul li{
    float: left;
	height:30px;
	border-right:1px solid #CCC;
}

div#main-nav ul li a{
	height:16px;
	padding:7px 51px;
	text-decoration: none;
	color:#000;
	display:block;
}

div#main-nav ul li a.on, div#main-nav ul li a:hover{
	background-image:url(images/mainmenu_on.gif);
	background-position:top center;
	background-repeat:no-repeat;
	color:#0066cc;
}


div#footer{
	height:90px;
	background-image:url(images/footer_bg.gif);
	background-repeat:repeat-x;
}



div#footer ul{
	list-style:none;
}

div#footer .column-logo{
	padding:12px 8px;
	float:left;
	display:block;
}

div#footer .column{
	float:left;
	display:block;
	margin-left:85px;
	margin-top:10px;
}

div#copyright{
	height:36px;
	padding:7px 10px;
	background-image:url(images/copyright_bg.gif);
	border-top:1px dotted #C7C7C7;
	color:#666;
}

div#home-main-slideshow{
	width:980px;
	height:330px;
	background-color:#FFF;
	overflow:hidden;
}

div#home-spotlight{
	padding:4px 0 0 10px;
	margin:10px;
	height:21px;
	background-image:url(images/spotlight_bg.gif);
	border:1px solid #efefef;
}
div#home-spotlight ul{
	list-style:none;
}
div#home-spotlight a{
	color:#000;
	text-decoration:none;
}
div#home-spotlight a:hover{
	text-decoration:underline;
}

div#home-industries{
	width:960px;
	margin:10px;
}

div#home-industries .item{
	width:225px;
	display:block;
	float:left;
}

div#home-industries .item .navigate{
	width:225px;
	display:block;
	height:13px;
}

div#home-industries .item p{
	color:#666;
	margin:4px 0;
}

div#home-industries .sep{
	width:1px;
	height:200px;
	margin:0 9px 0 10px;
	display:block;
	float:left;
	background-color:#e5e5e5;
}


div#careers-content{
	width:370px;
	margin-left:249px;
	padding-bottom:100px;
	padding-top:140px;
	padding-right:360px;
	background-image:url(images/careers_people.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	border-left:1px solid #E4E4E4;
	font-size:14px;
}
div#careers-content a{
	color:#06C;
	text-decoration:none;
}
div#careers-content a:hover{
	color:#06C;
	text-decoration:underline;
}

div#customers-content{
	width:980px;
	padding-top:150px;
	background-image:url(images/customers_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	font-size:16px;
}

div#customers-content div.content{
	width:460px;
	padding:20px 10px 350px 380px;
	font-size:16px;
}


div#aboutus-content{
	width:460px;
	padding-top:110px;
	padding-right:270px;
	padding-left:250px;
	margin-bottom:60px;
	background-image:url(images/aboutus_image.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	font-size:16px;
}

div#aboutus-content p{
	font-size:12px;
}

div#contactus-content{
	background-image:url(images/contactus_map.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	padding-bottom:200px;
	padding-left:15px;
}

div#contactus-content .column{
	width:240px;
	float:left;
	display:block;
}

div#contactus-content .heading{
	font-weight:bold;
	font-size:13px;
	padding:20px 0;
}

div#contactus-content #job-posting{
	background-image:url(images/contact_jobpanel.gif);
	background-repeat:no-repeat;
	width:214px;
	height:55px;
	padding:10px;
	color:#333;	
	margin-bottom:10px;
}

div#contactus-content #vendor{
	background-image:url(images/button_bg1.gif);
	background-repeat:no-repeat;
	width:211px;
	height:21px;
	padding:8px 12px;
	color:#333;
	cursor:pointer;
}
div#contactus-content a{
	text-decoration:underline;
}


div#industry-content{
	
}

div#industry-content div#submenu{
	float:left;
	display:block;
	font-size:12px;
	width:250px;
	color:#06C;
}

div#industry-content div#submenu div.quote{
	margin:20px 10px 10px 20px;
	font-style:italic;
	color:#666;
}

div#industry-content div#submenu div.quote:hover{
	background:none;
	cursor:auto;
}

div#industry-content div#submenu a{
	color:#06C;
	text-decoration:none;
}

div#industry-content div#submenu .item-normal{
	font-weight:bold;
	padding:5px 20px;
	border-bottom:1px dotted #7F7F7F;
	cursor:pointer;
}

div#industry-content div#submenu .item-indent{
	font-weight:normal;
	padding:5px 30px;
	border-bottom:1px dotted #7F7F7F;
	cursor:pointer;
}

div#industry-content div#submenu .on, div#industry-content div#submenu div:hover{
	background-color:#F0F0F0;
	cursor:pointer;
}

div#industry-content div#main-content{
	margin-top:2px;
	float:left;
	display:block;
	width:728px;
	border-left:1px solid #e5e5e5;
}

div#industry-content div#main-content .item{
	width:225px;
	display:block;
	float:left;
}


div#industry-content div#main-content .item h3{
	color:#333;
	font-size:16px;
	font-weight:normal;
}

div#industry-content div#main-content .sep{
	width:1px;
	height:150px;
	margin:0 8px 0 8px;
	display:block;
	float:left;
	background-color:#e5e5e5;
}


div#industry-content div#main-content-banner{
	width:710px;
	height:260px;
	margin:0 9px 20px 9px;
	color:#FFF;
	overflow:hidden;
	visibility:hidden;
}

div#industry-content div#main-content-banner img{
	display:block;
}

div#industry-content div#main-content-banner h1{
	font-family:"Arial Narrow", Helvetica, sans-serif;
	font-size:46px;
	padding:18px 0;
}
div#industry-content div#main-content-banner p{
	line-height:14px;
}


div#industry-content div#main-content-banner h2{
	font-size:16px;
	font-weight:normal;
}


div#industry-content div.main-content-container{
	color:#333;
	border-bottom:1px solid #e5e5e5;
	margin-left:7px;
}

div#industry-content div.main-content-container h1{
	color:#333;
	font-size:18px;
	font-weight:normal;
	margin:10px 0 5px 0;
}

div#industry-content div.col1{
	float:left;
	display:block;
	width:475px;
	border-right:1px solid #e5e5e5;
	color:#333;
}

div#industry-content div.heading{
	font-size:16px;
	background-image:url(images/industry_heading_bg.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-right:7px;
	padding:0 22px;
	padding-top:20px;
	border-bottom:1px dotted #000;
}

div#industry-content div.topic{
	color:#333;
	border-bottom:1px solid #CCC;
	background-image:url(images/bullet1.gif);
	background-position:23px 7px;
	background-repeat:no-repeat;
	margin-right:7px;
	padding:2px 35px;
}

div#industry-content div.topic a{
	cursor:pointer;
}

div#industry-content div.topic a:hover{
	color:#06C;
}

div#industry-content div.topic div.detail{
	width:400px;
	padding:10px;
	display:none;
}
div#industry-content div.topic p{
	margin-bottom:10px;
}

div#industry-content iv.topic div.content{
	color:#333;
	margin-right:7px;
	padding:0 35px;
}
div#industry-content div.container{
	border-bottom:1px solid #CCC;
	padding:2px 23px;
	margin-right:7px;
}

div#industry-content div.courses-container{
	background-color:#d9d9d9;
	margin-right:7px;
	padding-bottom:10px;
}

div#industry-content div.col1 div.left{
	float:left;
	display:block;
	width:105px;
	font-weight:bold;
	color:#0066cc;
}

div#industry-content div.col1 div.right{
	float:left;
	display:block;
}

div#industry-content div.col2{
	float:left;
	display:block;
	width:240px;
	margin-top:20px;
}


div#industry-content div.col2 h1{
	font-size:16px;
	padding:0 10px;
	font-weight:normal;
	color:#06C;
}

div#industry-content div.col2 p{
	padding:0 10px;
}

div#industry-content div.course-item{
	padding:7px 13px 0 13px;
	width:113px;
	float:left;

}
div#industry-content div.course-item img{
	border:3px solid #AAA;
	
}
div#industry-content div.course-item img.clickable{
	border:3px solid #FFF;
	cursor:pointer;
}
div#industry-content div.course-item img.clickable:hover{
	border:3px solid #09F;
	cursor:pointer;
}



/*
--------------------------------------------
popup window
--------------------------------------------
*/ 

/* 20px shadow */
div.popup{
	width:880px;
	height:540px;
	display: none;
	position: fixed;
	padding:20px;
	background-image:url(images/popup_bg.png);
	font-size:12px;
	top: 30px;
	left: 50%;
	margin-left: -470px;
}

div.popup .content{
	position:relative;
	width:470px;
	height:225px;
	padding:180px 360px 20px 50px;
	background-position:0 15px;
	background-repeat:no-repeat;
}


div.popup .demobtn{
	background-image:url(images/demo_btn.png);
	background-position:0 0;
	width:87px;
	height:25px;
	cursor:pointer;
	float:left;
}
div.popup .demobtn:hover{
	background-position:bottom;
}

div.popup .sendbtn{
	background-image:url(images/send_btn.png);
	background-position:0 0;
	width:87px;
	height:25px;
	cursor:pointer;
	float:left;
}
div.popup .sendbtn:hover{
	background-position:bottom;
}

div.popup .closebtn{
	cursor:pointer;
	position:absolute;
	top:8px;
	right:10px;
	width:15px;
	height:14px;
	background-image:url(images/btnclose.gif);
}
div.popup .closebtn:hover{
	background-image:url(images/btnclose_hover.gif);
}

div.popup .contact{
	margin:15px 0;
	width:300px;
}
div.popup .contactbtn{
	float:left;
	display:block;
	margin-left:10px;
	width:90px;
	height:17px;
	background-image:url(images/contact_btn.png);
	cursor:pointer;
}
div.popup .contacttxt{
	float:left;
	display:block;
	width:190px;
	height:17px;
	font-weight:bold;
}
div.popup .contactbtn:hover{
	background-position:0 -17px;
}

div.popup .videobtn{
	width:90px;
	height:17px;
	margin:8px 0;
	background-image:url(images/video_btn.png);
	cursor:pointer;
}

div.popup .videobtn:hover{
	background-position:0 -17px;
}


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {

}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html div.popup {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/*
--------------------------------------------
forms
--------------------------------------------
*/ 

form input.text{
	background-color:#F0F0F0;
	width:100%;
}
form td{
	padding:3px;
	background-color:#F0F0F0;
}
form table{
	margin:7px 0;
}

form div.ajaxmsg{
	padding:4px;
	visibility:hidden;
}
form div.received{
	color:#0099FF;
	font-weight:bold;
}


/*
--------------------------------------------
flow player
--------------------------------------------
*/ 


.overlay {
	padding:40px;	
	width:512px;  
	display:none;
	background-image:url(images/video_bg.png) no-repeat;
}

.close {
	background:url(images/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px; 
	display:block;
	width:35px;
	height:35px;
	cursor:pointer;
}

#player {
	height:288px;
	display:block;
}