* {
            padding: 0;
            margin: 0;
        }
        html, body {
            height: 75%;
        }
        html {
            width: 100%;
            height: 75%;
            margin: 0;
            padding: 0;
        }
        body {
            margin:0;
            padding:0;
            border:0;			/* This removes the border around the viewport in old versions of IE */
            width:100%;
            background:#fff;
            min-width:776px;		/* Minimum width of layout - remove line if not required */
                                        /* The min-width property does not work in old versions of Internet Explorer */
            font-size:90%;
            font-family: arial, verdana;
	}
        body#home .menu li.home,
        body#aboutus .menu li.aboutus,
        body#services .menu li.services,
        body#products .menu li.products,
        body#projects .menu li.projects,
        body#training .menu li.training,
        body#newsevents .menu li.newsevents,
        body#customerarea .menu li.customerarea,
        body#contactus .menu li.contactus {
                BACKGROUND-IMAGE: url(left_both.gif);
                background-position:0% -150px;
        }
        body#home .menu a.home,
        body#aboutus .menu a.aboutus,
        body#services .menu a.services,
        body#products .menu a.products,
        body#projects .menu a.projects,
        body#training .menu a.training,
        body#newsevents .menu a.newsevents,
        body#customerarea .menu a.customerarea,
        body#contactus .menu a.contactus {
                BACKGROUND-IMAGE: url(right_both.gif); 
                color: #2B159A;
                background-position:100% -150px;
        }      
        a {
		color: #000;
	}
	h1, h2, h3 {
		margin:.8em 0 .2em 0;
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
        img {
            -ms-interpolation-mode: bicubic;
            border: none;
        }
        FORM {
            display: inline
        }
        .wrapper {
                min-height: 100%; 
                height: auto !important; 
                height: 100%; 
                margin: 0 auto -19px;
        }
        * html .wrapper {
                height: 100%;
        }
	/* Header styles */
	#header {
		clear:both;
		float:left;
                width: 100%;
                text-align:left;
                vertical-align: middle;
	}
	#header {
            font-size: 90%;
	}
        #header img {
            padding: 0;
            margin: 0;
        }
        
        #header .colmask {
            position:relative;	        /* This fixes the IE7 overflow hidden bug */
            clear:both;
            float:left;
            width:100%;			/* width of whole page */
            overflow:hidden;		/* This chops off any overhanging divs */
	}
        
        /* common column HEADER settings */
	#header .colrightheader,
	#header .colmidheader,
	#header .colleftheader {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	#header .col1header,
	#header .col2header,
	#header .col3header {
		float:left;
		position:relative;
		padding:0 0 1px 0;	        /* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
        
	/* 3 Column HEADER settings */
	#header .threecolheader {
		/*background:gray; 	        /* right column background colour */
                min-width:776px;
	}
	#header .threecolheader .colmidheader {
		right:21%;      		/* width of the right column */
		/*background:yellow;		/* center column background colour */
	}
	#header .threecolheader .colleftheader {
		right:63%;			/* width of the middle column */
		/*background:orange;	        /* left column background colour */
	}
	#header .threecolheader .col1header {
                display: none;
		/*width:61%;			/* width of center column content (column width minus padding on either side) */
		/*left:101%;			/* 100% plus left padding of center column */
                /*background: red;*/
	}
	#header .threecolheader .col2header {
                display: none;
		/*width:14%;			/* Width of left column content (column width minus padding on either side) */
		/*left:24%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
                /*background: green;*/
                /*padding-top: 14px;*/
	}
	#header .threecolheader .col3header {
		width:19%;			/* Width of right column content (column width minus padding on either side) */
		left:84%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
        
        /* Primary Manu Bar */
.menu {
    display: none;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
    width:670px;
    w\idth:700px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
    padding:0;
    margin:0;
    list-style-type:none;
    text-align: left;
}
.menu ul ul {
    width:149px;
}
.menu ul ul ul {
    width:149px;
    }
