/* CSS Document */


/* -- //

---------------------------------------------------------------------------

Syfolink Website  Basic Style Sheet 
Created by : Syfolink Innotech Limited
Date of Modification : 03 June 2009
Verison :  3.0

---------------------------------------------------------------------------

Copyright 2008 Syfolink Innotech Ltd. All right reserved 


==================== Content =========================
01) Imported Control CSS
02) Index Page 
03) Corporate Overview Page 
04) Business Partner Page 
05) Zeta Page 
06) General News Style
07) News & Meida Press Page
08) Product & Services Page 
09) Admin Page
10) Event Page
11) Special Offer Page 
12) Contact Us Page
13) System Development 
14) Unified Communication
15) Saas Page
16) Zodiac Page 
17) Workflow Page
18) Case Study Page 
19) SyfoDOC Page
20) Download Page
======================================================

//------ */




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

Imported Imported CSS 

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

@import url(Control.css);
@import url(hacker.css);




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

Index Page 

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

/* ============[ Tag Selection ]======================= */

/* Struture
-------------------------------------------------------*/

#tabselection /* --// The wrapper of the section //--*/
{
	width: 950px;
	overflow:hidden;
}

/* Tag Style 
-------------------------------------------------------*/

.tabmenustyle 
{
	width: 950px;
	background: transparent;
	position: relative;
	voice-family: "\"}\"";
	voice-family: inherit;
}

.tabmenustyle ul
{
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	list-style: none; 
	background-repeat: no-repeat;
	width: 950px;
	height: 25px;
}

.tabmenustyle li
{
	padding: 0px;
	display: inline;
	/*
	text-transform: uppercase;
    */
	float: left;
	text-align: center;
}

.tabmenustyle a
{
	display: block;
	font: bold 11px Arial;
	color: white;
	text-decoration: none;
	background-color: transparent;
	width: 158px;
	height: 20px;
	font-size:12px;
	background-image: url('../images/index/tab_unselected.jpg');
	padding-top: 5px;
}

.tabmenustyle a.selected{
	/*currently selected tab*/
	background-image: url('../images/index/tag_selected.jpg');
	background-color: #D25A0B; /*Brown color theme*/
	color: black;
	width: 174px;
	text-decoration: none;
	margin-left: -16px;
	_margin-left: -9px;
	_margin-right: -5px;
	border-color: #D25A0B; /*Brown color theme*/
	z-index:15;
}

/* Container Style 
-------------------------------------------------------*/
.summarycontainer
{
	width: 930px;
	height: 150px;
	overflow:hidden;
	color:#333333;
	background-image: url('../images/index/tab_columnsbg.gif');
	background-repeat:repeat-x;
	background-color: white;
	padding: 5px;
	padding-top:3px;
	padding-left:15px;
}
.summarycontainer h3
{
    color:Black;
    font-size:12px;
    font-weight:bolder;
    margin-bottom:5px;
    margin-left:3px;
    margin-top:5px;
    
}
.summarycontainer ul
{
    float:left;
    margin:0px;
    padding:0px;
    margin-left:15px;
}
.summarycontainer li
{
     list-style-image:url('../images/index/tab_oj_bullet.gif');
}

/* Overlay  Layers Style 
-------------------------------------------------------*/

#overlay{
	display:none;
	position:absolute; 
	right:0px;
	top:0px; 
	width:22px;
	height:25px; 
	background-color:transparent; 
	background-image: url('../images/index/additional.jpg');
	z-index:5;
}
#overlay2{
	display:block;
	position:absolute; 
	right: 0px;
	top:0px; 
	width:22px;
	height:25px; 
	overflow:hidden;
	background-color:transparent; 
	background-image: url('../images/index/overlay_unselected.jpg');
	z-index:10;
}
#overlay3{ /* Block on Tab 1 */
	display:none;
	position:absolute; 
	right:0px;
	top:25px; 
	width:200px;
	height:158px; 
	background-image: url('../images/index/tab/zetablock.jpg');
	z-index:10;
}
#overlay4{ /* Block on Tab 2 */
	display:none;
	position:absolute; 
	right:0px;
	top:25px; 
	width:200px;
	height:158px; 
	background-image: url('../images/index/tab/syfoDOCblock.jpg');
	z-index:10;
}
#overlay5{ /* Block on Tab 3 */
	display:none;
	position:absolute; 
	right:0px;
	top:25px; 
	width:200px;
	height:158px; 
	background-image: url('../images/index/tab/syfoLOCKblock.jpg');
	z-index:10;
}
#overlay6{ /* Block on Tab 4 */
	display:none;
	position:absolute; 
	right:0px;
	top:25px; 
	width:200px;
	height:158px; 
	background-image: url('../images/index/tab/clinicpointblock.jpg');
	z-index:10;
}
#overlay7{ /* Block on Tab 5 */
	display:none;
	position:absolute; 
	right:0px;
	top:25px; 
	width:200px;
	height:158px; 
	background-image: url('../images/index/tab/wfblock.jpg');
	z-index:10;
}
#overlay8{ /* Block on Tab 6 */
	display:none;
	position:absolute; 
	right:0px;
	top:25px; 
	width:200px;
	height:158px; 
	background-image: url('../images/index/tab/mobiledevelopmentblock.jpg');
	z-index:10;
}


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

