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

/* ---------| reset |--------- */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

img { border:none; }

a:focus { outline:none; }



/* ---------| Basic Definitions |--------- */
body { background: #222; color: #656565; font: 12px Arial, Helvetica, sans-serif; }

a { color: #2FACF5;text-decoration:underline; }

a:hover { text-decoration: underline; color: #25301F; }

p, ul, ol, dl, table { margin-bottom: 18px; }



/* ---------| Helper Classes |--------- */
.clear { clear: both; }
.clearfix { overflow: hidden; }
.right { float:right; }
.left { float:left; }
.top-link {font-weight:bold; font-size:10px;}

img.img-left { float:left; margin-right:15px; }

img.bio-pic { float:left; margin: 0 12px 5px 0; }


/* ---------| Basic Typography |--------- */
p { 
	color:#656565;
	font-size:12px;
	line-height:22px;
	}

/* HEADINGS */
h1 { 
	font-size: 24px; 
	line-height: 30px; 
	margin-bottom: 18px; 
	}
	

h2 {
	color:#157299;
	font-size:18px;
	margin-bottom:9px;
	font-weight:normal;
	text-transform:uppercase;
	}

h3 {
	color:#444;
	font-size:14px;
	margin-bottom:2px;
	text-transform:uppercase;
	}

blockquote { /* blockquotes used for pull quotes in text */
	margin:20px 0;
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	background:#F5F5F5;
	color:#157299;
	padding:22px 25px 25px 25px;
	line-height:26px;
	border-top:1px dotted #157299;	border-bottom:1px dotted #157299;
} 

#content-sub div.hr {
	height:1px;
	background:#fff;
	margin:30px 0px;
	border-bottom:1px dotted #157299;}



/* LISTS */
p.listheading { 
	margin: 0 0 8px 18px;
	font-weight: bold;
}

#content-sub ul {
	list-style:disc;
	padding:0 0 0 20px;
	line-height:18px;
	margin:0;
	}

#content-sub li {
	margin-bottom:10px;
	}

ol {	
	padding:0 0 0 20px;
	line-height:18px;
	margin-left:10px;
	margin:0;
}


dl { /* definition list is used for the emphasized text that is not a pullquote */
	margin:0;
	padding:10px 0 0 0;
	line-height:20px;   } 

dl dt { 
	text-align: left; 
	padding:2px;
	float:left;
	font-size:16px;
	line-height:16px;
	} 
	
dl#video-page dt { 
	text-align: left; 
	font-size:16px;
	font-weight:bold;
	padding:2px 2px 2px 20px;
	float:none;
	line-height:20px;
	background:url(images/blue-camera.png) left no-repeat;
	} 
	

dl dt:before {
	content: ">>  ";
	color:#157299;
	font-size:14px;}
	
dl#video-page dt:before {
	content: "";
	color:#157299;
	font-size:16px;}
	
	
dl dd { 
	margin: 0 0 20px 23px; 
	padding: 0;
	color:#157299;
	font-size:14px; }

dl#video-page dd { 
	margin: 0 0 20px 20px; 
	padding: 0;
	color:#858585;
	font-size:12px;
	line-height:18px; }




/* ---------| General Structure |--------- */

#page-wrap {
	background:url(images/bg-home.jpg) no-repeat 0 0;
	width:950px;
	height:600px;
	margin: 30px auto;
	position:relative;
	border:1px solid #858585;
	}

#page-wrap-sub {
	background: #fff;
	width:950px;
	height:600px; 
	margin: 30px auto 0 auto;
	position:relative;
	}
	
	
#request-info {
	width:215px;
	height:39px;
	float:right;
	}
	
	/* request info button */
	#request-info a{
	background:#25301F url(images/btn-request-info.png) no-repeat 0 0;
	display:block;
	width:217px;
	height:39px;
	}

	#request-info a:hover{
	background:#25301F url(images/btn-request-info.png) no-repeat 0 -39px;
	}
	/* /request info button */

#register-event {
	width:182px;
	height:39px;
	float:left;
	margin-left:50px;
	}
	
	/* register button */
	#register-event a{
	background:#25301F url(images/btn-register-event.png) no-repeat 0 0;
	display:block;
	width:184px;
	height:39px;
	}

	#register-event a:hover{
	background:#25301F url(images/btn-register-event.png) no-repeat 0 -39px;
	}
	
/* ---------| Home Structure |--------- */
#flash {
	position:absolute;
	z-index:100;
	width:950px;
	height:600px;
}

