@charset "utf-8";
/* CSS Reset */
  * { margin:0; padding:0; }
  

body {
	background:#fff url(img/header_bg.jpg) repeat-x 0 0;
	font-family:Helvetica Neue, Arial, Helvetica, sans-serif;
	color: #666;	
}
h5 {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
}
p, li {
font-size: 13px;
line-height:20px;
}
.text {
	padding:20px 0 0 40px;
	width:460px;
}


/*common*/
#container {
	width:960px;
	margin:0 auto;
}
#containerindex {
	width: 960px;
	margin: 0 auto;
	height: 1200px;
}
#header {
	position:relative;
	height:372px;
	width:960px;
}
#header h1 {
	display:block;
	float:left;
	width:210px;
	height:225px;
	background:url(img/logo.jpg) no-repeat 0 0;
	text-indent:-10000px;
}
#header h1 a {
	display:block;
	width:100%;
	height:100%;
}
#header h2 {
	display:block;
	width:340px;
	height:90px;
	background:url(img/slogan.jpg) no-repeat 0 0;
	text-indent:-1000px;
	position: absolute;
	top:225px;
	left:0;
}
#navbar {
	display:block;
	float:right;
	width:696px;
	height:50px;
	background:url(img/menu.jpg) no-repeat 0 0;
	list-style:none;
	margin:57px 0;
}
#navbar li {
	display:block;
	float:left;
	height:50px;
	text-indent:-10000px
}
#services {
	width:97px;
}
#catalog {
	width:73px;
}
#aboutus {
	width:77px;
}
#subscribe {
	width:449px;
}
#header ul li a {
	display:block;
	width:100%;
	height:100%;
}
#services a:hover {
	background:url(img/menu.jpg) no-repeat 0 -50px;
}
#catalog a:hover {
	background:url(img/menu.jpg) no-repeat -97px -50px;
}
#aboutus a:hover {
	background:url(img/menu.jpg) no-repeat -170px -50px;
}
#subscribe a:hover {
	background:url(img/menu.jpg) no-repeat -247px -50px;
}
#featuredproduct {
	position:absolute;
	width:620px;
	height:200px;
	bottom:15px;
	right:0px;
}
.sidebar {
	position:absolute;
	height:500px;
	width:150px;
	top:0;
	right:0px;	
}

/* @group Special */
#moving {
	background-color: #ff5c00;
	color: #fff;
	margin-bottom: 25px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	border: 1px solid #ec4602;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	behavior: url(PIE.htc);

}
#rightcol #moving h3 {
	color: #ff5c00;
	background-color: #ffffff;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	padding: 15px;
	text-decoration: none;
	font: 23px Tahoma;
	margin-bottom: 10px;
	behavior: url(PIE.htc);
}
#moving p {

	padding: 0px 15px 25px;
	font-size: 14px;
}

/* @end */




/*index*/
#maincontent {
	position:relative;
	height:500px;
	width:960px;
	padding:0 0 0 20px;
}

#maincol {
	margin-top: 20px;
}
#maincol img {
	padding-top: 20px;
	padding-bottom: 20px;
}
#maincol h3 {
	font-weight: normal;
	font-style: normal;
	line-height: 30px;
	font-variant: small-caps;
	font-size: 20px;
}
#maincol h5 {
	font-size: 13px;
	line-height: 20px;
}
#leftcol {
	width: 250px;
	float: left;
	padding: 20px;
}

#midcol {
	width: 250px;
	float: left;
	padding: 20px;
}
#rightcol {
	width: 340px;
	float: left;
	padding: 20px;
}
#rightcol li {
	list-style-type: none;
}
#contact li {
	list-style-type: none;
	font-size: 13px;
	text-indent: 20px;
	line-height: 20px;
}
#steps h3 {
	margin-top: 20px;	
}
#highlight h3 {
	position:absolute;
	display:block;
	height:230px;
	width:495px;
	bottom:3px;
	right:0px;
	background:url(img/cny-greeting.png) no-repeat 0 0;
	text-indent:-10000px;
}
#highlight h3 a {
	display:block;
	width:100%;
	height:100%;
}
.featuredservices {
	margin:25px 20px 25px 0px;
	float:left;
	height:89px;
	width:436px;
}
.gifts {
	background:url(img/service1.jpg) no-repeat 0 0;
}
.packaging {
	background:url(img/service3.jpg) no-repeat 0 0;
}
.design {
	background:url(img/service2.jpg) no-repeat 0 0;
}
.exhibition {
	background:url(img/service4.jpg) no-repeat 0 0;
}
.featuredservices h3 {
	margin: 10px 0 0 210px;
}
.featuredservices h5 {
	font-size:14px;
	font-weight:300;
	margin: 0 0 0 210px;
}
#clients {
}


