@charset "utf-8";
body {
	margin:0;	padding:0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	background-image:url(../images/bk4.gif); /* #dedfc7 */
	background-repeat:repeat;
}
html, body, p, div, img, h2, h3, h4, ol, dl, dd, dt, form, table, td, tr {
	margin:0px;
	padding:0px;
	border:0px;
	border-collapse:separate;
	border-spacing:0px;
}


.vidcontainer{
	border:1px solid #666;
	width:425px; height:344px;
	float:right;
	margin-bottom:15px;
	margin-right:40px;
}

 #imghover {
	list-style-type:none;
	margin-left:300px; margin-top:-19px;
	padding:0;
	
	}
#imghover li{
	display:inline;
}
#imghover li a{
	float:left;
	width:45px;
	text-decoration:none;
	font-size:.7em;
	color:#009;
}
#mainbox{
padding-top:30px;	
}
p b{
padding-left:2px;
}
#cornerpic {
	position:absolute;
	top:27px;
	right:31px;
}
iframe{
	border:1px solid #000;
	margin-bottom:30px;
}
.cent img{
	border:1px solid red;
	margin-right:40px;
}

/* 000000000000000000000000000000000000000000 */
#leftcol {
	margin-left:42px;
	width:790px;
	float:left;
	padding:0px 16px;
	background:#fff;
}
img.fltright {
	float:right;
	padding:3px;
	margin-left:14px;
	margin-bottom:9px;
	border:1px solid #555;
}
img.fltright2{
	float:right;
	margin-top:-20px;
	padding-left:10px;
}
p img.fltright3{
	float:right;
	border:none;
	margin-top:-30px;
	padding-left:10px;
}
p img.fltright4{
	float:right;
	border:none;
	margin-top:-30px;
	padding-left:10px;
}
img.fltleft {
	float:left;
	padding:3px;
	margin-right:14px;
	border:1px solid #555;
}
img.gal{
	margin-top:-35px;
}
#leftcol2 {
	margin-left:10px;
	margin-top:20px;
	width:880px;
	float:left;
	padding:10px 6px;
	border:3px outset #999;
	background:#fff;
}
#leftcol2 .constructpic {
	float:right;
}
.newspic {
	position:absolute;
	top:230px;
	right:20px;
}
.layoutfx #header {
	padding: 0px;
	color:#727359;
	height:130px;
	width:919px;
	margin:0px auto;
	position:relative;
	background: #f3f3f3 url(../images/headerbk4.jpg) repeat-x;t-x;
}
#navcontainer h1.logo {
	display:inline;
}
#navcontainer h1.logo img {
	margin:14px 20px 0px 20px;
	width: 222px;
	height: 102px;
	background: #f3f3f3;
	float:left;
	}
#navcontainer h1.logo img.headpic2{
	margin:19px 0px 0px 0px;
	width: 130px;
	height: 89px;
	float:left;
	}	
#container {
	background:#ffffff url(../images/contentbk.jpg) repeat-x 0px 40px;
	width:920px;
	padding:0;
	position:relative;
	margin:0 auto;
}
#container p {
	padding:4px 52px;
	font:.75em/1.4em Arial, Helvetica, sans-serif;
	text-align:left;
}
#leftcol p {
	padding:4px 20px;
}
#mainbox h3 {
	color:#000;
	margin-left:70px;
	text-align:left;
	font: 1.1em Georgia, "Times New Roman", Times, serif;
}
#mainbox h3.h3_vid{
	margin-left:20px;
	
}
#mainbox p {
	font:.75em/1.4em arial, Helvetica, sans-serif;
	text-align:justify;
	padding:.3em 8em;
	color:#222;
}
#container td p{
	width:380px;
	font:.75em/1.3em Verdana, Geneva, sans-serif;
	padding:10px 0px 0px 40px;
	
}
strong, .para_accord h3 {
	font:bold 100% Georgia, "Times New Roman", Times, serif;
	color:#000;
}
#mainbox h5{
	text-align:left;
	font:bold 1em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform:uppercase;
	padding-left:80px;
	color:#444;
	margin:0;
	padding-top:0;
	font-variant:small-caps;
}
.divider {
	border-top:1px dotted #444;
	height:1px;
	margin:5px 42px 20px 42px;
	padding-bottom:12px;
	clear:both;
}


#section {
	list-style-type:none;
	margin-right:14px;
}
#section li {
	display:inline;
	margin-right:20px;
}
/* -------- PIC SCROLLER///////////////////////////////////////// */
.hd {
	display:none;
}




ul#pic_scroller {
	list-style-type:none;
	margin:0px;
	width:517px;
	float:right;
	padding:0px;
}
ul#pic_scroller li img {
	border-style:none;
	padding: 0px;
}
/* ------ Horizontal Nav Slider ///////////////////////////////////////// */
#hslider {
	width:598px;
	margin:20px 0px 10px 5px;
	float:left;
	background:#ccc;
	position:relative;
}
#hmenu li a, #hmenu li a:link, #hmenu li a:visited {
	color:#ffffff;
	cursor:hand;
}
.clear {
	clear: both
}
h2 {
	font:1.3em Georgia, "Times New Roman", Times, serif;
	text-align:left;
	margin:15px 0px 2px 90px;
}
#mainbox h2 {
	color:#000099;
	margin:5px auto 10px 68px;
	font-variant:small-caps;
	font:bold 1.2em "trebuchet ms", Helvetica, sans-serif;
	padding:0;
}

