/* colors:
sky blue - #3a9dc9
grass green - #90ce2a
lime green - #c1e21a
lite nav over green - #b3df68
old light beige - #eae6da
new light beige - #e8e8c4
dark beige - #d4cfb8
old orange - #f76000
new orange - #f54c00
lilac - #6280bd
dark brown - #59523f
? - #46402d */

.toktok{
/*margin:10px 0 0 0;
float:left;

	float:left;
	width:308px;
	color:#000;
	position:relative;

*/

/*pb
float:left;
    width:230px;
	position:relative;
    bottom:20px;
    left:-280px;
	height:150px;
	top:270px;
*/
	/*float:left;
    width:230px;
    position:absolute;
    bottom:20px;
    left:200px;
	height:150px;
	top:400px;
	left:350px;*/
	
float:left;
left:163px;
top:380px;
width:308px;
height:150px;
/*
	float:left;
	width:308px;
	top:380px;
	position:relative;
	*/

/*
position:relative;
left:-40px;
top:20px;
*/
}
.caption{
/*margin:10px 0 0 0;
float:left;*/

	float:left;
	width:308px;
	position:relative;
	top:470px;
	left:-290px;

/*
    width:230px;
	top:550px;
	left:370px;
*/

}

html .gainlayout { height: 1%; }

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
	background-color:#fff;
	color:#000;
	text-align:center;
	margin:0;
	padding:0;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#page{
	width:938px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding:0;
}

#page img{vertical-align:bottom; border:none;}

/* ==================== #header begins ==================== */
#header{
	background-color:#fff;
	width:937px;
	height:120px;
}
#header div.logo{
	float:left;
	width:140px;
	padding-top:20px;
}
#header div.hcontent{
	float:left;
	width:168px;
	height:107px;
	padding-top:13px;
	font-size:11px;
	color:#000;
	text-align:right;
}
#header div.hcontent ul{
	display:inline;
	margin:0 10px 0 0;
	padding:0;
	border:0;
	border-left:1px solid #000;
	list-style:none;
	list-style-type:none;
}
#header div.hcontent ul li{
	display:inline;
	margin:0;
	padding:0 5px;
	border:0;
	border-right:1px solid #000;
	list-style:none;
	list-style-type:none;
}
#header div.hcontent ul li a, #header div.hcontent ul li a:visited{
	font-size:11px;
	color:#000;
	text-decoration:none;
}
#header div.hcontent ul li a:hover{text-decoration:underline;}
#header div.hcontent div.searchclr{
	clear:both;
	padding-top:65px;
}
#searchform{
	display:inline;
}
#searchform input{
	font-size:11px;
	width:120px;
	height:17px;
	padding-top:3px;
	border:1px solid #b3b3b3;
}

#header #banner{
	position:relative;
	float:left;
	width:619px;
	height:110px;
	margin:10px 0 0 10px;
}

#header #banner span{
	position:absolute;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
	padding:40px 20px;
	z-index:2;
}

#header #banner img{
	position:absolute;
	margin:0;
	z-index:1;
}
/* ==================== #header ends ==================== */

/* ==================== #navigation begins ==================== */
#navigation{
	float:left;
	width:308px;
	color:#OOO;
	position:relative;
}

#navigation li{
	display:inline;
	margin:0;
	padding:0;
}

#navigation a, #navigation a:visited{
	display:block;
	padding:6px 0 6px 20px;
	margin:0;
	width:95px;
	font-size:11px;
	line-height:11px;
	color:#000;
	text-decoration:none;
}
#navigation a:hover{
	background-color:#fff;
}
#navigation ul{background:#e8e8c4; margin:0; padding:10px 0 0 0; position:relative; height:235px;}
#navigation ul li{margin:0; padding:0; list-style:none; width:115px;}
#navigation ul li:hover ul, #navigation ul li.over ul{
	visibility:visible;
}
#navigation ul li.out ul{
	visibility:hidden;
}
#navigation ul li:hover a.nav1, #navigation ul li.over a.nav1{
	background-color:#fff;
}
#navigation ul li ul{
	margin:0;
	padding:10px 0 0 0;
	visibility:hidden;
	position:absolute;
	top:0;
	left:115px;
	width:193px;
	height:235px;
	background-color:#90ce2a;
	color:#fff;
}
#navigation ul #nav1-8 ul{
	background-color:#90ce2a;
}

