/** css file for xyz company **/

html, body {
	width:100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	text-align: center;
	color: #333333;
	background:#ffffff;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	vertical-align:top;
}

/** WRAPPER */

.wrapper {
	position:relative;
	left:0px;
	top:0px;
	bottom:0px;
	margin: 0px;
	padding: 0px;
	width:100%;
	background:transparent;
	text-align:center;
	vertical-align:top;
	font-size:10pt;
	overflow:hidden;
	border:1px solid #1b82df;
}

.wrapper1{
	position:relative;
	left:0px;
	top:0px;
	bottom:0px;
	margin: 0px;
	padding: 0px;
	width:100%;
	background:transparent;
	text-align:center;
	vertical-align:top;
	font-size:10pt;
	overflow:hidden;
}

html>body #wrapper{
	
}

/** Header **/

.header {
	padding:5px 5px;
	margin:0px;
	background:transparent;
	position:relative;
	top:0px;
	height:60px;
	width:100%;
	white-space:nowrap;
	text-align:center;
	overflow:hidden;
	padding:10px 0 0 0;
	margin:0 0 ;
	/*float:left;*/
}

.comptitle
{
	font-family:Verdana;
	text-align:left;
	color:#1b82df;
	font-weight:bold;
	float:left;
	position:relative;
	bottom:0px;
	top:0px;
	left:8px;
	height:50px;
	padding:0px 0px;
	margin:0px 0 0 0px;
}

.comptitle h2{
	color:#1B82DF;
	background:transparent;
	font-size:20px;
	margin:5px 0 0 0;
	padding:0 0;
}

.tagtitle{
	color:#CFE8FF;
	background:transparent;
	font-size:20px;
}

/** Topmenu section **/

.topmenu{
	position:relative;
	top:35px;
	left:0px;
	right:0px;
	width:30%;
	height:25px;
	background:transparent;
	float:right;
}

.topmenu ul{
	position:relative;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	background:transparent;
	color:#666666;
	font-weight:bold;
}

.topmenu li{
	display:inline;
}

.topmenu a{
	color:#999999;
	background:transparent;
	text-decoration:none;
}

.topmenu a:hover{
	color:#000000;
	background:transparent;
	text-decoration:none;
}

/** hrline **/

.hrline {
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	clear: both;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:100%;
	height:8px;
	background:#003399;
	color:#ffffff;
	vertical-align:top;
	text-align:right;
	overflow:hidden;
}

.hrline1 {
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	clear: both;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:30%;
	height:5px;
	background:#ffffff;
	color:#ffffff;
	vertical-align:top;
	text-align:right;
	overflow:hidden;
}

/** CONTENT */

.content {
	padding:0px;
	margin:0px;
	width:100%;
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:#ffffff;
	color:#000000;
	/*float:left;*/
	overflow:hidden;
}

.content h2{
	margin: 0px;
	padding: 5px;
	font-size: 20px;
}

/** Left Section **/

.left{
	float:left;
	padding:0px 5px 0 0;
	background:#ffffff;
	position:relative;
	left:0%;
	right:0%;
	top:0%;
	bottom:0%;
	width:25%;
	text-align:left;
	vertical-align:top;
	overflow:hidden;
}

.left p{
	color:#000000;
	background:transparent;
	font-size:12px;
}

/** Top Left section **/

.topleft{
	float:left;
	padding:0px 0px 0px 0px;
	margin:3px 0 0 0;
	background:#ffffff;
	position:relative;
	left:0%;
	right:0%;
	top:0px;
	bottom:0px;
	width:100%;
	/*height:215px;*/
	text-align:justify;
	vertical-align:top;
	overflow:hidden;
	border:1px solid #1b82df;
}


/** Leftext section **/

.leftxt{
	/*float:left;*/
	padding:0px 6px 0px 5px;
	margin:0px;
	background:#ffffff;
	position:relative;
	left:0px;
	right:0%;
	top:0px;
	bottom:0px;
	width:96%;
	/*height:215px;*/
	text-align:justify;
	vertical-align:top;
	overflow:hidden;
/*	border-top:1px solid #1b82df;
	border-right:1px solid #1b82df;
	border-bottom:1px solid #1b82df;*/
}

.lefmenu{
	float:left;
	padding:0px 5px 5px 5px;
	margin:5px 0 0 0;
	background:#ffffff;
	color:#666666;
	position:relative;
	left:0%;
	right:0%;
	top:0px;
	bottom:0px;
	width:94%;
	/*height:215px;*/
	text-align:justify;
	vertical-align:top;
	overflow:hidden;
	border:1px solid #1b82df;
}

.menu{
	/*float:left;*/
	position:relative;
	top:0px;
	padding:5px 0px;
	width:99.6%;
	background:#ffffff;
	color:#666666;
	overflow:hidden;
	text-decoration:none;
	text-align: center;
	font-weight:bold;
	margin:2px 0 0 0;
	padding:0 0;
}

.menu a{
	float:left;
	position:relative;
	top:0px;
	padding:5px 5px;
	margin:2px 0px;
	width:93%;
	background:#ffffff;
	color:#666666;
	overflow:hidden;
	border:1px solid #1b82df;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
	overflow:hidden;
}

