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

/*FONT COLOURS

grey: #727272
blue: #359edc
orange: #ffa423
black: #000000
*/

@font-face {
    font-family: 'pt_sans_narrowbold';
    src: url('webfontkit/ptn77f-webfont.eot');
    src: url('webfontkit/ptn77f-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit/ptn77f-webfont.woff') format('woff'),
         url('webfontkit/ptn77f-webfont.ttf') format('truetype'),
         url('webfontkit/ptn77f-webfont.svg#pt_sans_narrowbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pt_sans_narrowregular';
    src: url('webfontkit/ptn57f-webfont.eot');
    src: url('webfontkit/ptn57f-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit/ptn57f-webfont.woff') format('woff'),
         url('webfontkit/ptn57f-webfont.ttf') format('truetype'),
         url('webfontkit/ptn57f-webfont.svg#pt_sans_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pt_sansregular';
    src: url('webfontkit/pts55f-webfont.eot');
    src: url('webfontkit/pts55f-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit/pts55f-webfont.woff') format('woff'),
         url('webfontkit/pts55f-webfont.ttf') format('truetype'),
         url('webfontkit/pts55f-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pt_sansbold';
    src: url('webfontkit/pts75f-webfont.eot');
    src: url('webfontkit/pts75f-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit/pts75f-webfont.woff') format('woff'),
         url('webfontkit/pts75f-webfont.ttf') format('truetype'),
         url('webfontkit/pts75f-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'amertype_md_btmedium';
    src: url('webfontkit/american_typewriter_medium_bt-webfont.eot');
    src: url('webfontkit/american_typewriter_medium_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfontkit/american_typewriter_medium_bt-webfont.woff') format('woff'),
         url('webfontkit/american_typewriter_medium_bt-webfont.ttf') format('truetype'),
         url('webfontkit/american_typewriter_medium_bt-webfont.svg#amertype_md_btmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

/********************************************************************************/


body {
	color: #727272;
	font-family: 'pt_sansregular';
	font-size:18px;
	line-height: 26px;
	text-align:justify;
	margin: 0px;
	background:url(images/BG.jpg) repeat;
	
}

p {
	margin:0px 0px 10px 0px;
}

blockquote {
	margin: 5px 0px 5px 15px;
}

a:link {
	color: #359edc;
	text-decoration: none;
}

a:visited {
	color: #359edc;
	text-decoration: none;
}
a:hover {
	color: #ffa423;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: none;
}

.submit input {  
    width: 171px;
	height:40px;  
    padding: 0px 0px 0px 0px;
	background:url(images/btn-bg_lrg.png) no-repeat;
    border: 0;  
    font-size: 14px;  
    color: #FFFFFF; 
	font-family: 'pt_sansbold';
	text-transform:uppercase;
	text-align:center;
} 

/*TEXT STYLES****************************************************************************/

.Heading {
		color:#000000;
		text-decoration:none;
		font-family: 'amertype_md_btmedium';
		font-size:60px;
		line-height:70px;
		letter-spacing:0px;
		padding: 5px 0px 5px 0px;
		text-shadow: 0px -1px 1px #acaeb4;
		text-align:left;
		
}

.HeadingWhite {
		color:#FFFFFF;
		text-decoration:none;
		font-family: 'amertype_md_btmedium';
		font-size:60px;
		line-height:70px;
		letter-spacing:0px;
		padding: 5px 0px 5px 0px;
		text-shadow: 0px -1px 1px #acaeb4;
		text-align:left;
		
}
	
.HeadingBlue {
		color:#359edc;
		font-size:48px;
		text-decoration:none;
		font-family: 'amertype_md_btmedium';
		letter-spacing:0px;
		padding: 5px 0px 5px 0px;
		text-shadow: 0px -1px 1px #acaeb4;
		text-align:left;
		
}

.SubHeading {
		color:#727272;
		text-decoration:none;
		font-family: 'pt_sansbold';
		font-size:18px;
		line-height:24px;
		text-transform:uppercase;
		text-align:left;
		
}

.SubHeadingBlue {
		color:#359edc;
		text-decoration:none;
		font-family: 'pt_sansbold';
		font-size:18px;
		line-height:24px;
		text-transform:uppercase;
		text-align:left;
		
}

.SubHeadingWhite {
		color:#FFFFFF;
		text-decoration:none;
		font-family: 'pt_sansbold';
		font-size:18px;
		line-height:24px;
		text-transform:uppercase;
		text-align:left;
		
}

.TableSubHeadingWhite {
		color:#FFFFFF;
		text-decoration:none;
		font-family: 'pt_sansbold';
		font-size:22px;
		line-height:24px;
		text-transform:uppercase;
		text-align:left;
		text-shadow: 0px 2px 1px rgba(0,0,0,0.5);
		letter-spacing:1px;
		
}


ul {
	margin: 0px 0px 0px 0px;	
}

ul li {
	margin: 0px 0px 0px -20px;
	line-height: 20px;
}

.HR {
	background:url(images/div_HR.gif) repeat-x center;
	height:6px;
	width:100%;
	padding: 10px 0px 10px 0px;	
}
	
/*TEXT COLOURS****************************************************************************/

.blue {
		color:#359edc;	
}

.orange {
		color:#ffa423;	
}
	
.grey {
		color:#727272;	
}

.black {
		color:#000000;	
}

.white {
		color:#FFFFFF;	
}
	

.shadow {
-moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.1); /*horizontal offset, vertical offset, blur distance, spread distance, RGB colour and tranparency)*/
-webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.1);
}

/*FORMS****************************************************************************/
#SignIn input, textarea {  
	font-family: 'pt_sansregular';
	font-size:14px;
	color: #727272;
    padding: 9px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    width: 330px;  
    background: #FFFFFF;  

	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#SignInPlain input, textarea {  
	font-family: 'pt_sansregular';
	font-size:14px;
	color: #727272;
    padding: 9px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    width: 330px;  
    background: #FFFFFF;  

	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#SignInPlain3 input, textarea {  
	font-family: 'pt_sansregular';
	font-size:14px;
	color: #727272;
    padding: 9px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    width: 300px;  
    background: #FFFFFF;  

	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#Contact input, textarea {  
	font-family: 'pt_sansregular';
	font-size:14px;
	color: #727272;
    padding: 9px;  
    border: solid 1px #E5E5E5;  
    outline: 0;  
    width: 455px;  
    background: #FFFFFF;  

	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

textarea {  
    width: 455px;  
    max-width: 455px;  
    height: 120px;  
    line-height: 150%;  
    }  
	
input:hover, textarea:hover,  
input:focus, textarea:focus {  
    border-color: #C9C9C9;  
    }  
	
.form label {  
    color: #727272;
    } 
	
#Contact .submit input {  
    width: 102px;
	height:40px;  
    padding: 9px 15px;
	background:url(images/btn-bg.png) no-repeat;
    border: 0;  
    font-size: 14px;  
    color: #FFFFFF; 
	font-family: 'pt_sansregular';
	text-transform:uppercase;
}

#SignIn .submit input {  
    width: 102px;
	height:40px;  
    padding: 9px 15px;
	background:url(images/btn-bg.png) no-repeat;
    border: 0;  
    font-size: 14px;  
    color: #FFFFFF; 
	font-family: 'pt_sansregular';
	text-transform:uppercase;
} 
	
#SignIn .checkbox {
	width:20px;
	border: solid 1px #E5E5E5;  
    outline: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#SignInPlain .submit input {  
    width: 102px;
	height:40px;  
    padding: 9px 15px;
	background:url(images/btn-bg.png) no-repeat;
    border: 0;  
    font-size: 14px;  
    color: #FFFFFF; 
	font-family: 'pt_sansregular';
	text-transform:uppercase;
} 
	
#SignInPlain .checkbox {
	width:20px;
	border: solid 1px #E5E5E5;  
    outline: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#SignInPlain3 .submit input {  
    width: 102px;
	height:40px;  
    padding: 9px 15px;
	background:url(images/btn-bg.png) no-repeat;
    border: 0;  
    font-size: 14px;  
    color: #FFFFFF; 
	font-family: 'pt_sansregular';
	text-transform:uppercase;
} 
	