#navigation ul li ul li{margin:0; padding:0; list-style:none; width:193px;}
#navigation ul li ul li a, #navigation ul li ul li a:visited{
	display:block;
	padding:6px 0 6px 20px;
	margin:0;
	width:173px;
	font-size:11px;
	line-height:11px;
	color:#fff;
	text-decoration:none;
}
#navigation ul li ul li a:hover, #navigation ul li ul li.over a{
	background-color:#b3df68;
	color:#000;
}
#navigation ul li ul li.over ul{
	display:block;
	background-color:#90ce2a;
}
#navigation ul li ul li ul{
	margin:0;
	padding:0 0 0 0;
	border:0;
	position:relative;
	top:0;
	left:0;
	display:none;
	width:193px;
	height:auto;
	background-color:#90ce2a;
	color:#fff;
}
#navigation ul li ul li ul li{margin:0; padding:0; list-style:none; width:193px;}
#navigation ul li ul li ul li a, #navigation ul li ul li ul li a:visited, #navigation ul li ul li.over ul li a{
	display:block;
	padding:3px 0 3px 35px;
	margin:0;
	width:158px;
	font-size:11px;
	line-height:11px;
	background-color:#90ce2a;
	color:#fff;
	text-decoration:none;
}
#navigation ul li ul li ul li a:hover, #navigation ul li ul li ul li a.over{
	background-color:#90ce2a;
	color:#000;
}

#navigation #buttons{
	margin:10px 0 0 0;
	padding:0;
}

#navigation #buttons a{
	display:block;
	display:block-inline;
	height:41px;
	width:308px;
	padding:0;
	margin:0;
}
#navigation #buttons a span{
	visibility:hidden;
}

/*#navigation #buttons #irritation{background:transparent url(../../images/buttons/irritation.jpg) no-repeat left top;}
#navigation #buttons #quality{background:transparent url(../../images/buttons/quality.jpg) no-repeat left top;}
#navigation #buttons #gsm{background:transparent url(../../images/buttons/gsm.jpg) no-repeat left top;}
#navigation #buttons #transcoding{background:transparent url(../../images/buttons/transcoding.jpg) no-repeat left top;}
#navigation #buttons #irritation:hover{background:transparent url(../../images/buttons/irritation.jpg) no-repeat left -41px;}
#navigation #buttons #quality:hover{background:transparent url(../../images/buttons/quality.jpg) no-repeat left -41px;}
#navigation #buttons #gsm:hover{background:transparent url(../../images/buttons/gsm.jpg) no-repeat left -41px;}
#navigation #buttons #transcoding:hover{background:transparent url(../../images/buttons/transcoding.jpg) no-repeat left -41px;}*/

/*#navigation #buttons #exi{background:transparent url(../../images/buttons/exi.jpg) no-repeat left top;}
#navigation #buttons #pesq{background:transparent url(../../images/buttons/pesq.jpg) no-repeat left top;}
#navigation #buttons #echo{background:transparent url(../../images/buttons/echo.jpg) no-repeat left top;}
#navigation #buttons #vq{background:transparent url(../../images/buttons/vq.jpg) no-repeat left top;}
#navigation #buttons #irritation{background:transparent url(../../images/buttons/irritation.jpg) no-repeat left top;}
#navigation #buttons #von{background:transparent url(../../images/buttons/von.jpg) no-repeat left top;}
#navigation #buttons #fands{background:transparent url(../../images/buttons/fands.jpg) no-repeat left top;}
#navigation #buttons #exi:hover{background:transparent url(../../images/buttons/exi.jpg) no-repeat left -41px;}
#navigation #buttons #pesq:hover{background:transparent url(../../images/buttons/pesq.jpg) no-repeat left -41px;}
#navigation #buttons #echo:hover{background:transparent url(../../images/buttons/echo.jpg) no-repeat left -41px;}
#navigation #buttons #vq:hover{background:transparent url(../../images/buttons/vq.jpg) no-repeat left -41px;}
#navigation #buttons #irritation:hover{background:transparent url(../../images/buttons/irritation.jpg) no-repeat left -41px;}
#navigation #buttons #fands:hover{background:transparent url(../../images/buttons/fands.jpg) no-repeat left -41px;}
#navigation #buttons #von:hover{background:transparent url(../../images/buttons/von.jpg) no-repeat left -41px;}*/

/* ==================== #navigation ends ==================== */