Corporate Overview Page 

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

#comoverviewheader
{
	width: 690px;
	height: 200px;
	overflow: hidden;
	background-image: url('../images/comprofile/corporateoverviewhead.jpg');
	background-repeat: no-repeat;
}
.comoverviewcontent
{
    width:630px;
    overflow:hidden;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 35px;
	line-height: 18px;
	text-align: justify;
}

.comoverviewcontent .slogan{
	width:400px;
	font-size:20px;
	font-weight:bold;
	color:#910000;
	margin:20px;
	margin-left:0px;
	margin-right:0px;
}

.comoverviewcontent h2{
	font-size:14px;
	font-weight:bold;
	color:#910000;
	margin:10px;
	margin-left:0px;
	margin-right:0px;
}
.comoverviewcontent h3
{
	font-size: 16px;
	color: #9c0000;
	font-weight: normal;
}

/* Mile Stone
--------------------------------------------------------*/
.comoverviewcontent .milestonewrapper
{
    width:620px;
}
.comoverviewcontent .milestonewrapper .top
{
    width:620px;
    height:10px;
    background-image:url('../images/comprofile/milestoneheader.jpg');
    background-repeat:no-repeat;
    background-color:#7f0710;
}
.comoverviewcontent .milestonewrapper .subject
{
    background-color:#7f0710;
    color:White;
    font-size:12px;
    font-weight:bold;
    padding:5px;
}
.comoverviewcontent .milestonewrapper .date
{
    width:125px;
    padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px #cfcfcf solid;
}
.comoverviewcontent .milestonewrapper .content
{
	padding-top: 10px;
	padding-bottom: 10px;
	color: black;
	font-size: 11px;
	border-bottom: 1px #cfcfcf solid;
}

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

Business Partner Page

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

#buspartnerheader
{
	width: 690px;
	height: 200px;
	overflow: hidden;
	background-image: url('../images/businesspartner/partnerheader.jpg');
	background-repeat: no-repeat;
}
.buspartnercontent
{
    width:630px;
    overflow:hidden;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
	line-height: 15px;
	text-align: justify;
}



.buspartnercontent .pic
{
	padding-bottom: 25px;
	vertical-align: top;
	text-align: center;
	width: 200px;
}
.buspartnercontent .content
{
	padding-bottom: 25px;
	vertical-align: top;
	padding-left: 10px;
}

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

Product & Services Page  

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

#Itemsheader
{
	width: 690px;
	height: 200px;
	overflow: hidden;
	background-image: url('../images/proandserv/P&Sheader.jpg');
	background-repeat: no-repeat;
	z-index:800;
}
.Itemscontentwrapper
{
	padding-top: 5px;
	padding-bottom: 35px;
	padding-right:30px;
	padding-left:30px;
}
.Itemscontentwrapper .content
{
    width:600px;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:15px;
    border-bottom:1px #d3d3d3 solid;
}
.Itemscontentwrapper .content .pic
{
    margin-left:5px;
    float:left;
    width:100px;
    overflow:hidden;
}
.Itemscontentwrapper .content .description
{
    margin-left:15px;
    margin-right:15px;
    float:left;
    color:#333333;
    width:450px;
}
.Itemscontentwrapper .content .description .title
{
    font-size:18px;
    font-weight:bold;
    color:#f7c042;
    margin-bottom:10px;
}
.Itemscontentwrapper .content .description .shortdescription
{
    font-size:12px;
    text-align:justify;
}
.Itemscontentwrapper .content .description .detail
{
    font-size:10px;
    text-align:right;
    margin-top:10px;
}
.Itemscontentwrapper .content .description .detail a
{
    color:#910000;
}

