@charset "utf-8";
/* CSS Document */

/* reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img { 
	border: 0;
	margin:0;
	padding:0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
	}
ol,ul {
	list-style: none;
	}
caption,th {
	text-align: left;
	}
h1 {font-size:2em}  /* displayed at 24px */
h2 {font-size:1.5em}  /* displayed at 18px */
h3 {font-size:1.25em}  /* displayed at 15px */
h4 {font-size:1em}  /* displayed at 12px */
q:before,q:after {
	content:'';
	}
abbr,acronym { border: 0;
	}
strong {
	font-weight:bold;
	color:#666465;
}
/* user style */
body {
	font-size:62.5%;
	font-family:tahoma,verdana,georgia;
}

input.login_field {
	border:none;
	background:url(../images/login_field.jpg) no-repeat;
	width:117px;
	height:21px;
	font-size: 1.1em;
	color:#aaa;
	padding: .2em 0;
        margin-right:.2em;
	text-indent:1em;
}

input.login_field:hover {
	background:url(../images/login_field_hover.jpg) no-repeat;
}

a:link {
	color:#585757;
	font-size:1.1em;
	text-transform:capitalize;
	text-decoration:none;
	font-weight:bold;
}

a:visited {
	color:#999;
}

a:hover {
	color:#851a24;
}

a:active {
	color:#000;
}

#container {
	border:1px solid #ccc;
	width:76.8em;
	margin:0 auto;
	margin-top:2.5em;
	position:relative;
	padding-bottom:3em;
}

#curl_page {
	background:url(../images/curl_page.jpg) no-repeat;
	width:101px;
	height:82px;
	position:absolute;
	top:-1.2em;
	left:68em;
}

#logo {
	text-indent:-9999px;
	background:url(../images/invent_logo.jpg) no-repeat top left;
	width:215px;
	height:83px;
}

#top_nav {
	position:absolute;
	top:1em;
	left:60em;
}

#top_nav img {
	float:left;
	width:19px;
	height:17px;
	
}

#top_nav h1 {
	text-indent:-9999px;
	float:left;
	background:url(../images/separator_icon.jpg) no-repeat center;
	width:8px;
	height:17px;
	line-height:17px;
	padding: 0 .5em;
}

#clear {
	clear:both;
	overflow:auto;
}

#login, #logged_in {
	position:absolute;
	top:4.5em;
	left:43em;
}

#logged_in {
	left:74%;
	width:15em;
}

#logged_in p {
	color:#8f8f8f;
}

a.logout{
	font-weight:normal;
	font-size:1em;
	text-transform:lowercase;
	text-decoration:underline;
	color:#8f8f8f;
}

a.logout:hover {
	color:#851a24;
}

#nav_welcome {
	overflow:auto;
	padding-left:4em;
	margin-left:3em;
	background:url(../images/list_bg.jpg) no-repeat 0 1.8em;
	margin-top:1.5em;
}

#nav {
	float:left;
	width:30.5%;
	overflow:hidden;
	padding-bottom:1em;
}

#welcome {
	float:left;
	width:60.5%;
	font-size:1.1em;
	color:#8f8f8f;
}

#welcome span {
	color:#851a24;
}

#welcome h1 {
	color:#585757;
	font-size:1.4em;
	line-height:1.4em;
	text-transform:uppercase;
}

#welcome p {
	margin:1em 0;
	margin-top:0;
}

#justify_text, #work {
	text-align:justify;
}

#welcome ol {
	margin-top:1em;
}

#welcome h3 {
	font-size:1.2em;
}

#welcome h4 {
	font-size:1em;
	font-weight:normal;
}

#welcome h4 span {
	font-weight:bold;
}

#welcome h3#website {
	padding-bottom:1em;
}

#welcome em {
	font-style:italic;
}

#welcome div.contact {
	/*white-space:pre;*/
	margin:1em 0;
}

#welcome ul li {
	background:url(../images/list_style.jpg) no-repeat 0% .3em;
	text-indent: 0em;
	line-height:1.8em;
	padding-left:2.6em;
}

#welcome ul#client {
	margin:1em 0;
}	

#welcome ul#client li {
	background:none;
	display:inline;
	padding-right:.5em;
	padding-left:0;
}

#welcome ol li#gallery {
	display:block;
	float:left;
	width:100%;
	overflow:hidden;
	padding-bottom:1.5em;
	padding-top:1em;
	border-bottom:1px dashed #bbb;
	position:relative;
}

#welcome ol li#gallery p {
	padding-top:1em;
}

#welcome ol li#gallery p.clears {
	padding-top:1em;
	clear:both;
}

#welcome span a {
	font-size:.9em;
	font-weight:normal;
	color:#851a24;
	text-decoration:none;
}

#welcome span a:hover {
	text-decoration:underline;
}

