body {
background:url('images/testbg2.jpg') top fixed #000000;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size:13px;
color:#999999;
padding:0px;
}
a, a:visited {
color:#fff;
}
#wrapper {
width:922px;
padding:0;
margin:auto;
}
.fut {
background:url("images/arrow.png") no-repeat scroll 0 0 transparent;
color:#C4C4C4;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:lighter;
margin:5px 10px 0 250px;
padding:0 0 0 20px;
}
#wrapper2 {
width:842px;
padding:0 40px;
margin:auto;
}
#top {
height:121px;
width:842px;
}
#menu {
background:url("tranpix.png") repeat scroll 0 0 transparent;
border-bottom:1px solid #404040;
border-top:1px solid #404040;
border-right:1px solid #404040;
width:843px;
height:30px;

}
#c1 {
width:50%;
float:left;
border-right:1px solid #fff;
}
#c2 {
width:49%;
float:right;
}
.black, .black a {
color:#47CBFB;
text-decoration : none;
}
.black a:hover {
color:#47CBFB;
text-decoration : underline;
}
fieldset {  
margin:10px;
padding: 15px; 
border:1px solid #47CBFB;
 
}  
legend {  
margin-left: 1em;  
color: #47CBFB;  
font-weight: bold;  
font-size:140%;
}  
#button1{
float:left;
height:33px;
width:127px;
background:url(images/menu_03.jpg);
}
#button1:hover{
float:left;
height:33px;
width:127px;
background:url(images/menu_hover_03.jpg);
}
#button2{
float:left;
height:33px;
width:119px;
background:url(images/menu_04.jpg);
}
#button2:hover {
float:left;
height:33px;
width:119px;
background:url(images/menu_hover_04.jpg);
}

#button3{
float:left;
height:33px;
width:165px;
background:url(images/menu_05.jpg);
}
#button3:hover{
float:left;
height:33px;
width:165px;
background:url(images/menu_hover_05.jpg);
}
#button4{
float:left;
height:33px;
width:131px;
background:url(images/menu_06.jpg);
}
#button4:hover{
float:left;
height:33px;
width:131px;
background:url(images/menu_hover_06.jpg);
}
#button5{
float:left;
height:33px;
width:120px;
background:url(images/menu_07.jpg);
}
#button5:hover{
float:left;
height:33px;
width:120px;
background:url(images/menu_hover_07.jpg);
}
#button6{
float:left;
height:33px;
width:149px;
background:url(images/menu_08.jpg);
}
#button6:hover{
float:left;
height:33px;
width:149px;
background:url(images/menu_hover_08.jpg);
}
#button_s{
float:left;
height:33px;
width:162px;
background:url(images/menu_09.jpg);
}
.name {
font-weight:900;
color:#47cbfb;
}
.gap {
margin:0;
}
a img {
border : 0;
}
div.wrap {
width : 842px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 842px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;

}
div#slider1 {
margin : -10px 0 0;
}
div#video-slider1 {
height : 683px;
margin : -1px 0 0;
}
div#slider1 div.wrap {
height : 299px;
background : url(images/header-bg.png) no-repeat 50% 0;
}
div#slider1 div#slide-holder {
z-index : 40;
width : 842px;
height : 299px;
position : absolute;
}
div#slider1 div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width :822px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#slider1 div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#slider1 div#slide-holder div#slide-controls {
left : 0;
bottom : 18px;
width : 822px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#slider1 div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;

}
div#slider1 div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
color:#FFFFFF;
}
div#slider1 div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
color:#FFFFFF;
}
div#slider1 div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
color:#FFFFFF;
}
div#slider1 div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
color:#FFFFFF;
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;

}
#hcwhy{
width:805px;
height:169px;
background:url(images/hcwhy_15.jpg);
padding:135px 0 0 37px;
font:10pt tahoma;
color:#FFFFFF;
}
#hcwhy p{
margin:0 0 2px;
padding:0;
}
#b1 {
width:200px;
float:left;
height:100px;
}
#b2 {
width:200px;
float:left;
height:100px;
margin-left:81px;
}
#b3 {
width:200px;
float:left;
height:100px;
margin-left:88px;
}
#bb1 {
float:left;
height:30px;
margin-top:15px;
width:167px;
}
#bb2 {
float:left;
height:30px;
margin-top:15px;
margin-left:115px;
width:167px;
}
#bb3 {
float:left;
height:30px;
margin-top:15px;
width:167px;
margin-left:120px;
}
#copyright {
margin:15px 0 0 -10px;
}
#footer {
height:37px;
width:812px;
font-family:"Arial";
font-size:14px;
color:#666666;
margin-top:20px;
background:url('images/footer.png') no-repeat;
font-weight:400;
padding:15px;
}
#footer_b1 {
width:750px;
height:37px;
float:left;
}
#footer_b2 {
width:62px;
height:30px;
float:right;
padding:7px 0;
}
#maind {
width:822px;
background:url(tranpix.png);
border-left:solid 1px #505050;
border-right:solid 1px #505050;
margin:auto;
padding:10px;
}
#maindb {

}
#testim img {
margin:0 15px 7px 0;
float:left;
}
#testim {
color:#FFFFFF;
padding:5px;
width:203px;
float:right;
margin:90px 10px 0;

}
#testim2 img {
margin:0 15px 7px 0;
float:left;
}
#testim2 {
color:#FFFFFF;
padding:5px;
width:168px;
float:left;
margin:10px 10px 0;

}