#home-content-wrap {
	position:relative;
	z-index:400;
	width:900px;
	padding-right:50px;
	height:600px;
}

#home-content {
	width:542px;
	height:325px;
	margin:237px 0 0 0;
	float:right;
	clear:right;
	}
	
#home-lower-content {
	margin-left:20px;
}

#logo {
	text-align:right;
	height:124px;
	}

div.vid-text {
	width:136px;
	padding:0 15px 0 0;
	margin-right:32px;
	border-right:2px solid #69C8F8;
	float:left;
	}

div.vid-text2 {
	width:146px;
	padding:0;
	margin-right:0px;
	border-right:none;
	float:left;
	}

div.vid-text p, div.vid-text2 p {
	color:#fff;
	font-size:12px;
	line-height:18px;
	margin-bottom:8px;}
	

#telocity-logo-home {
	position:absolute;
	width:142px;
	height:38px;
	z-index:500;
	left: 13px;
	top: 559px;
	}



/* ---------| Home Nav |--------- */

#home-nav {
	height:40px;
	margin-bottom:24px;
	}

#home-nav ul {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:right;
	height:40px;
	}

#home-nav li {
	display:inline;
	margin-left:8px;
	float:right;
	height:40px;
	line-height:40px;
}

#home-nav li.last {
	margin:0 -10px 0 8px;
	color:#fff;
	text-decoration:none;
	/*text-shadow: 1px -1px 2px #157299;*/
	text-transform:uppercase;
	}
#home-nav li.first {
	margin:0;
	color:#fff;
	text-decoration:none;
	/*text-shadow: 1px -1px 2px #157299;*/
	text-transform:uppercase;
	}

#home-nav a {
	color:#fff;
	display:inline-block;
	padding:0 10px;
	text-decoration:none;
	/*text-shadow: 1px -1px 2px #157299;*/
	text-transform:uppercase;
	}
	
#home-nav a:hover {
	color:#004069;
	text-decoration:none;
	/*text-shadow: 1px -1px 2px #fff;*/
	}
	

#home-nav a.about { background:url(images/bg-about-btn.png) center no-repeat;}
#home-nav a.bios { background:url(images/bg-bios-btn.png) center no-repeat;}
#home-nav a.faq { background:url(images/bg-faq-btn.png) center no-repeat;}
#home-nav a.products { background:url(images/bg-products-btn.png) center no-repeat;}
#home-nav a.testimonials { background:url(images/bg-testimonials-btn.png) center no-repeat;}

#home-nav a.about:hover,
#home-nav a.bios:hover,
#home-nav a.faq:hover,
#home-nav a.products:hover,
#home-nav a.testimonials:hover { background:none;}


/* ---------| Subpage Structure |--------- */


#subpage-top {
	background:url(images/bg-subpage-top.png) top repeat-x;
	height:39px;
	width:900px;
	padding-right:50px;
	position:absolute;
	z-index:400;
}

#truizms {
	width:300px;
	height:216px;
	position:absolute;
	z-index:400;
	left: 603px;
	top: 42px;
	overflow:hidden;
	}


#content-sub, #content-sub:focus {
	width:500px;
	height:410px;
	padding:45px 0 0 48px;
	overflow:hidden;
	position:relative;
	outline:none;
}



/* ---------| Subpage Nav |--------- */
#subpage-nav-wrap {
	width:934px;
	height:100px;
	/*	background:url(images/bg-subpage-nav-wrap.png) repeat;*/
	background:none;
	position:absolute;
	left: 16px;
	top: 456px;
	z-index:600;
	}

#logo-sub {
	width:300px;
	height:124px;
	position:absolute;
	left: 601px;
	top: 322px;
	}

#vid-btn {
	width:132px;
	height:76px;
	position:absolute;
	z-index:601;
	left: 53px;
	top: 439px;
}

#vid-btn a {
	width:132px;
	height:76px;
	display:block;
	background:url(images/btn-videos.png) top no-repeat;
}


#vid-btn a:hover {
	background:url(images/btn-videos.png) bottom no-repeat;
}


#vid-btnV2 {
	width:162px;
	height:63px;
	position:absolute;
	z-index:601;
	left: 60px;
	top: 431px;
}

#vid-btnV2 a {
	width:162px;
	height:63px;
	display:block;
	background: url(images/watch-vid-btnV2.png) left bottom no-repeat;
}

#vid-btnV2 a:hover {
	background: url(images/watch-vid-btnV2.png) right bottom no-repeat;
}