.menu a:hover{
	float:left;
	position:relative;
	top:0px;
	padding:5px 5px;
	width:93%;
	background:#E8F1F9 url(images/btn_hover.gif) top right no-repeat;
	color:#666666;
	overflow:hidden;
	text-decoration:none;
	text-align: left;
	font-weight:bold;
	overflow:hidden;
}

.leftmenubg {
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	clear: both;
	padding:3px 3px 0px 3px;
	margin:3px 0 0px 0px;
	width:96%;
	height:25px;
	background:#E8F1F9;
	color:#666666;
	vertical-align:top;
	text-align:left;
	overflow:hidden;
	font-weight:bold;
}

.heading{
	position:relative;
	top:0px;
	background:transparent;
	font-size:14px;
	color:#333333;
	font-weight:bold;
	padding: 5px 0 0 5px;
}

.leftmenu ul {
	margin: 0px;
	padding:2px 0px 0px 5px;
	list-style: none;
	background:#ffffff;
	color:#1D6AB7;
	overflow:hidden;
	position:relative;
	top:0px;
}

.leftmenu ul li{
	display: block;
}

.leftmenu a {
	float:left;
	position:relative;
	top:0px;
	padding:5px 5px;
	width:92%;
	background:#ffffff;
	color:#666666;
	overflow:hidden;
	border:1px dotted #c4dbee;
	text-decoration:none;
}

.leftmenu a:hover{
	color:#999999;
	background: transparent url(images/bullet_hover.gif) no-repeat left center;
}

/** News Letter section **/

.newsletter{
	float:left;
	margin:5px 5px 0px 0px;
	padding:0px 5px;
	background:#ffffff;
	color:#666666;
	position:relative;
	left:0%;
	right:0%;
	top:0px;
	bottom:0px;
	width:94%;
	height:165px;
	text-align:left;
	font-weight:bold;
	vertical-align:top;
	overflow:hidden;
	border:1px solid #1b82df;
}

/** Right Section **/

.right {
	float:left;
	padding:5px 5px 5px 5px;
	background:#ffffff;
	position:relative;
	left:0%;
	right:0%;
	top:0%;
	bottom:0%;
	width:75%;
	text-align:justify;
	vertical-align:top;
	overflow:hidden;
}

.right p{
	color:#000000;
	background:transparent;
	font-size:12px;
}

/** topright section closed **/

.topright{
	float:left;
	padding:0px 0px 0px 0px;
	margin:2px 0 0 0px;
	background:#ffffff;
	position:relative;
	left:0%;
	right:0%;
	top:0px;
	bottom:0px;
	width:74.2%;
	/*height:215px;*/
	text-align:justify;
	vertical-align:top;
	overflow:hidden;
/*	border:1px solid #1b82df;*/
}

.titlebg {
	position:relative;
	top:0px;
	left:3px;
	right:0px;
	bottom:0px;
	clear: both;
	padding:5px 3px 0px 3px;
	margin:5px 0 0px 0px;
	margin:0px;
	width:97.6%;
	height:30px;
	background:#E8F1F9;
	color:#ffffff;
	vertical-align:top;
	text-align:right;
	overflow:hidden;
	border-top:1px solid #1b82df;
	border-left:1px solid #1b82df;
	border-right:1px solid #1b82df;
}

.toprightleft {
	float:left;
	width:30.7%;
	/*height:200px;*/
	padding:5px 3px 0px 6px;
	margin:1px 2px 1px 0px;
	background:#ffffff;
	color:#666666;
	position:relative;
	left:0%;
	right:0%;
	top:0%;
	text-align:justify;
	font:12px Arial, Helvetica, sans-serif;
	overflow:hidden;
	border:1px solid #1b82df;
}

.toplefttitlebg {
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	clear: both;
	padding:8px 0px 0px 10px;
	margin:0px 0px;
	width:92.5%;
	height:25px;
	background:#c4dbee;
	color:#666666;
	vertical-align:top;
	text-align:left;
	overflow:hidden;
	font-weight:bold;
}

.toprightmid {
	float:left;
	width:30.9%;
	/*height:200px;*/
	padding:5px 3px 0px 5px;
	margin:1px 2px 1px 2px;
	background:#ffffff;
	color:#666666;
	position:relative;
	left:0%;
	right:0%;
	top:0%;
	text-align:justify;
	font:12px Arial, Helvetica, sans-serif;
	overflow:hidden;
	border:1px solid #1b82df;
}

.topmidtitlebg {
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	clear: both;
	padding:8px 0px 0px 10px;
	margin:0px 0px;
	width:94%;
	height:25px;
	background:#c4dbee;
	color:#666666;
	vertical-align:top;
	text-align:left;
	overflow:hidden;
	font-weight:bold;
}


.toprightright {
	float:left;
	width:30.9%;
	/*height:200px;*/
	padding:5px 2px 0px 5px;
	margin:1px 2px 1px 2px;
	background:#ffffff;
	color:#666666;
	position:relative;
	left:0%;
	right:0%;
	top:0%;
	text-align:justify;
	font:12px Arial, Helvetica, sans-serif;
	overflow:hidden;
	border:1px solid #1b82df;
}

