/*** Style Definitions ***/
html			{
	font-family: Tahoma, Geneva, sans-serif;
}

/*** content-area ***/
#basic {
	height: 620px;
	width: 1200px;
/***		height: 620px;
	width: 1200px;**/
	margin-right: auto;
	margin-left: auto;
	z-index: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	position: absolute;
	left: auto;
	right: auto;
	-moz-box-shadow:
		0px 1px 10px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 10px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 10px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
}

.content-area					{ width:100%; height:620px; overflow:hidden; }
#content-area-1			{
	width: 100%;
	height: 100%;
	background-image: url(../images/bg/bg1.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#content-area-2			{
	width: 100%;
	height: 100%;
	background-image: url(../images/bg/bg2.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#content-area-3			{
	width: 100%;
	height: 100%;
	background-image: url(../images/bg/bg3.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#content-area-4			{
	width: 100%;
	height: 100%;
	background-image: url(../images/bg/bg4.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#content-area-5			{
	width: 100%;
	height: 100%;
	background-image: url(../images/bg/bg5.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#content-area-6			{
	width: 100%;
	height: 100%;
	background-image: url(../images/bg/bg6.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#content-area-7			{
	width: 100%;
	height: 100%;
	background-image: url(../images/bg/bg7.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#content-area-8			{
	width: 100%;
	height: 100%;
	background-image: url(../images/bg/bg8.jpg);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

/*#cloud2					{ position:relative; top:-262px; }*/


/*** Header ***/
h1#logo				{ background:url(../images/isignage-logo2012.png) top left no-repeat; height:57px; width:230px;
						text-indent:-9999px; position:absolute; top:35px; left:35px; }

#isignage-description			{
	height: 57px;
	width: 310px;
	position: absolute;
	top: 100px;
	left: 35px;
	font-family: Tahoma, Geneva, sans-serif;	
	font-size: 11px;
	text-align: justify;
}
/*-- end Social network */
#social-network			{
	height: 30px;
	width: 300px;
	z-index: 51;
	position: absolute;
	top: 580px;
	left: 380px;
}

#social-network2			{
	height: 30px;
	width: 210px;
	z-index: 51;
	position: absolute;
	top: 585px;
	left: 460px;
}
/*-- end Social network */
.title {
	font-family: Tahoma, Geneva, sans-serif;	
	font-size: 34px;
	font-weight: normal;
}

.wording {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-align: justify;
	text-decoration: none;
	line-height: 16px;
}


.wording-button {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}

.wording a{
color:#1A1A1A;
text-decoration:none;
}

.wording a:hover {
	color: #505050;

}

.wording a:visited {
	color: #1A1A1A;

}

.caseyear {
	float: left;
	margin-right: 10;
	margin-bottom: 10;
}



.special {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-align: justify;
	text-decoration: none;
	line-height: 16px;
	color: #C00;
	font-style: italic;
}

.datasheet-dl {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	text-decoration: none;
	background-image: url(../images/pdf-download.png);
	background-repeat: no-repeat;
	padding-left: 23px;
	font-weight: bold;
}
.datasheet-dl a{
color:#900;
text-decoration:none;
}

.datasheet-dl a:hover {
	color: #505050;
	text-decoration: underline;
}

.datasheet-dl a:visited {
	color: #C60;
	text-decoration: underline;
}

.brochure-dl {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	height: 100px;
	width: 65px;
	float: right;
	text-align: center;
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.brochure-dl a{
color:#900;
text-decoration:none;
}

.brochure-dl a:hover {
	color: #505050;
	text-decoration: underline;
}

.brochure-dl a:visited {
	color: #C60;
	text-decoration: underline;
}

.heading {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #C00;
}
.subhead {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #C00;
}


#menu				{
	float: right;
	position: absolute;
	top: 35px;
	right: 35px;
	z-index: 10;
	font-weight: bold;
	font-size: 11px;
	background-image: url(../images/button_bg.png);
	height: 57px;
	width: 790px;
	background-repeat: repeat-x;
}

#menu a				{
	color: #696969;
	text-decoration: none;
	background-image: url(../images/bullet-is-0.png);
	background-repeat: no-repeat;
	padding-left: 17px;
	padding-right: 17px;
}
					
#menu a:hover				{
	color: #CC0000;
	text-decoration: none;
	background-image: url(../images/bullet-is-1.png);
	background-repeat: no-repeat;
	padding-left: 17px;
	padding-right: 17px;
}

#menu a.selected				{
	color: #000000;
	text-decoration: none;
	position: absolute;
	top: 25px;
	background-image: url(../images/bullet-is-1.png);
	background-repeat: no-repeat;
	padding-left: 17px;
	padding-right: 17px;
}

