/* CSS Document for LawFirm-Sutrisno.com */

body {
	font-family: Tahoma,Arial,Helvetica;
	background: url(images/bg.jpg) repeat-x ;
	margin-top:0;
	background-color:#be741f;
}

#main {
	width:946px;
	padding:0;
	margin-left:auto; margin-right:auto;
	background-color:#be741f;
}

/** HOME **/

#header-home {
	width:946px; height:113px;
	background:url(images/header-home.jpg);
}	
#motto-home {
	width:946px; height: 39px;
	background:url(images/motto-home.jpg);
	margin:0;
}

#motto-home .fiat {
	margin-left:32px;
	font-size:22px; color:#ff5a00;
	font-family: Tahoma, Arial, Helvetica;
}
#motto-home .hukum {
	margin-left:2px;
	font-size:15px; color:#ffffff;
	font-family: Arial, Helvetica, Tahoma;
	font-weight:bold;
}


#court-menu-foto {
	width: 946px; height: 348px;
}
#court {
	float:left;
	width: 315px; height:348px;
	background: url(images/court.jpg);
}
#menu-home {
	float:left;
	width:285px; height:348px;
	background: url(images/menu-home.jpg);
}
#menu-home a.profile {
	display:block;
	margin-top:19px; margin-left:181px;
	width:62px; height:62px;
	background:url(images/icon-profile.jpg) top;
	text-indent:-999px;
}
#menu-home a.profile:hover {
	background:url(images/icon-profile.jpg) bottom;
}

#menu-home a.layanan {
	display:block;
	margin-top: 48px; margin-left:181px;
	width:62px; height:62px;
	background:url(images/icon-layanan.jpg) top;
	text-indent:-999px;
}
#menu-home a.layanan:hover {
	background:url(images/icon-layanan.jpg) bottom;
}

#menu-home a.kontak {
	display:block;
	margin-top: 43px; margin-left:181px;
	width:62px; height:62px;
	background:url(images/icon-kontak.jpg) top;
	text-indent:-999px;
}
#menu-home a.kontak:hover {
	background:url(images/icon-kontak.jpg) bottom;
}


#foto-home {
	float:left;
	width:346px; height:348px;
	background: url(images/foto-home.jpg);
}
#sutrisno {
	clear:left;
	width:946px; height:51px;
	background: url(images/sutrisno.jpg);
}
#sutrisno .nama {
	color:#ffd800;
	font-size:14px;
	font-family:Arial, Helvetica, Tahoma;
	margin-top:4px;
	margin-right:40px;
	float:right;
}


/** FOOTER **/

#footer {
	width:946px; height: 40px;
}
img {border:none;}

#footer .facebook, #footer .twitter {
	float:left;
	margin-left: 40px;
	margin-top: 4px;
}
#footer .facebook a, #footer .twitter a {
	float:left;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;	
}
#footer .facebook img, #footer .twitter img {
	border:none;
	vertical-align:middle;
	behavior: url(iepngfix.htc);
} 
#footer .copyright {	
	float:right;
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	color:#ffffff;
	margin-right:40px;
	margin-top:10px;
}

/** HEADER NOT HOME **/

#header {
	width:946px; height:169px;
	background:url(images/header.jpg);
}

/** PROFILE **/

#header-profile {
	width:946px; height:169px;
	background:url(images/header-profile.jpg);
}
#text-profile-foto {
	width:946px; height:380px;
}
#text-profile-bg {
	float:left;
	width: 629px; height: 380px;
	background: url(images/text-profile-bg.jpg);
}
#foto-profile {
	float:left;
	width:317px; height:380px;
	background: url(images/foto-profile.jpg);
}
#nama2 {
	margin-top: 230px;
	margin-left: 60px;
	color:#ffd800;
	font-size:14px;
	font-family:Arial, Helvetica, Tahoma;
}

#text-profile-bg .fiat, #text-layanan-bg .fiat {
	margin-left:35px;
	font-size:20px; color:#ff5a00;
	font-family: Tahoma, Arial, Helvetica;
}
#text-profile-bg .hukum, #text-layanan-bg .hukum {
	margin-left:2px;
	font-size:14px; color:#ffffff;
	font-family: Arial, Helvetica, Tahoma;
	font-weight:bold;
}
#text-profile-bg p {
	margin-left:40px;
	text-align:justify;
	font-family:Tahoma, Arial, Helvetica;
	font-size:14px;
	color:#ffffff;
}
#text-profile-bg p .stressing {
	color:#ffd800;
	font-weight:bold;
}
/** LAYANAN **/