/* ==================== #content begins ==================== */
#content{
	background:url(../../images/content.png) repeat-y right;
	float:left;
	padding:0;
	font-size:11px;
	line-height:14px;
}

#content #wrapa{
	background:#fff;
	width:619px;
	padding:10px 0 0 10px;
}

#content #wrapb{
	float:left;
	width:377px;
	padding:10px 15px 0 10px;
}

#content h1, #content h2{
	color:#f54c00;
	font-size:15px;
	font-weight:normal;
	line-height:18px;
	padding:0;
	margin:0 0 7px 0;
	}

#content h4{
	color: Green;
	font-size:15px;
	font-weight:normal;
	line-height:18px;
	padding:0;
	margin:0 0 2px 0;
}

#content p{
	margin:0;
	padding:0 0 15px 0;
}

#content ul{
	margin:0;
	padding:0 0 15px 15px;
}

#content table{
	clear:right;
	border-collapse:collapse;
	width:100%;
	margin:0 0 15px 0;
	padding:0;
}

#content table td{
	border:1px solid #000;
	padding:4px;
}

#content table th{
	background:#eae6da;
	color:#ff0000;
	font-weight:bold;
	border:1px solid #000;
	padding:4px;
}

#content table ul{
	margin:0;
	padding:0 15px;
}

#content a, #content a:visited{
	color:#f54c00;
	text-decoration:none;
}

#content a:hover{
	color:#000;
	text-decoration:underline;
}

/* ==================== #content #breadcrumbs begin ==================== */
#content #breadcrumbs{
	font-size:9px;
	color:#8c8c8c;
	padding-bottom:15px;
}
#content #breadcrumbs a, #content #breadcrumbs a:visited{
	font-size:9px;
	color:#8c8c8c;
	text-decoration:none;
}
#content #breadcrumbs a:hover{
	font-size:9px;
	color:#000;
	text-decoration:underline;
}
/* ==================== #content #breadcrumbs end ==================== */

/* ==================== #content classes begin ==================== */
#content .right{
	float:right;
}

#content .left{
	float:left;
}

#content .center{
	text-align:center;
}

#content .clear{
	clear:both;
}

#content p.pullquote{
	float:right;
	width:145px;
	margin-left:10px;
	color:#8c8c8c;
	font-size:13px;
	line-height:16px;
}

#content p.pullquote span{
	font-size:11px;
	display:block;
	margin:5px 0 0 0;
	padding:0 0 0 30px;
}
#content p.pullquote span.emphasis{
	font-weight:bold;
	color:#000000;
	display:inline;
	font-size:13px;
	padding:0;
}

#content .highlights{
	border-top:1px solid #8c8c8c;
	border-bottom:1px solid #8c8c8c;
	margin:0 0 15px 0;
	padding:5px 0;
}

#content .highlights h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	margin:0;
	padding:0;
}

#content .highlights ul{
	font-weight:bold;
	margin:0;
	padding:0 15px;
}

#content .partners{
	list-style-type:none;
	width:560px;
	margin:0 auto;
	padding:10px 0 20px;
}

#content .partners li{
	float:left;
	display:inline;
	width:180px;
	margin:10px 50px;
	padding:0;
}

#content .platforms{
	list-style-type:none;
	margin:0 auto;
	padding:10px 0 20px;
}

#content .platforms li{
	float:left;
	width:120px;
	margin:10px 20px;
	padding:0;
}

#content .notice{
	font-size:14px;
	font-weight:bold;
	color:#f00;
}
#content #demo-video{
	width:225px;
	height:149px;
	margin-bottom:15px;
	background-color:#000;
}
#content #demo-video div{
	width:225px;
	height:33px;
	padding:134px 12px 0 0;
}
#content #demo-video div.airplane-for-sale{
	background:transparent url(../../images/pg-vidchooser-arpln4salev1.jpg) no-repeat top left;
}
#content #demo-video div.airplane-noise{
	background:transparent url(../../images/pg-vidchooser-arplnoisev1.jpg) no-repeat top left;
}
#content #demo-video div.car-for-sale{
	background:transparent url(../../images/pg-vidchooser-car4sale.jpg) no-repeat top left;
}
#content #demo-video div.car-noise{
	background:transparent url(../../images/pg-vidchooser-carnoisev1.jpg) no-repeat top left;
}
#content #demo-video div a, #content #demo-video div a:visited{
	display:block;
	float:right;
	padding:1px;
	text-align:center;
	background-color:#727272;
	color:#fff;
	font-size:0.9em;
	line-height:9px;
	text-decoration:none;
}
#content #demo-video div a:hover{
	background-color:#90ce2a;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