#menu ul {
	float: left;
	cursor: pointer;
	position: relative;
	visibility: inherit;
}
#menu li			{
	float: left;
	cursor: pointer;
}

#menu li.short			{
	width: 90px;
	height: 50px;
}

#menu li.medium			{
	width: 110px;
	height: 50px;
}

#menu li.long			{
	width: 120px;
	height: 50px;
}


#menu li.cls {
	z-index: 10;
	display: none;
	background: #e0e0fe;
	position: relative;
	visibility: inherit;
	overflow: auto;
	height: 15px;
	width: 100px;
}


#wrapper	{
	width: 100%;
	height: 100%;

	position: absolute;
	top: -6px;
	left: 2px;
	overflow: hidden;
}

#mask		{ width:700%; height:100%; } 
/*-- 7 pages = 700%*/
#copyr	{
	width: 1130px;
	height: 50px;
	position: absolute;
	left: 35px;
	top: 590px;
	right: 35px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-align: right;
	font-weight: normal;
	font-variant: normal;
}

#mask2		{ width:400%; height:100%; }

#icons	ul {
	list-style: none;
	position: absolute;
}

#icons	li {
	float: left;
	padding: 0;
	text-align: center;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 10;
	margin-left: 0;
	background-repeat: repeat;
	background-position: 0 0;
}

#icons	li.i-p a {display:block;width: 70px;height:70px;
								background-image: url(../images/module-icons/i-p.jpg);}
#icons	li.i-p a:selected	{	background-image: url(../images/module-icons/i-p2.jpg);}
#icons	li.i-p a:hover 		{	background-image: url(../images/module-icons/i-p2.jpg);}

#icons	li.i-m a {display:block;width: 70px;height:70px;
								background-image: url(../images/module-icons/i-m.jpg);}
#icons	li.i-m a:selected	{	background-image: url(../images/module-icons/i-m2.jpg);}
#icons	li.i-m a:hover 		{	background-image: url(../images/module-icons/i-m2.jpg);}

#icons	li.i-e a {display:block;width: 70px;height:70px;
								background-image: url(../images/module-icons/i-e.jpg);}
#icons	li.i-e a:selected	{	background-image: url(../images/module-icons/i-e2.jpg);}
#icons	li.i-e a:hover 		{	background-image: url(../images/module-icons/i-e2.jpg);}

#icons	li.i-q a {display:block;width: 70px;height:70px;
								background-image: url(../images/module-icons/i-q.jpg);}
#icons	li.i-q a:selected	{	background-image: url(../images/module-icons/i-q2.jpg);}
#icons	li.i-q a:hover 		{	background-image: url(../images/module-icons/i-q2.jpg);}

#icons	li.i-me a {display:block;width: 70px;height:70px;
								background-image: url(../images/module-icons/i-me.jpg);}
#icons	li.i-me a:selected	{	background-image: url(../images/module-icons/i-me2.jpg);}
#icons	li.i-me a:hover 		{	background-image: url(../images/module-icons/i-me2.jpg);}

#icons	li.i-x a {display:block;width: 70px;height:70px;
								background-image: url(../images/module-icons/i-x.jpg);}
#icons	li.i-x a:selected	{	background-image: url(../images/module-icons/i-x2.jpg);}
#icons	li.i-x a:hover 		{	background-image: url(../images/module-icons/i-x2.jpg);}

