﻿/*
Home
*/

.infobox
{
	position:relative;
	top:60px;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.infotitlediv
{
	position:absolute;
	height:30px;
	top:30px;
	left:0px;
	z-index:10;
}

.infotitle
{
	position:relative;
	margin-top:0px;
	text-align:center;
	font-size:22px;
	font-weight:normal;
	border:none;
	padding:0;
}

.infotitle a
{
	text-decoration:none;
	color:Black;
}

.infotitle a:hover
{
	color:Blue;
}

.homeinfocellswidth
{
	width:230px;
}

.infocontext
{
	width:200px;
	text-align:left;
	position:absolute;
	left:20px;
	top:60px;	
	z-index:10;
	overflow:auto;
}

.infocontext-1
{
	text-align:left;
	position:absolute;
	z-index:10;
	overflow:auto;
	left:25px;
}

.infobackimage
{
	position:relative;
	left:0px;
	top:0px;	
	z-index:1;
	height:280px;
}

.infobackimage-1
{
	position:relative;
	left:0px;
	top:0px;	
	z-index:1;
	height:130px;
	width:760px;
}

.infobackimage-2
{
	position:relative;
	left:0px;
	top:0px;	
	z-index:1;
	height:130px;
	width:200px;
}


/*
Technology
*/
.technobox
{
	position:relative;
	top:50px;
	*top:70px;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.technotitlediv
{
	position:absolute;
	height:30px;
	top:20px;
	left:20px;
	z-index:10;
}

.technotitle
{
	position:relative;
	margin-top:0px;
	font-size:22px;
	font-weight:normal;
	border:none;
	padding:0;
}

.hometechnocellswidth
{
	width:620px;
}

.technocontext
{
	text-align:left;
	position:absolute;
	left:40px;
	top:20px;	
	z-index:10;
	overflow:auto;

}

.technobackimage
{
	position:absolute;
	left:0px;
	top:0px;	
	z-index:1;
	height:280px;
}

.technobackimage-1
{
	position:absolute;
	left:20px;
	top:50px;
	width:70px;
	height:140px;	
	z-index:2;
}



.technocontext-1
{
	text-align:left;
	position:absolute;
	left:100px;
	top:50px;	
	z-index:10;

}


.technocontext-2
{
	text-align:left;
	position:absolute;
	left:20px;
	top:210px;	
	z-index:10;

}


.technocontext-3
{
	text-align:left;
	position:absolute;
	left:20px;
	top:230px;	
	z-index:10;

}

.technoidenobox
{
	position:relative;
	margin-top:10px;
}

.technoidenbackimage
{
	position:absolute;
	left:0px;
	top:0px;	
	z-index:1;
	height:140px;
}


.technoidentitlediv
{
	position:absolute;
	height:30px;
	top:15px;
	left:20px;
	z-index:10;
}

.technoidentitle
{
	position:relative;
	margin-top:0px;
	font-size:22px;
	font-weight:normal;
	border:none;
	padding:0;
}


.technoidentitle a:hover
{
	color:Blue;	
}


.technoidencontext
{
	text-align:left;
	position:absolute;
	left:20px;
	top:40px;	
	z-index:10;

}





/*
Courses

*/
.coursesbox
{
	position:relative;
	top:50px;
	*top:70px;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.coursestitlediv
{
	position:absolute;
	height:30px;
	top:15px;
	left:0px;
	z-index:10;
        text-align: center;
}

.coursestitle
{
	position:relative;
	margin-top:0px;
	font-size:22px;
	font-weight:normal;
	border:none;
	padding:0;
        text-align: center;
}

.coursescontext
{
	text-align:left;
	position:absolute;
	left:20px;
	top:40px;
	z-index:10;
	overflow:auto;
        width:215px;

}

.coursesbackimage
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	height:280px;
}

.coursesbackimage-1
{
	position:absolute;
	left:20px;
	top:300px;
	width:210px;
	height:70px;
	z-index:2;
}

.coursescontext-1
{
	text-align:left;
	position:absolute;
	left:20px;
	top:50px;
	z-index:10;

}







/*
Services

*/
.servbox
{
	position:relative;
	top:50px;
	*top:70px;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.servtitlediv
{
	position:absolute;
	height:30px;
	top:15px;
	left:0px;
	z-index:10;
        text-align: center;
        width:250px;
}

.servtitle
{
	position:relative;
	margin-top:0px;
	font-size:22px;
	font-weight:normal;
	border:none;
	padding:0;
        text-align: center;
        width:250px;
}

.homeservcellswidth
{
	width:620px;
}

.servcontext
{
	text-align:left;
	position:absolute;
	left:20px;
	top:40px;	
	z-index:10;
	overflow:auto;
        width:220px;

}

.servbackimage
{
	position:absolute;
	left:0px;
	top:0px;	
	z-index:1;
	height:280px;
}

.servbackimage-1
{
	position:absolute;
	left:20px;
	top:230px;
	width:210px;
	height:70px;	
	z-index:2;
}

.servcontext-1
{
	text-align:left;
	position:absolute;
	left:20px;
	top:50px;	
	z-index:10;

}



/*
Cunsulting

*/
.consultingbox
{
	position:relative;
	top:50px;
	*top:70px;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.consultingtitlediv
{
	position:absolute;
	height:30px;
	top:15px;
	left:0px;
	z-index:10;
        text-align: center;
        width:250px;
}

.consultingtitle
{
	position:relative;
	margin-top:0px;
	font-size:22px;
	font-weight:normal;
	border:none;
	padding:0;
        text-align: center;
        width:250px;
}


.consultingcontext
{
	text-align:left;
	position:absolute;
	left:20px;
	top:40px;
	z-index:10;
	overflow:auto;
        width:220px;

}

.consultingbackimage
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	height:280px;
}

.consultingbackimage-1
{
	position:absolute;
	left:20px;
	top:230px;
	width:210px;
	height:70px;
	z-index:2;
}

.consultingcontext-1
{
	text-align:left;
	position:absolute;
	left:20px;
	top:50px;
	z-index:10;

}




/*
How ndoes it work

*/
.howbox
{
	position:relative;
	top:50px;
	*top:70px;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.howtitlediv
{
	position:absolute;
	height:30px;
	top:15px;
	left:0px;
	z-index:10;
        text-align: center;
        width:250px;
}

.howtitle
{
	position:relative;
	margin-top:0px;
	font-size:22px;
	font-weight:normal;
	border:none;
	padding:0;
        text-align: center;
        width:250px;
}

.howcontext
{
	text-align:left;
	position:absolute;
	left:20px;
	top:40px;
	z-index:10;
	overflow:auto;
        width:220px;

}

.howbackimage
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	height:280px;
}

.howbackimage-1
{
	position:absolute;
	left:20px;
	top:230px;
	width:210px;
	height:70px;
	z-index:2;
}

.howcontext-1
{
	text-align:left;
	position:absolute;
	left:20px;
	top:50px;
	z-index:10;

}





/*
Contact Us
*/
.mailbox
{
	position:relative;
	top:50px;
	*top:70px;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.mailrequest
{
	position:relative;
	top:80px;
	*top:90px;
	display:inline-block;
	zoom:1;
	*display:inline;
	height:280px;
	width:250px;
	vertical-align:top;
	text-align:left;
}

.mailbackimage
{
	position:relative;
	left:0px;
	top:0px;	
	z-index:1;
	height:280px;
}

.mailarea
{
	position:absolute;
	height:30px;
	left:20px;
	z-index:10;
	width:560px;
	text-align:left;
}

.mailarealabels
{
	width:100px;
	font-family:Arial;
	font-size:14px;
	text-align:right;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.mailareatext
{
	width:300px;
	font-family:Arial;
	font-size:14px;
}

.mailareasend
{
	width:80px;
	height:20px;
	margin:0;
	cursor:pointer;
	float:left;	
}

/*
Contact us popup
*/
.mailpopup 
{
	position:absolute;
	top:0px;
	left:0px;
    background-image:url('ResourcesUpontek/TBlack.png');
    display:none;
    width:100%;
    height:200%;
    z-index:100;
}


.mailpopupdiv
{
    position:absolute;
    left:35%;
    top:15%;
    width:300px;
    height:180px;
    z-index:100;        
}

.mailpopupclose
{
	position:absolute;
	left:285px;
	top:0px;	
	width:15px;
	height:15px;
	z-index:120;
}

.mailpopupbackimage
{
	position:absolute;
	left:0px;
	top:20px;	
	z-index:100;        
	width:100%;
	height:100%;
}

.mailpopupmessage
{
	position:absolute;
	left:20px;
	top:40px;
	z-index:120;
	text-align:left;
        font-family:Arial;
	font-size:14px;

	
}



/*
About Us
*/
.aboutbox
{
	position:relative;
	top:50px;
        display:inline;
        float:left;
	*top:70px;
}

.aboutarea
{
	position:absolute;
	height:120px;
	left:20px;
	z-index:10;
	width:560px;
	text-align:left;
}

.aboutbackimage
{
	position:absolute;
	left:0px;
	top:0px;	
	z-index:1;
	height:120px;
	width:700px;

}

.aboutarealabels
{
	position:absolute;
	left:100px;
	top:20px;
	height:80px;
	width:580px;
	font-family:Arial;
	font-size:14px;
	text-align:left;
	z-index:2;
	overflow:auto;
}

.aboutbioimage
{
	position:absolute;
	left:20px;
	top:20px;	
	z-index:2;
	width:60px;
	height:60px;
}


.aboutcreerdiv
{
    	position:relative;
        left:800px;
	top:50px;
        display:inline;
        float:left;
	*top:70px;
	
}


.aboutcreertitlediv
{
	position:absolute;
	height:30px;
	top:20px;
	left:0px;
	z-index:10;
        float:left;
}

.aboutcreertitle
{
	position:relative;
	margin-top:0px;
	text-align:center;
	font-size:22px;
	font-weight:normal;
	border:none;
	padding:0;
        width:250px;
}


.aboutcreertext
{
	width:230px;
        height:300px;
	text-align:left;
	position:absolute;
	left:20px;
	top:50px;
	z-index:10;
	overflow:auto;
}



/*
Customers
*/
.customerbox
{
	position:relative;
	top:30px;
	*top:50px;
	display:inline-block;
	zoom:1;
	*display:inline;
	width:950px;
}

.customerbackimage-top
{
	position:absolute;
	left:0px;
	top:0px;
        height:62px;
	width:950px;
	z-index:1;

}

.customerbackimage-bottom
{
	position:absolute;
	left:0px;
	top:62px;
	z-index:1;
	height:300px;
	width:950px;
}

.customerarea
{
	position:absolute;
	height:300px;
	left:20px;
	z-index:10;
	width:950px;
	text-align:left;
}



.customertitlediv
{
	position:absolute;
	height:30px;
	width:500px;
	top:15px;
	left:30px;
	z-index:10;       
}



.customertitle
{
	position:absolute;
	z-index:10;
	font-family:Arial;
	font-size:16px;
	text-align:left;
}


.customerimagesdiv
{
	position:absolute;
	left:0px;
	z-index:2;
	width:950px;
	height:60px;
}

.customerimagesdiv a
{
    border: none;
}

.customerimage
{
	float:left;
	z-index:2;
	margin-left:30px;
        border-style: none;
}


/*
Gallery
*/
.gallerybox
{
	position:relative;
	top:30px;
	*top:30px;
	display:inline-block;
	zoom:1;
	*display:inline;
}


.galleryarea
{
	position:absolute;
	left:20px;
	z-index:10;
	text-align:left;
}


.galleryimagesdiv
{
	position:absolute;
	left:0px;	
	z-index:2;
	width:950px;
}

.galleryimage
{
	float:left;
	z-index:2;
	margin-left:30px;
	width:200px;
}




/*
FAQ
*/

 .li-body-faq
{
    height:1900px;
	width:1100px;
	background-color:White;
	font-family:Arial;
        font-size:14px;
	display:inline-block;
	zoom:1;
	*display:inline;
}







.faqbox
{
	position:relative;
	top:30px;
	*top:50px;
	display:inline-block;
	zoom:1;
	*display:inline;
	width:950px;
}


.faqbackimage-top
{
	position:absolute;
	left:0px;
	top:0px;
        height:62px;
	width:950px;
	z-index:1;

}

.faqbackimage-bottom
{
	position:absolute;
	left:0px;
	top:62px;
	z-index:1;
	height:300px;
	width:950px;
}


.faqarea
{
	position:absolute;
	height:300px;
	left:20px;
	z-index:10;
	width:950px;
	text-align:left;
}

.faqtitlediv
{
	position:absolute;
	height:30px;
	width:500px;
	top:15px;
	left:30px;
	z-index:10;
}



.faqtitle
{
	position:absolute;
	z-index:10;
	font-family:Arial;
	font-size:16px;
	text-align:left;
}


.faqimagesdiv
{
	position:absolute;
	left:0px;
	z-index:2;
	width:950px;
	height:60px;
}

.faqimagesdiv a
{
    border: none;
}

.faqimage
{
	float:left;
	z-index:2;
	margin-left:30px;
        border-style: none;
}

.faqorderedlist
{
    list-style-type:none;

}
.faqorderedlist a
{
/*     color:blue;*/
    text-decoration: none;

}

.faqorderedlist a:hover
{
/*    color:red;*/
    text-decoration: none;
}

.faq-unswer-orderedlist
{
    list-style-type:none;
}







/*
Projects
*/
.projectsbox
{
	position:relative;
	top:50px;
	*top:70px;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.projectstitlediv
{
	position:absolute;
	height:30px;
	top:20px;
	left:20px;
	z-index:10;
}

.projectstitle
{
	position:relative;
	margin-top:0px;
	font-size:22px;
	font-weight:normal;
	border:none;
	padding:0;
}

.homeprojectscellswidth
{
	width:620px;
}

.projectscontext
{
	text-align:left;
	position:absolute;
	left:40px;
	top:20px;
	z-index:10;
	overflow:auto;

}

.projectsbackimage
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	height:280px;
}

.projectsbackimage-1
{
	position:absolute;
	left:20px;
	top:50px;
	width:70px;
	height:140px;
	z-index:2;
}



.projectscontext-1
{
	text-align:left;
	position:absolute;
	left:100px;
	top:50px;
	z-index:10;

}


.projectscontext-2
{
	text-align:left;
	position:absolute;
	left:20px;
	top:210px;
	z-index:10;

}


.projectscontext-3
{
	text-align:left;
	position:absolute;
	left:0px;
	top:230px;
	z-index:10;
        width:330px;

}

.projectsidenobox
{
	position:relative;
	margin-top:10px;
}

.projectsidenbackimage
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	height:140px;
}


.projectsidentitlediv
{
	position:absolute;
	height:30px;
	top:15px;
	left:35px;
	z-index:10;
}

.projectsidentitle
{
	position:relative;
	margin-top:0px;
	font-size:22px;
	font-weight:normal;
	border:none;
	padding:0;
}


.projectsidentitle a:hover
{
	color:Blue;
}


.projectsidencontext
{
	text-align:left;
	position:absolute;
	left:35px;
	top:40px;
	z-index:10;

}






/*
HEBRE LANDING PAGE
*/
.heblandingbox
{
	position:relative;
	top:50px;
	*top:70px;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.heblandingtitlediv
{
	position:absolute;
	height:30px;
	top:20px;
	left:20px;
	z-index:10;
}

.heblandingtitle
{
	position:relative;
	margin-top:0px;
	font-size:22px;
	font-weight:normal;
	border:none;
	padding:0;
}

.homeheblandingcellswidth
{
	width:620px;
}

.heblandingcontext
{
	text-align:left;
	position:absolute;
	left:40px;
	top:20px;
	z-index:10;
	overflow:auto;

}

.heblandingbackimage
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	height:280px;
}

.heblandingbackimage-1
{
	position:absolute;
	left:20px;
	top:50px;
	width:70px;
	height:140px;
	z-index:2;
}



.heblandingcontext-1
{
	text-align:left;
	position:absolute;
	left:100px;
	top:50px;
	z-index:10;

}


.heblandingcontext-2
{
	text-align:left;
	position:absolute;
	left:20px;
	top:210px;
	z-index:10;

}


.heblandingcontext-3
{
	text-align:left;
	position:absolute;
	left:20px;
	top:230px;
	z-index:10;

}

.heblandingidenobox
{
	position:relative;
	margin-top:10px;
}

.heblandingidenbackimage
{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	height:140px;
}


.heblandingidentitlediv
{
	position:absolute;
	height:30px;
	top:15px;
	left:20px;
	z-index:10;
}

.heblandingidentitle
{
	position:relative;
	margin-top:0px;
	font-size:22px;
	font-weight:normal;
	border:none;
	padding:0;
}


.heblandingidentitle a:hover
{
	color:Blue;
}


.heblandingidencontext
{
	text-align:left;
	position:absolute;
	left:20px;
	top:40px;
	z-index:10;

}



