/**
	file_name	: screen.css
	description	: main layout for bhaksi sekuritas
	date		: Dec. 9, 09
**/

/**------- START RESET -------**/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/**------- END RESET -------**/

/**--- START LAYOUT ---**/
html, body {
	margin:0;
	background-color:#FFF;
}
#wrapper {
	font-family: 'Lucida Grande','Lucida Sans Unicode',Tahoma,Arial,san-serif;
	font-size:11px;
	letter-spacing:0.02em;
	line-height:14px;
}
#wrapper #container {
	width:984px;
	margin:0 auto;
	margin-top:10px;
	color:#323232;
}
#head {
	float:left;
	width:984px;
	height:107px;
	margin:0;
	background:#ecece4 url(../images/head.gif) no-repeat;
}
	#head #logo {
		float:left;
		width:279px;
		height:94px;
	}
		#head #logo img{
			float:none;
			border:none;
			width:279px;
			height:94px;
			margin-left:11px;
		}
	#head #login {
	
		float:left;
		width:175px;
		height:63px;
		margin-left:511px;
		padding-top:25px;
		padding-left:10px;
	}
	#head #top-menu {
		float:left;
		width:685px;
		height:31px;
		margin-left:20px;
		vertical-align:top;
		color:#FFF;
		text-align:right;
	}
#stock {
	float:left;
	height:40px;
}
	#stock #left {
		float: left;
		width:190px;
		height:54px;
		padding: 0 5px;
		padding-top:10px;
		text-transform:uppercase;
		color:#000;
	}
	#stock #right {
		float: left;
		width:980px;
		height:54px;
		padding: 5px 5px;
		text-transform:uppercase;
		color:#000;
	}
		#stock #right #sticker {
			float: left;
			width:980px;
			margin-top:4px;
		}
			#sticker img { border:none;}
			#sticker .arrow-stock {float:left; width:6px; margin-top:5px;}
			#sticker #sticker-run {
				float:left;
				width:955px;
				height:18px;
				font-size:10px;
				border:#afadae 1px solid;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				border-radius:5px;
				background:#FFF;
				padding:0 5px 2px 5px;
				margin: 0 3px;
			}
