/*----------------------------------------------------
                 Rinjani - CSS File
------------------------------------------------------*/


/* Global
------------------------------------------------------*/
html,body{height:100%}
body{
	font-family:Arial, Tahoma, Verdana;	
	font-size:12px;	
	margin:0 auto; padding:0;
	background-color:#fff;
	color:#a5a6a6;
	height:100%;
	background-image:url(../images/bg-body.gif);
	background-repeat:repeat;
	line-height:18px
}
*{
	margin:0;
	padding:0;
}
*:focus{
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
				 if you want to keep it! */
}
.clr{
	clear:both
}
form{
	margin:0; padding:0;
}
hr{
	border:0;
	color:#d3d3d3;
	background-color: #d3d3d3;
	height: 1px;
	display:block;
	margin:22px 0px 22px 0px
}

/* Default Element Styles
------------------------------------------------------*/
/* heading */
h1, h2, h3, h4, h5, h6{
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:normal;
	color:#908f8f;
}
h1{
	font-size:24px; 
	line-height:26px; 
	margin-bottom:12px;
}
h2{
	font-size:20px; 
	line-height:20px; 
	margin-bottom:12px;
}
h3{
	font-size:18px; 
	line-height:18px; 
	margin-bottom:12px;
}
h4{
	font-size:16px; 
	line-height:18px; 
	margin-bottom:8px;
	font-weight:bold;
}
h5{
	font-size:14px; 
	margin-bottom:8px; 
	padding:0px; 
}
small{
	font-size:11px;
}

/* links */
a{
	color:#a2a1a1; 
	text-decoration:underline;
}
a:visited{
	color:#a7a6a6; 
	text-decoration:none;
}
a:hover{
	color:#a7a6a6; 
	text-decoration:none;
}
a img{
	border:none
}
.imgcenter{
	margin:0 auto;
	display:block
}
.imgleft{
	float:left; 
	margin:4px 12px 10px 0px;
}
.imgright{
	float:right; 
	margin:4px 0px 10px 12px;
}
.border{ 
	padding:4px;
	border:1px solid #d3d3d3;
}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote{
	font-size:12px;
	line-height:18px;
	margin-bottom:15px;
	color:#a5a6a6;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote{
	font-style:italic;
	padding:0px 4px 4px 38px;
	background-image:url(../images/quote.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
}


/* code */
code{
	font-family:Tahoma, Arial, Verdana;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}


/* Container
------------------------------------------------------*/
#container{
	background-image:url(../images/bg-container.gif);
	background-repeat:repeat-x;
	height:100%
}
#fixed-center{width:970px; margin:0 auto}
#top{
	height:118px;
	background-image:url(../images/bg-top.gif);
	background-repeat:no-repeat
}


/* Header
------------------------------------------------------*/
#top-col-left{
	width:249px; float:left;
	background-image:url(../images/bg-logo.png);
	background-repeat:no-repeat;
	height:102px
}
#top-col-right{
	width:721px;
	float:left
}
#logo{
	padding:15px 0px 0px 30px;
}
#socialnetwork{
	height:40px;
}
#socialnetwork ul{
	margin:0px;
	list-style-type:none;
	text-align:right;
	padding:8px 0px 0px 0px
}
#socialnetwork ul li{
	display:inline;
	margin:0px 2px;
}


/* Mainmenu Styling */
#mainmenu{
	height:62px;
}
.navigation{
	list-style-type:none;
	margin:0px;
	float:right;
	padding:28px 0px 0px 0px;
}
.navigation ul{
	margin:0px; 
	padding:0px; 
	list-style-type:none; 
	position:relative;
	clear:both;	
}
.navigation li{	
	list-style-type:none; 
	padding:0px; 
	margin:0px; 
	float:left;
	z-index:100; 
	position:relative;
}
.navigation li a{
	font-size:14px;
	text-decoration:none;
	color:#e4e4e4; 
	display:block;
	margin:0px;
	padding:0px 20px 10px 20px;
	float:left;
	z-index:100;	
}
.navigation li a:visited{
	color:#e4e4e4; 
}
.navigation li.current a, .navigation li a:hover{
	text-decoration:none;
	color: #ffffff !important;	
}

.navigation li.current li a:hover{
	text-decoration:none;
	color: #d8d8d8;	
}