#container p.tight {
	color:#222;
	padding:.4em 9em;
	text-align:left;
	font:.8em Arial, Helvetica, sans-serif;
}
#container p.constructp {
	font:1.2em Georgia, "Times New Roman", Times, serif;
	padding:20px;
	border:1px solid red;
}
em {
	font-weight:bold;
	color:#000;
	font-style:normal;
}
/* /////////////////////////////////////////////////////////////////////////////////////////////// */
#nav {
	height: 48px;
	position: relative;
	/*font-size: 11px;*/
	z-index: 1500;
	background:#f3f3f3 url(../images/navbk2.gif) repeat-x;
	border-left:1px solid #ccc;
	border-right:3px solid #F0F0F0;
}
#nav extra {
	text-align:center;
	color:#222;
	border:1px solid #fff;
	line-height:.4em;
}
#nav ul li a, #nav ul li a:visited {
	display: block;
	text-decoration: none;
	/*width: 122px;*/
	height: 48px;
	overflow: hidden;
	/*background: #da4035;*/
	text-align: center;
	line-height: 31px;
	border-right:1px solid #999;
	border-left:1px solid #fff;
}
#nav ul li.lastnavitem a, #nav ul li.lastnavitem a:visited {
/*width: 122px;*/
}
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav ul li {
	float: left;
	position: relative;
}
#nav ul li ul {
	display: none;
}
/* specific to non IE browsers */
#nav ul li:hover a {
	color: #fff;
}
#nav ul li ul a {
	border-top:1px solid #fff;
	border-bottom:1px solid #dce1e9;
}
#nav ul li:hover ul {
	display: block;
	position: absolute;
	top: 48px;
	left: -1px;
	width: 201px;
	border: 0;
	z-index: 1501;
	border: 1px solid #b7b7b7;
	border-width: 0 0px 1px 1px;
}
#nav ul li ul a {
	border-top:1px solid #fff;
	border-bottom:1px solid #adb3bd;
}
#nav ul li:hover ul li a.hide {
	background: #494949;
	color: #bcbcbc;
	text-align: left;
	line-height: normal;
}
#nav ul li:hover ul li:hover a.hide {
	background: #494949;
	color: #bcbcbc;
}
#nav ul li:hover ul li ul {
	display: none;
}
#nav ul li:hover ul li a {
	text-align: left;
	line-height: normal;
	display: block;
	background: #CCCCCC url(../images/libkupdown.gif) repeat-x;
	background-position:bottom left;
	height: auto;
	/*line-height: 14px;*/
	color: #333;
	width: 201px;
	font-size:.75em;
	font-weight:bold;
	padding: 2px 2px;
}
#nav ul li:hover ul li a span {
	display: block;
	padding: 12px 0;
	margin: 0 10px;
}
#nav ul li:hover ul li a span.first {
	border-top: 0 none;
}
#nav ul li:hover ul li a:hover {
	/* second level menu */
	background: #e2e2e8 url(../images/libkupdown.gif) repeat-x;
	background-position:left top;
	border-top:1px groove #fff;
	color: #373737;
	padding: 3px 1px 1px 3px;
}
#nav ul li:hover ul li:hover ul {
	display: block;
	position: absolute;
	left: 105px;
	top: 0;
}
#nav div {
	float: left;
}
.pdiv {
	height:4px;
	margin-top:10px;
	width:740px;
	border-bottom:2px inset #ccc;
}
#nav li a span.img {
	/*overflow: hidden;*/
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	cursor: pointer;
	cursor: hand;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