#content {
	float:left;
	width:984px;
	min-height:400px;
	background:#fff;
}
	/* left col */
	#content #left {
		float:left;
		width:684px;
	}
		/* gal-even */
		#galandeven {
			float:left;
			width:684px;
			margin-bottom:10px;
		}
			/* img-gal */
			#img-gal {
				float:left;
				width:484px;
				height:365px;
				margin-right:5px;
				/*background:url(../images/img-review.jpg) no-repeat;*/
			}
			/* evencal */
			#evencal {
				float:left;
				width:190px;
				height:365px;
				/*background:#FFF url(../images/evencal.jpg) no-repeat;*/
				margin-right:5px;
			}
		/* left-one */
		.left-one {
			float:left;
			width:337px;
			margin-right:5px;
			background-color:#039;
			margin-bottom:10px;
		}
			.left-title {
				float:left;
				width:330px;
				height:22px;
				background:#0777d9 url(../images/dekor-title.gif) no-repeat;
				color:#FFF;
				font-size:14px;
				text-align:right;
				text-transform:uppercase;
				text-shadow:3px 2px 0 #064379;
				padding-top:15px;
				padding-right:7px;
			}
			.left-middle {
				float:left;
				width:321px;
				background:#FFF;
				border:#0777d9 1px solid;
				color:#323232;
				padding:7px;
			}
				.left-middle-list {
					float:left;
					width:311px;
					border:#dad8d9 1px solid;
					-webkit-border-radius:5px;
					-moz-border-radius:5px;
					border-radius:5px;
					display: block; /* IE 7 Requires This */
					padding:5px;
					margin-bottom:5px;
					
				}
		
		/* ask-mrbob */
		#ask-mrbob {
			float:left;
			width:552px;
			min-height:100px;
			margin-bottom:10px;
			border:#c8c8c8 1px solid;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;
			display: block; /* IE 7 Requires This */
			margin-right:5px;
			padding: 10px 10px 10px 115px;
			background:#FFF url(../images/ask-bob.gif) left top no-repeat;
		}
			#ask-mrbob #ask-left {
				float:left;
				width:275px;
				margin-right:2px;
			}
				#asked {
					float:left;
					width:248px;
					min-height:200px;
					margin-top:15px;
					margin-left:5px;
					border:#c8c8c8 1px solid;
					-webkit-border-radius:5px;
					-moz-border-radius:5px;
					border-radius:5px;
					display: block; /* IE 7 Requires This */
					padding:5px 10px;
				}
			#ask-mrbob #ask-right {
				float:left;
				width:275px;
				padding-top:30px;
				background:#FFF url(../images/trade101.gif) right top no-repeat;
			}
				#tips-trick {
					float:left;
					width:245px;
					margin-top:10px;
					margin-left:7px;
					border:#c8c8c8 1px solid;
					-webkit-border-radius:5px;
					-moz-border-radius:5px;
					border-radius:5px;
					display: block; /* IE 7 Requires This */
					padding:5px 10px;
				}
				
		
		/* corp-act */
		#corp-act {
			float:left;
			width:660px;
			min-height:100px;
			margin-bottom:10px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;
			display: block; /* IE 7 Requires This */
			margin-right:5px;
			padding: 10px;
			background:#dad8d9 url(../images/corp-act.gif) right top no-repeat;
		}
			#corp-act #corpact {
				float:left;
				width:325px;
				margin-right:10px;
			}
			#corp-act #links {
				float:left;
				width:325px;
			}
				#corp-act h3{
					color:#FFF;
					font-size:14px;
					text-align:right;
					text-transform:uppercase;
					text-shadow:1px 1px 0 #666;
					margin-bottom:15px;
				}
				#corp-act .once {
					float:left;
					width:315px;
					-webkit-border-radius:5px;
					-moz-border-radius:5px;
					border-radius:5px;
					display: block; /* IE 7 Requires This */
					background-color:#FFF;
					margin-bottom:10px;
					padding:5px;
				}
		
	/* right */
	#content #right {
		float:left;
		width:300px;
	}
		/* oltrade */
		#oltrade {
			float:left;
			width:300px;
			/*background:#FFF url(../images/oltrade1.jpg) no-repeat;*/
			margin-bottom:5px;
		}
		/* col-right */
		#col-right {
			float:left;
			width:290px;
			background:#dad8d9;
			padding:5px;
		}
			h3 {
				color:#FFF;
				font-size:14px;
				text-align:right;
				text-transform:uppercase;
				text-shadow:1px 1px 0 #666;
				margin-bottom:5px;
				margin-top:10px;
				margin-right:5px;
			}
			#col-right .once {
				float:left;
				width:280px;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				border-radius:5px;
				display: block; /* IE 7 Requires This */
				background-color:#FFF;
				/*margin:5px;*/
				padding:5px;
				margin-bottom:15px;
			}
		
#footer {
	float:left;
	width:984px;
	height:121px;
	background:#ecece4 url(../images/footer.gif) top no-repeat;
}
	#footer #left {
		float:left;
		width:275px;
		height:121px;
		margin-left:10px;
		margin-right:9px;
		color:#FFF;
		font-size:10px;
	}
		#footer #logo img{
			float:none;
			border:none;
			width:275px;
			height:95px;
			margin-top:4px;
		}
	#footer #right {
		float:left;
		width:680px;
		height:121px;
		margin-right:10px;
		text-align:right;
	}
		#footer #right #top {
			float:left;
			width:680px;
			height:67px;
			margin-top:30px;
		}
		#footer #right #bottom {
			float:left;
			width:680px;
			height:25px;
		}
		