#testim3 img {
margin:0 15px 7px 0;
float:left;
}
#testim3 {
color:#FFFFFF;
padding:5px;
width:270px;
float:right;
margin:10px 10px 0;

}
#advertising_w {
background:url('images/advertisingg_13.jpg') no-repeat #000;
padding-bottom:10px;
width:842px;
}
#advertising {
width:580px;
float:left;
}
#advertising h1 {
font-family:Arial, Helvetica, sans-serif;
color:#a1bf11;
font-size:24px;
margin:5px 0 0px 5px;;
padding:10px 10px 0;
}
#advertising h2 {
font-family:Arial, Helvetica, sans-serif;
color:#42cbf7;
font-size:14px;
margin:0px 0 0px 7px;;
padding:0;
padding-left:10px;
}
#advertising p {
background:url('images/arrow.png') no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size:13px;
color:#c4c4c4;
margin:28px 10px 8px 0;
padding:0 0 0 20px;
}
#sidebar {
padding:10px;
float:left;
}
#sidebar ul {
margin:0;
padding:0;
list-style:none;
}
#sidebar ul li {
background-image:url(tranpix2.png);
width:168px;
height:25px;
padding:10px 0 0 15px;
margin-bottom:3px;

}
#sidebar ul li a {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:none;
}
#sidebar ul li a:hover {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration:underline;
}
#sidebar ul li:hover {
background-image:url(tranpix.png);
width:168px;
height:25px;
padding:10px 0 0 15px;
}
.active {
background-image:url(images/sub_21.jpg);
width:168px;
height:25px;
padding:10px 0 0 15px;
}

#main_text {
width:570px;
margin-left:5px;
padding:10px;
float:right;
}
#main_full {
width:470px;
margin-left:5px;
padding:10px;
float:right;
}
.white {
color:#fff;
}
.w300 {
width:300px;
}
.w203 {
width:203px;
}
#main_text h1 {
font-family:Arial, Helvetica, sans-serif;
color:#fff;
font-size:24px;
margin:5px 0 0px 5px;;
padding:0;
}
#main_text h2 {
font-family:Arial, Helvetica, sans-serif;
color:#42cbf7;
font-size:14px;
margin:0px 0 0px 7px;;
padding:0;
}
#main_text p {
background:url('images/arrow.png') no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size:13px;
color:#c4c4c4;
margin:28px 10px 8px 0;
padding:0 0 0 20px;
}
#workimg {
width:240px;
height:195px;
overflow:hidden;
}
#work {
background:url(images/bg.png) no-repeat;
width:248px;
height:368px;
float:left;
margin-right:17px;
margin-bottom:23px;
color:#fff;
padding:25px 10px 10px;
font-family:Arial;
font-weight:600;
font-size:15px;
overflow:hidden;


}
#work {
opacity:0.1;
}
#work:hover {
opacity:1;
}
#work p {
color:#fff;
padding-bottom:5px;
font-family:Arial;
font-weight:300;
font-size:15px;
margin-top:5px;

}
#workhover { 
background: url(images/testpng.png); 
width:268px;
height:368px;
float:left;
margin-right:17px;
margin-bottom:23px;
padding:25px 10px 10px;
}
#workhover:hover { 

}
#work b {
color:#e4ad00; 
font-size:15px;
}
.info  {
background:url("images/transparent-bg.png") repeat scroll 0 0 transparent;
bottom:0;
height:70px;
position:absolute;
width:842px;
}
.info h2 {
color:#FFFFFF;
font-family:Georgia,serif;
font-size:1.2em;
font-weight:normal;
margin:0;
overflow:hidden;
padding:5px;
}
.info a {
color:#FFFFFF;
text-decoration:none;
}
.info p {
color:#F0F0F0;
font-family:Verdana;
font-size:11px;
line-height:15px;
margin:0 5px;
}
/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 222px;	 
	width: 570px;
	border-top:1px solid #ddd;	
}
.vertical2 {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 444px;	 
	width: 570px;
	border-top:1px solid #ddd;	
}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
	width:570px;
}

/* single scrollable item */
.item {
	border-bottom:1px solid #ddd;
	margin:10px 0;
	padding:15px;
	font-size:12px;
	height:180px;
}

/* elements inside single item */
.item img {
	float:left;
	margin-right:20px;
	height:180px;
	width:240px;
}

.item h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
color:#42CBF7;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font:bold;
}

/* the action buttons above the scrollable */
#actions {
	width:550px;
	margin:0px 0 10px 0;	
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#42CBF7;
}

#actions a:hover {
	text-decoration:underline;
	color:#fff;
}

.disabled {
	visibility:hidden;		
}

.next {
	float:right;
}	
.boxes {
background: url("tranpix.png") repeat scroll 0% 0% transparent;
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius:15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-bottom-right-radius:15px;
  border: 1px solid #fff;
   width: 200px;
    height: 190px;
	float:left;

margin-right:72px;

	}
	
.boxes h1 {
color: white; 
text-align: center;
}
.boxes ul {
}
.boxes ul li {
color: white; 
font-size: 12px;
font-style:italic;
font-family:tahoma;
}
.readmore {
-webkit-border-radius: 10px;
-moz-border-radius:10px 0 0 10px;
background:url("tranpix2.png") repeat scroll 0 0 transparent;
border: 1px solid #fff;
border-right:none;
color:white;
float:right;
padding:5px 0 7px 10px;
width:90px;
}