#SignInPlain3 .checkbox {
	width:20px;
	border: solid 1px #E5E5E5;  
    outline: 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
}

	
/*TOP NAV****************************************************************************/
#TopNav {
	width:100%;
	height:122px;
	background:url(images/BG_TopNav.jpg) repeat-x;
}

.TableCell {
	display:table-cell;
	vertical-align:top;
	text-align:justify;
}

/*BANNER****************************************************************************/
#Banner {
	width: 1006px;
	height: 434px;
	background:url(images/BG-Banner.png) no-repeat center;
}

#BannerVideo {
	width: 1006px;
	height: 405px;
	background:url(images/BG-BannerPlain.png) no-repeat center;
	text-align:justify;
	color: #FFF;
}

	#BannerVideo a {
		color: #ffa423;
	}
	
	#BannerVideo a:hover {
		color: #FFFFFF;
	}



#BannerInside {
	width: 1000px;
	height: 160px;
	background:url(images/BG-BannerInside.png) no-repeat;
	text-align:left;
	
	
}

	#BannerInside .Title {
	color:#FFF;
	font-family: 'pt_sansbold';
	font-size:52px;
	line-height:60px;
	letter-spacing:0px;
	text-shadow: 0px 3px 2px rgba(0,0,0,0.6);
	text-align:left;
	text-transform:uppercase;
	
}
	#BannerInside .Subtitle {
	color:#FFF;
	font-family: 'pt_sansregular';
	font-size:30px;
	line-height:36px;
	letter-spacing:0px;
	text-shadow: 0px 2px 1px rgba(0,0,0,0.6);
	text-align:left;
	text-transform:uppercase;
	
}