#current-page {
	float:left;
	width:675px;
	margin-right:9px;
}
/* header image */
#header-about {
	float:left;
	width:684px;
	height:201px;
	border:none;
	background:url(../images/about_img.jpg) no-repeat;
}
#header-produk {
	float:left;
	width:684px;
	height:201px;
	border:none;
	background:url(../images/produk_img.jpg) no-repeat;
}
#header-cs {
	float:left;
	width:684px;
	height:201px;
	border:none;
	background:url(../images/cs_img.jpg) no-repeat;
}
#header-news {
	float:left;
	width:684px;
	height:201px;
	border:none;
	background:url(../images/news_img.jpg) no-repeat;
}
#header-sd {
	float:left;
	width:684px;
	height:201px;
	border:none;
	background:url(../images/sd_img.jpg) no-repeat;
}
#header-form {
	float:left;
	width:684px;
	height:201px;
	border:none;
	background:url(../images/form_img.jpg) no-repeat;
}
#header-other {
	float:left;
	width:684px;
	height:201px;
	border:none;
	background:url(../images/other_img.jpg) no-repeat;
}

.menu-subpage {
	float:left;
	width:677px;
	padding:5px 0;
	background-color:#666;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-top:10px;
	color:#FFF;
}
.breadchumb {
	float:left;
	width:659px;
	padding:5px 10px;
	border-bottom:#DAD8D9 dotted 1px;
	margin-bottom:20px;
}
/* on detail */
.grayondetail {
	float:left;
	width:657px;
	padding:5px 10px 15px 10px;
	background-color:#DAD8D9;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-top:10px;
}
	.fisrtontree {
		float:left;
		width:205px;
		/*height:120px;*/
		background-color:#FFF;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		padding:5px;
	}
	.otherontree {
		float:left;
		width:205px;
		/*height:120px;*/
		margin-left:6px;
		background-color:#FFF;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		padding:5px;
	}
		.titleinnertree {
			float:left;
			width:205px;
			background-color:#C6C6C6;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;
			text-align:center;
			padding:7px 0;
			text-transform:uppercase;
			font-size:14px;
		}
		.contentinnertree {
			float:left;
			width:185px;
			padding:5px 10px;
		}
/* latestnews */
.latestnews {
	float:left;
	width:657px;
	background-color:#039;
	margin-bottom:10px;
}
	.latestnews-title {
		float:left;
		width:650px;
		height:22px;
		background:#0777d9 url(../images/dekor-title.gif) no-repeat;
		color:#FFF;
		font-size:14px;
		text-align:right;
		text-transform:uppercase;
		text-shadow:3px 2px 0 #064379;
		padding-top:15px;
		padding-right:7px;
	}
	.latestnews-middle {
		float:left;
		width:641px;
		background:#FFF;
		border:#0777d9 1px solid;
		color:#323232;
		padding:7px;
	}
		.latestnews-middle-list {
			float:left;
			width:631px;
			border:#dad8d9 1px solid;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;
			display: block; /* IE 7 Requires This */
			padding:5px;
			margin-bottom:5px;
			
		}
	
.newsonsd {
	float:left;
	width:657px;
	margin-bottom:10px;
}
	.newsonsd-title {
		float:left;
		width:650px;
		color:#0777d9;
		font-size:14px;
		text-align:right;
		text-transform:uppercase;
		padding-top:15px;
		padding-right:7px;
		margin-bottom:5px;
	}
	.newsonsd-middle {
		float:left;
		width:641px;
		background:#FFF;
		border:#dad8d9 1px solid;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		display: block; /* IE 7 Requires This */
		color:#323232;
		padding:7px;
	}
.stockfour {
	float:left;
	width:657px;
	background:#BFDDFF;
}

/* nandrito untuk display list bird */

.bird ul
{
  width: 50em;  /* room for 3 columns */
}
.bird ul li
{
  float: left;
  width: 12em;  /* accommodate the widest item */
}
/* stop the floating after the list */
.bird br
{
  clear: left;
}
/* separate the list from what follows it */
.bird wrapper
{
  margin-bottom: 1em;
}

/**--- END LAYOUT ---**/