html,
body {
   background: #D3D8DA;
   margin:0;
   padding:0;
   height:100%;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

.paginationstyle{ font-size: 10px; }
#container {
   min-height:100%;
   position:relative;
   height:100%;
   margin: 0 auto;
   background: url(images/bg2.jpg) repeat-x top center;

}

img{ border: 0px; }

#body {
   padding-bottom:0px;   /* Height of the footer */
}

#footerf {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
	padding-top: 20px;
   background:#474747;
   text-align: center;
}
#abg{

color: black; !important
}


#footer {
   width:100%;
   height:60px;   /* Height of the footer */
	padding-top: 20px;
   background:#474747;
   text-align: center;
}

.top{
	background: #08172B;
	height: 45px;
	color: white;
}

.menu{
	background: #474747;
	height: 20px;
	padding: 5px;
	text-align: left;
}

.menu form{

	width: 200px;
	float:right;
	padding-right:50px;

}


.menuc{
	width: 900px;
	margin: 0 auto;
	background:  url(images/ns.png) no-repeat top right;
}

.menuc2{
	width: 900px;
	margin: 0 auto;
	background:  url(images/idf.png) no-repeat top right;
}


.menu a{
	color: #C8C8C8;
	text-decoration: none;
	font-size: 12px;
	margin: 10px;
	font-family: Lucida Sans Unicode, Arial, Helvetica, sans-serif;
}


.menu a:hover, .current{
	color: #fff !important;
}

.showcase{
	width: 800px;
	margin: 0 auto;
}

.showweb{
	float: left;
	width: 400px;
   background: url(images/showweb.jpg) no-repeat top center;
   margin-left: 30px;
}

.showlogo{
	float:left;
	padding:110px 0 0 87px;
   background: url(images/ci.jpg) no-repeat top center;
	width:310px;
}

.showlogo .winfo{
	float: left;
	width: 150px;
	padding: 50px 0px 0px 20px;
	font-size: 12px;
	color: #999;
}

.winfo2{
color:#999999;
float:left;
font-size:12px;
margin-top:290px;
padding:50px 0 0 20px;
width:210px;
}
.showlogo .websmall{
	float:left;
	padding:17px 0 0 0px;
	width:130px;
}



.website{
	padding: 96px 0px 0px 15px;
	float: left;
}

.websiteinfo{
clear: both;
}

.websmall{
	float:left;
	padding:17px 0 0 25px;
	width:130px;
}

.winfo{
	float: left;
	width: 210px;
	padding: 50px 0px 0px 20px;
	font-size: 12px;
	color: #999;
}

big{
	color: #333;
	font-size: 15px;	
}



/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 440px;
    height: 440px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}






.jcarousel-skin-tango .jcarousel-container {
    width: 880px;
    height: 440px;
	margin: 0 auto;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 880px;margin: 0 auto;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 880px;
    height: 440px;margin: 0 auto;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 880px;
    height: 440px;margin: 0 auto;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width: 430px;
    height: 440px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 430px !important;
    height: 440px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 0px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 200px;
    width: 18px;
    height: 47px;
    right: 0px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    left: 5px;
    top: 200px;
    width: 43px;
    height: 47px;
    cursor: pointer;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
}

.showposter{
	float: left;
	width: 400px;
   background: url(images/poster.png) no-repeat top center;
   margin-left: 30px;
}


.voicely{
	float: left;
	width: 400px;
   background: url(images/voicely.png) no-repeat top center;
   margin-left: 30px;
}

.showtee{
	float: left;
	width: 400px;
   background: url(images/tee.png) no-repeat top center;
   margin-left: 30px;
}


.showpack{
	float: left;
	width: 400px;
   background: url(images/package.png) no-repeat top center;
   margin-left: 30px;
}

.showcard{
	float: left;
	width: 400px;
   background: url(images/bc.png) no-repeat top center;
   margin-left: 30px;
}





.menu2{
	background: #F1F3F3;
	height: 20px;
	padding: 5px;
	text-align: left;
}