.Itemscontentwrapper .supplemntorydata
{
	width: 170px;
	padding: 0 0 40px 0;
	vertical-align: top;
}

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

Zeta Page

*************************************************************************
*/
#zetaheader
{
	width: 690px;
	height: 230px;
	overflow: hidden;
	background-image: url('../images/proandserv/zetaheader.jpg');
	background-repeat: no-repeat;
}
#zetaheader .position
{
	position: relative;
}
#zetaheader .zetadropdown
{
	position: absolute;
	width: 304px;
	font-size: 11px;
	top: 55px;
	left: 348px;
}
#zetaheader .zetalisting
{
	position: absolute;
	width: 304px;
	font-size: 11px;
	top: 100px;
	left: 348px;
	height: 76px;
	border-top: red;
}

.zetacontent
{
    width:630px;
    overflow:hidden;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
	line-height: 18px;
	text-align: justify;
}
.zetacontent h1
{
	font-size: 18px;
	font-weight: bolder;
	color: #9c0000;
}
.zetacontent h2
{
	font-size: 16px;
	color: #9c0000;
	font-weight: normal;
}

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

Foxtern Page

*************************************************************************
*/
#foxheader
{
	width: 690px;
	height: 230px;
	overflow: hidden;
	background-image: url('../images/proandserv/foxheader.jpg');
	background-repeat: no-repeat;
}
#foxheader .foxposition
{
    position:relative;
}
#foxheader .foxdropdown
{
	position: absolute;
	width: 304px;
	font-size: 11px;
	top: 50px;
	left: 348px;
}
#foxheader .foxlisting
{
	position: absolute;
	width: 304px;
	font-size: 11px;
	top: 95px;
	left: 348px;
	height: 76px;
}
.foxcontent
{
    width:640px;
    overflow:hidden;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
	line-height: 18px;
	text-align: justify;
}
.foxcontent h1
{
	font-size: 18px;
	font-weight: bolder;
	color: #9c0000;
}
.foxcontent h2
{
	font-size: 16px;
	color: #9c0000;
	font-weight: normal;
}



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

System Development 

*************************************************************************
*/
#sysheader
{
	width: 690px;
	height: 230px;
	overflow: hidden;
	background-image: url('../images/proandserv/sysheader.jpg');
	background-repeat: no-repeat;
}

.syscontent
{
    width:630px;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
	line-height: 18px;
	text-align: justify;
}
.syscontent h1
{
	font-size: 18px;
	font-weight: bolder;
	color: #9c0000;
}
.syscontent h2
{
	font-size: 16px;
	color: #9c0000;
	font-weight: normal;
}

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

Unified Communication 

*************************************************************************
*/
#ucheader
{
	width: 690px;
	height: 230px;
	overflow: hidden;
	background-image: url('../images/proandserv/ucheader.jpg');
	background-repeat: no-repeat;
}

.uccontent
{
    width:640px;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
	line-height: 18px;
	text-align: justify;
}
.uccontent h1
{
	font-size: 18px;
	font-weight: bolder;
	color: #9c0000;
}
.uccontent h2
{
	font-size: 16px;
	color: #9c0000;
	font-weight: normal;
}
/*
*************************************************************************

Mobile Development Page

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

#mdheader
{
    width: 690px;
	height: 230px;
	overflow: hidden;
	background-image: url('../images/proandserv/mdheader.jpg');
	background-repeat: no-repeat;
    }


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

ClinicPoint Page

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

#cpheader
{
	width: 690px;
	height: 230px;
	overflow: hidden;
	background-image: url('../images/proandserv/clinicpointheader.jpg');
	background-repeat: no-repeat;
}

.cpcontent
{
    width:640px;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
	line-height: 18px;
	text-align: justify;
}
.cpcontent h1
{
	font-size: 18px;
	font-weight: bolder;
	color: #9c0000;
}
.cpcontent h2
{
	font-size: 16px;
	color: #9c0000;
	font-weight: normal;
}


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

Saas Page

*************************************************************************
*/
#saasheader
{
	width: 690px;
	height: 230px;
	overflow: hidden;
	background-image: url('../images/proandserv/saasheader.jpg');
	background-repeat: no-repeat;
}