/*SIGN IN****************************************************************************/
#SignIn {
	background:url(images/BG-SignInBubble.png) no-repeat;
	width:418px;
	height:412px;	
}

	#SignIn .Title {
			font-family: 'pt_sansbold';
			color: #727272;
			font-size:24px;
			line-height:24px;
			letter-spacing:0px;
			text-transform:uppercase;
	}
	
#SignInPlain {
	background:url(images/BG-SignInBubble2.png) no-repeat;
	width:418px;
	height:412px;	
}

	#SignInPlain .Title {
			font-family: 'pt_sansbold';
			color: #727272;
			font-size:24px;
			line-height:24px;
			letter-spacing:0px;
			text-transform:uppercase;
	}
	
#SignInPlain3 {
	background:url(images/BG-SignInBubble3.png) no-repeat;
	width:378px;
	height:350px;	
}

	#SignInPlain3 .Title {
			font-family: 'pt_sansbold';
			color: #727272;
			font-size:24px;
			line-height:24px;
			letter-spacing:0px;
			text-transform:uppercase;
	}


/*CONTENT DIVS****************************************************************************/
#WhatWeDo {
	width: 1000px;
	height:420px;
	background-color:#FFF;
	-moz-box-shadow:0 8px 12px -6px rgba(0,0,0,0.3); /*horizontal offset, vertical offset, blur distance, spread distance, RGB colour and tranparency)*/
	-webkit-box-shadow: 0 8px 12px -6px rgba(0,0,0,0.3);
}

#AboutUs {
	width: 1000px;
	height:350px;
	background-color:#FFF;
	margin-top:8px;
	text-align:justify;
}

#Testimonials {
	width: 1000px;
	margin-top:15px;
	text-align:justify;
}

#Community {
	width: 1000px;
	background-color:#FFF;
	margin-top:8px;
	text-align:justify;
}

#Careers {
	width: 1000px;
	background-color:#FFF;
	margin-top:8px;
	text-align:justify;
}

#ClosedCaptioning {
	width: 1000px;
	background-color:#27282a;
	margin-top:8px;
	text-align:justify;
}

#ServicesCallRecording {
	width: 1000px;
	height:422px;
	background-color:#FFF;
	margin-top:8px;
	text-align:justify;
}