#icons	li.i-s a {display:block;width: 70px;height:70px;
								background-image: url(../images/module-icons/i-s.jpg);}
#icons	li.i-s a:selected	{	background-image: url(../images/module-icons/i-s2.jpg);}
#icons	li.i-s a:hover 		{	background-image: url(../images/module-icons/i-s2.jpg);}

#icons	li.i-b a {display:block;width: 70px;height:70px;
								background-image: url(../images/module-icons/i-b.jpg);}
#icons	li.i-b a:selected	{	background-image: url(../images/module-icons/i-b2.jpg);}
#icons	li.i-b a:hover 		{	background-image: url(../images/module-icons/i-b2.jpg);}


#gallery	ul {
	list-style: none;
	position: absolute;
}

#gallery	li {
	float: left;
	font-size: 10px;
	text-decoration: none;
	overflow:hidden;
	/* font-weight: bold;*/
}

#gallery	li a {
	/* 	display: block;
	width: 100px;
	height: 110px;
	background-color: rgba(153,153,153,0.3); */
	
	color: #FFF;
	text-decoration: none;

}

#gallery	li a:hover 		{
	color: #FC0;
	text-decoration: underline;
}

.gallery-content {
	padding: 5;
}

.boxgrid{
	width: 120px;
	height: 78px;
	margin-top: 10;
	margin-right: 10;
	margin-bottom: 10;
	margin-left: 0;
	float: left;
	background: #161613;
	overflow: hidden;
	position: relative;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute;
				background-color: #4C4C4C;
				/* background: rgba(0,0,0,0.7); IE not working*/
				height: 78px; /* caption height */
				width: 100%; 
				opacity: .9; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
 			}
 				.captionfull .boxcaption {
 					top: 58;
 					left: 0;
 				}/* normal caption pos */
 				.caption .boxcaption {
 					top: 38;
 					left: 0;
 				}/* hover caption pos */

.left-title {
	font-weight: bold;
	font-size: 13px;
	height: 25px;
	margin-bottom: 10px;
}

.clientlogo {
	float: left;
	padding: 0;
	text-align: center;
	margin-right: 10;
	margin-bottom: 10;
}

.clientlogo.low {
height: 25;
}

.clientlogo.mid {
height: 35;
}

.clientlogo.high {
height: 45;
margin-right: 15;
}

#submenu	ul {
	float: left;
	cursor: pointer;
	position: relative;
	visibility: inherit;
}

#submenu	li {
	float: left;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

#submenu li.short			{
	width: 95px;
	height: 22px;
}

#submenu li.medium			{
	width: 120px;
	height: 22px;
}

#submenu li.long			{
	width: 220px;
	height: 22px;
}

#submenu a {
	text-decoration: none;
	background-image: url(../images/bullet-is-0.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 17px;
	padding-right: 17px;
	color: #666;
	}
#submenu a:selected	{
	text-decoration: none;
	background-image: url(../images/bullet-is-1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 17px;
	padding-right: 17px;
	color: #C00;
	}