.navigation li li a:hover {
	color: #d8d8d8 !important;	
}
.navigation li.current li a{
	text-decoration:none;
	color:#cac9c9 !important;
}
.navigation li li{
	margin:0 0 0px 0px;
	padding:0px;
	position:relative;
	z-index:100;	
}
.navigation ul{
	display:none;
	position:absolute;
	top:25px;
	left:8px;
	width:135px;
	padding:5px 0px 8px 0px;
	z-index:100;	
	background-color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;	
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 1px 3px;
	box-shadow: #666 0px 1px 3px;	
}
.navigation li ul a, .navigation li ul a:visited{
	width:105px;
	height:auto;
	float:left;
	padding:0px 15px 0px 15px;
	font-size:12px;
	color:#cac9c9;
	line-height:24px;
	z-index:100;
	text-decoration:none;
}
#header{
	height:344px;
}
#header-top{
	background-image:url(../images/header-top.png);
	background-repeat:no-repeat;
	height:11px;
}
#header-image{
	height:329px;
	background-image:url(../images/header-repeat.png);
	background-repeat:repeat-y;
	padding:0px 5px
}
#header-bottom{
	background-image:url(../images/header-bottom.png);
	background-repeat:no-repeat;
	height:6px;
	background-position:bottom
}

/* Front Box Styling */
#front-box{
	margin:20px 0px;
}
#front-box .box{
	width:310px;
	display:inline-block;
	margin:0px 17px 0px 0px;
}
#front-box .box.nomargin{margin:0px;}
#front-box .box h3{font-family:Androgyne !important; font-size:18px; font-weight:normal}
.box-t{
	background-image:url(../images/bg-boxtop.png);
	background-repeat:no-repeat;
	height:12px;
}
.box-r{
	background-image:url(../images/bg-boxrepeat.png);
	background-repeat:repeat-y;
}

.box-b{
	background-image:url(../images/bg-boxbottom.png);
	background-repeat:no-repeat;
	height:5px;
	background-position:bottom
}
.box-padd{
	padding:5px 60px 20px 20px;
	margin:0px 5px;
}
.box-padd p{
	padding:0px 20px 0px 0px;
}
.box-padd.col1{
	background-image:url(../images/i-design.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}
.box-padd.col2{
	background-image:url(../images/i-web.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}
.box-padd.col3{
	background-image:url(../images/i-photo.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

.box-padd p{
	margin:0px;
}


/*  Slideshow
------------------------------------------------------*/
#slideshow{
	width:960px;
	height:329px;
	position:relative;
}
#slideshow ul, #slideshow li{
	width:960px;
	height:329px;
	margin:0px; 
	padding:0px;
	list-style-type:none;
}
#nav-slide{
	background-image:url(../images/nav-slide-repeat.gif);
	background-repeat:repeat-x;
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:110;
	height:27px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	padding:0px 5px 0px 10px;
	border-top-left-radius:5px;


}
#pager{
	margin-right:2px;
}
#pager a{
	background: url(../images/slidenav.gif) no-repeat;
	display:block;
	float:left;
	font-size:0px;
	width:10px;
	height:10px;
	margin:8px 2px 0px 2px;
	outline-style:none;
	outline-width:medium;
	text-indent:-9999px;
}
#pager .activeSlide{
	background: url(../images/slidenav-active.gif) no-repeat;
}


/* Slideshow alt */
.slidetext{
	z-index:100;
	position:absolute;
	bottom:0px;
	background-color:#000000;
	padding:15px 20px 15px 20px;
	-khtml-opacity:.65;
	-moz-opacity:.65;
	-ms-filter:"alpha(opacity=65)";
	filter:alpha(opacity=65);
	opacity:.65;
	color:#dfdfdf;
	width:920px;
}
/* Slideshow alt2 */
.slidetext-right{
	z-index:100;
	position:absolute;
	bottom:0px;
	right:0px;
	background-color:#000000;
	padding:25px 20px 15px 25px;
	-khtml-opacity:.65;
	-moz-opacity:.65;
	-ms-filter:"alpha(opacity=65)";
	filter:alpha(opacity=65);
	opacity:.65;
	color:#dfdfdf;
	height:289px;
	width:272px;
}


/* Content
------------------------------------------------------*/
#content-top{
	background-image:url(../images/bg-contenttop.png);
	background-repeat:no-repeat;
	height:10px;
}
#content, #content-inner{
	background-image:url(../images/bg-contentrepeat.png);
	background-repeat:repeat-y;
}
#main{
	margin:0px 35px;
	padding:20px 0px 30px 0px;
}
#content-inner #main{
	margin:0px 35px;
	padding:20px 0px 40px 0px;
}
#main-left{
	width:575px;
	float:left;
	padding-right:35px;
}
#main-right{
	width:286px;
	float:left;
}

