/* CSS Document */
body{
	padding:0; margin:0; background:url(images/bg.gif) repeat-x #000; color:#A5A5A4;
	}
div, ul, h1, h2, h3, h4, p, img, form{
	padding:0; margin:0; border:0;
	}
ul{
	list-style-type:none;
	}
.blank{
	font-size:0px; clear:both; line-height:0px;
	}
.hide{
	text-indent:-2000px; 
	}
.floatLeft{
	float:left;
	}
.floatRight{
	float:right;
	}
.center{
	text-align:center; margin:0 auto 0 auto;
	}
#facebook{
	top:50px; left:20px; position:absolute;
	}
/*--------------------------------contact slideout---------------------------*/
#contact{
	display:none; position:fixed; top:200px; left:0;
	background-color:#000000; height:350px; width:400px;
	margin: 0 0 0 -350px; border:1px; border-style:double; border-color: #ff0000; 
	border-top-right-radius:250px; border-bottom-right-radius:250px; 	
	-moz-border-radius-topright:250px; -moz-border-radius-bottomright:250px; 
	-webkit-border-top-right-radius:250px;-webkit-border-bottom-right-radius:250px;
	z-index:1;
	}
#contact img{
	float:right;
	}
#contact input, textarea{
	width:220px; margin:5px 15px; float:right;
	border: 1px solid #006; background: #ffc;
	}
#contact input:hover, textarea:hover{
	border: 1px solid #f00; background: #ff6;
	}
#contact textarea{
	width:300px;height:190px; margin:5px 15px 5px 5px; float:right;
	}
#contact p{
	text-align:center; font-size:24px; padding:10px; font-weight:bold;
	}
#contact span{
	float:right; width:60px; padding:5px;
	}
#contact .formsubmit{
	float:right; margin:5px 100px; font-weight:bold; width:150px;
	border-radius:250px; -moz-border-radius:250px; -webkit-border--radius:250px;
	}
#contact .formsubmit:hover{
	font-weight:bold; color:#FF0000;
	}
/*--------------------------------header pan---------------------------*/
#headerPan{
	width:880px; margin:0 auto 0 auto; 
	}
#headerPan ul{
	width:537px; margin:0 0 0 139px; display:block; height:21px;
	}
#headerPan ul li{
	display:block; float:left; height:21px; margin:0; padding:0;
	}
#headerPan ul li a{
	font: bold 12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 14px 0 14px; color:#EAEAEA;
	background-color:#242424; text-decoration:none; margin:0; height:21px;
	}
#headerPan ul li a:hover{
	color:#EAEAEA; background-color:#0867C3;
	}
#headerPan h1{
	background:url(images/logo.jpg) no-repeat; margin:23px auto 0 auto;  width:388px; height:204px; display:block;
	text-indent:-2000px; 
	}
#headerPan div.search{
	background:url(images/google-search-bg.jpg); text-align:center; 
	border-bottom-left-radius:250px; border-bottom-right-radius:250px; 	
	-moz-border-radius-bottomleft:250px;  -webkit-border-bottom-left-radius:250px;
	-moz-border-radius-bottomright:250px; -webkit-border-bottom-right-radius:250px;
	}
/*----------------------------------body part----------------*/
#mainBody{
	width:880px; margin:24px auto 0 auto; 
	}
/*-------------left side------*/
#leftPan{
	width:200px; color:#B6B6B5; background:url(images/left_side_up.gif) no-repeat 0 0 #171717; padding:19px 0 0 0; float:left;	
	}
#leftPan h2{
	background:url(images/services_icon.gif) no-repeat 0 0 #171717; color:#fff; width:90px; height:34px; display:block;
	margin:0px 0 0 25px; font: normal 24px/34px Arial, Helvetica, sans-serif; padding: 0 0 0 25px;
	}
#leftPan h3{
	padding:5px 5px 0px;background:#000000;color:#ffffff;
	}	
.sponsors{
	padding:0 5px 5px 10px;background:#000000;color:#ffffff;
}	
#leftPan ul{
	width:175px; height:300px; display:block; margin:6px 0 24px 25px; font-size:0;
	}
#leftPan ul li{
	background:url(images/left_side_arrow.gif) no-repeat 0 9px; padding: 0 0 0 11px; display:block;  height:24px; width:160px; 
	}
#leftPan ul li a{
	font:12px/24px Arial, Helvetica, sans-serif; color:#B6B6B5; text-decoration:none; background-color:#171717; display:block;
	}
#leftPan ul li a:hover{
	background-color:#454545; color:#B6B6B5;
	}
.down{
	background:url(images/left_side_down.gif) no-repeat bottom left; height:8px; font-size:0; display:block;
	}
/*-------------------------------right-------*/
#rightPan{
	width:670px; margin:0 0 0 10px; float:left;
	}
#rightPan a{
	color:#ff0000;  text-decoration:none;
	}
#rightPan a:hover{
	color:#fff; background-color:#124D8C; text-decoration:none;
	}
#rightPan ul{
	width:500px; display:block; margin:5px 0 5px 15px; font-size:0;
	}
#rightPan ul li{
	width:500px; font:14px/20px Arial, Helvetica, sans-serif; color:#A5A5A4; display:block;
	padding: 3px 0 3px 10px; background:url(images/left_side_arrow.gif) no-repeat 0 center; 
	}
#rightPan ol{
	}
#rightPan ol li{
	padding: 5px 0 5px 10px;
	}
#rightPan ul li a{
	font:14px/20px Arial, Helvetica, sans-serif; color:#ff0000; background-color:#000000;
	}
#rightPan ul li a:hover{
	color:#ffffff; color:#fff; background-color:#124D8C; text-decoration:none;
	}
