/**
 * satuatap.css
 *
 * hello@madewira.com
 *
**/

a
{
	color				: #683AC4;
	text-decoration		: none
}
a:hover
{
	color				: #F40
}
body
{
	background			: #FFF;
	color				: #333;
	font-family			: Verdana, Helvetica, Sans-Serif;
	font-size			: 11px
}
form
{
	margin				: 0
}
li
{
	margin-bottom		: 4px
}
td
{
	font-size			: 11px;
	text-align			: left
}
ul
{
	margin				: 0;
	padding				: 0 0 0 18px
}

#base
{
	background			: #FFF
}

/** HEADER **/
#logo
{
	background			: #683AC4
}
#slogan
{
	background			: #683AC4 url('../images/bg_logo.jpg') top left no-repeat;
	padding				: 0 16px 0 0;
	text-align			: right
}

/** MENU UTAMA **/
#menu
{
	background			: url('../images/bg_menu.gif') top left repeat-x;
	border-top			: 2px solid #FD0;
	border-bottom		: 2px solid #FFF;
	font-size			: 11px;
	font-weight			: bold;
	padding				: 6px 0 8px 0;
	text-align			: center
}
#menu a
{
	background			: url('../images/bg_menu.gif') top left repeat-x;
	color				: #333;
	padding				: 6px 14px 8px 14px;
	text-decoration		: none
}
#menu a:hover
{
	background			: url('../images/bg_menu_x.gif') top left repeat-x;
}

/** SPLASH **/
#splash
{
	background			: #F4F9FA;
	color				: #FFF
}

/** NAVIGASI **/
#feature
{
	background			: #CCD8E2;
	color				: #000
}
#feat_prg
{
	background			: url('../images/feat_programming.gif') top left no-repeat;
	font-size			: 9px;
	padding				: 28px 0 12px 34px
}
#feat_net
{
	background			: url('../images/feat_networking.gif') top left no-repeat;
	font-size			: 9px;
	padding				: 28px 0 12px 34px
}
#feat_vis
{
	background			: url('../images/feat_visual.gif') top left no-repeat;
	font-size			: 9px;
	padding				: 28px 0 12px 34px
}
#feat_web
{
	background			: url('../images/feat_web.gif') top left no-repeat;
	font-size			: 9px;
	padding				: 28px 0 12px 34px
}

/** UNIT BISNIS **/
#unit
{
	background			: url('../images/bg_unit.gif') top left repeat-x;
	height				: 63px;
	padding				: 0 10px 0 10px;
	text-align			: center
}
#unit a
{
	color				: #888;
	margin				: 0 8px
}
#unit a:hover
{
	color				: #000
}

/** BERITA **/
#berita
{
	padding				: 0 10px 10px 10px
}
.berita
{
	background			: url('../images/bg_doth.gif') bottom left repeat-x;
	line-height			: 16px;
	margin-bottom		: 6px;
	padding-bottom		: 8px
}
.berita a
{
	color				: #333
}
.berita a:hover
{
	color				: #683AC4
}
.berita .tgl
{
	color				: #888;
	font-size			: 9px
}

/** PROFIL **/
#profil
{
	background			: url('../images/bg_bayang.gif') top left no-repeat;
	padding				: 0 10px 10px 10px
}

/** SOLUSI **/
#solusi
{
	background			: url('../images/bg_bayang.gif') top left no-repeat;
	padding				: 0 10px 10px 10px
}
#solusi .banner
{
	margin-bottom		: 6px
}

/** CONTENT **/
#content
{
	line-height			: 16px;
	padding				: 10px
}
#content a
{
	text-decoration		: underline
}
#content .navtop
{
	background			: url('../images/bg_doth.gif') bottom left repeat-x;
	color				: #777;
	font-size			: 10px;
	margin				: -10px -10px 0 0;
	padding				: 0 0 4px 0
}
#content .title
{
	font-family			: Arial, Helvetica, Sans-Serif;
	font-size			: 18px
}
#content .inzet
{
	float				: left;
	margin				: 0 15px 10px 0
}

/** SUB-MENU **/
#submenu
{
	background			: #F1F5F8;
	padding				: 10px
}
#submenu li
{
	list-style-image	: url('../images/panah2.gif')
}

/** FOOTER **/
#footer
{
	background			: #E7EBEE;
	border-top			: 10px solid #FFF;
	padding				: 12px 8px
}

/** LAIN-LAIN **/
.judul
{
	margin				: 8px 0 14px 0
}
.list li
{
	font-weight			: bold;
	list-style-image	: url('../images/panah.gif')
}
#shadow
{
	background			: url('../images/bg_unitshadow.gif') top right no-repeat;
	font-size			: 9px;
	height				: 10px;
	padding				: 4px 6px
}