.menu2 a{
	color: #B4B4B4;
	text-decoration: none;
	font-size: 12px;
	margin: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.menu2 .sel{
	color: #000;
	text-decoration: none;
	font-size: 12px;
	margin: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.inn{
	width: 900px;
	margin: 0 auto;
	clear: both;
}

.webi1{
	width: 500px;
	font-size: 14px;
	float: left;
	line-height: 20px;
	color: #666666;
	margin-right: 10px;
}


.webi2{
	width: 360px;
	font-size: 11px;
	float: left;
	line-height: 17px;
	margin-left: 20px;
	color: #777;

}
.webi3{
	width: 330px;
	font-size: 14px;
	float: left;
	line-height: 20px;
	color: #666666;
}

.webi4{
	margin-top: 20px;
	width: 500px;
	font-size: 14px;
	float: left;
	line-height: 20px;
	margin-left: 20px;
	color: #777;

}

.webi strong{
	color: black;
}

.webi img{
	margin-bottom: 5px;
}

.smallie{
	font-size: 12px;
	color: #999;
	text-align: right;
	padding: 20px 0px 0px 0px;
	margin: 0 auto;
	border-top: 1px solid #ccc;
}

.sep{ text-align: center; }

.spacer{ height:  22px; width: 2px; clear: both; }

.portl{
	float: left;
	width: 450px;
	background: url(images/pr.png) no-repeat top right;
	padding-right: 30px;
	height: 400px;
}

.portr{
	float: left;
	width: 420px;
}

.thumbs{
	padding: 4px;
}

.thumbs img{
	width: 96px;
	height: 54px;
	border: 2px solid #E4E7E8;
	margin: 3px;
	float: left;
}

.showweb2{
	float: left;
	width: 430px;
   background: url(images/web2.png) no-repeat 7px 75px;
   margin-left: 30px;
}

.website2{
	padding: 36px 0px 0px 15px;
	float: left;
}

.porti{
	padding: 30px 0px 0px 20px;
	clear: both;
}

.porti img{
	float: right;
}

.websmall2{
	float:left;
	padding:17px 0 0 0px;
	width:130px;
	height:80px;
}

a{ color: #0C8CCC; text-decoration: none; }
a:hover{ color: #085B84; }

.showweb2 .winfo{
	line-height: 18px;
	font-size: 11px !important;
}

.thumbs a:hover img{ border: 2px solid #aaa; }
.thumbs .selected img{ border: 2px solid red; }

.contacting{
	line-height: 20px;
	font-size: 11px;
	color: #666;
}

.cb{
	float: left;
	width: 70px;
}

.cb2{
	float: left;
	width: 100px;
}

.citem{
	clear: both;
}

.cll{
	float: left;
	width: 190px;
	background: url(images/rr.png) no-repeat top right;
	height: 400px;
	margin-right: 10px;
}

.crr{
	float: left;
	width: 700px;
}

.cl{
	float: left;
	width: 200px;
	padding-right: 40px;
}

.cr{
	float: left;
	width: 400px;
	padding-left: 20px;
}

.testmonial{
	float: left;
	width: 400px;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #eee;
}

.logos{
	float: left;
	width: 450px;
}

.testmonial span{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
}

.sig{ text-align: right; }

.messagediv{display: none;}


.thumbs2{
	padding: 4px;
}

.thumbs2 img{
	width: 52px;
	height: 39px;
	border: 2px solid #E4E7E8;
	margin: 3px;
	float: left;
}


.thumbs2 a:hover img{ border: 2px solid #aaa; }
.thumbs2 .selected img{ border: 2px solid red; }



.logoport{
	background: url(images/logobg.png) no-repeat top center;
	height: 350px;
	width: 400px;
}

.logoport img{
	margin: 43px 0 0 75px;
}

.logoport .winfo{
	text-align: center;
	width: 360px;
}

.colors input[type=radio]{
	width: 30px; 
	height: 30px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: left;	
	margin-right: 5px;
	-webkit-appearance: none;
	box-sizing: 0px;
}

.blue{ background-color: #00A9E1; }
.green{ background-color: #6EA500; }
.purple{ background-color: #6000A5; }
.yellow{ background-color: yellow; }
.orange{ background-color: #FFBF00; }
.brown{ background-color: #874400; }
.pink{ background-color: pink; }
.red{ background-color: #FF3300; }
.white{ background-color: white; }
.black{ background-color: black; }
.all{ background-color: #666; }

.colors{
	clear: both;
	height: 50px !important;
}

.items{
	clear: both;	
}
	
	.image-grid{ padding: 0px; margin: 0px }
	.image-grid li{
		float: left;
		width: 150px;
		overflow: hidden;
		list-style: none;	
	}