#rightPan h3{
	font:20px/24px Arial, Helvetica, sans-serif; color:#A5A5A4; padding: 25px 0 25px 0;
	}
#rightPan h4{
	font:18px/22px Arial, Helvetica, sans-serif; color:#A5A5A4; padding: 5px 0 5px 0;
	}
#rightPan p{
	font:14px/20px Arial, Helvetica, sans-serif; color:#A5A5A4; display:block;
	margin:0 0 0 0;  text-align:left;
	}
#rightPan p span{
	color:#2BCB02; background-color:#000000; font-size:17px; font-weight:bold; 
	}
#rightPan p.hig{
	background-color:#272727; color:#8C8C8B; font:14px/20px Arial, Helvetica, sans-serif; display:block; 
	padding:12px 6px 6px 6px; margin:5px 0 0 0; width:450px;
	border-top-left-radius:5px; border-top-right-radius:5px; 	
	-moz-border-radius-topleft:5px;  -webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	}
#rightPan p.hig1{
	background-color:#151515; color:#8C8C8B; font:14px/20px Arial, Helvetica, sans-serif; display:block; 
	padding:12px 6px 6px 6px; margin:5px 0 0 0; width:450px;
	border-top-left-radius:5px; border-top-right-radius:5px; 	
	-moz-border-radius-topleft:5px;  -webkit-border-top-left-radius:5px;
	-moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px;
	}
#rightPan p.more1 {
	background-color:#272727; color:#8C8C8B; padding:3px 6px 3px 6px;  margin:0 0 0 0;
	border-bottom-left-radius:5px; border-bottom-right-radius:5px; width:450px;
	-moz-border-radius-bottomleft:5px;  -webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
	}

#rightPan p.more2 {
	background-color:#151515; color:#8C8C8B; padding:3px 6px 3px 6px; margin:0 0 0 0;
	border-bottom-left-radius:5px; border-bottom-right-radius:5px; width:450px;
	-moz-border-radius-bottomleft:5px;  -webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
	}
#rightPan p.more1 a{
	background-color:#000000; color:#ff0000; display:block; font:14px/14px Arial, Helvetica, sans-serif;
	text-decoration:none; text-align:right; padding:3px 6px 3px 6px;
	border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px;
	}
#rightPan p.more2 a{
	background-color:#000000; color:#ff0000; display:block; font:14px/14px Arial, Helvetica, sans-serif;
	text-decoration:none; text-align:right; padding:3px 6px 3px 6px;
	border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px;
	}
#rightPan p.more1 a:hover{
	color:#fff; background-color:#124D8C; text-decoration:none;
	border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px;
	}
#rightPan p.more2 a:hover{
	color:#fff; background-color:#124D8C; text-decoration:none;
	border-radius:5px; -moz-border-radius:5px;  -webkit-border-radius:5px;
	}
#rightPan a.button {
	display: block;
	width: 236px;
	height: 163px;
	text-decoration: none;
	background:url(images/contact.jpg) no-repeat 0px 0px;
	text-indent:-2000px; 
	margin-left: auto ;
	margin-right: auto ;
	}
#rightPan a.button:hover {
	background:url(images/contact.jpg) no-repeat 0px -163px;
	text-indent:-2000px; 
	margin-left: auto ;
	margin-right: auto ;
	}
#rightPan img.floatLeft { 
	float: left; 
	margin:0 8px 8px 0; 
	}
#rightPan img.floatRight { 
	float: right; 
	margin: 8px; 
	}
#rightPan div.company {

	}
#rightPan div.software {

	}
.portfolio{
	float:left; padding: 5px; margin: 0 auto 0 auto; text-align:center;

	}
#rightPan a.ad{
	text-decoration: underline; font-weight: bold; 
	}
/*-------------------------------right links---------*/	
#rightLinks{
float:right; width:200px;
}	
.rlinks{
color:#B6B6B5; background:url(/images/left_side_up.gif) no-repeat 0 0 #171717; padding:19px 0 0 0; float:left;	
}
#rightLinks h2{
color:#fff; display:block; font: normal 22px/24px Arial, Helvetica, sans-serif; text-align:center;
	}
/*-------------------------------footer---------*/
#footerMain{
	background:url(images/footer_bg.gif) repeat-x 0 0; width:100%;
	}	
#footer{
	background:url(images/footer.gif) no-repeat 0 0; height:200px; width:778px; margin:0 auto 0 auto; padding:0 0 0 0;  position:relative;
	}
#cr{
	margin:0 auto 0 auto; padding:0 0 0 0;  position:absolute; top:158px;  width:778px; text-align:center;
	}
#bmenu{
	position:absolute; top:130px; right:0; 
	}
#footer ul{
	display:block; padding:0; font-size:0;
	}
#footer ul li{
	color:#9B9B9B; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  float:left; background-color:#0F0F0F;
	padding:0; margin:0;
	}
#footer ul li a{
	color:#9B9B9B; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  background-color:#0D0D0D;
	text-decoration:none; padding:0 6px 0 6px; 
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer p.cr{
	display:block; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:auto auto auto auto;
	color:#EAEAEA; padding:0 0 0 0;
	}
#footer p.validated{
	width:100px; display:block; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 0 auto;
	color:#EAEAEA; padding:5px 0 0 0; text-align:right;
	}
/*-------------------------------tracking---------*/
#eXTReMe img{
	padding:0 5px 0 0; left:-2000px; position:absolute;
	}
	
/*-------------------------------pagination script---------*/

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px;
width: 200px; /*width of featured content slider*/
height: 220px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 190px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 1px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: red;
padding: 0px 0px;
}

.pagination a{
padding: 0 0px;
text-decoration: none; 
color: #00007D;
background: black;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}