*{
	color:#666666;
	margin:0;
	padding:0;
	font-size:11px;
	text-shadow:0 1px 0 #FFFFFF;
}
body {
	background:#ffffff url(../images/bg.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
p{
	text-align:justify;
}
ul{
	list-style:none;
}
a{
	text-decoration:none;
}

.wrapper{
	margin:0 auto;
	overflow:hidden;
	width:1008px;
}

/*Header*/

.header{
	float:left;
	padding:0 0 0 10px;
	width:998px;
}
#logo{
	float:left;
	height:90px;
	width:513px;	
}
#logo img{
	border:medium none;
	margin:-1px 0 0;
}
#home-nav{
	background:url(../images/menu_home.png) no-repeat bottom left;	
	height:41px;
	float:left;
	width:94px;
}
span#hover-home{
	background:url(../images/menu_home.png) no-repeat top left;	
	height:41px;
	float:left;
	width:94px;
}
#profile-nav{
	background:url(../images/menu_profile.png) no-repeat bottom left;
	height:41px;
	float:left;
	width:99px;
}
span#hover-profile{
	background:url(../images/menu_profile.png) no-repeat top left;	
	height:41px;
	float:left;
	width:99px;
}
#products-nav{
	background:transparent url(../images/menu_products.png) no-repeat scroll left bottom;
	float:left;
	height:41px;
	width:150px;
}
span#hover-products{
	background:url(../images/menu_products.png) no-repeat top left;	
	height:41px;
	float:left;
	width:150px;
}
#contact-nav{
	background:transparent url(../images/menu_contacts.png) no-repeat scroll left bottom;
	float:left;
	height:41px;
	width:93px;
}
span#hover-contact{
	background:url(../images/menu_contacts.png) no-repeat top left;	
	height:41px;
	float:left;
	width:93px;
}

.main-nav{
	float:left;
	margin:41px 0 0 12px;
	width:436px;
}
.main-nav li{
	float:left;
}
.main-nav-left{
	background:url(../images/main-nav-left.png) no-repeat bottom left;
	float:left;
	height:41px;
	width:7px;
}
.main-nav-right{
	background:url(../images/main-nav-right.png) no-repeat bottom left;
	float:left;
	height:41px;
	width:7px;
}

/**********/

/*Content*/

.content{
	float:left;
	margin:0 0 29px;
	width:1008px;
}
.box-bottom{
	background:transparent url(../images/bottom-main.png) no-repeat scroll left top;
	float:left;
	height:23px;
	width:681px;
}
.slideshow{
	float:left;
	margin:4px 0 0;
	width:1008px;
}
.main-content{
	float:left;
	padding:0 0 0 10px;
	width:681px;
	overflow:hidden
}
.main-inner{
	background:transparent url(../images/body-main.png) repeat-y scroll 0 0;
	float:left;
	overflow:hidden;
	width:681px;
}
.main-inner p{
	margin:8px 41px 0 32px;
	text-indent:20px;
}
.main-inner h2{
	font-size:14px;
	margin:10px 0 0;
	text-indent:30px;
}

/*Header Content*/
#main-header{
	background:url(../images/ingram-systems-philippines-corp.png) no-repeat bottom left;
	height:60px;
	float:left;
	margin:24px 0 0 0;
	width:707px;
}
#main-header-profile{
	background:url(../images/company-profile.png) no-repeat bottom left;
	height:60px;
	float:left;
	margin:24px 0 0 0;
	width:707px;
}
#main-header-products{
	background:url(../images/products.png) no-repeat bottom left;
	height:60px;
	float:left;
	margin:24px 0 0 0;
	width:707px;
}
#main-header-contacts{
	background:url(../images/contacts.png) no-repeat bottom left;
	height:60px;
	float:left;
	margin:24px 0 0 0;
	width:707px;
}
/***********/

.product-items{
	float:left;
	margin:10px 0;
	width:520px;
}
.product-items img{
	float:left;
	margin:0 15px 0 0;
	width:165px;
}
.product-items h2{
	color:#68BE15;
	font-size:17px;
	font-weight:bold;
	text-indent:0;
	text-shadow:1px 1px 0 #E6E6E6;
}
.product-body{
	background:transparent url(../images/products-body.png) repeat-y scroll left bottom;
	margin:0 auto;
	overflow:hidden;
	padding:20px 0 0 22px;
	width:544px;
}
.product-detail{
	color:#666666;
	font-weight:bold;
	text-shadow:1px 1px 0 #C4C4C4;
}
.product-detail:hover{
	text-decoration:underline;
}
.products-bottom{
	background:transparent url(../images/products-bottom.png) no-repeat scroll left bottom;
	height:15px;
	margin:0 auto;
	width:566px;
}
.profile-detail{
	background:transparent url(../images/profile-detail.png) repeat-y scroll 0 0;
	margin:0 auto;
	overflow:hidden;
	width:402px;
}



.style-detail{	
	height:500px;
	margin:0 auto;
	overflow-y:scroll;
	padding:0 10px 0 0;
	width:560px;
}
.style-detail img{
	float:left;
	margin:0 5px 0 0;
	width:165px;
}
.style-detail p{
	clear:both;
	float:left;
	margin:10px 0 0;
	text-indent:20px;
	width:auto;
}
.style-detail p.title{
	font-weight:bold;
	text-indent:0;
}
.style-detail h2{
	clear:both;
	float:left;
	font-size:17px;
	font-weight:bold;
	margin:10px 0 0;
}
#wa ol{
	float:left;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:lower-alpha;
	margin:0 0 0 20px;
}
#payroll-system ul{
	clear:both;
	float:left;
	list-style-image:none;
	list-style-posistion:inside;
	margin:0 0 0 20px;
}



.tab-detail{
	background:transparent url(../images/tab-body.png) no-repeat scroll 0 0;
	height:132px;
	margin:0 auto 20px;
	width:367px;
}
.tab-footer{
	background:transparent url(../images/tab-footer.png) no-repeat scroll 0 0;
	height:18px;
	margin:0 auto;
	width:402px;
}

.featured-products-header{
	background:transparent url(../images/featured-products-header.png) no-repeat scroll left bottom;
	float:left;
	height:60px;
	margin:10px 0 0;
	width:707px;	
}

.sidebar{
	float:left;
	overflow:hidden;
	width:317px;
}
.contact-area{
	background:url(../images/sidebar-body.png) repeat-y bottom left;
	float:left;
	width:317px;
}

.activities{
	background:transparent url(../images/sidebar-body.png) repeat-y scroll left bottom;
	float:left;
	margin:5px 0 0;
	width:317px;
}
.support-troubleshooting{
	background:transparent url(../images/sidebar-body.png) repeat-y scroll left bottom;
	float:left;
	margin:5px 0 0;
	width:317px;
}
.support-troubleshooting img{
	float:left;
	margin:0 10px 0 20px;
}
.corporate-clients{
	background:url(../images/sidebar-body.png) repeat-y bottom left;
	float:left;
	width:317px;
}
.corporate-clients img{
	margin:7px 0 20px 60px;
	width:155px;
}
.sidebar-footer{
	background:url(../images/sidebar-footer.png) no-repeat top left;
	float:left;
	height:10px;
	width:317px;
}
.sidebar-list{
	clear:both;
	margin:6px 0 0 55px;
	overflow:hidden;
}
.sidebar-list-menu{
	clear:both;
	margin:0 0 0 40px;
	overflow:hidden;
	width:317px;
}
.sidebar-list-menu li a{
	display:block;
	font-size:12px;
	line-height:25px;
	margin:0 0 0 35px;
}
/*.sidebar-list li:hover{
	background:url(../images/sidebar-hover.png) no-repeat bottom center;
	line-height:25px;
}*/
.sidebar-list li{
	background:transparent url(../images/divider.png) no-repeat scroll left bottom;
	line-height:25px;
	width:200px;
}
.sidebar-list li a{
	display:block;
}
.divider{
	background:url(../images/divider.png) no-repeat bottom center;
}

#contact-form{
	float:left;
	width:360px;
}
.contact-details{
	background:transparent url(../images/contact-details.png) no-repeat scroll left bottom;
	float:left;
	height:266px;
	overflow:hidden;
	width:279px;
}
.contact-details p, .contact-details p b{
	clear:both;
	font-size:12px;
	text-indent:0;
	width:210px;
}
.contact-details p{
	margin:25px 0 0 45px;
	text-indent:0;
}

#contact-form .text-field{
	background:transparent url(../images/text-field.png) no-repeat scroll left bottom;
	border:medium none;
	float:right;
	font-size:16px;
	font-weight:normal;
	height:30px;
	margin:0;
	padding:0 0 0 10px;
	width:291px;
}
#contact-form p{
	clear:both;
	float:left;
	font-size:20px;
	margin:5px auto;
	text-align:right;
	text-indent:0;
	width:335px;
}
#contact-form .message-field{
	background:transparent url(../images/message-field.png) no-repeat scroll left bottom;
	border:medium none;
	float:right;
	font-family:inherit;
	font-size:16px;
	font-weight:normal;
	height:135px;
	margin:0;
	padding:0 0 0 10px;
	width:291px;
}
#contact-form #submit-button{
	background:transparent url(../images/send-button.png) no-repeat scroll center center;
	border:medium none;
	height:31px;
	width:81px;
}
#result-valid{
	color:#FF002A;
	float:left;
	font-size:12px;
	height:35px;
	overflow:hidden;
	text-align:left;
	text-indent:7px;
	width:300px;
}

#products-tab{
	margin:20px 0 0 66px;
	overflow:hidden;
	width:400px;
}
#products-tab li{
	cursor:pointer;
	line-height:59px;
	margin:0 5px;
	text-indent:55px;
}
/*#web-applications-tab p, #client-server-tab p{
	color:#FFFFFF;
	float:left;
	height:42px;
	margin:0;
	overflow:hidden;
	padding:0;
	width:144px;
	text-indent:50px;
	text-shadow:1px 1px 0 #757575;
}*/
.web-applications-tab p, .web-applications-tab-active p{
	color:#FFFFFF;
	float:left;
	height:42px;
	margin:0;
	overflow:hidden;
	padding:0;
	width:144px;
	text-indent:50px;
	text-shadow:1px 1px 0 #757575;
}
.client-server-tab p, .client-server-tab-active p{
	color:#FFFFFF;
	float:left;
	height:42px;
	margin:0;
	overflow:hidden;
	padding:0;
	width:191;
	text-indent:50px;
	text-shadow:1px 1px 0 #757575;
}


#products-tab .web-applications-tab{
	background:transparent url(../images/web-applications.png) no-repeat bottom left;	
	float:left;
	height:42px;
	width:144px;
}
#products-tab .client-server-tab{
	background:transparent url(../images/client-server-applications.png) no-repeat bottom left;
	float:left;
	height:42px;
	width:191px;
}

#products-tab .web-applications-tab-active{
	background:transparent url(../images/web-active.png) no-repeat bottom left;
	float:left;
	height:42px;
	width:144px;
}
#products-tab .client-server-tab-active{
	background:transparent url(../images/client-active.png) no-repeat bottom left;
	float:left;
	height:42px;
	width:191px;
}



#web-applications-tab:hover, #client-server-tab:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
#profile-tab{
	margin:41px auto 0;
	overflow:hidden;
	width:340px;	
}
#profile-tab li{
	background:transparent url(../images/profile-tab.png) repeat-x scroll 0 0;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	font-weight:bold;
	height:20px;
	line-height:19px;
	margin:0 4px;
	padding:0 10px;
	text-shadow:1px 1px 0 #757575;
}
#profile-tab li.active{
	background:transparent url(../images/active-tab.png) repeat-x scroll 0 0;
}

#mission,#vision,#our-core-business{
	margin:0 auto;
}
#mission p,#vision p,#our-core-business p{
	font-size:14px;
	line-height:30px;
	margin:0 auto;
	padding:10px 40px;
}
#mission-header{
	background:transparent url(../images/company-mission.png) no-repeat scroll 0 0;
	height:50px;
	margin:20px auto 0;
	width:367px;
}
#vision-header{
	background:transparent url(../images/company-vision.png) no-repeat scroll 0 0;
	height:50px;
	margin:20px auto 0;
	width:367px;
}
#core-business-header{
	background:transparent url(../images/company-core-business.png) no-repeat scroll 0 0;
	height:50px;
	margin:20px auto 0;
	width:367px;
}
#activities-header{
	background:url(../images/our-activity.png) no-repeat bottom left;
	float:left;
	height:42px;
	width:317px;
}
#support-troubleshooting-header{
	background:url(../images/support-and-troubleshooting.png) no-repeat bottom left;
	float:left;
	height:42px;
	width:317px;
}
#click-support{
	background:transparent url(../images/click-here-button.png) no-repeat scroll left bottom;
	float:left;
	height:35px;
	margin:10px 0 0;
	width:118px;	
}
#click-support:hover{
	background:url(../images/click-here-button.png) no-repeat top left;
}
#corporate-clients-header{
	background:transparent url(../images/corporate-clients.png) no-repeat scroll left bottom;
	float:left;
	height:42px;
	margin:5px 0 0;
	width:317px;
}
#contact-area-header{
	background:url(../images/feel-free.png) no-repeat bottom left;
	float:left;
	height:85px;
	width:317px;
}
#bg-none{
	background:none;
}
#email-us{
	background:url(../images/email-us.png) no-repeat bottom left;
	float:left;
	height:24px;
	width:211px;	
}
#email-us:hover{
	background:url(../images/email-us.png) no-repeat top left;	
}
#bookmark-our-website{
	background:url(../images/bookmark-our-website.png) no-repeat bottom left;
	float:left;
	height:24px;
	width:211px;
}
#bookmark-our-website:hover{
	background:url(../images/bookmark-our-website.png) no-repeat top left;	
}
#visit-our-office{
	background:url(../images/visit-our-office.png) no-repeat bottom left;
	float:left;
	height:24px;
	width:211px;
}
#visit-our-office:hover{
	background:url(../images/visit-our-office.png) no-repeat top left;	
}
/**/

/*Footer*/
.footer{
	background:#c9c9c9 url(../images/footer.png) repeat-x scroll 0 0;
	float:left;
	height:104px;
	width:100%;
}
.footer-content{
	background:transparent url(../images/footer.png) repeat-x scroll 0 0;	
	height:104px;
	margin:0 auto;
	width:1008px;
}
.footer-menu{
	float:left;
	margin:16px 0 0 15px;
	width:300px;
}
.footer-menu ul li{
	border-right:1px solid #B4B4B4;
	float:left;
	padding:0 10px;
}
.footer-menu ul li.no-border{
	border:none;
}
.footer-copyright{
	float:right;
	margin:16px 15px 0 0;
	width:300px;
}
/**********/




/*Easy slideshow of Featured Products Section*/
#nextBtn{ 
	float:left;
	height:39px;
	margin:-150px 0 0 640px;
	width:34px;
}
#prevBtn{
/*	display:block;
	
	left:3%;
	position:fixed;
	top:50%;*/
	float:left;
	height:39px;
	margin:-150px 0 0 15px;
	width:34px;
}

#prevBtn a{  
	background:transparent url(../images/btn_prev.png) no-repeat scroll 0 0;
	display:block;
	height:36px;
	position:relative;
	width:34px;
}	
#nextBtn a{ 
	background:transparent url(../images/btn_next.png) no-repeat scroll 0 0;
	display:block;
	height:36px;
	position:relative;
	width:34px;
}