.menu ul ul ul ul {
    width:149px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
    float: left;
    position: relative;
    padding-left: 7px;
    margin: 0;
    background: url(left_both.gif) no-repeat left top;  
    border-bottom:1px solid #765;
}
/* For dropdown to work on IE6*/ 
.menu li a:hover {
    _color: white;
    _position: relative;
    _line-height:29px;
}
/* For dropdown to work on IE6*/ 
.menu li li a:hover {
    _color: white;
    _position: relative;
    _line-height:11px;
}
.menu ul li:hover, .menu ul li:hover a {
    background-position:0% -150px;
    color: #2B159A;
}
.menu ul li:hover a {
    background-position:100% -150px;
}
/* style the links for the top level */
.menu a, .menu a:visited {
    float:left;
    display:block;
    font-size:11px;
    text-decoration:none;
    color:#fff;
    height:30px;
    padding-left: 3px;
    padding-right: 9px;
    background: url(right_both.gif) no-repeat right top; 
    line-height:30px;
    font-weight:bold;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
    /*width:149px;
    w\idth:138px;*/
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
    visibility:hidden;
    position:absolute;
    height:0;
    top:30px;
    left:0;
    width:149px;
    border-top:1px solid #765;
    _margin-left: -7px;
    _margin-top: -1px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
    top:31px;
    t\op:31px;
}
.menu ul ul.left {
    left:-40px;
}
.menu ul ul li {
    width:149px;
    border-top:1px solid #765;
    background-image: none;
    position: relative;
    margin: 0;
    padding: 0;
    height:auto;
    line-height:1em;
    color: #2B159A;
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
    background:white;
    border-left:1px solid #765;
    border-right:1px solid #765;
    height:auto;
    line-height:1em;
    padding:5px 10px;
    width:128px;
    color: #2B159A;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a,
* html .menu ul ul a:visited {
    width:128px;
    w\idth:128px;
}
/* style the top level hover */
.menu ul ul li:hover,
.menu ul ul li:hover a,
.menu ul ul li a:hover {
    background-color: #b8d2fe;
    color: white;
    background-image: none;
}
/* style the second level background */
.menu ul ul a.drop,
.menu ul ul a.drop:link,
.menu ul ul a.drop:active,
.menu ul ul a.drop:visited {
    background:#fff url(white_arrow.png) no-repeat 110px center;
}
/* style the second level hover */
.menu ul ul a.drop:hover{
    background:#fff url(white_arrow.png) no-repeat 110px center;
 }
 .menu ul ul :hover > a.drop {
    background:#b8d2fe url(green_arrow.png) no-repeat 110px center;
 }
 
 /* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul ul {
    visibility:hidden;
    position:absolute;
    height:0;
    top:30px;
    left:0;
    width:149px;
    border-top:1px solid #765;
    _margin-left: -7px;
    _margin-top: -1px;
}
/* another hack for IE5.5 */
* html .menu ul ul ul {
    top:30px;
    t\op:30px;
}
.menu ul ul ul.left {
    left:-40px;
}
.menu ul ul ul li {
    width:149px;
    border-top:1px solid #765;
    background-image: none;
    position: relative;
    margin: 0;
    padding: 0;
    height:auto;
    line-height:1em;
    color: #2B159A;
}
/* style the second level links */
.menu ul ul ul a, .menu ul ul ul a:visited {
    background:white;
    border-left:1px solid #765;
    border-right:1px solid #765;
    height:auto;
    line-height:1em;
    padding:5px 10px;
    width:128px;
    color: #2B159A;
}
/* yet another hack for IE5.5 */
* html .menu ul ul ul a, 
* html .menu ul ul ul a:visited {
    width:128px;
    w\idth:128px;
}
/* style the top level hover */
.menu ul ul ul li:hover,
.menu ul ul ul li:hover a,
.menu ul ul ul li a:hover {
    background-color: #b8d2fe;
    color: white;
    background-image: none;
}
/* style the second level background */
.menu ul ul ul a.drop,
.menu ul ul ul a.drop:link,
.menu ul ul ul a.drop:active,
.menu ul ul ul a.drop:visited {
    background:#fff url(white_arrow.png) no-repeat 110px center;
}
/* style the second level hover */
.menu ul ul ul a.drop:hover{
    background:#fff url(white_arrow.png) no-repeat 110px center;
 }
 .menu ul ul ul :hover > a.drop {
    background:#b8d2fe url(green_arrow.png) no-repeat 110px center;
 }

       /* style the table so that it takes no ppart in the layout - required for IE to work */
        .menu table {
            position:absolute;
            top:0;
            left:0;
            border-collapse:collapse;;
        }
        /* make the second level visible when hover on first level list OR link */
        .menu ul li:hover ul,
        .menu ul a:hover ul {
            visibility:visible;
        }
        /* keep the third level hidden when you hover on first level list OR link */
        .menu ul :hover ul ul {
            visibility:hidden;
        }        
        /* make the third level visible when you hover over second level list OR link */
        .menu ul :hover ul :hover ul { 
            visibility:visible;
        }
           
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	        /* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
                left: 0;
	}
        .colmask img {
            padding: 0;
            margin: 0;
        }
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 0 0;	        /* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
                
	}
        /* 3 Column settings */
	.homethreecol {
		/*background:#eee;		/* right column background colour */
                /*background: url(bottom_bg.png) repeat;?*/
	}
	.homethreecol .colmid {
		right:0%;			/* width of the right column */
		/*background:lime;		/* center column background colour */
                border-right: 1px solid #fff;
	}
	.homethreecol .colleft {
		right:100%;			/* width of the middle column */
		/*background:navy;	        /* left column background colour */
                /*border-right: 1px solid #fff;*/
	}
	.homethreecol .col1 {
		width:100%;			/* width of center column content (column width minus padding on either side) */
		left:100.1%;			/* 100% plus left padding of center column */
                border-right: 1px solid #fff;
	}
	.homethreecol .col2 {
                display: none;
		/*width:15%;			/* Width of left column content (column width minus padding on either side) */
		/*left:15%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.homethreecol .col3 {
                display: none;
		/*width:14.6%;			/* Width of right column content (column width minus padding on either side) */
		/*left:85.2%;			/* Please make note of the brackets here:
                				(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
        
        /* Homepage middle pane boxes START */
        .homethreecol .colleft .col1 .skybg {
            position: relative;
            float: left;
            width:0%;
            height: auto;
            z-index: -1;
        }
        .homethreecol .colleft .col1 .bodytext {
            position: relative;
            float: left;
            margin: 15px 0px 0px 0px;
            padding: 0;
            text-align: left;
            color: #2B159A;
            text-justify: newspaper;
            font-size: 92%;
        }
        div.container {
            position: relative;
            float: left;
            left: 0;
            width: 97%; /* All browsers except IE */
            *width: 100%; /* IE 7 only */
            _width: 100%; /* IE 6 and below */
            z-index: 20;
            font-size: 90%;
            margin: 15px 0px 0px 0px;
            padding: 0;
        }
        div.row {
                clear: both;
                text-align:left;
                width:100%;
                color: #2B159A;
        }
        div.row img {	
                display: none;
        }
        div.row a {	
                text-decoration: none;
                color: #2B159A;
        }
        div.rowcenter {
                display: none;
        }
        div.item {
                text-align: left;
        }
        div.item img {
                display: none;
        }
        div.item .text {
                float: left;
                margin: 15px 0px 0px 0px;
                padding: 0;
                width: 100%;
                font-size: 80%;
                color: #2B159A;
        }
        div.item .text strong {
                font-size: 150%;
        }
        div.item .productsimg,
        div.item .projectsimg,
        div.item .servicesimg,
        div.item .teamimg {
                display: none;
        }
        .flexilinetop,
        .flexilinebottom,
        .rowcenter .flexilineleft,
        .rowcenter .flexilineright {
                display: none;
        }
        /* Homepage middle pane boxes END */
        
        /* Homepage Right pane boxes START */
        .colmid .col3 .accordion1 {
            position: relative;
            width:100%;
            margin:0 auto;
            border:1px solid #21347b;
            border-top:none;
            text-align: left;
            font-size: 90%;
        }
        .colmid .col3 .accordion1 a {
            text-decoration: none;
        }
        .colmid .col3 .accordion1 dt {
            padding:4px 4px;
            font-weight:bold;
            cursor:pointer;
            background-color:#21347b;
            background-image:url(arrow_down.gif);
            background-position:right center;
            background-repeat:no-repeat;
            color:#fff;
            border-top:1px solid #333;
            overflow: hidden;
        }
        .colmid .col3 .accordion1 dt:hover {
            background-color:#405399;
        }
        .colmid .col3 .accordion1 .open {
            background-color:#5669ae;
            background-image:url(arrow_up.gif)
        }
        .colmid .col3 .accordion1 dd {
            overflow:hidden;
            background:#fff;
            margin: 0;
        }
        .colmid .col3 .accordion1 div {
            display:block;
            border-top:none;
            padding: 4px;
        }
        .colmid .col3 .accordion1 .search form {
            margin: 0;
            padding: 0;
            height: 20px;
            display: inline;
        }
        .colmid .col3 .accordion1 .search INPUT.Text {
            BORDER: #000000 1px solid;
            COLOR: #000000; 
            FONT-SIZE: 10px;       
        }
        .colmid .col3 .accordion1 .search img {
            vertical-align: middle;
        }
        .colmid .col3 .beacon {
            position: relative;
            width:100%;
            margin:0 auto;
            padding-top: 10px;
            border-top:none;
            text-align: center;
            font-size: 90%;
        }
        /* Homepage Right pane boxes END */
        
        /* 3 Column settings */
        .contentthreecol {
		/*background:#eee;		/* right column background colour */
                background: url(bottom_bg.png) repeat;
                /*height: 460px;*/
                height: 100%;
	}
	.contentthreecol .colmid {
		right:0%;			/* width of the right column */
		/*background:lime;		/* center column background colour */
                border-right: 1px solid #fff;
	}
	.contentthreecol .colleft {
		right:100%;			/* width of the middle column */
		/*background:navy;	        /* left column background colour */
                border-right: 1px solid #fff;
                height: 100%;
	}
	.contentthreecol .col1 {
		width:100%;      		/* width of center column content (column width minus padding on either side) */
		left:100.1%;			/* 100% plus left padding of center column */
                border-right: 1px solid #fff;
	}
	.contentthreecol .col2 {
                display: none;
		width:15%;			/* Width of left column content (column width minus padding on either side) */
		left:15%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.contentthreecol .col3 {
                display: none;
		width:14.6%;			/* Width of right column content (column width minus padding on either side) */
		left:85.2%;			/* Please make note of the brackets here:
                				(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
        
        /*
	.contentthreecol {
		background:#eee;		/* right column background colour 
	}
	.contentthreecol .colmid {
		right:1%;			/* width of the right column 
		/*background:#fff;		/* center column background colour 
	}
	.contentthreecol .colleft {
		right:78%;			/* width of the middle column 
		/*background:#f4f4f4;	        /* left column background colour 
	}
	.contentthreecol .col1 {
		width:78%;			/* width of center column content (column width minus padding on either side) 
		left:100%;			/* 100% plus left padding of center column 
	}
	.contentthreecol .col2 {
		width:19%;			/* Width of left column content (column width minus padding on either side) 
		left:2%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) 
	}
	.contentthreecol .col3 {
		width:0.5%;			/* Width of right column content (column width minus padding on either side) 
		left:81.3%;			/* Please make note of the brackets here:
                				(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) 
	}
        */
        
        /* Homepage middle pane boxes START */
        .contentthreecol .colleft .col1 .bodytext {
            float: left;
            width: 96%;
            height: auto;
            overflow: visible;
            padding: 16px 16px 16px 16px;
            margin: 0;
	}
        .contentthreecol .colleft .col1 .bodytext h2 {
            font-size: 100%;
            margin: 0;
            /*padding: 15px 8px 8px 15px;*/
            padding: 4px 0 15px 0;
	}
        .contentthreecol .colleft .col1 .bodytext p {
            font-size: 85%;
	}
        .contentthreecol .colleft .col1 .bodytext img {
            margin: 0;
            padding: 0px 3px 0px 3px;
            border: none;
            vertical-align: middle;
	}
        .contentthreecol .colleft .col1 .bodytext a img {
            margin: 0 0 0 -8px;
            padding: 10px 10px 10px 10px;
            vertical-align: middle;
        }
        .contentthreecol .colleft .col1 .bodytext ul,
        .contentthreecol .colleft .col1 .bodytext li {
            font-size: 85%;
            list-style: disc;
            margin: 2px 0px 2px 8px;
        }
        .contentthreecol .colleft .col1 .bodytext .spacer{ 
            clear: both; 
            padding: 20px 0; 
        }
        
        body {
            background-color: transparent;
        }
        .rules {
            float: left;
            color: red;
            width: 100%;
            padding-bottom: 6px;
            font-size: 78%;
        }
        #form {
            width: 540px;
            font-size: 78%;
        }
        #form fieldset {
                float: left;
                margin:0;
                padding: 8px;
                width: 400px;
        }
        #form legend {
                display: none;
        }
        #form label {
                float: left;
                width: 55%;
                margin-top: 0.4em;
        }
        #form .mandatory {
                color: red;
                font-size: large;
                line-height: 24px;
        }
        #form .clear {
                line-height: 24px;
                height: 24px;
        }
        #form .longerlabelText {
                float: left;
                width: 160px;
                line-height: 24px;
        }
        #form input.text {
                float: left;
                top: -0.2em;
                width: 140px;
                border: 1px solid #D9D9FF;
                font-size: 95%;
        }
        #form select {
                font-size: 95%;
                float: left;
                border: 1px solid #D9D9FF;
        }
        #form p.objective {
                position: relative;
                float: left;
                padding-top: 10px;
                text-align: justify;
                text-justify: newspaper;
        }
        #form textarea {
                float: left;
                position: relative;
                width: 60%;
                height: 80px;
                margin: 0;
                padding: 0;
                margin-top: 6px;
                margin-bottom: 6px;
                border: 1px solid #D9D9FF;
                font-size:95%;
                font-family: arial, verdana;
        }
        #form caption {
                display: none;
        }
        /*Used to resolve the textarea layout of both questions 4 and 5 to 100%*/
        #form .textarea {
                width: 100%;
        }
        .buttons {
                float: left;
                width: 100%;
        }
        #form .submit, #form .reset {
                float: left;
                font-size: 90%;
                margin-right: 6px;
                border: 1px solid blue;
        }
            
        /* Homepage Right pane boxes START */
        .contentthreecol .colmid .col3 h2 {
            font-size: 80%;
            text-transform: uppercase;
            text-align: center;
            padding: 0;
            margin: 0;
        }
        .contentthreecol .colmid .col3 .bulletin a {
            margin: 0;
            padding: 0;
            vertical-align: middle;
        }
        .contentthreecol .colmid .col3 .bulletin img {
            margin: 4px 2px 4px 2px;
            padding: 0;
            vertical-align: middle;
        }
        /* Homepage Right pane boxes END */
        
	/* Footer styles START */
	#footer {
                display: none;
	}
    	/* Footer styles END */
        
        
        
        /* ------ RESIZING FOR 800X600 -------*/
        
        .screen_low .menu {
            width:580px;
            position:relative;
            z-index:100;
            margin-left:auto;
            margin-right:auto;
            height: 26px;
        }

        /* For dropdown to work on IE6*/ 
        .screen_low .menu li a:hover {
            _color: white;
            _position: relative;
            _height: 30px;
            _line-height: 30px;
        }
        
        /* style the links for the top level */
        .screen_low .menu a, .screen_low .menu a:visited {
            font-size:9px;
            height: 26px;
            _height: 18x;
        }
        /* a hack so that IE5.5 faulty box model is corrected */
        * html .screen_low .menu a, * html .screen_low .menu a:visited {
            /*width:149px;
            w\idth:138px;*/
        }
        
        /* hide the sub levels and give them a positon absolute so that they take up no room */
        .screen_low .menu ul ul {
            visibility:hidden;
            position:absolute;
            height:0;
            top:26px;
            left:0;
            width:149px;
            margin: 0;
            padding: 0;
            _margin-left: -7px;
            _margin-top: -1px;
        }
        /* another hack for IE5.5 */
        * html .screen_low .menu ul ul {
            top:31px;
            t\op:31px;
        }
        .screen_low .menu ul ul.left {
            left:-40px;
        }
        .screen_low .menu ul ul li {
            width:149px;
            border-top:1px solid #765;
            background-image: none;
            position: relative;
            margin: 0;
            padding: 0;
            height:auto;
            line-height:1em;
            color: #2B159A;
        }
        /* style the second level links */
        .screen_low .menu ul ul a, .screen_low .menu ul ul a:visited {
            background:white;
            border-left:1px solid #765;
            border-right:1px solid #765;
            height:auto;
            line-height:1em;
            padding:5px 10px;
            width:128px;
            color: #2B159A;
        }
        /* yet another hack for IE5.5 */
        * html .screen_low .menu ul ul a,
        * html .screen_low .menu ul ul a:visited {
            width:128px;
            w\idth:128px;
        }
        /* style the top level hover */
        .screen_low .menu ul ul li:hover,
        .screen_low .menu ul ul li:hover a,
        .screen_low .menu ul ul li a:hover {
            background-color: #b8d2fe;
            color: white;
            background-image: none;
        }
        /* style the second level background */
        .screen_low .menu ul ul a.drop,
        .screen_low .menu ul ul a.drop:link,
        .screen_low .menu ul ul a.drop:active,
        .screen_low .menu ul ul a.drop:visited {
            background:#fff url(white_arrow.png) no-repeat 110px center;
        }
        /* style the second level hover */
        .screen_low .menu ul ul a.drop:hover{
            background:#fff url(white_arrow.png) no-repeat 110px center;
        }
        .screen_low .menu ul ul :hover > a.drop {
            background:#b8d2fe url(green_arrow.png) no-repeat 110px center;
        }
        
        .screen_low .col2 .logos p {
            padding-bottom: 1px;
        }
        .screen_low .col2 .logos img {
            width: 94%;
        }
        .screen_low .homethreecol .colleft .col1 .bodytext {
            padding: 4px 10px 4px 10px;
            font-size: 70%;
        }        
        .screen_low div.container {
            position: absolute;
            top: 78px;
            left: 0;
            z-index: 20;
        }
        .screen_low div.row {
            clear: both;
            text-align:center;
            margin-left:auto 0;
            margin-right:auto 0;
            color: #2B159A;
            width: 545px;
        }
        .screen_low div.rowcenter {
                clear: both;
                width: 190px;
                text-align: center;
                margin-left: auto 0;
                margin-right: auto 0;
        }
        .screen_low div.rowcenter img {
                width: 92px;
                height: 15px;
        }
        .screen_low div.item .text {
                float: left;
                width: 162px;
                font-size: 66%;
                color: #2B159A;
        }
        .screen_low div.item .text strong {
                font-size: 125%;
        }
        .screen_low .item .productsimg img,
        .screen_low .item .servicesimg img,
        .screen_low .item .projectsimg img,
        .screen_low .item .teamimg img {
            width: 89.6px;
            height: 83.2px;
        }
        .screen_low .flexilinetop img,
        .screen_low .flexilinebottom img {
            width: 15px;
            height: 92px;
        }
        .screen_low .homethreecol .colmid .col3 .accordion1 {
            font-size: 72%;
        }
        .screen_low .homethreecol .colmid .col3 .accordion1 img {
            width: 16.8px;
            height: 11.2px;
        }      
        .screen_low .homethreecol .colmid .col3 .accordion1 .search INPUT.Text {
            BORDER: #000000 1px solid; 
            WIDTH: 80px; 
            COLOR: #000000; 
            FONT-SIZE: 9px;       
        }      
        .screen_low #footer {
                font-size: 70%;
                height: 12px;
                background: url(footer_bg.png);
	}
        
        /* ------ RESIZING FOR 800X600 -------*/
        
        /* ------ RESIZING FOR 1280X800 -------*/
        
        .screen_high .menu {
            width:750px;
            height:32px;
            position:relative;
            z-index:100;
            margin-left:auto;
            margin-right:auto;
        }
        .screen_high .menu a {
            font-size: 100%;
            height: 32px;
            line-height: 32px;
        }
        .screen_high .menu ul ul {
            visibility:hidden;
            position:absolute;
            height:0;
            top:32px;
            left:0;
            width:199px;
            border-top:1px solid #765;
            _margin-left: -7px;
            _margin-top: -1px;
        }
        /* another hack for IE5.5 */
        * html .screen_high .menu ul ul {
            top:30px;
            t\op:30px;
        }
        
        .screen_high .menu ul ul li {
            width:199px;
            border-top:1px solid #765;
            background-image: none;
            position: relative;
            margin: 0;
            padding: 0;
            height:auto;
            line-height:1em;
            color: #2B159A;
        }
        /* style the second level links */
        .screen_high .menu ul ul a,
        .screen_high .menu ul ul a:visited {
            background:white;
            border-left:1px solid #765;
            border-right:1px solid #765;
            height:auto;
            line-height:1em;
            padding:5px 10px;
            width:178px;
            color: #2B159A;
        }
        /* yet another hack for IE5.5 */
        * html .screen_high .menu ul ul a, 
        * html .screen_high .menu ul ul a:visited {
            width:178px;
            w\idth:178px;
        }
        
        .screen_high .homethreecol .colleft .col1 .bodytext {
            font-size: 110%;
        }        
        .screen_high div.container {
            position: absolute;
            top: 94px;
            left: 0;
            z-index: 20;
        }
        .screen_high div.row {
            clear: both;
            text-align:center;
            margin-left:auto;
            margin-right:auto;
            color: #2B159A;
            width: 800px;
        }
        .screen_high div.rowcenter {
                clear: both;
                text-align:center;
                margin-left: auto;
                margin-right: auto;
                width: 275x;
        }
        .screen_high div.rowcenter img {
        }
        .screen_high div.item .text {
                float: left;
                padding:1%;
                width: 230px;
                font-size: 96%;
                color: #2B159A;
        }
        .screen_high div.item .text strong {
                font-size: 120%;
        }
        /*.screen_high .item .productsimg img,
        .screen_high .item .servicesimg img {
            width: 17%;
            height: 17%;
        }
        .screen_high .item .projectsimg img,
        .screen_high .item .teamimg img {
            width: 86%;
            height: 86%;
        }
        .screen_high .flexilinetop img,
        .screen_high .flexilinebottom img {
            width: 18px;
            height: 95px;
        }*/
        /*.screen_high .homethreecol .colmid .col3 .accordion1 {
            font-size: 100%;
        }*/
        /*.screen_high .homethreecol .colmid .col3 .accordion1 img {
            width: 16%;
            height: 16%;
        } */     
        .screen_high .homethreecol .colmid .col3 .accordion1 .search INPUT.Text {
            BORDER: #000000 1px solid; 
            COLOR: #000000; 
            FONT-SIZE: 12px;       
        }
        
        .screen_high #footer {
                height: 17px;
                background: url(footer_bg.png);
	}
        
        /* ------ RESIZING FOR 1280X800 -------*/
        
        /* ------ RESIZING FOR 1400X900 -------*/
        
        .screen_wide .menu {
            width:750px;
            height:32px;
            position:relative;
            z-index:100;
            margin-left:auto;
            margin-right:auto;
        }
        .screen_wide .menu a {
            font-size: 100%;
            height: 32px;
            line-height: 32px;
        }
        .screen_wide .menu ul ul {
            visibility:hidden;
            position:absolute;
            height:0;
            top:32px;
            left:0;
            width:199px;
            border-top:1px solid #765;
            _margin-left: -7px;
            _margin-top: -1px;
        }
        /* another hack for IE5.5 */
        * html .screen_wide .menu ul ul {
            top:30px;
            t\op:30px;
        }
        
        .screen_wide .menu ul ul li {
            width:199px;
            border-top:1px solid #765;
            background-image: none;
            position: relative;
            margin: 0;
            padding: 0;
            height:auto;
            line-height:1em;
            color: #2B159A;
        }
        /* style the second level links */
        .screen_wide .menu ul ul a,
        .screen_wide .menu ul ul a:visited {
            background:white;
            border-left:1px solid #765;
            border-right:1px solid #765;
            height:auto;
            line-height:1em;
            padding:5px 10px;
            width:178px;
            color: #2B159A;
        }
        /* yet another hack for IE5.5 */
        * html .screen_wide .menu ul ul a, 
        * html .screen_wide .menu ul ul a:visited {
            width:178px;
            w\idth:178px;
        }
        
        .screen_wide .homethreecol .colleft .col1 .bodytext {
            font-size: 130%;
        }        
        .screen_wide div.container {
            position: absolute;
            top: 140px;
            left: 0;
            z-index: 20;
        }
        .screen_wide div.row {
            clear: both;
            text-align:center;
            margin-left:auto;
            margin-right:auto;
            color: #2B159A;
            width: 800px;
        }
        .screen_wide div.rowcenter {
                clear: both;
                text-align:center;
                margin-left: auto;
                margin-right: auto;
                width: 275x;
        }
        .screen_wide div.rowcenter img {
        }
        .screen_wide div.item .text {
                float: left;
                padding:1%;
                width: 230px;
                font-size: 100%;
                color: #2B159A;
        }
        .screen_wide div.item .text strong {
                font-size: 120%;
        }
        /*.screen_wide .item .productsimg img,
        .screen_wide .item .servicesimg img {
            width: 17%;
            height: 17%;
        }
        .screen_wide .item .projectsimg img,
        .screen_wide .item .teamimg img {
            width: 86%;
            height: 86%;
        }
        .screen_wide .flexilinetop img,
        .screen_wide .flexilinebottom img {
            width: 18px;
            height: 95px;
        }*/
        /*.screen_wide .homethreecol .colmid .col3 .accordion1 {
            font-size: 100%;
        }*/
        /*.screen_wide .homethreecol .colmid .col3 .accordion1 img {
            width: 16%;
            height: 16%;
        } */     
        .screen_wide .homethreecol .colmid .col3 .accordion1 .search INPUT.Text {
            BORDER: #000000 1px solid; 
            COLOR: #000000; 
            FONT-SIZE: 12px;       
        }
        
        .screen_wide #footer {
                height: 17px;
                background: url(footer_bg.png);
	}
        
        /* ------ RESIZING FOR 1400X900 -------*/