.saascontent
{
    width:640px;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
	line-height: 18px;
	text-align: justify;
}
.saascontent h1
{
	font-size: 18px;
	font-weight: bolder;
	color: #9c0000;
}
.saascontent h2
{
	font-size: 16px;
	color: #9c0000;
	font-weight: normal;
}

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

Zodiac Page

*************************************************************************
*/
#zodiacheader
{
	width: 690px;
	height: 230px;
	overflow: hidden;
	background-image: url('../images/proandserv/zodiacheader.jpg');
	background-repeat: no-repeat;
}

#zodiacheader .zodiacposition
{
    position:relative;
}
#zodiacheader  .zodiacposition .listing
{
	position: absolute;
	width: 304px;
	font-size: 11px;
	top: 50px;
	left: 348px;
}
#zodiacheader .zetadropdown
{
	position: absolute;
	width: 304px;
	height: 66px;
	font-size: 11px;
	top: 45px;
	left: 330px;
}
#zodiacheader .zetalisting
{
	position: absolute;
	width: 304px;
	font-size: 11px;
	top: 100px;
	left: 348px;
	height: 76px;
	border-top: red;
}

.zodiaccontent
{
    width:640px;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
	line-height: 18px;
	text-align: justify;
}
.zodiaccontent h1
{
	font-size: 18px;
	font-weight: bolder;
	color: #9c0000;
}
.zodiaccontent h2
{
	font-size: 16px;
	color: #9c0000;
	font-weight: normal;
}

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

Workflow Page

*************************************************************************
*/
#wfheader
{
	width: 690px;
	height: 230px;
	overflow: hidden;
	background-image: url('../images/proandserv/wfheader.jpg');
	background-repeat: no-repeat;
}
#foxheader .position
{
	position: absolute;
	left:100px;
}
.wfcontent
{
    width:620px;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 45px;
	padding-bottom: 15px;
	line-height: 18px;
	text-align: justify;
}
.wfcontent h1
{
	font-size: 18px;
	font-weight: bolder;
	color: #9c0000;
}
.wfcontent h2
{
	font-size: 16px;
	color: #9c0000;
	font-weight: normal;
}


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

SyfoDOC Page

*************************************************************************
*/
#syfodocheader
{
	width: 690px;
	height: 230px;
	overflow: hidden;
	background-image: url('../images/proandserv/syfoDOCheader.jpg');
	background-repeat: no-repeat;
}

#syfodocheader .position
{
	position: relative;
}
#syfodocheader .foxdropdown
{
	position: absolute;
	width: 304px;
	font-size: 11px;
	top: 45px;
	left: 248px;
}
#syfodocheader .foxlisting
{
	position: absolute;
	width: 304px;
	font-size: 11px;
	top: 95px;
	left: 248px;
	height: 76px;
}
.syfodoccontent
{
    width:640px;
    overflow:hidden;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
	line-height: 18px;
	text-align: justify;
}
.syfodoccontent h1
{
	font-size: 18px;
	font-weight: bolder;
	color: #9c0000;
}
.syfodoccontent h2
{
	font-size: 16px;
	color: #9c0000;
	font-weight: normal;
}



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

News & Media Page

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

#newsheader
{
	width: 690px;
	height: 200px;
	overflow: hidden;
	background-image: url('../images/updates/news/news%26press_header.jpg');
	background-repeat: no-repeat;
	z-index:800;
}
.newscontentwrapper
{
    width:690px;
    overflow:hidden;
	padding-top: 5px;
	padding-bottom: 15px;
}
.newscontentwrapper .supplemntorydata
{
	float:right;
	margin-right:5px;
	_margin-right:0px;
	width: 170px;
	padding: 0 0 40px 0;
	vertical-align: top;
}


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

General News Style

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

/* ============[ News Listing Page ]======================= */

/* Listing Table Style 
-------------------------------------------------------*/