.cycle-container{
	background-image:url(../images/icon-info.png);
	background-repeat:no-repeat;
	background-position:70px 2px;
	margin:0px 0px 23px 0px;
	padding:3px 0px 30px 110px;
	border-bottom:solid 1px #cac9c9

}
.cycle span{
	padding:5px 0px 0px 0px
}
.front-box-content-col{float:left; width:435px; margin-right:30px}
.front-box-content-col ul{list-style-type:none; margin:0px;}
.front-box-content-col.nomargin{margin-right:0; width:435px;}
.front-box-content-col .icon{display:block; float:left; width:50px; margin-right:15px}
.front-box-content-col .colinline{float:left; width:370px}
.sidebar{
	width:267px;		
	border-left:2px solid #ebebeb;
	padding-left:21px;
	float:left;
}
.sidebar-bottom{
	width:288px;
	height:11px;
	margin-bottom:34px;
	background-image:url(../images/sidebar-bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
}
#page-title{
	border-bottom:solid 1px #cac9c9;
	margin:0px 35px 10px 35px;
	padding:25px 0px 15px 10px;
}
/* Content list */
ul.arrow{
	list-style-type:none !important;
	margin:-5px 0px 25px 0px;
	padding:0px;
}
ul.arrow li{
	list-style-type:none !important;
	margin:0px;
	padding:0px 0px 0px 20px;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	line-height:26px
}
ul.icon{
	margin:-8px 0px 0px 0px; 
	padding:0px 0px 13px 0px; 
	list-style-type:none;
}
ul.icon li{
	padding:3px 0px 3px 0px !important;
	background-image:none !important;
}
ul.icon li a, ul.icon li a:visited{text-decoration:none;}
ul.icon li img{padding:0px 10px 0px 0px; vertical-align:middle}



/* sidebar */
#sidebar ul{
	list-style-type:none;
	margin:0px;
}
#sidebar ul ul{
	list-style-type:none;
	margin:0px 0px 30px 0px;
}
#sidebar ul li a, #sidebar ul li a:visited{
	color:#a2a1a1;
	text-decoration:none;
}
#sidebar ul li a:hover{
	color:#c6c4c4;
	text-decoration:none;
}
#sidebar ul ul li{
	color:#a2a1a1;
	text-decoration:none;
}
ul.list-sidebar li{
	color:#a2a1a1;
	text-decoration:none;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:6px 12px;
	padding:0px 10px 0px 25px;
	border-bottom:solid 1px #d6d6d6;
	line-height:30px
}

/* Ads list */
ul.ads-list{
	width:298px;
	margin:0px 0px 0px 2px; 
	padding:0px; 
	list-style-type:none;
}
ul.ads-list li{
	width:125px;
	margin:0px 3px 2px 3px;
	float:left;
}

ul.sidebar-icon{
	margin:0px; 
	padding:0px 0px 13px 0px; 
	list-style-type:none;
}
ul.sidebar-icon li{
	padding:5px 0px 5px 0px !important;
	background-image:none !important;
	line-height:18px !important;
	border:0px !important;
}
.box-sidebar{
	background-image:url(../images/shadow-right.gif);
	background-repeat:no-repeat;
	padding:0px 0px 0px 25px
}

.gradient-box{
	background-image:url(../images/sidebar-box-gradient.gif);
	background-repeat:repeat-x;
	background-color:#f1f1f1;
	border:solid 1px #e1e1e1;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	padding:5px 10px 20px 18px;
}
.gradient-box img{vertical-align:top; margin-top:2px;}
.gradient-box img.pdficon{padding-top:4px}
.gradient-box h3{margin:12px 0px 0px 0px;}
.widget-text{margin-bottom:30px;}
.ads{display:inline-block; margin-right:3px;}

/* About
------------------------------------------------------*/
.box-about{
	width:575px;
	padding:0px 0px;
	margin-bottom:20px;
}
.about-text{
	padding:13px 20px 15px 20px;
	margin-top:-4px;
	font-size:11px;
	background-color:#eeeeee;
	border-top:none;
	border-bottom:1px solid #d6d6d6;
	border-left:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	-moz-border-radius-bottomleft:9px;
	-moz-border-radius-bottomright:9px;
	-webkit-border-bottom-left-radius:9px;
	-webkit-border-bottom-right-radius:9px;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
}
.about-text img{
	float:left;
	padding:5px 20px 0px 0px
}
	