/*services*/
.services {
	margin:20px 0 0 40px;
	height:89px;
	width:700px;
}
.services h3 {
	margin: 30px 0 0 210px;
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
}
.services p {
	
	font-size: 13px;
	margin: 0 0 0 210px;
}


/*catalog common*/


/*categoeries1*/
#categories1 {
	position:absolute;
	bottom:15px;
	left:340px;
	display:block;
	float:left;
	width:241px;
	height:200px;
	background:url(img/categories1.jpg) no-repeat 0 0;
	list-style:none;
}
#categories1 li {
	display:block;
	float:left;
	width:241px;
	text-indent:-10000px
}
#ApparelsPoloShirts{
	height:32px;
}
#ApparelsTShirts {
	height:20px;
}
#ApparelsCapsOthers {
	height:20px;
}
#AwardsArcylic {
	height:20px;
}
#AwardsCrystal {
	height:20px;
}
#AwardsGlass {
	height:20px;
}
#AwardsPewterWooden {
	height:20px;
}
#CalendarsDiaries {
	height:20px;
}
#ClocksWatches {
	height:20px;
}
#ApparelsPoloShirts a:hover {
	background:url(img/categories1.jpg) no-repeat -241px 0px;
}
#ApparelsTShirts a:hover {
	background:url(img/categories1.jpg) no-repeat -241px -32px;
}
#ApparelsCapsOthers a:hover {
	background:url(img/categories1.jpg) no-repeat -241px -52px;
}
#AwardsArcylic a:hover {
	background:url(img/categories1.jpg) no-repeat -241px -72px;
}
#AwardsCrystal a:hover {
	background:url(img/categories1.jpg) no-repeat -241px -92px;
}
#AwardsGlass a:hover {
	background:url(img/categories1.jpg) no-repeat -241px -112px;
}
#AwardsPewterWooden a:hover {
	background:url(img/categories1.jpg) no-repeat -241px -132px;
}
#CalendarsDiaries a:hover {
	background:url(img/categories1.jpg) no-repeat -241px -152px;
}
#ClocksWatches a:hover {
	background:url(img/categories1.jpg) no-repeat -241px -172px;
}


/*categoeries2*/
#categories2 {
	position:absolute;
	bottom:15px;
	left:581px;
	display:block;
	float:left;
	width:191px;
	height:200px;
	background:url(img/categories2.jpg) no-repeat 0 0;
	list-style:none;
}
#categories2 li {
	display:block;
	float:left;
	width:191px;
	text-indent:-10000px
}
#CustomisedGifts{
	height:32px;
}
#Desktop {
	height:20px;
}
#DocumentBags {
	height:20px;
}
#Drinkware {
	height:20px;
}
#Golf {
	height:20px;
}
#ITAccessories {
	height:20px;
}
#ITThumbdrives {
	height:20px;
}
#ITUSBHubCardReader {
	height:20px;
}
#Leather {
	height:20px;
}

#CustomisedGifts a:hover {
	background:url(img/categories2.jpg) no-repeat -191px 0px;
}
#Desktop a:hover {
	background:url(img/categories2.jpg) no-repeat -191px -32px;
}
#DocumentBags a:hover {
	background:url(img/categories2.jpg) no-repeat -191px -52px;
}
#Drinkware a:hover {
	background:url(img/categories2.jpg) no-repeat -191px -72px;
}
#Golf a:hover {
	background:url(img/categories2.jpg) no-repeat -191px -92px;
}
#ITAccessories a:hover {
	background:url(img/categories2.jpg) no-repeat -191px -112px;
}
#ITThumbdrives a:hover {
	background:url(img/categories2.jpg) no-repeat -191px -132px;
}
#ITUSBHubCardReader a:hover {
	background:url(img/categories2.jpg) no-repeat -191px -152px;
}
#Leather a:hover {
	background:url(img/categories2.jpg) no-repeat -191px -172px;
}


