body {
 background:#d9d9d9;
 margin:0 auto;
 color:#424242;
 font:x-small Georgia Serif;
 font-size/* */:/**/small;
 font-size: /**/small;
 text-align: center;
 
 }
 
 
 
 #ivorys {
    background: -moz-linear-gradient(center top , #0161C6, #012548) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, from(#0161C6), to(#012548));
    border-bottom: 1px solid #E5E5E5;
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.8);
    height: 50px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
  
 #pagewrap {
    font: 100% Arial,Halvetica,Verdana,Sans-Serif;
    margin: 0 auto;
    text-align: left;
    width: 960px;
	padding:0;
}

 /** Header Set **/
 
 #header {
 text-align: left;
 color:#ffffff;
 padding:0px;
 width:100%;
 margin:0px;
 float:left;
 
 }
 #logo {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("Images/imagesss.png");
    background-origin: padding-box;
    background-position: -105px 7px;
    background-repeat: repeat;
    background-size: 250px auto;
    float: left;
    height: 50px;
    margin: 0;
    padding: 0;
    width: 140px;
}
 #header h2 {
	padding:5px 0 0 5px;
	float:left;
	font-size: 14px;
	font-family:Arial, Halvetica, Verdana, Sans-Serif;
	text-decoration:none;
 }

 
 #navbutton {
 margin-top:10px;
 float:right;
 display:block;
 }
 #navbutton ul {
	display: inline;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
  
 #navbutton li {
	display: inline;
	padding:5px;
 }
 
#home {
background:url(Images/imagesss.png) no-repeat 0 0;
width:24px;
height:24px;
display: inline-block;
}

#whoweare {
background:url(Images/imagesss.png) no-repeat 0 -61px;
width:24px;
height:24px;
display: inline-block;
}

#ourbisnis {
background:url(Images/imagesss.png) no-repeat 0 -29px;
width:24px;
height:24px;
display: inline-block;
}

#contactus {
background:url(Images/imagesss.png) no-repeat 0 -90px;
width:24px;
height:24px;
display: inline-block;

}
 
 
  /** Mainpage Set **/

#mainpage {
    font: 100% Arial,Halvetica,Verdana,Sans-Serif;
    height: 350px;
    margin: 0 auto;
    text-align: left;
    width: 960px;
}

#menuivory {
    height: 310px;
    margin: 0 auto;
    position: inherit;
    width: 960px;
	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 2px #888888;
    float: left;
    border-radius: 6px 6px 6px 6px;
}
#mainpage h3 {
padding:0;
margin:10px 0;

}


 /** slider set **/
 
.textslide {
    background: none repeat scroll 0 0 black;
    height: 80px;
    margin-top: -80px;
    opacity: 0.5;
    position: relative;
	width:700px;
}
 
.slideOuter {
	width:940px; 
	height:290px; 
	overflow:hidden; 
	margin:10px;
}

.slideOuter .slide {
	padding:0; 
	margin:0; 
	list-style:none; 
	width:1640px; 
	height:290px; 
	overflow:hidden;
}

.slideOuter .slide li {
	float:left;
}

.slideOuter .slide li a {
	display:block; 
	float:left; 
	width:187px; 
	border-right:1px solid #fff; 
	height:290px; 
	overflow:hidden;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.slideOuter .slide a#p5 {overflow:visible;}
.slideOuter .slide.current a {width:60px; overflow:hidden;}
.slideOuter .slide.current li a.current {width:700px;}


.slideOuter .slide li a img {border:0;}

.slideOuter .slide:hover a#p1,
.slideOuter .slide:hover a#p2,
.slideOuter .slide:hover a#p3,
.slideOuter .slide:hover a#p4 {width:60px;}

.slideOuter .slide a#p1:hover,
.slideOuter .slide a#p2:hover,
.slideOuter .slide a#p3:hover,
.slideOuter .slide a#p4:hover {width:700px;}

  /** other Set **/

 #other {
    background: none repeat scroll 0 0 #E0E0E0;
    float: left;
    height: 56px;
    margin: 0 auto;
    width: 100%;
	box-shadow: 0 3px 10px #999999;
	border-top:1px solid #ffffff;
	position:absolute;

}

#otherpage {
	width:960px;
	text-align:left;
	margin:0 auto;
}


#partner {
    display: inline;
    list-style: none outside none;
    margin: 0;
    padding: 0;
	}

#partner li {
	float:left;
	padding:0px;
}

#partner li a:hover {
opacity:0.5;
border-radius: 4px;
display:inline-block;
list-style:none;
}		