#welcome img {
	margin-bottom:.5em;
}

.up_button {
	/*background:url(../images/up_background.jpg) no-repeat bottom right;*/
	background:url(../images/up_arrow.jpg) no-repeat .6em .3em;
	font-size:.9em;
	text-indent:1.8em;
	position:absolute;
	top:90%;
	left:91%;
}

.up_button a{
	text-decoration:none;
	color:#bbb;
	text-transform:lowercase;
}

.up_button a:hover{
	color:#851a24;
}

div.imageContainer {
	float:left;
	padding-right:1.5em;

	padding-top:1em;
}

#nav ul li {
	background:url(../images/list_style.jpg) no-repeat 0% .5em;
	line-height:2.5em;
	text-indent:2.5em;
	margin-bottom:1em;
	text-transform:capitalize;
}

#nav ul li#special_li {
	padding-top:1.25em;
	padding-bottom:.1em;
	margin-bottom:0;
	line-height:0;
}

p.msg_head {
	background:url(../images/arrow-dashed.gif) no-repeat 12% 100%;
	padding-top:.2em;
	padding-left:2.5em;
	text-indent:1.2em;
	text-transform:uppercase;
	color:#bbb;
	margin-bottom:.4em;
}

p.msg_head:hover {
	cursor:pointer;
	color:#8b0714;
}

#nav ul li a {
	color:#585757;
	text-decoration:none;
	font-size:1.3em;
	font-weight:bold;
}

#nav ul li a:hover {
	color:#953941;
}

#nav ul li p {
	text-transform:uppercase;
	color:#bbb;
	font-size:1em;
	line-height:0;
}

#core_content {
	clear:both;
	margin-top:3em;
}

#intext_navigation {
	padding-left:18.5em;
	border-bottom: 1px solid #9e9e9e;
	padding-bottom:.5em;
	background:url(../images/box_border.jpg) no-repeat 0 100%;
	margin-left:4em;
}

#intext_navigation ul li {
	display:inline;
	font-size:1.4em;
	font-weight:bold;
	font-family:century gothic;
	background:url(../images/intext_nav_separator.jpg) no-repeat 100% 50%;
	padding:0 1.5em;
}

#intext_navigation ul li:last-child {
	display:inline;
	font-size:1.4em;
	font-family:century gothic;
	background:none;
	padding:0 1.5em;
}

#intext_navigation ul li a {
	text-transform:uppercase;
	color:#953941;
}

#intext_navigation ul li a:hover {
	color:#585757;
}

#gallery_container {
	margin: 2em 1em;
	overflow:auto;
	background:url(../images/gallery_background.jpg) no-repeat bottom left;
	padding-bottom:2em;
}

#gallery_text {
	text-align:right;
	float:left;
	width:30.5%;
}

#gallery_text h1 {
	font-size:1.3em;
	font-weight:bold;
	color:#585757;
	text-transform:uppercase;
}

#gallery_text span {
	color:#953941;
	font-size:1em;
	line-height:1.2em;
	font-weight:normal;
	text-transform:none;
	padding-left:5em;
}

#gallery_text p {
	font-size:1.2em;
	color:#8f8f8f;
}

#gallery_text p#dash {
	font-size:1.3em;
	color:#d5d5d5;
}

#gallery_text p#detail {
	font-size:1.2em;
	color:#8f8f8f;
	background:url(../images/list_style.jpg) no-repeat bottom right;
	padding-right:2em;
}

#gallery_text p#detail a{
	text-transform:uppercase;
	font-size:1em;
	text-transform:lowercase;
}

#gallery_frame {
	float:left;
	margin-left:3em;
}

#gallery_content {
	overflow:hidden;
	max-width:430px;
	background-color:#efeeea;
	height:96px;
	padding-right:10px;
	float:left;
	position:relative;
}

#scrollLeft, #scrollRight {
	float:left;
	height:96px;
}

#theImage{
position: relative;
float:left;
}

#imageItem {
	float:right;
	margin-top:12px;
	margin-left:10px;
}

#imageItem:hover {
	border:solid 1px #c3c3c4;
    margin-left:9px;
	margin-top:11px;
	margin-right:-1px;s
}

#footer {
	width:76.8em;
	color:#b0b0b0;
	margin:0 auto;
	margin-top:1.5em;
	margin-bottom:1.5em;
	overflow:auto;
}

#copyright {
	float:left;
	width:40%;
	clear:both;
}

#last_update {
	text-align:right;
	float:left;
	width:60%;
}

/* table contact */
table#formulir {
	border: 1px solid #91919;
} 

table#formulir td#header {
	font-weight:bold;
	font-size:1.3em;
	border-bottom:1px solid #000;
	margin-bottom:1em;
	color:#a6575e;
}