img {
	border: none;
	vertical-align: top;
}
th, td {
	vertical-align: top;
}
.clear {
	height: 0em !important;
	line-height: 0em !important;
	clear: both !important;
	font-size: 1px !important;
	float: none !important;
	padding: 0em !important;
	margin: 0em !important;
	display: block !important;
	visibility: hidden !important;
	overflow: hidden !important;
}
#navcontainer {
	text-align: center;
	height: 130px;
	width:100%;
}
#navcontainer #navcontainer_inside {
	margin: 0 auto;
	text-align: left;
	width: 920px;
}
#nav a:hover {
	background: transparent;
}
#nav a img.navitem_off, #nav a:hover img.navitem_hover, #nav li:hover img.navitem_hover {
	display: block;
}
#nav a img.navitem_hover, #nav a:hover img.navitem_off, #nav li:hover img.navitem_off {
	display: none;
}
#nav_item_sony a {
	width: 143px;
}
#nav_item_products a {
	width: 143px;
}
#nav_item_support a {
	width: 143px;
}
#nav_item_aboutus a {
	width: 143px;
}
#nav_item_contact a {
	width: 143px;
}
#nav_item_projects a {
	width: 143px;
}
body.bg_default {
	background: url(default_home/gr_bg_home-rpt.jpg) 0 173px repeat-x;
}
#bodycontainer {
	text-align: center;
}
#bodycontainer #bodycontainer_inside {
	margin: 0 auto;
	text-align: left;
	width: 943px;
}
ul.quest {
	text-align:left;
	margin:0px 0px 0px 115px;
	color:#222;
	font:.75em Arial, Helvetica, sans-serif;
}
ul.quest li {
	padding-top:2px;
	padding-bottom:2px;
	padding-right:4px;
	border-bottom:4px solid #fff;
}
ul.quest li:hover {
	border-bottom:4px solid #003399;
	color:#000;
}
/* ----------Tool Tip /////////////////////////////////////////////////// */
.glidecontent pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}
 .glidecontent #tooltip{
	position:absolute;
	border:1px solid #333;
	font: .75em Arial, Helvetica, sans-serif;
	background:#FF3;
	padding:4px 7px;
	color:#333;
	display:none;
	}
.glidecontent .plantip{
	text-decoration:none;
	font-weight:bold;
	color:#444;
}

/* //////////////////------ FOOTER ////////////////////////////////////////////////// */
#footer {
	width:920px;
	margin:0 auto;
	height:54px;
	padding-top:5px;
	position:relative;
	font:normal 10px/32px verdana, arial, helvetica, sans-serif;
	text-align:center;
	background:url(../images/footerbk8.gif) no-repeat 0px 0px;
}
#footer ul {
	list-style:none;
	text-align:center;
	padding:0;
	margin:0px 0px 0px 0px;
}
#footer li {
	display:inline;
	padding:0 10px;
}
#footer li a, #footer li a:active, #footer li a:visited {
	color:#666;
	margin-top:3px;
	text-decoration:none;
	text-align:center;
}
#footer li a:hover {
	text-decoration:underline;
	color:#000;
}
.left {
	float:left;
	margin:20px 0px 0px 8px;
}

.fltdivphone{
	position:absolute;
	top:520px;right:15px;
	width:117px;
	height:145px;
	background:url(../images/iphoneweb.png) no-repeat;
}
.fltdivphone2{
	position:absolute;
	top:790px;right:18px;
	width:117px;
	height:145px;
	background:url(../images/iphoneweb.png) no-repeat;
}
img.flt_phone{
	position:absolute;
	right:16px;
	top:270px;
}
/* /////////////////////////////////////////////////////////////////////////////////////////////// */
/* HORIZONTAL SCROLLER /////////////////////////////////////////////////////////////////////////// */

.glidecontentwrapper {
	position: relative; /* Do not change this value */
	width: 787px;
	height: 135px; /* Set height to be able to contain height of largest content shown*/
	border-left: 1px solid #bebebe;
	border-right: 1px solid #bebebe;
	padding:5px 5px 5px 7px;
	background:#ebeaea url(../images/hscrollerbk.gif) repeat-x 0px -2px;
	overflow: hidden;
}
/*  Total wrapper width: 350px+5px+5px=360px Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments */
	
.glidecontent { /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	background:#ebeaea url(../images/hscrollerbk.gif) repeat-x;
	padding: 10px;
	margin-top:-7px;
	text-align:left;
	visibility: hidden;
	width:760px;
}
#container .glidecontent p.scrollertext {
	font:.7em/1.4em verdana, "Courier New", Courier, monospace;
	padding-top:12px;
	}
.glidecontent img {
	border:1px solid #999;
	background-color:white;
	margin-right:12px;
	margin-left:5px;
	margin-top:5px;
}
/*  Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/
.glidecontenttoggler { /*style for DIV used to contain toggler links. */
	width: 360px;
	margin-top: 8px;
	text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*  Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding) */

.glidecontenttoggler a { /*style for every navigational link within toggler */
	display: -moz-inline-box;
	display: inline-block;
	border: 1px solid #666;
	color: #2e6ab1;
	padding: 2px 5px;
	margin-right: 3px;
	font:.7em arial, Verdana, Geneva, sans-serif;
	text-decoration: none;
}
.glidecontenttoggler a.selected { /*style for selected page's toggler link. ".selected" class auto generated! */
	background: #b4bec8;
	color: black;
}
.glidecontenttoggler a:hover {
	background: #0b2587;
	color: white;
}
.glidecontenttoggler a.toc { /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next { /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover {
	background: #1A48A4;
	color: white;
}
/* --------- pic /////////////////////////////////////// */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 20px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* 8888888888888888888888888888888888888888888888888888 */
	#gallery {
		width: 700px;
		float:right;
		margin-right:67px;
	}
	#gallery img {
		border: 1px solid #555;
		border-width: 1px;
		padding:4px;
		margin-bottom:20px;
	}
	#gallery ul a:hover img {
		border: 1px solid blue;
		border-width: 1px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }