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

	http://www.solusi.com
	PT. Sarana Solusindo Informatika

	Home Content stylesheet
	content_home.css


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

/*/IE compatibility/*/
* {margin: 0px; padding: 0px;}

/*/content container/*/
#content{
	margin:0 auto;
	width:960px;
	margin-top:2px;
	/*height:1490px;*/
}

/*/highlights/*/

#highlights {
	width:960px;
	height:300px;
	margin:0 auto;
	overflow:hidden;
	float:left;
	background-image:url(../images/slider/bg.jpg);
	background-repeat:repeat-x;
	background-position:center;
}

#highlights_intro {
	width:760px;
	height:265px;
	background:#FFF;
	margin:0 auto;
	margin-top:12px;
	background-repeat:no-repeat;
	overflow:hidden;
}

#highlights_text {
	float:left;
	width:960px;
	height:50px;
}

#highlights_text p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:15px;
	text-align:center;
	color:#666;
	padding-top:10px;
}



/*/Content Nav Container/*/

#content_nav_container{
	width:960px;
	height:300px;
	background-image:url(../images/content_friendly.jpg);
	background-repeat:no-repeat;
	background-position:left;
	overflow:hidden;
}


#content_nav_block {
	width:350px;
	height:300px;
	float:right;
	background-color:#666;
	font-size:0px;
}

#nav_block {
	line-height:0%;
	list-style-type:none;
	font-size:0px;
}


/*/Content Nav Bottom/*/

#bottom_nav {
	width:960px;
	height:100px;
}

#bottom_nav_block {
	display:inline;
	line-height:0px;
	letter-spacing:0px;
}
#bottom_nav_block li {
	margin:0 auto;
	display:inline;
	letter-spacing:0px;
	line-height:0px;
	word-spacing:0px;
	margin-right:-5px;
	list-style-type:none;
	
	
}