.toprighttitlebg {
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	clear: both;
	padding:8px 0px 0px 10px;
	margin:0px 0px;
	width:91.5%;
	height:25px;
	background:#c4dbee;
	color:#666666;
	vertical-align:top;
	text-align:left;
	overflow:hidden;
	font-weight:bold;
}

/** Bottom right section **/

.bottomrightext{
	float:left;
	padding:0px 0px 0 0px;
	margin:5px 2px 0 0px;
	background:#ffffff;
	position:relative;
	left:0%;
	right:0%;
	top:0px;
	bottom:0%;
	width:49%;
	text-align:justify;
	vertical-align:top;
	overflow:hidden;
}

.botrightext{
	float:left;
	padding:0px 0px 0 0px;
	margin:2px 0px;
	background:#ffffff;
	position:relative;
	left:0%;
	right:0%;
	top:0px;
	bottom:0%;
	width:99.5%;
	text-align:justify;
	vertical-align:top;
	overflow:hidden;
	border:1px solid #1b82df;
}

.rightext{
	float:left;
	padding:0px 5px 0 5px;
	margin:0px;
	background:#ffffff;
	position:relative;
	left:0%;
	right:0%;
	top:0px;
	bottom:0%;
	width:97%;
	text-align:justify;
	vertical-align:top;
	overflow:hidden;
}

.rightxttitlebg {
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	padding:8px 0px 0px 10px;
	margin:0px 0px;
	width:100%;
	height:25px;
	background:#c4dbee;
	color:#666666;
	vertical-align:top;
	text-align:left;
	overflow:hidden;
	font-weight:bold;
}

/** Projects **/

.prjtext{
	float:left;
	padding:0px 5px 0 5px;
	margin:0px;
	background:#ffffff;
	position:relative;
	left:0%;
	right:0%;
	top:0px;
	bottom:0%;
	width:97%;
	text-align:justify;
	vertical-align:top;
	overflow:hidden;
}

.prjtxttitlebg {
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	padding:8px 0px 0px 10px;
	margin:5px 0 0px 0px;
	width:100%;
	height:25px;
	background:#c4dbee;
	color:#666666;
	vertical-align:top;
	text-align:left;
	overflow:hidden;
	font-weight:bold;
}

/** News scroller section **/

.newsscroller{
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	background:transparent;
	color:#effcff;
	width:180px;
	/*height:200px;*/
	float:left;
	text-align:center;
	padding:0% 0px 0 3px;
	margin:7px 1px 0 0;
	/*border: 4px double #FEB335;*/
}

.news{
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	background:transparent;
	color:#666666;
	font-size:13px;
	width:99%;
	font-weight:bold;
}

.newsscrollertext{
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background:transparent;
	color:#666666;
	width:100%;
	/*height:250px;*/
	float:left;
	text-align:justify;
	border:1px solid #1b82df;
}

.newstitlebg {
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	clear: both;
	padding:8px 0px 0px 10px;
	margin:0px 0px;
	width:94.5%;
	height:25px;
	background:#c4dbee;
	color:#666666;
	vertical-align:top;
	text-align:left;
	overflow:hidden;
	font-weight:bold;
}

.newstitlebg a{
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	clear: both;
	padding:8px 0px 0px 0px;
	margin:0px 0px;
	width:94.5%;
	height:20px;
	background:#c4dbee;
	color:#666666;
	vertical-align:top;
	text-align:left;
	overflow:hidden;
	font-weight:bold;
	text-decoration:none;
}

.newstitlebg a:hover{
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	clear: both;
	padding:8px 0px 0px 0px;
	margin:0px 0px;
	width:94.5%;
	height:20px;
	background:#c4dbee;
	color:#666666;
	vertical-align:top;
	text-align:left;
	overflow:hidden;
	font-weight:bold;
	text-decoration:underline;
}


/** Height **/

.hgt{
	position:relative;
	top:0%;
	left:0%;
	right:0px;
	bottom:0px;
	height:473px;
	width:0%;
	vertical-align:top;
	padding-right:0px;
	float:left;
}

.lefthgt{
	position:relative;
	top:0%;
	left:0%;
	right:0px;
	bottom:0px;
	height:473px;
	width:0px;
	vertical-align:top;
	padding-right:0px;
	float:left;
}

/** FOOTER */

.footer {
	position:relative;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	clear: both;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:100%;
	height:40px;
	background:#003399;
	color:#ffffff;
	vertical-align:top;
	text-align:right;
	overflow:hidden;
}

.footer a {
	padding: 0px 5px;
	text-decoration:none;
	color:#ffffff;
}

.footer a:hover {
	text-decoration:underline;
	color:#6EB6EF;
}

.footer p {
	position:relative;
	top:0%;
	left:0%;
	right:0%;
	bottom:0%;
	text-align: right;
	font-size: 12px;
	background:transparent;
	padding:5px;
}

.footer_text{
	background:inherit;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;               
	text-align:left;
	text-shadow:#00CCFF;
	text-decoration:none;  
	padding:5px 0px 10px 10px;
	}