#header-layanan {
	width: 946px; height: 169px;
	background: url(images/header-layanan.jpg);
}
#text-layanan-foto {
	width: 946px; height: 380px;	
}
#text-layanan-bg {
	float:left;
	width: 629px; height: 380px;
	background: url(images/text-layanan-bg.jpg);
}
#text-layanan-bg h3 {
	font-family: Tahoma, Arial, Helvetica;
	color: #f7b574;	
	font-size:14px;
	margin-left:60px;
}
#layanan-kiri {
	float:left;
	width:280px;
	margin-left:60px;
}
#layanan-kanan {
	float:left;
	width:280px;
}
#layanan-kiri ul, #layanan-kanan ul, #hukum-bisnis ul {
	font-family:Tahoma, Arial, Helvetica;
	color:#ffffff;
	font-size:18px;
	margin-top:0;
}
#layanan-kiri a {
	color:#ffd800;
	text-decoration:none;
}
#layanan-kiri a:hover {
	text-decoration:underline;
} 
#foto-layanan {
	float:left;
	width:317px; height:380px;
	background: url(images/foto-layanan.jpg);
}
#nama3 {
	margin-top: 285px;
	margin-left: 60px;
	color:#ffd800;
	font-size:14px;
	font-family:Arial, Helvetica, Tahoma;
}
	
/** LAYANAN BISNIS **/
#header-layanan-bisnis {
	width:946px; height: 169px;
	background:url(images/header-layanan-bisnis.jpg);
}
#text-layanan-bisnis-foto {
	width:946px; height: 380px;
}
#extra-nav {
	margin-left:40px;
}
#extra-nav a {
	color:#f7b574;
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica;
	text-decoration:none;
}
#extra-nav a:hover {
	text-decoration:underline;
}
#text-layanan-bg h2 {
	color:#f7b574;
	font-family:Tahoma, Arial, Helvetica;
	font-size:24px;
	margin-left:60px;
}
#hukum-bisnis {
	margin-left:60px;
	width:600px;
}

#foto-layanan-bisnis {
	float:left;
	width:317px;  height:380px;
	background:url(images/foto-layanan-bisnis.jpg);	
}



/** KONTAK **/

#foto-kontak-bg {
	width:946px; height:380px;
}
#foto-kontak {
	float:left;
	width:480px; height:380px;
	background:url(images/foto-kontak.jpg);
}
#bg-kontak {
	float:left;
	width: 466px; height: 380px;
	background:url(images/bg-kontak.jpg);
}
#info-kontak {
	margin-top:70px;
	margin-left:20px;
	width:400px;
}
#info-kontak h2 {
	color:#f7b574;
	font-family:Tahoma, Arial, Helvetica;
	font-size:24px;
	margin-bottom:0;
}
#info-kontak p {
	color:#ffffff;
	font-family:Tahoma, Arial, Helvetica;
	font-size:18px;
	padding-left:20px;margin-top:0;
}
/** MENU **/

#h-menu {
	width: 357px; height:17px;
	margin-top:27px; margin-left:103px;
	float:left;
}
a#h-menu-home {
	float:left;
	display:block;
	margin:0;
	width:41px; height:17px;
	background:url(images/menu-depan.jpg) top;
	text-indent:-999px;
}
a#h-menu-home:hover, a#h-menu-home.on {
	background:url(images/menu-depan.jpg) bottom;
}

a#h-menu-profil {
	float:left;
	display:block;
	margin-left:36px;
	width:31px; height:17px;
	background:url(images/menu-profil.jpg) top;
	text-indent:-999px;
}
a#h-menu-profil:hover, a#h-menu-profil.on {
	background:url(images/menu-profil.jpg) bottom;
}

a#h-menu-layanan {
	float:left;
	display:block;
	margin-left:38px;
	width:96px; height:17px;
	background:url(images/menu-layanan.jpg) top;
	text-indent:-999px;
}
a#h-menu-layanan:hover, a#h-menu-layanan.on {
	background:url(images/menu-layanan.jpg) bottom;
}
a#h-menu-kontak {
	float:left;
	display:block;
	margin-left:39px;
	width:73px; height:17px;
	background:url(images/menu-kontak.jpg) top;
	text-indent:-999px;
}
a#h-menu-kontak:hover, a#h-menu-kontak.on {
	background:url(images/menu-kontak.jpg) bottom;
}