/*/Column Division/*/
#column_container {
	width:960px;
	float:left;
	margin-top:15px;
}

	/*/Column 1/*/
	
	#column1 {
		float:left;
		width:210px;
		height:600px;
	}
	
	/*/Quick Links/*/
	
	#quicklinks {
		width:200px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		float:left;
		margin-bottom:15px;
	}
	
	#quicks {
		list-style-type:none;
	}
	
	#quicks a {
		width:149px;
		padding-top:15px;
		padding-bottom:10px;
		padding-left:50px;
		border-top: 1px solid #F2F2F2; 
		border-right: 1px solid #F2F2F2; 
		display: block;
		background: #E6E6E6; 
		color: #666666;
		text-decoration: none; 
	} 
	
	#quicks a:hover {
		background-color:#CCC;
	}
	
	.titlepq {
		width:200px;
		height:25px;
		background-image:url(../images/bg_title_col1.gif);
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		
	}
	.titlep {
		margin-left:15px;
		padding-top:6px;
		color:#666;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:700;
	}
	
		
		/*/Quick Links Icon/*/
		
		#quicks .li_software {
			background-image:url(../images/li_software.gif);
			background-position:left;
			background-repeat:no-repeat;
		}
		#quicks .li_training {
			background-image:url(../images/li_training.gif);
			background-position:left;
			background-repeat:no-repeat;
		}
		#quicks .li_itsol {
			background-image:url(../images/li_itsol.gif);
			background-position:left;
			background-repeat:no-repeat;
		}
		#quicks .li_location {
			background-image:url(../images/li_location.gif);
			background-position:left;
			background-repeat:no-repeat;
		}
		#quicks .li_promotion {
			background-image:url(../images/li_promotion.gif);
			background-position:left;
			background-repeat:no-repeat;
		}
		#quicks .li_news {
			background-image:url(../images/li_news.gif);
			background-position:left;
			background-repeat:no-repeat;
		}	
		#quicks .li_download {
			background-image:url(../images/li_download.gif);
			background-position:left;
			background-repeat:no-repeat;
		}	
		#quicks .li_blog {
			background-image:url(../images/li_blog.gif);
			background-position:left;
			background-repeat:no-repeat;
		}
		#quicks .li_support {
			background-image:url(../images/li_support.gif);
			background-position:left;
			background-repeat:no-repeat;
		}
		
	/*/Live Chat/*/
	#livechats{
		float:left;
		width:200px;
		height:50px;
	}
	#livechats ul{
		list-style-type:none;
	}
	#livechats ul li a{
		margin:0 auto;
		padding-left:15px;
		padding-right:15px;
	}
	
	/* Solusi 25th */
	#sol25{
		width:200px;
		float:left;
	}
	#sol25 ul{
		list-style-type:none;
	}
		
	/*/Column 2/*/
	#column2 {
		float:left;
		width:575px;
	}
	/*/Column 2 title/*/
	.col_title {
		width:560px;
		height:25px;
		background-image:url(../images/bg_title_col2.gif);
		margin:0 auto;
		
	}
	#intro_col {
		width:560px;
		height:300px;
		background:#EAEAEA;
		margin:0 auto;
	}
	/*/ Column 2 inside /*/
	#colum2-inside {
		width: 564px;
		height: 351px;
		background:#FFFFFF;
		margin: 0 auto;
	}
	
	#products_tab {
		float:left;
		width:560px;
	}
	
	#products_tab a img{
		border:#FFF 1px solid;
	}
	
	#products_tab a img:hover{
		border:#CCC 1px solid;
	}
	
	#cat_tab a img{
		border:#FFF 1px solid;
	}
	
	#cat_tab a img:hover{
		border:#CCC 1px solid;
	}
	/* Column2-ads1 /*/
	#column2-ads1 {
		width: 175px;
		height: 340px;
		background:#CCCCCC;
		margin-top: auto;
		margin-left: 5px;
		float:left;
	}
	
	/*/ Column2-ads-big /*/
	.column2-ads-big {
		width: 175px;
		height: 215px;
		background:#003399;
	}
	
	/*/ Column2-ads-sm /*/
	.column2-ads-sm {
		width: 175px;
		height: 100px;
		background:#0066FF;
	}
	
	/*/ Column2-ads-small /*/
	.column2-ads-small {
		width: 170px;
		height: 100px;
		background:#0066FF;
	}
	
	
	/*/ line-hr /*/
	.line-hr-175 {
		background: url(../images/line_hr_175.gif) no-repeat;
		background-position:center;
	}
	
	.line-hr-170 {
		background:url(../images/line_hr_170.gif) no-repeat;
		background-position:center;
	}
	
	/*/ line-vr /*/
	.line-vr {
		background:url(../images/line_vr.gif) no-repeat;
		background-position:center;
	}
	
	.separator-hor1 {
		width: 175px;
		height: 15px;
		background:#FFCC99;
	}
	
	.separator-hor2 {
		width: 170px;
		height: 15px;
		background:#FFCC99;
	}
	
	.separator-emp {
		width: 550px;
		height: 10px;
		background:#CCCCCC;
		margin: 0 auto;
	}
	
	.separator-ver {
		width : 15px;
		height: 330px;
		background:url(../images/line.gif) no-repeat;
		float:left;
	}
	
	.separator-ver2 {
		margin-left:2px;
		width : 15px;
		height: 330px;
		background:url(../images/line.gif) no-repeat;
		float:left;
	}
	
	/*/ Column2-ads2 /*/
	#column2-ads2 {
		width: 170px;
		height: 340px;
		background:#999999;
		margin-top: auto;
		float:left;
	}
	
	
	/*/ Column2-ads3 /*/
	#column2-ads3 {
		width: 170px;
		height: 340px;
		background:#666666;
		margin-top: auto;
		margin-right:5px;
		float:right;
	}
	
	/*/ Column2-ads-bottom /*/
	#column2-ads-bottom {
		width: 555px;
		height: 60px;
		margin: 20px auto;
	}
	
	
	/*/ Column Wraps /*/
	
	/*/Column 3/*/
	#column3 {
		float:right;
		width:165px;
		height:600px;
	}
	
	/*/parners column /*/
	.col3_title {
		width:165px;
		height:25px;
		background:url(../../public/images/bg_title_col3.gif);
	}
	
	.col3_back {
		width:165px;
		background:#FFF;
	}
  	#parners_col{
		padding-top:10px;
		list-style-type:none;
		background-position:center;
	}
	#parners_col a img {
		border-bottom: 2px #FFF solid;
	}
	#parners_col a img:hover {
		border-bottom: 2px #CCC solid;
	}
	#parners_col li {
		padding-bottom:5px;
	}

	
	/*/ column container update /*/
	#col_cont_up {
		width:555px;
		margin:0 auto;
	}

	/*/ column container update /*/
	.events_col {
		width:270px;
		float:left;
	}
	
	.events_col .tit_ev {
		background: center no-repeat url(../images/header_2nd2.gif);
		width:250px;
		height:25px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#666666;
		
		
		}
	
	.evpro .news_title_link {
		font-size: 13px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		color:#000000;
	}
	.evpro .news_title_link a{
		color:#000;
		text-decoration:none;
	}
	.evpro .news_title_link a:hover{
		color:#666;
	}
	
	.evpro {
		list-style-type:none;
		padding-top:10px;
	}
	
	
	.evpro .news_contain {
		font-size: 11px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		color:#000000;
		font-weight:normal;
		padding-bottom:15px;
	}

	#review_col {
		width:270px;
		height:140px;
		float:right;
	}
	
	/*/ Banner Bottom /*/
	#banner_bottom {
		width:960px;
		height:170px;
		float:left;
		margin: 5px auto;
	}
	#content_bottom {
		margin-left: 200px;
	}
	#content_bottom li {
		display:inline;
	}
	
	#content_bottom a img {
		border:1px #FFF solid;
	}
	#content_bottom a img:hover {
		border:1px #CCC solid;
	}
	
	/*/ footer /*/