table#formulir td {
	padding-left:1em;
	border-bottom:1px dashed #f1f1f1;
}

td input.form_field, td input.form_field:hover {
	border:none;
	background:url(../images/form_field.jpg) no-repeat;
	padding: .3em 0;
	padding-left:1em;
	font-size:1.1em;
	width:100%;
	color:#aaa;
	margin: .2em 0;
	margin-top:.5em;
}

td input#submit_button {
	background:none;
	background-color:#993300;
	width:4.5em;
	height:1.5em;
	padding:0;
	color:#fff;
}

textarea#question {
	background-color:#fff;
	border:1px solid #d1d1d1;
	height:84px;
	width:234px;
	padding-left:.7em;
	margin-left:.3em;
	margin-top:1em;
	margin-bottom:1em;
	padding-top:.2em;
	color:#bbb;
	font-family:tahoma;
	font-size:1em;
	line-height:1em;
}

/* for portfolio */
#gallery_navigation {
	clear:both;
	float:right;
	margin-right:6em;
	margin-top:1em;
	color:#8f8f8f;
}

#gallery_navigation ol li {
	display:inline;
	padding-right:.3em;
}

#gallery_navigation ol li a{
	font-weight:normal;
	text-decoration:underline;
	font-size:1em;
}

.welcome_extended, .welcome_extended2 {
	position:relative;
	height:auto;
	height:46em;
}

.welcome_extended2 {
	height:42em;
}

.body_content {
	position:absolute;
	padding-top:15em;
	top:-15em;
}

tr#client_header {
	font-size:1.2em;
	border-bottom:1px solid #000;
	background:url(../images/client_header.jpg) no-repeat 101.3% 106%;
	padding-bottom:1em;
	color:#000;
	position:relative;
}

table#clientForm td {
	padding:.5em;
	border-bottom:1px dashed #bbb;
	height:18px;
}

table#clientForm td#links, table#clientForm td#links2 {
	background:url(../images/view_bg.png) no-repeat 10% 60%;
}

ul#client li {
	color:#d3d3d3;
}

ul#client li#activeClient {
	text-decoration:underline;
	color:#FF3300;
}


ul#client li a {
	color:#000;
	font-weight:normal;
}

ul#client li a:visited {
	text-decoration:none;
}

ul#client li a:hover {
	color:#851a24;
	text-decoration:underline;
}

td#links a, td#links2 a {
	color:#fff;
	text-decoration:none;
	padding-left:1.1em;
	font-size:1em;
	font-weight:normal;
	text-transform:lowercase;
}

td#links2 a {
	padding-left:.3em;
}

td#links a:hover, td#links2 a:hover  {
	text-decoration:underline;
}

p#valueClient {
	background:url(../images/value_bg.jpg) no-repeat;
	height:70px;
	padding:1em 2em;
	padding-bottom:0;
}

#up_expand {
	margin-top:2em;
}

#comp_address, #chat {
	float:left;
	width:40%;
	margin:0;
}

#chat {
	margin-left:2em;
}

#form_container {
	clear:both;
}

a.webLink {
	text-transform:none;
	font-weight:normal;
	font-size:1em;
}

/* for expand work list */
.msg_list span {
	font-size:.9em;
	line-height:.9em;
	cursor:pointer;
}	

.msg_list span:hover {
	color:#8b0714;
}

.msg_body dl {
	margin:0 4em;
	text-indent:1em;
	padding-bottom:.5em;
}

.msg_body dl dd {
	border-bottom:1px dashed #ccc;
	width:100%;
}

.msg_body dd a {
	text-decoration:none;
	line-height:1.5em;
	font-size:1.1em;
}


/* tooltip */

#tooltip{
	-moz-border-radius: 5px;
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
}	

/* login */

.messagebox, .messagebox2{
	width:100px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
.messagebox2 {
	margin-left:.6em;
}	
.messageboxok{
	width:auto;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	color:#008000;
}
.messageboxerror{
	width:auto;
	/*border:1px solid #CC0000;
	background:#F7CBCA;*/
	border:none;
	background:none;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}

#tooltip_ext {
	font-weight:normal;
	font-size:1em;
	color:#f2683e;
}

table.tableForm {
	margin-top:2em;
}

input#fileToUpload {
	border:none;
	background:#fff;
}

td.label {
	width:20%;
	text-align:left;
}

form#member {
	margin-top:2em;
}

form#member th {
	font-size:1.1em;
	color:#555;
	font-weight:bold;
}


/* admin css */
table.content {
	width:100%;
}

table.content td#header {
	font-weight:bold;
}

.container_extended {
	border:1px solid #ccc;
	width:100em;
	margin:0 auto;
	margin-top:2.5em;
	position:relative;
	padding-bottom:3em;
}

.nav_extended {
	width:10%;
}