#subpage-nav {
	height:40px;
	background:#fdf403;
	clear:right;
	margin-bottom:67px;
	margin-left:-16px;
	}

#subpage-nav ul {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:right;
	height:40px;
	color:#25301F;
	margin-right:36px;
	}

#subpage-nav li {
	display:inline;
	/*margin-left:28px;*/
	float:right;
	height:40px;
	line-height:40px;
}


#subpage-nav a {
	color:#25301F;
	text-decoration:none;
	display:inline-block;
		text-transform:uppercase;
	padding:0 14px;
	background:none;
	}
	
#subpage-nav a:hover {
	color:#25301F;
	border-left:1px solid #fff;	
	border-right:1px solid #fff;
	text-decoration:none;
	background:#DDD400;
	padding:0 13px;
	/*background:#2FACF5;
	text-shadow: 1px -1px 2px #25301F;*/
	}
	
	
#subpage-nav a.midfooterlink {
	color:#666;
	text-decoration:underline;
	display:inline-block;
	text-transform:uppercase;
	padding:0;
	background:none;
}
	
#subpage-nav a:hover.midfooterlink {
	color:#222;
	border-left:0;	
	border-right:0;
	text-decoration:underline;
	background: none;
	padding:0;
	/*background:#2FACF5;
	text-shadow: 1px -1px 2px #25301F;*/
}
	
#tlag-book {
	width:600px;
}	

#tlag-book p {
	font-size:14px;
	line-height:22px;
	padding: 15px 0 0 0;
	margin:0;
}


/* ---------| Sub-nav Dropdown |--------- */

/* ######### Default class for drop down menus ######### */

.homedrop{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
z-index: 602; /* zIndex should be greater than that of shadow's below */
width: 140px;
background:#36BCF6;
}

.homedrop ul{
margin: 0 0 0 -10px;
padding: 0;
list-style:none;
text-align:center;
border:none;
background:#36BCF6;
}

.homedrop li{
margin: 0;
padding: 0;
line-height:40px;
background:url(images/bg-dropdown-li1.jpg) no-repeat;
}

.homedrop ul li a{
font-size:14px;
width: 100%;
display: block;
margin-top:12px;
	color:#fff;
	text-decoration:none;
	text-shadow: 1px -1px 2px #157299;
	text-transform:uppercase;
background:none;
text-transform:uppercase;
}


.homedrop a:hover { /*hover background color*/
	color:#157299;
	text-decoration:none;
	text-shadow: 1px -1px 2px #fff;
}

/* ---------| Sub-nav Dropdown |--------- */

/* ######### Default class for drop down menus ######### */

.subdrop{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
z-index: 602; /* zIndex should be greater than that of shadow's below */
width: 140px;
background:#FDF403;
}

.subdrop ul{
margin: 0 0 0 -20px;
padding: 0;
list-style:none;
text-align:center;
border:none;
background:#FDF403;
}

.subdrop li{
margin: 0;
padding: 0;
line-height:40px;
}

.subdrop ul li a{
font-size:14px;
width: 100%;
display: block;
text-decoration: none;
margin-top:12px;
color:#24301E;
background:none;
text-transform:uppercase;
}


.subdrop a:hover { /*hover background color*/
	color:#fff;
	text-decoration:none;
	text-shadow: 1px -1px 2px #25301F;
}


/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 599; /*zIndex for shadow*/
background: none;
visibility: hidden;
}
	
	


/* ---------| Footer |--------- */
#footer {
	height:40px;
	width:950px;
	margin:0 auto;
	background:#f0f0f0;
	clear:both;
	z-index:10;
	position:absolute;
	left: 0;
	top: 560px;
	}

#footer p {
	color:#858585;
	font-size:11px;
	margin:0;
	margin-right:15px;
	line-height:40px;
	text-align:right;
		}
		
#midfooter {
	color:#222;
	font-size:11px;
	margin-left:60px;
	line-height:40px;
	text-align:left;
	/*background-color: red;*/
		}

#footer ul {
	}

#footer li {
	}

#footer a {
	color:#858585;
	text-decoration:none;
	margin-left:30px;
		}

#footer a:hover {
	color:#2FACF5;
	text-decoration:underline;
	}

	
	

/* ---------| Specific Linking |--------- */
/* Video button on homepage */
#home-content a.video {
	background:url(images/btn-view-vid.png) 0 0 no-repeat;
	width:100px;
	height:11px;
	display:block;
	cursor:pointer;
	}