.clear {
	clear:both;
}

/*/Call Us/*/

#callus{
	float:left;
	width:960px;
	height:50px;
	background:url(../../public/images/footer_callus.gif) center no-repeat;
}



/*/Branches/*/


#branches {
	width:960px;
	height:150px;
	background-image:url(../../public/images/bg_branch.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#666;
	overflow:hidden;
	float:left;
}

#branches h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#FFF;
	font-weight:100;
	padding-top:6px;
	padding-left:100px;
	text-transform:uppercase;
}

#branches h2 strong {
	font-weight:900;
}

#jakarta_branch {
	width:255px;
	float:left;
	color:#FFF;
	padding-left:120px;
	padding-top:10px;
}

#jakarta_branch h2 {
	padding-left:0px;
	padding-bottom:0px;
	line-height:10px;
	font-weight:900;
}

#jakarta_branch h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:100;
	padding-top:6px;
	padding-left:0px;
	line-height:13px;
}

#surabaya_branch {
	width:257px;
	float:left;
	color:#FFF;
	padding-left:8px;
	padding-top:10px;
}


#surabaya_branch h2 {
	padding-left:0px;
	padding-bottom:0px;
	line-height:10px;
	font-weight:900;
}


#surabaya_branch h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:100;
	padding-top:6px;
	padding-left:0px;
	line-height:13px;
}

#batam_branch {
	width:220px;
	float:left;
	color:#FFF;
	padding-left:8px;
	padding-top:10px;
}


#batam_branch h2 {
	padding-left:0px;
	padding-bottom:0px;
	line-height:10px;
	font-weight:900;
}


#batam_branch h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:100;
	padding-top:6px;
	padding-left:0px;
	line-height:13px;
}


/*/ Column 2 Promotion /*/

.promotions {
	width:560px;
	min-height:150px;
	padding-top:10px;
	padding-bottom:20px;
}
		

.promos {
	width:175px;
	padding-left:10px;
	float:left;
	margin-bottom:10px;
}

.promos a {
	border-bottom: 4px solid #FFF;
}

.promos a:hover{
	border-bottom: 4px solid #CCC;
}

/*/ Column 2 Offers /*/
.offers {
	margin: 0 auto;
	width:560px;
	min-height:570px;
	background:url(../../public/images/offer_back.gif) repeat-x #FFF;
}

#offers_container {
	margin: 0 auto;
	width:520px;
	min-height:570px;
}

#success_story{
	width:520px;
	min-height: 130px;
	margin-top:10px;
}

.offernum {
	padding-top:15px;
}

.offernum a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#C1272D;
	text-decoration:none;
	font-weight:800;
	margin-top:5px;
	margin-bottom:5px;
}

.offernum a:hover {
	color:#333;
}

.offernum p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	color:#666;
	padding-top:8px;
	padding-bottom: 8px;
	line-height:18px;
}


#offers_col1{
	float:left;
	width:240px;
}

#offers_gap {
	float:left;
	width:35px;
	background:url(../../public/images/offer_sep.gif) no-repeat;
	height:570px;
}
#offers_col2{
	float:right;
	width:240px;
}
#offers_col3{
	float:right;
	width:240px;
}
#offers_gap2 {
	float:left;
	width:35px;
	background:url(../../public/images/offer_sep.gif) no-repeat;
	height:130px;
}
#offers_col98{
	float:left;
	margin-left:300px;
	margin-top:-135px;
}
#offers_col99{
	float:left;
	margin-left:25px;
	margin-right:15px;
	width:280px;
}