#submenu a:hover 		{
	text-decoration: none;
	background-image: url(../images/bullet-is-1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 17px;
	padding-right: 17px;
	color: #C00;
}
.submenuSelected	{
	text-decoration: none;
	background-image: url(../images/bullet-is-1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 17px;
	padding-right: 17px;
	color: #C00;
	}


.box		{ width:1200px; height:100%; float:left; }
/*1200x can be percentage */

.highlight	{
	border: thin dotted #C00;	/*background-color: rgba(255,0,0,0.3);*/
	padding: 10px;
	width: 440px;
	height: 100px;
}
.highlight2	{
	border: thin dotted #C00;
	padding: 10px;
	width: 300px;
	height: 120px;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}

.content	{
	width: 1130px;
	height: 400px;
	top: 90px;
	left: 35px;
	position: relative;
	/*background-color: rgba(255,0,0,0.3);*/
}

.content-details	{
	width: 800px;
	height: 400px;
	left: 340px;
	top: 90px; 
	position: absolute;
	/*background-color: rgba(255,0,0,0.3);*/
}

.content-details-scroll	{
	width: 800px;
	height: 400px;
	left: 340px;
	top: 90px; 
	overflow: auto;
	position: absolute;
	/*background-color: rgba(255,0,0,0.3);*/
}

.content-details-large	{
	width: 1130px;
	height: 400px;
	left: 0px;
	top: 90px; 
	position: absolute;
}
.content-small	{
	width: 760px;
	height: 800px;
	position: relative;
	top: 0px;
	left: -5px;
/*	background-color: rgba(255,0,0,0.3);*/
}

.content-large	{
	width: 1090px;
	height: 700px;
	position: relative;
	top: 0px;
	left: 0px;
/*	background-color: rgba(255,0,0,0.3);*/
}

.left-pic	{
	float: left;
	width: 320px;
	height: 390px;
	top: 0px;
	left: -10px;
	position: relative;
/*	background-color: #900;*/
}

/*.submenu-container			{
	position: relative;
	top: -10px;
	z-index:50;
	left: 340px;
	height: 100px;
	width: 770px;
}*/

.banner-pos	{
	width: 500px;
	height: 70px;
	position: absolute;
	top: 310px;
	left: 0px;
/*	background-color: rgba(255,0,0,0.3);*/
}

.submenu-products	{
	width: 400px;
	height: 100px;
	position: relative;
	z-index:50;
	top: 0px;
	left: 538px;
/*	background-color: rgba(255,0,0,0.3);*/
}

.submenu-applications	{
	width: 500px;
	height: 100px;
	position: relative;
	z-index:50;
	top: 0px;
	left: 648px;
/*	background-color: rgba(255,0,0,0.3);*/
}

.submenu-casestudy	{
	width: 400px;
	height: 100px;
	position: relative;
	z-index:50;
	top: 0px;
	left: 768px;
/*	background-color: rgba(255,0,0,0.3);*/
}

.products {
	width: 760px;
	height: 2800px;
	float: left;
}

.applications {
	width: 1070px;
	height: 4000px;
	float: left;
}

.icon-group	{ width:320px; height:400px; top: 100px; left:0px; position:absolute; /*background-color: rgba(255,0,0,0.3);*/}

.wording-area	{
	width: 770px;
	height: 400px;
	top: 0px;
	left: 0px;
	position: absolute; /*background-color: rgba(255,0,0,0.3);*/
}

.wording-area-large	{
	width: 740px;
	height: 400px;
	top: 0px;
	left: 330px;
	position: absolute; /*background-color: rgba(255,0,0,0.3);*/
}

.pic-area	{
	float: right;
	width: 350px;
	height: 280px;
	margin-left: 20px;
}

.pic-area2	{
	float: right;
	width: 300px;
	height: 179px;
	margin-left: 20px;
}


.products-pic	{
	float: right;
	width: 300px;
	height: 250px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 20px;
	padding-bottom: 20px;
}

.products-vert	{
	float: right;
	width: 120px;
	height: 205px;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 20px;
	padding-bottom: 20px;
}

.products-title	{
	float: left;
	width: 770px;
	height: 62px;
	margin-right: 0px;
	margin-bottom: 0px;
}
					
.sbi_content{
	position: absolute;
	border-top: 2px solid #000;
	bottom: 90px;
	left: 0px;
	width: 100%;
	background: transparent url(../images/pattern.png) repeat top left;
	display: none;
	overflow: auto;
	visibility: visible;
}
.sbi_content ul{
	padding:10px;
}
.sbi_content ul a{
	display:block;
	color:#f0f0f0;
	font-size:16px;
	padding:4px 6px 4px 14px;
	background:transparent url(../images/triangle.png) no-repeat 3px 50%;
	opacity:0.9;
}
.sbi_content ul a:hover{
	background-color:#000;
	color:#fff;
	-moz-box-shadow:1px 1px 5px #000;
	-webkit-box-shadow:1px 1px 5px #000;
	box-shadow:1px 1px 5px #000;
}
.social-icon {
	float: left;
	height: 30px;
	width: 30px;
	margin-right: 10px;
}