/* Services
------------------------------------------------------*/
.box-services{
	background-color:#eeeeee;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	margin-bottom:20px;
	border:solid 1px #d6d6d6;
	border-radius: 4px;

	
}
.box-services-left{
	width:360px;
	float:left;
	padding:13px 20px;
}
.box-services-right{
	width:113px;
	float:left;
	background-image:url(../images/bg-segitiga-large.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#dddddd;
	padding:12px 10px 12px 50px;
	min-height:90px;
}
.box-services p{
	margin:0px;
}
.box-services-right button{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background-color:#908f8f;
	border:solid 1px #bebebe;
	border-width:0px 1px 1px 0px;
	color:#fff;
	padding:5px;
	cursor:pointer;
	min-width:100px;
	display:block;
	margin:10px 0px;
	font-style:italic;
	font-size:14px;
}
.boxcol1, .boxcol2, .boxcol3{
	width:151px;
	float:left;
}
.boxcol1{
	background-image:url(../images/bg-segitiga-large.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding:10px 20px 10px 20px;
	background-color:#eeeeee;
}
.boxcol2{
	background-image:url(../images/bg-segitiga-large2.gif);
	background-repeat:no-repeat;
	background-position:right;
	background-color:#dddddd;
	padding:10px 20px 10px 20px;
}
.boxcol3{
	background-color:#cbcaca;
	padding:10px 10px 10px 30px;
}

/* Portfolio
------------------------------------------------------*/
ul.gallery{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul.gallery li{
	padding:0px;
	list-style-type:none;
	width:195px;
	display:inline-block;
	margin:0px 13px 26px 13px;
}
.boxtext{
	background-color:#eeeeee;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border:solid 1px #d6d6d6;
	border-width:0px 1px 1px 1px;
	margin-top:-5px;
	padding:12px 10px 18px 10px;
	font-size:11px
}


/* Blog
------------------------------------------------------*/
.post{
	margin:0px 0px 38px 0px;
}
.post .imgleft{
	padding: 0px 12px 28px 0px;
	margin-bottom:0px;
	background-image:url(../images/bg-glow-image.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}
.post .imgright{
	padding: 0px 0px 28px 12px;
	margin-bottom:0px;
	background-image:url(../images/bg-glow-image.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}
.post .imgcenter{
	padding: 0px 0px 28px 0px;
	margin-bottom:0px;
	background-image:url(../images/bg-glow-image.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}
.entry-text{
	margin-bottom:0px;
}
.meta-post{
	background-color:#eeeeee;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	margin-bottom:20px;
	border:solid 1px #d6d6d6;
	font-size:11px;
	clear:both;
}
.meta-post a, .meta-post a:visited{
	color:#908f8f;
	text-decoration:none;
}
.meta-post a:hover{
	color:#a6a5a5;
	text-decoration:none;
}

.meta-post-left{
	width:433px;
	float:left;
	padding:6px 10px;
}
.meta-post-right{
	width:90px;
	float:left;
	padding:5px 10px 0px 20px;
	background-image:url(../images/bg-segitiga-small.gif);
	background-repeat:no-repeat;
	background-color:#dddddd;
	min-height:26px;
}
.pagenavi{}
.pagenavi a, .pagenavi a:visited{color:#908f8f; text-decoration:none}
.pagenavi a:hover{color:#ababab;}
.pagenavi-prev{
	font-size:18px;
}
.pagenavi-next{
	font-size:18px;
	float:right;
}

#comment{
	background-image:url(../images/bg-separator.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:30px 0px 20px 0px
}
#comment ol{
	margin:0px;
	padding:10px 0px 0px 0px;
	list-style-type:none;
}
#comment ol li ol{
	margin-left:80px;
	}
.commentlist, .commentlist ol{position:relative;}
.commentlist li small{font-size:11px; font-style:italic}
.avatar{position:absolute; top:10px; left:0}
.comment-text{ margin-left:80px; width:auto; border-bottom:solid 1px #e2e1e1;  padding:0px 0px 5px 0px; margin-bottom:10px}
.reply{float:right}
#comment-form{
	
}
#comment-form form{
	background-color:#eeeeee;
	position:relative;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	padding:20px 26px 50px 26px;
	border:solid 1px #d6d6d6;
}
#comment-form .input{
}
#comment-form .form-column-right{
	position:absolute;
	top:20px;
	right:28px;
}
#comment-form .textarea{
	width:240px;
}
#comment-form button{
	position:absolute;
	right:0;
	bottom:-50px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
}


/* Contact
------------------------------------------------------*/
.contact-area{padding:20px 10px 20px 10px; margin:0px 0px 40px 0px}
form{
	margin:0; 
	padding:0;
}
fieldset{border:0px;}
#contactFormArea{
	margin:0px 0px 0px 0px;
	position:relative;  
}
label{
	margin-bottom:5px;
	display:block
}
.input{
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;	
	border:1px solid #d9d9d9;
	font-family:Tahoma, Arial, verdana;
	font-size:12px; 
	padding:7px 5px; 
	margin:0px 0px 10px 0px; 
	color:#939393;
	display:block;
	width:245px;
}
.input-comment{
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius: 6px;	
	border:1px solid #d9d9d9;
	font-family:Tahoma, Arial, verdana;
	font-size:12px; 
	padding:7px 5px; 
	margin:0px 0px 10px 0px; 
	color:#939393;
	display:block;
	width:230px;
}
button{
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;
	background-color:#908f8f;
	border:solid 1px #bebebe;
	border-width:0px 1px 1px 0px;
	color:#fff;
	padding:5px;
	cursor:pointer;
	min-width:100px;
	display:block;
	margin:10px 0px;
	font-style:italic;
	font-size:14px;
}
#contactFormArea button{
	right:0px;
	position:absolute
}
.textarea{
	background-color:#ffffff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;	
	border:1px solid #d9d9d9;
	font-family:Tahoma, Arial, verdana;
	font-size:12px;
	overflow:hidden;
	padding:7px 5px; 
	margin:0px; 
	color:#939393;
	width:255px;
}
.textarea-comment{
	background-color:#ffffff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px;	
	border:1px solid #d9d9d9;
	font-family:Tahoma, Arial, verdana;
	font-size:12px;
	overflow:hidden;
	padding:7px 5px; 
	margin:0px; 
	color:#939393;
	width:235px;
}
#loadBar{	
	color:#797979;
	z-index:100;
}
#emailSuccess{
	color:#797979;
}
.loading-text{
	font-weight:bold;
}
.loading-form{
	width:16px;
	height:16px;
	background-image:url(../images/loading-contact.gif);
	background-repeat:no-repeat;
	margin:2px 8px 0px 0px;
	float:left;
}
.contact-column-right{
	position:absolute;
	top:0px;
	right:0px;
}
.contact-column-bottom{
	border:solid 1px #d3d3d3;
	border-width:1px 0px 0px 0px;
	padding:20px 0px 0px 0px;
}
.contact-column-bottom1{
	width:48%;
	float:left;
	padding-right:3%;
}
.contact-column-bottom2{
	width:42%;
	float:left;
	padding-left:5%;
}
.biggertext{
	margin-left:20px;
	font-size:30px;
	line-height:35px;
	color:#d8d8d8;
}


/* Footer
------------------------------------------------------*/
#footer{
}
#box-bottom-container{
}
#box-bottom-content{
	background-image:url(../images/bg-contentbottomrepeat.png);
	background-repeat:repeat-y;
	padding:20px 35px;
}
#box-bottom-content p,blockquote,strong{
	color:#979797;
}
#box-bottom-bgcurve{
	background-image:url(../images/bg-contentbottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:14px;
}
.foot-col{
	float:left;
	width:280px;
	margin-right:30px;
}
.foot-col.nomargin{
	margin-right:0px;
}
.foot-col ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.foot-col ul li{
	border-bottom:solid 1px #c0c0c0;
	padding:0px;
}
.foot-col ul li.noborder{
	border:0px;
	padding-top:10px;
}
.foot-col ul.inline li{	
	display:inline-block;
	padding:0px;
	margin:0px 1px 0px 0px;
	border:0px;
}

.foot-col blockquote{margin-bottom:5px}
.foot-col .icon{display:block; float:left; width:31px; margin-right:14px; margin-top:5px}
.foot-col .colinline{float:left; width:235px}

#footer-text{
	text-align:center;
	font-size:11px;
	padding:10px 0px 20px 0px
}