@import url("vippngfix.css");
/* CSS Document */

body{
	padding:10px 0 14px 0;
	background:url(images/topbgnew.jpg) repeat-x center top #000000;
	margin:0;
	color:#000;
}

div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header--------------------*/
#header{
	background:url(images/headernew.jpg) 0 0 no-repeat;
	width:981px;
	height:310px;
	position:relative;
	margin:0 auto;
}
#header ul{
float:right;
	width:636px;
	height:36px;
	position: relative;
	padding:0 0 0 0px;
	margin:274px 0 0 0;
}
#header ul li{
	height:31px;
	float: right;
	padding:0 0 0 0;
}
#header ul li a{
	display:block;
	padding:0px;
}
#header a.readMore{
	display:block;
	background:url(images/read_more.gif) 0 0 no-repeat;
	width:25px;
	height:93px;
	position:absolute;
	left:950px;
	top:177px;
}
#header a.readMore:hover{
	background:url(images/read_more_hover.gif) 0 0 no-repeat;
}
/*------------------------------------------------header--------------------*/

/*------------------------------------------------body--------------------*/
#body{
	width:978px;
	padding:13px 1px 13px 2px;
	margin:0 auto;
}
#bodyP{
background:url(images/icons/portfolio_bg.jpg) top left no-repeat #000000;
	width:978px;
	padding:13px 1px 13px 2px;
	margin:0 auto;
}
#bodyP a.link{ color:#999999}
#bodyP a.hover{ color: #000099}
#bodyP h1{
color:#666666;
font-size:14px;
font-variant:small-caps;
}
/*------------------------------------------------left--------------------*/
#left_container{
	width:357px;
	float:left;
}
#left .img{
display:block;
width:128px;
height:150px;
margin:0 auto;
}
#left_websties{
	background:url(images/lft_box_bg.jpg) top right no-repeat #000000;
	width:340px;
	margin:0 0 4px 0;
	padding:5px 5px 5px 5px;
	color:#878767;
}
#left_websties p.pic1{
	display:block;
	width:128px;
	height:150px;
	margin:0 auto;
	float:left;
}
#left_websties p.boxTxt1{
	float:right;
	padding:5px 0 0 0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:193px;
}
#left_websties p.boxTxt1 span{
	font:normal 19px/19px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background-color:inherit;
	padding:0 0 0 5px;
	margin:0 0 10px 0;
	height:17px;
	display:block;
}

#left_print{
	background:url(images/lft_box_bg.jpg) top right no-repeat #000000;
	width:340px;
	margin:0 0 4px 0;
	padding:5px 5px 5px 5px;
	color:#878767;
}
#left_print p.pic2{
	display:block;
	width:128px;
	height:150px;
	margin:0px 0 0 0px;
	float:left;
}
#left_print p.boxTxt2{
	float:right;
	padding:5px 0 0 0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:193px;
}
#left_print p.boxTxt2 span{
	font:normal 19px/19px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background-color:inherit;
	padding:0 0 0 5px;
	margin:0 0 10px 0;
	height:17px;
	display:block;
}

#left_dvd{
background:url(images/lft_box_bg.jpg) top right no-repeat #000000;
	width:340px;
	margin:0 0 4px 0;
	padding:5px 5px 5px 5px;
	color:#878767;
}
#left_dvd p.pic3{
	display:block;
	width:128px;
	height:150px;
	margin:0px 0 0 0px;
	float:left;
}
#left_dvd p.boxTxt3{
	float:right;
	padding:5px 0 0 0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:193px;
}
#left_dvd p.boxTxt3 span{
	font:normal 19px/19px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background-color:inherit;
	padding:0 0 0 5px;
	margin:0 0 10px 0;
	height:17px;
	display:block;
}