#UserGuideLink {
	width: 1000px;
	background:url(images/BG-UserGuide.png) no-repeat;
	height:98px;
	text-align:justify;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}
		#UserGuideLink a:link {
			color: #ffa423;
			text-decoration: none;
		}
		
		#UserGuideLink a:visited {
			color: #ffa423;
			text-decoration: none;
		}
		#UserGuideLink a:hover {
			color: #FFFFFF;
			text-decoration: none;
		}
		#UserGuideLink a:active {
			color: #000000;
			text-decoration: none;
		}


#HowItWorksCallRecording {
	width: 1000px;
	background-color:#FFF;
	margin-top:8px;
	text-align:justify;
}

#HowItWorksTranscription {
	width: 1000px;
	height:393px;
	background:url(images/BG_Services_Transcription.jpg) no-repeat;
	margin-top:8px;
	text-align:justify;
}

#Pricing {
	width: 1000px;
	background-color:#FFF;
	margin-top:8px;
}
	
	#Pricing .TableCol1 {
		height: 35px;
		width:299px;
		background:url(images/Pricing-Table_CallRecord-Col1BG.png) left no-repeat;
		font-size:15px;
		padding: 0px 20px 0px 20px;
	}
	
	#Pricing .TableCol2 {
		height: 35px;
		width:229px;
		background:url(images/Pricing-Table_CallRecord-Col2BG.png) left no-repeat;
		font-size:15px;
		padding: 0px 20px 0px 20px;
	}
	
	#Pricing .TableCol3 {
		height: 35px;
		width:232px;
		background:url(images/Pricing-Table_CallRecord-Col3BG.png) left no-repeat;
		font-size:15px;
		padding: 0px 20px 0px 20px;
		}
	
	#Pricing .TableCol4 {
		height: 35px;
		width: 240px;
		background:url(images/Pricing-Table_CallRecord-Col4BG.png) left no-repeat;
		font-size:15px;
		padding: 0px 20px 0px 20px;
		}
		
	#Pricing .BottomTR {
		font-size:12px;
		line-height:15px;
		padding: 0px 20px 0px 20px;
		color:#FFFFFF;
		text-align:justify;
	}
	
		#Pricing .TransTableCol1 {
			height: 35px;
			background:url(images/Pricing-Table_Trans-ColBG.png) repeat-x;
			font-size:15px;
			padding: 0px 20px 0px 20px;
		}
		
		#Pricing .TransTableCol2 {
			height: 35px;
			background:url(images/Pricing-Table_Trans-ColBG.png) repeat-x;
			font-size:15px;
			padding: 0px 20px 0px 20px;
		}
		
		#Pricing .TransTableCol3 {
			height: 35px;
			background:url(images/Pricing-Table_Trans-ColBG.png) repeat-x;
			font-size:15px;
			padding: 0px 20px 0px 20px;
			}
		
		#Pricing .TransTableCol4 {
			height: 35px;
			background:url(images/Pricing-Table_Trans-ColBG.png) repeat-x;
			font-size:15px;
			padding: 0px 20px 0px 20px;
			}
			
			#Pricing .TransBottomTR {
			font-size:12px;
			line-height:15px;
			padding: 0px 10px 0px 10px;
			color:#727272;
			text-align:center;
	}



#Partners {
	width: 1000px;
	background-color:#FFF;
	margin-top:8px;
	text-align:justify;
}

#Translation {
	width: 1000px;
	background-color:#FFF;
	margin-top:8px;
}
	
		#Translation .TransTableCol1 {
			height: 35px;
			background:url(images/Services-Table_Trans-ColBG.png) repeat-x;
			font-size:15px;
			padding: 0px 20px 0px 30px;
			text-align:left;
		}
		
		#Translation .TransTableCol2 {
			height: 35px;
			background:url(images/Services-Table_Trans-ColBG.png) repeat-x;
			font-size:15px;
			padding: 0px 20px 0px 30px;
			text-align:left;
		}
	

#SpecialNeeds {
	width: 1000px;
	background:url(images/BG_partners_specialNeeds.png);
	height:403px;
	text-align:justify;
}

#Developers {
	width: 1000px;
	background-color:#FFF;
	margin-top:8px;
	text-align:justify;
}