/*categoeries3*/
#categories3 {
	position:absolute;
	bottom:15px;
	left:772px;
	display:block;
	float:left;
	width:188px;
	height:200px;
	background:url(img/categories3.jpg) no-repeat 0 0;
	list-style:none;

}
#categories3 li {
	display:block;
	float:left;
	width:188px;
	text-indent:-10000px
}
#Lifestyle{
	height:32px;
}
#PensBranded {
	height:20px;
}
#PensMetal {
	height:20px;
}
#PensPlastic {
	height:20px;
}
#PrintedCollaterals {
	height:20px;
}
#PromotionalItems {
	height:20px;
}
#Stationery {
	height:20px;
}
#UniqueGifts {
	height:20px;
}
#WindbreakerJackets {
	height:20px;
}
#Lifestyle a:hover {
	background:url(img/categories3.jpg) no-repeat -188px 0px;
}
#PensBranded a:hover {
	background:url(img/categories3.jpg) no-repeat -188px -32px;
}
#PensMetal a:hover {
	background:url(img/categories3.jpg) no-repeat -188px -52px;
}
#PensPlastic a:hover {
	background:url(img/categories3.jpg) no-repeat -188px -72px;
}
#PrintedCollaterals a:hover {
	background:url(img/categories3.jpg) no-repeat -188px -92px;
}
#PromotionalItems a:hover {
	background:url(img/categories3.jpg) no-repeat -188px -112px;
}
#Stationery a:hover {
	background:url(img/categories3.jpg) no-repeat -188px -132px;
}
#UniqueGifts a:hover {
	background:url(img/categories3.jpg) no-repeat -188px -152px;
}
#WindbreakerJackets a:hover {
	background:url(img/categories3.jpg) no-repeat -188px -172px;
}


/*catalog*/
.catalogheader {
	margin:20px 0 0 50px;
	font-family:Arial;
	color:#fcc82a;
}
#catalogcontent {
	position:relative;
	width:960px;
	height:500px;
}
#catalogthumbnail {
	position:relative;
	margin:70px 0 0 50px;
	width:800px;
	height:400px;
	float:left;
}
.catalogthumbnail {
	margin:0 15px 15px 0;
	float:left;
}
.productfacebox {
	width: 800px;
}
.product {
	margin:10px;
}
.productdetail {
	float:left;
	text-align:right;
	padding:10px;
}


/*contact*/
#contactcontent {
	position:relative;
	clear:both;
	position:relative;
	height:550px;
	width:960px;
}
#gotheremap {
	position:absolute;
	right:0;
	top:0;
	padding: 8px;
	border: 1px solid #d1d1d1;
}
.contactalt {
	margin-left:75px;
}
#contact-area {
	width: 500px;
	margin-top: 25px;
}
#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 373px;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}
#contact-area textarea {
	height: 90px;
}
#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #666;
}
#contact-area input.submit-button {
	width: 110px;
	float: right;
	color: #fff;
	font-family: Arial;
	background-color: #ff5c00;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	border: 1px solid #ff8760;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	cursor: pointer;
	behavior: url(PIE.htc);

}
#contact-area input.submit-button:active {
	background-color: #f25705;
	border: 1px solid #fb5a09;
}
label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 14px;
}


/*contact thanks*/
#contactthankscontent {
	position:relative;
	width:960px;
	height:500px;
}


/*about us*/
#aboutuscontent {
	position:relative;
	clear:both;
	height:700px;
	width:960px;
}


/*services*/
#servicescontent {
	position:relative;
	clear:both;
	height:500px;
	width:960px;
}


/*blog*/
#blogcontent {
	position:relative;
	clear:both;
	height:auto;
	width:960px;
}
.blog {
	padding:20px 0 0 40px;
	width:600px;
}
.blogheader {
	font-size:44px;
	font-weight:200;
}
.blogentry {
}


/*error*/
#errorcontent {
	position:relative;
	clear:both;
	position:relative;
	height:220px;
	width:960px;
	padding-top:60px;
}



/*footer*/
#footer {
	clear:both;
	background-color:#f0f0f0;
	height:90px;
	padding:5px 0 0 0;
}
#footer li {
	font-size:12px;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
}
#footerlayout {
	width:960px;
	margin:0 auto;
}
#footerdetails {
	float:left;
	width:250px;
}
#contacticon {
	float:left;
}
#contactdetails li {
	line-height:25px;
	list-style-type:none;
}
#sitemaplist1 {
	position:relative;
	left:52%;
	float:left;
	list-style-type:none;
	font-size:small;
}
#sitemaplist2 {
	position:relative;
	left:55%;
	float:left;
	list-style-type:none;
	font-size:small;
}
#socialicon{
	float:right;
	display:block;
	width:45px;
	height:21px;
	background:url(img/socialicon.jpg) no-repeat 0 0;
	margin-top:15px;
}
#socialicon li {
	display:block;
	float:left;
	height:21px;
	text-indent:-10000px;
	list-style-type:none;
}
#socialicon li a{
	display:block;
	width:100%;
	height:100%;
}
#socialfacebook {
	width:22px;
}
#sociallinkedin {
	width:23px;
}
/* #socialtwitter {
	width:21px;
}
*/
#disclaimer {
	clear: both;
	padding: 5px;
}
#disclaimer p {
	font-size: 10px;
	color: #999;
}


/*link color*/
a:link {
	color: #666;
	text-decoration:none;
}
a:visited {
	color: #666;
	text-decoration:none;
}
a:hover {
	color: #333;
}
a:active {
	color: #666;
	text-decoration:none;
}