#left_photo{
background:url(images/lft_box_bg.jpg) top right no-repeat #000000;
	width:340px;
	margin:0 0 4px 0;
	padding:5px 5px 5px 5px;
	color:#878767;
}
#left_photo p.pic4{
	display:block;
	width:128px;
	height:150px;
	margin:0px 0 0 0px;
	float:left;
}
#left_photo p.boxTxt3{
	float:right;
	padding:5px 0 0 0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:193px;
}
#left_photo p.boxTxt3 span{
	font:normal 19px/19px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background-color:inherit;
	padding:0 0 0 5px;
	margin:0 0 10px 0;
	height:17px;
	display:block;
}

#left_video{
background:url(images/lft_box_bg.jpg) top right no-repeat #000000;
	width:340px;
	margin:0 0 4px 0;
	padding:5px 5px 5px 5px;
	color:#878767;
}
#left_video p.pic5{
	display:block;
	width:128px;
	height:150px;
	margin:0px 0 0 0px;
	float:left;
}
#left_video p.boxTxt3{
	float:right;
	padding:5px 0 0 0;
	font:normal 11px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:193px;
}
#left_video p.boxTxt3 span{
	font:normal 19px/19px Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	background-color:inherit;
	padding:0 0 0 5px;
	margin:0 0 10px 0;
	height:17px;
	display:block;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------middle--------------------*/

#middle{
	width:670px;
	text-align:justify;
	float:left;
}

#middle h2{
	font:bold 20px Verdana, Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	color: #CCCCCC;
	margin:0 auto;
	text-align: left;
	display:block;
}
#middle p{
	font:normal 13px Arial, Helvetica, sans-serif;
	color: #999999;
	padding:0 0 20px 20px;
	margin:0 auto;
	padding:5px 12px 5px 12px;
}

/*------------------------------------------------middle--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	background: url(images/rightbg.jpg) top left no-repeat;
	width:270px;
	border: #333 solid 2px;
	margin:33px 10px 0 0;
	padding:5px 5px 5px 5px;
	color:#878767;
	float: right;
}
#mission{
	margin:0px 0 0 0;
	border: #333333 solid 1px;
	padding:5px 0 5px 0;
	text-align:center;
	color: #CCCCCC;
}

#mission h1{
	margin:0 auto;
	display:block;
	background: url(images/side_bar.jpg) top no-repeat;
	height:31px;
	font:bold 16px/31px Arial, Helvetica, sans-serif;
	color:#fff;
}
#mission p{
text-align:justify;
	padding:5px 5px 0 5px;
	font:normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
}

#mission a:link{color:#FFFFFF;text-decoration:none;}
#mission a:hover{color: #666666;text-decoration:none;}
#mission a:visited{color:#FFFFFF;text-decoration:none;}

/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------bodyBottom--------------------*/


/*------------------------------------------------bodyBottom--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	width:980px;
	height:125px;
	margin:0 auto;
	background:url(images/footerbg.png) 0 0 no-repeat;
	color:#fff;
	position:relative;
}
#footer ul{
	float:left;
	margin:27px 0 0 11px;
	width:587px;
}
#footer ul li{
	float:left;
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
}
#footer ul li a{
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
}
#footer ul li a:hover{
	color: #660066;
}
#footer p.copyright{
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	float:left;
	margin:5px 0 0 19px;
	width:587px;
}
#footer p.copyright a{
	color:#D4D4C6;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
}
#footer p.copyright a:hover{
	color: #000000;
}
#footer a.xht{
	width:98px;
	height:20px;
	background:url(images/xhtml_bg.png) 0 0 no-repeat;
	position:absolute;
	left:757px;
	top:20px;
}
#footer a.xht:hover{
	background:url(images/xhtml_bg_hover.png) 0 0 no-repeat;
}
#footer a.cs{
	width:98px;
	height:20px;
	background:url(images/css_bg.png) 0 0 no-repeat;
	position:absolute;
	left:866px;
	top:20px;
}
#footer a.cs:hover{
	background:url(images/css_bg_hover.png) 0 0 no-repeat;
}
#footer img{
	position:absolute;
	left:761px;
	top:42px;
	width:200px;
	height:80px;
}

/*------------------------------------------------footer--------------------*/