/* ==================== #content classes end ==================== */

/* ==================== #sidebar begins ==================== */
#sidebar{
	float:left;
	width:227px;
	border-top:5px solid #fff;
	padding:10px 0;
	font-size:10px;
	color:#000;
}
#frostandsullivanlogo{
	width: 227px;
	background-color: White;
}
#sidebar h2{
	font-weight:bold;
	padding:0 0 10px 25px;
	margin:0 0 5px 0;
	border-bottom:2px solid #fff;
	font-size:11px;
	text-transform:uppercase;
	color:#13007c;
	background:transparent url(../../images/sdbr_h2_bg.gif) no-repeat 10px 3px;
}
#sidebar videofont{
	font-weight:bold;
	padding:0 0 10px 25px;
	margin:5px 0;
	border-bottom:2px solid #fff;
	font-size:11px;
	color:#13007c;
	background:transparent url(../../images/sdbr_h2_bg.gif) no-repeat 10px 3px;
}

#sidebar font{
font-weight:bold;
	padding:0 0 10px 25px;
	margin:0 0 5px 0;
	border-bottom:2px solid #fff;
	font-size:21px;
	text-transform:uppercase;
	color:#13007c;
}

#sidebar h3{
	padding:0 10px;
	margin:5px 0;
	font-size:10px;
	color:#ff0000;
}

#sidebar h4{
	padding:0 10px;
	margin:5px 0;
	font-size:14px;
	color:#ff0000;
	text-align:center;
}

/* VON landing page*/
#sidebar h5{
	text-align:left;
	padding:0 10px;
	margin:5px 0;
	font-size:10px;
	color:#000000;
}

#sidebar ul{
	padding:0 10px;
	margin:5px 0;
}
#sidebar ul li{
	padding:0 0 0 6px;
	margin:0 0 3px 0;
	background:transparent url(../../images/li-bg.gif) no-repeat left 5px;
	list-style:none;
	list-style-type:none;
}

#sidebar a, #sidebar a:link, #sidebar a:visited{
	color:#000;
	text-decoration:none;
}

#sidebar a:hover{
	text-decoration:underline;
}

#sidebar p{
	text-align:center;
}

#sidebar table{
	width:90%;
	padding:0;
	margin:5px 10px;
}

#sidebar table td{
	border:none;
	margin:0;
	padding:0 15px 0 0;
}
/* ==================== #sidebar ends ==================== */

/* ==================== #footer begins ==================== */
#footer{
	clear:both;
	width:933px;
	border-top:5px solid #fff;
	padding:4px 4px 4px 0;
	background-color:#000;
	color:#fff;
	font-size:9px;
	text-align:right;
}
#footer a, #footer a:visited{
	font-size:9px;
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	color:#fff;
	text-decoration:underline;
}
/* ==================== #footer ends ==================== */

div.brkr{
	clear:both;
}

/* legacy... still needed? */
div.box-a-subtitle{
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:15px;
}
div.box-a-content{
	padding:20px 60px 0 20px;
}
div.box-a-content p{
	padding:0;
	margin:0 0 10px 0;
}
div.box-a-content a, div.box-a-content a:visited{
	color:#000;
	text-decoration:none;
}
div.box-a-content a:hover{text-decoration:underline;}
span.box-a-hilite{
	color:#f76000;
	font-weight:bold;
}
div.pdfdl{
	float:right;
}
.show{
	display:block;
}
.hide{
	display:none;
}
ul.navon{
	display:block;
	z-index:-10;
}
.row {
	background-color:#e8e8c4;
	vertical-align:middle;
}
.row1{
	background-color:#fff;
	vertical-align:middle;
}
.req-element{
	color:#ff0000;
}
table.tform{
	padding:0;
	margin:0;
	border:0;
	vertical-align:middle;
}
table.tform td{
	padding:5px;
	margin:0;
	border:0;
	color:#46402d;
	line-height:14px;
	vertical-align:middle;
}
form, input, textarea, select, option{
	font-size:11px;
}

.upper-roman {list-style-type: upper-roman;}
.lower-roman {list-style-type: lower-roman;}
.lower-alpha {list-style-type: lower-alpha;}
.list-style-none {list-style-type: none;}