.newslisting
{   
    width:480px;
    margin-left:15px;
    margin-right:10px;
    float:left;
}
.newslisting .titles
{
	background-color: #7f0710;
	color: white;
	font-weight: bold;
	font-size: 11px;
}
.newslisting .titles .date
{
	background-image: url('../images/updates/news/listingheader.jpg');
	background-repeat: no-repeat;
	padding: 5px;
	width: 120px;
}
.newslisting .titles .description
{
	width: auto;
	background-image: url('../images/updates/news/listingheader.jpg');
	background-repeat: no-repeat;
	background-position: top right;
}


/* Listing Item Style 
-------------------------------------------------------*/
.newslisting .newsitem
{
	border-bottom: 1px #cfcfcf solid;
}
.newslisting .newsitem .date
{
	padding-left: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px #cfcfcf solid;
}
.newslisting .newsitem .content
{
	padding-top: 15px;
	padding-bottom: 15px;
	color: black;
	font-size: 11px;
	border-bottom: 1px #cfcfcf solid;
}
.newslisting .newsitem .content a
{
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: red;
}
.newslisting .paging
{
	font-size: 10px;
	color: #666666;
	padding-top: 10px;
}

/* ============[ News Detail Page ]======================= */

.newsdetail
{
	width:350px;
    margin-left:15px;
    _margin-left:7px;
    margin-right:10px;
    _margin-right:7px;
    float:left;
}
.newsdetail .title
{
	font-size: 18px;
	font-weight: bold;
	color: #7f0710;
}
.newsdetail .header
{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 5px;
}
.newsdetail .back
{
    text-align:right;
    margin-top:15px;
    margin-right:38px;
    
}
.newsdetail .newsdetailcontent
{
	font-size: 12px;
	line-height:16px;
	font-weight: normal;
	color: #333333;
	margin-top: 15px;
	text-align: justify;
	text-justify :auto;
    width: 440px;
}
.newsdetail .newsdetailcontent h3
{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
.newsdetailcontent img,.newsdetailcontent a img,.newsdetailcontent input[type=image]{
	border:0;  
	margin:0;  
	padding:0;
	/*
	max-width:200px;
	width:expression(this.width>200?"200px":this.width);
	max-height:200px;
	height:expression(this.height>200?"200px":this.height);
    */
}

/* ============[ Supplementory Section ]======================= */


/* Most Viewed Section
-------------------------------------------------------*/

.newscontentwrapper .supplemntorydata .mostview
{
	width: 98%;
	margin-bottom: 10px;
	*margin-left:0px !important;
	_margin-left:0px;
}
.newscontentwrapper .supplemntorydata .mostview .title
{
	border-style: none;
	background-image: url('../images/updates/news/addheader.jpg');
	background-repeat: no-repeat;
	background-color: #536f7d;
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	padding: 5px;
}
.newscontentwrapper .supplemntorydata .mostview .content
{
	background-color: white;
	font-weight: normal;
	font-size: 10px;
	color: #999999;
	padding: 5px;
	border: 1px #dedede solid;
	border-bottom: none;
	border-top: none;
	line-height: 11px;
	text-align:left;
}
.newscontentwrapper .supplemntorydata .mostview .content a
{
	color: #999999;
	text-decoration: none;
}
.newscontentwrapper .supplemntorydata .mostview .content a:hover
{
	text-decoration: underline;
}

.newscontentwrapper .supplemntorydata .mostview .content h1
{
	font-weight: bold;
	font-size: 10px;
	color: #666666;
	line-height: 10px;
	margin-bottom: 5px;
	padding: 0px;
}
.newscontentwrapper .supplemntorydata .mostview .bottom
{
	height: 1px;
	border-top: 1px #dedede solid;
}

/* Selection Section 
-------------------------------------------------------*/
.newscontentwrapper .supplemntorydata .filter
{
	width: 98%;
	margin-bottom: 10px;
	*margin-left:0px !important;
	_margin-left:0px;
}
.newscontentwrapper .supplemntorydata .filter .title
{
	border-style: none;
	background-image: url('../images/updates/news/addheader.jpg');
	background-repeat: no-repeat;
	background-color: #536f7d;
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	padding: 5px;
}

.newscontentwrapper .supplemntorydata .filter .content
{
	width: 100%;
	background-color: #e0ecf1;
	font-weight: normal;
	font-size: 10px;
	color: #999999;
	padding: 5px;
	border: 1px #dedede solid;
	border-bottom: none;
	border-top: none;
	line-height: 11px;
	padding-bottom: 20px;
}
.newscontentwrapper .supplemntorydata .filter .content h1
{
	font-weight: bold;
	font-size: 10px;
	color: #666666;
	line-height: 10px;
	margin-bottom: 5px;
	padding: 0px;
}
.newscontentwrapper .supplemntorydata .filter .content .category
{
	font-size: 10px;
	color: #666666;
	width: 150px;
}
.newscontentwrapper .supplemntorydata .filter .content .selection{
	font-size:10px;
	color:#666666;
	width:150px;
}






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

Event Page 

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

#eventsheader{
	width:690px;
	height:200px;
	overflow:hidden;
	background-image: url('../images/updates/events/events_header.jpg');
	background-repeat:no-repeat;
}