#canon {
    background: url("Images/partnership.png") no-repeat scroll 0 0 transparent;
    height: 48px;
    width: 48px;
	margin:0 8px 0 0px;
	display:inline-block;
	left:0
}
#sony {
    background: url("Images/partnership.png") no-repeat scroll 0 -48px transparent;
    height: 48px;
    width: 48px;
	margin:0 8px 0 8px;
	display:inline-block;
	left:50px;
}
#verbatim {
    background: url("Images/partnership.png") no-repeat scroll 0 -95px transparent;
    height: 48px;
    width: 48px;
	margin:0 8px 0 8px;
	display:inline-block;
	left:100px;
}
#tplink {
    background: url("Images/partnership.png") no-repeat scroll 0 -141px transparent;

    height: 48px;
    width: 48px;
	margin:0 8px 0 8px;
	display:inline-block;
}
#logitech {
    background: url("Images/partnership.png") no-repeat scroll 0 -187px transparent;

    height: 48px;
    width: 48px;
	margin:0 8px 0 8px;
	display:inline-block;
}
#gigabyte {
    background: url("Images/partnership.png") no-repeat scroll 0 -236px transparent;

    height: 48px;
    width: 48px;
	margin:0 8px 0 8px;
	display:inline-block;
}
#lg {
    background: url("Images/partnership.png") no-repeat scroll 0 -285px transparent;

    height: 48px;
    width: 48px;
	margin:0 8px 0 8px;
	display:inline-block;
}
#simbadda {
    background: url("Images/partnership.png") no-repeat scroll 0 -333px transparent;

    height: 48px;
    width: 48px;
	margin:0 8px 0 8px;
	display:inline-block;
}
#samsung {
    background: url("Images/partnership.png") no-repeat scroll 0 -377px transparent;

    height: 48px;
    width: 48px;
	margin:0 8px 0 8px;
	display:inline-block;
}
#toshiba {
    background: url("Images/partnership.png") no-repeat scroll 0 -430px transparent;

    height: 48px;
    width: 48px;
	margin:0 8px 0 8px;
	display:inline-block;
}
#mediatech {
    background: url("Images/partnership.png") no-repeat scroll 0 -479px transparent;

    height: 48px;
    width: 48px;
	margin:0 8px 0 8px;
	display:inline-block;
}
#kworld {
    background: url("Images/partnership.png") no-repeat scroll 0 -528px transparent;

    height: 48px;
    width: 48px;
	margin:0 8px 0 8px;
	display:inline-block;
}
#vgen {
    background: url("Images/partnership.png") no-repeat scroll -80px -2px transparent;

    height: 48px;
    width: 48px;
	margin:0 8px 0 8px;
	display:inline-block;
}
#blueprint {
    background: url("Images/partnership.png") no-repeat scroll -80px -47px transparent;

    height: 48px;
    width: 48px;
	margin:0 8px 0 8px;
	display:inline-block;
}
#tripper{
    background: url("Images/partnership.png") no-repeat scroll -80px -92px transparent;

    height: 48px;
    width: 48px;
	margin:0 0px 0 8px;
	display:inline-block;
}

  /** bottompage Set **/
  
 #bottompage {
    background: none repeat scroll 0 0 #EFEFEF;
    float: left;
    height: 290px;
    margin: 56px 0 0;
    width: 100%;
	text-align:left;
}

#bottompage h2 {
    color: #393939;
    font-size: 20px;
    margin: 0 0 0;
    padding-top: 0;
}

#bottompage h3 {
	padding:0;
	color:#F4091F;
	margin: 0 0;
	font-size:14px;

}


#bottompage p {
	font-size: 11px;
    margin: 0 0 0;
	font-family: Arial,Halvetica,Verdana,Sans-Serif;
}

#pagebot {
	width:940px;
	margin:0 auto;
	padding:0;
	
}

#abot {
    float: left;
    margin: 0;
    text-align: justify;
    width: 500px;
}

#abotlog {
    background: url("Images/imagesss.png") repeat scroll -131px -56px transparent;
    height: 28px;
    margin-top: 10px;
    padding: 15px 0 0 25px;
    width: 118px;
}

#aboutpage {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 3px #A9A9A9;
    padding: 10px;
}

#abot p {
	padding:5px;
}

#location {
	margin:0px;
	padding:0px;
	width:350px;
	float:right;
	
}



#logoloc {
    background: url("Images/imagesss.png") repeat scroll -60px 13px transparent;
    height: 24px;
    padding: 10px 0 0 25px;
    width: 24px;
	margin-top: 5px;
}

#location ul {
margin:0;
padding:0;
border-top: 1px solid #393939;
}

#location li {
border-bottom:1px dotted #393939;
padding:5px 0 10px;
list-style: none outside none;
}


  /** footer Set **/
#footer {
	background: none repeat-x scroll 0 0 #012549;
    border-top: 1px solid #E5E5E5;
    float: left;
    height: 50px;
    margin: 0 auto;
    width: 100%;
	color: #ffffff;
}

#footer a{
color: #159ABB;
}
#footercopyright {
width:960px;
margin:0 auto;
padding-top:20px;
}

.footer-left {
 width:400px;
 float:left;
 text-align:left;
 }
.footer-right {
 width:400px;
 float:right;
 text-align:right;
 }