#GettingStarted {
	width: 1000px;
	background-color:#FFF;
	margin-top:8px;
	text-align:justify;
}

#FAQTranscription {
	width: 1000px;
	background-color:#27282a;
	margin-top:8px;
	text-align:justify;
}

#FAQCallRecording {
	width: 1000px;
	background-color:#FFFFFF;
	margin-top:8px;
	text-align:justify;
}

#Support {
	width: 1000px;
	background-color:#FFF;
	margin-top:8px;
	text-align:justify;
}

#HomeQuote {
	width: 1000px;
	height:102px;
	background:url(images/img-home_BGquote.png) no-repeat center;
	text-align:left;
	color:#727272;
	font-family: 'pt_sansregular';
	font-size:18px;
	line-height:24px;
	margin-top:12px;


	
}

/*BOTTOM NAV****************************************************************************/
#BtmNav {
	width: 1000px;
	height: 279px;
	background:url(images/BG-BottomNav.png) repeat-x;
	margin-top:8px;
}

.BtmNavText {
	color:#959591;
	text-decoration:none;
	font-family: 'pt_sansregular';
	font-size:16px;
	line-height:24px;
	letter-spacing:0px;
	}

	.BtmNavText a:link {
	color: #959591;
	text-decoration: none;
	}
	
	.BtmNavText a:visited {
		color: #959591;
		text-decoration: none;
	}
	.BtmNavText a:hover {
		color: #FFFFFF;
		text-decoration: none;
	}
	.BtmNavText a:active {
		color: #FFFFFF;
		text-decoration: none;
	}


.BtmNavText .BtmNavTitle {
	color:#FFF;
	font-size:18px;
	line-height:0px;
	text-decoration:none;
	text-transform:uppercase;
	padding: 10px 0px 10px 0px;
}

	.BtmNavText .BtmNavTitle a:link {
	color: #FFF;
	text-decoration: none;
	}
	
	.BtmNavText .BtmNavTitle a:visited {
		color: #FFF;
		text-decoration: none;
	}
	.BtmNavText .BtmNavTitle a:hover {
		color: #959591;
		text-decoration: none;
	}
	.BtmNavText .BtmNavTitle a:active {
		color: #959591;
		text-decoration: none;
	}


/*CONTACT FORM****************************************************************************/


#Contact {
	width: 1000px;
	height: 413px;
	background:url(images/BG-Contact.png) no-repeat;
	margin-top:8px;
	color:#FFFFFF;
	text-decoration:none;
	font-family: 'pt_sansregular';
	font-size:14px;
	line-height:20px;
	letter-spacing:0px;
}

	#Contact .Title {
		color:#FFFFFF;
		text-decoration:none;
		font-family: 'amertype_md_btmedium';
		font-size:40px;
		letter-spacing:0px;
		padding: 5px 0px 5px 0px;
	}
	#Contact .Subtitle {
		color:#1f79a6;
		text-decoration:none;
		font-family: 'pt_sansregular';
		font-size:14px;
		letter-spacing:0px;
		text-transform:uppercase;
	}

.ContactHR {
	background:url(images/div_HR_Contact.png) repeat-x;
	width:348px;
	height:7px;
	margin: 10px 0px 10px 0px;

}

/*FOOTER****************************************************************************/

#Footer {
	width: 1000px;
	height: 50px;
	font-size:12px;
	margin-top:8px;
	margin-bottom:40px;
}

/*CONFIRM LOGIN*********************************************************************/
#Confirm .submit input {  
    width: 260px;
	height:40px;  
    padding: 9px 15px;
	background:url(images/btn-bg_grey_long.png) no-repeat;
    border: 0;  
    font-size: 14px;  
    color: #727272; 
	font-family: 'pt_sansregular';
	text-transform:uppercase;
} 

#Confirm {
	width: 1006px;
	height: 405px;
	background:url(images/BG-BannerPlain.png) no-repeat center;
	text-align:justify;
	color: #FFF;
}

	#Confirm a {
		color: #ffa423;
	}
	
	#Confirm a:hover {
		color: #FFFFFF;
	}