#home-content a.video:hover {
	background:url(images/btn-view-vid.png) 0 -11px no-repeat;
	}
	
	/* news button on homepage */
#home-content a.news {
	background:url(images/btn-learn-more.png) 0 0 no-repeat;
	width:100px;
	height:11px;
	display:block;
	cursor:pointer;
	}
#home-content a.news:hover {
	background:url(images/btn-learn-more.png) 0 -11px no-repeat;
	}


#content-sub a.faq-vid-btn {
	background:url(images/watch-vid-btn2.png) top left no-repeat;
	width:93px;
	height:20px;
	display:block;
	}

#content-sub a.faq-vid-btn:hover {
	background:url(images/watch-vid-btn2.png) bottom left no-repeat;
	}

#telocity-logo-home a{
	background:url(images/telocity-logo-small.png) 0 0 no-repeat;
	width:142px;
	height:38px;
	display:block;
	}

#telocity-logo-home a:hover{
	background:url(images/telocity-logo-small.png) 0 0 no-repeat;
	opacity:.6;
	filter: alpha(opacity=60); 
	-moz-opacity:0.6;
	}


/* ---------| Forms |--------- */

input, cfinput {
	background:#fff;
	border:1px #999 solid;
	height:27px;
	line-height:27px;
	margin-bottom:6px;
	width:215px;
	color:#666;
}

value {
	color:#999;
}

input.button {
	height:27px;
	background:#25301F;
	color:#FFF;
	border:none;
	display:block;
	text-align:center;
	line-height:24px;
	font-size:11px;
}

input.button:hover {
	color:#fff500;
	cursor:pointer;
	}

td.align-R {
	text-align:right;
}

fieldset {
    border: 0;
}




/* Scroll Bar Master Styling Starts Here */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* the following line puts fleXcroll into scrollbar-on-left mode */
.vscrollerbase {left: 0 !important;}
/* fleXcroll detects this CSS setting and sets content positions correctly with
respect to whether a scrollbar is needed or not*/


/* following are the styles for fat & cuddly, comments and newlines removed e4e4e */
.vscrollerbar {width: 16px;/*border: #B9B9B9 1px solid;*/ background-color: #71c8fa; cursor:pointer;}

.vscrollerbarbeg {height: 12px !important;width: 16px; background: url(images/scroller-arrows.png) top no-repeat;}
.vscrollerbarend {height: 12px !important;width: 16px; background: url(images/scroller-arrows.png) bottom no-repeat;}

.vscrollerbase {width: 16px;background: #f0f0f0; margin-top:10px;}

.vscrollerbasebeg {height: 12px !important; width: 16px;background: #f0f0f0 url(images/scroller-arrows.jpg) top no-repeat; display:none;}
.vscrollerbaseend {height: 12px !important;width: 16px;background: #f0f0f0 url(images/scroller-arrows.jpg) bottom no-repeat; display:none;}

.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: black; display:none;}
.vscrollerbar, .hscrollerbar {padding: 0 0 10px 0;z-index: 2;}
.scrollerjogbox {width: 16px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A; display:none;}


/*.vscrollerbar {width: 14px;background: #E4E4E4 url(scrollbar.png) -36px 0px repeat-y;}
.vscrollerbarbeg {height: 24px !important;width: 36px;background: url(scrollbar.png) -108px -32px no-repeat;}
.vscrollerbarend {height: 24px;width: 36px;background: url(scrollbar.png) -108px 0px no-repeat;}
.vscrollerbase {width: 36px;background: #D4F6F2 url(scrollbar.png) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 36px;height: 28px !important;background: url(scrollbar.png) -72px -28px no-repeat;}
.vscrollerbaseend {height: 28px;width: 36px;background: url(scrollbar.png)  -72px 0px no-repeat;}
.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; background-color: black;}
.vscrollerbar, .hscrollerbar {padding: 28px;z-index: 2;}
.scrollerjogbox {width: 36px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px;background: #37917A;}
 Scroll Bar Master Styling Ends Here */




	

/* ---------| Custom Scroll bars for right hand side |--------- */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 16px;
background-color: #f0f0f0;
}
.vscrollerbar {
width: 14px;
border: #B9B9B9 1px solid;
background-color: #E4E4E4;
cursor:pointer;
}
.hscrollerbase {
width: 16px;
background-color: #dae8e8;
}
.hscrollerbar {
width: 14px;
border: #B9B9B9 1px solid;
background-color: #E4E4E4;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: #f0f0f0; */
/*}
 Scroll Bar Master Styling Ends Here */