.eventscontent
{
	width:480px;
	#width:470px;
	_width:470px;
}
.eventscontent td
{
	padding:3px;
}

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

Special Offer 

*************************************************************************
*/
#spofferheader
{
	width: 690px;
	height: 200px;
	overflow: hidden;
	background-image: url('../images/updates/spoffer/special_offer_header.jpg');
	background-repeat: no-repeat;
}

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

Contact Us Page 

*************************************************************************
*/
#contactusheader
{
	width: 690px;
	height: 200px;
	overflow: hidden;
	background-image: url('../images/contact/contact_header.jpg');
	background-repeat: no-repeat;
}
.contactuscontent
{
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
	line-height: 18px;
	text-align: justify;
}
.contactuscontent h1
{
	font-size: 14px;
	font-weight: bold;
	color: #7f0710;
	margin:0px;
	padding:0px;
	padding-bottom:5px;
}
.contactuscontent .subject
{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	width: 120px;
	vertical-align: top;
}
.contactuscontent .input
{
	font-size: 12px;
	color: #333333;
	width: 100%;
}

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

Case Study Page 

*************************************************************************
*/
#casestudyheader
{
	width: 690px;
	height: 200px;
	overflow: hidden;
	background-image: url('../images/casestudy/case_study_header.jpg');
	background-repeat: no-repeat;
}
.casestudycontent
{
    width:500px;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
	line-height: 18px;
	text-align: justify;
}
.casestudycontent h2
{
	font-size: 16px;
	font-weight: bold;
	color: #7f0710;
	text-align:left;
}
.casestudycontent .items
{
	width:100px;
	height:100px;
	padding-right:50px;

}

/*==========[ Thumbnail ]===============*/

.thumbnail
{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 500;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: Black;
padding: 5px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -150px;
left: 150px; /*position where enlarged image should offset horizontally */
}


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

Download Page

*************************************************************************
*/
#downloadheader
{
	width: 690px;
	height: 230px;
	overflow: hidden;
	background-image: url('../images/download/download_header.jpg');
	background-repeat: no-repeat;
}

.downloadcontent
{
    width:640px;
    height:400px;
    overflow:hidden;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
	line-height: 18px;
	text-align: justify;
}
.syfodoccontent h1
{
	font-size: 18px;
	font-weight: bolder;
	color: #9c0000;
}
.syfodoccontent h2
{
	font-size: 16px;
	color: #9c0000;
	font-weight: normal;
}












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

Admin Page 

*************************************************************************
*/
#adminpanelheader
{
	width: 690px;
	height: 119px;
	overflow: hidden;
	background-image: url('../images/updates/admin/adminpanel_header.jpg');
	background-repeat: no-repeat;
	z-index:800;
}
.adminpanelcontentwrapper
{
	padding-top: 5px;
	padding-bottom: 15px;
}

/* ============[ Modal Popup ]======================= */
.ModalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.ModalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}

/* ============[ Company List Page ]======================= */
#UserLogin{
	
}
#UserLogin ul{
	margin:0px;
	padding:0px;
	width:350px;
}
#UserLogin li{
	float:left;
	list-style:none;
	margin-left:5px;
	margin-right:5px;
	width:100px;
}
#UserLogin li.right{
	float:right;
	list-style:none;
	margin-left:0px;
	margin-right:10px;
	width:200px;
}
#UserLogin li.last{
	float:left;
	list-style:none;
	margin:0px;
}