/* General style  */

@font-face {
  font-family: DroidSans;
  src: url(fonts/DroidSans.ttf);
}

@font-face {
  font-family: DroidSansB;
  src: url(fonts/DroidSans-Bold.ttf);
}

body {font-family:"DroidSans",Arial, Helvetica, sans-serif; font-size:12px; color:#6d6d6d; font-size:12px; border:0; padding:0; margin:0; background-color:#fff; }
p {text-align:left; line-height:1.5em; margin-top:10px; margin-bottom:10px;}

h1 {font-size:2.1em;padding-top:30px; color:#151515; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; float:left; margin-top:10px; text-align:center;}
h2 {font-size:1.4em; color:#151515;  text-align:left; clear:both;}
h3 {font-size:1.2em; color:#151515;  text-align:left; clear:both; margin:5px 0px 5px 0px;}
h4 {font-size:1.1em; color:#151515;  text-align:left; clear:both; margin:5px 0px 5px 0px;}
h5 {font-size:1.0em; color:#151515;  text-align:left; clear:both; margin:5px 0px 5px 0px;}
h6 {font-size:0.9em; color:#151515;  text-align:left; clear:both; margin:5px 0px 5px 0px;}


a {color:#949494; text-decoration:none}
a:hover {color:#265788; }
.wrapper {width:940px; }
.wrapper2 {width:945px;  display:block; position:relative; }

.wrapper2 a {color:#265788}
.wrapper2 a:hover {color:#151515}

.clear {clear:both;}
input {line-height:23px;}
iframe {margin-left:2px;}

/* Fixed menu */

.fixed_menu {
 height:148px;
 width:101%;
 position:fixed;
 top:0px;
 left:-15px;
 background:#fff;
 border:1px solid #fff;

 }
 
 .fixed_menu_center {
 width:940px;
 position:relative;
  margin-left:-1px;
  display:block;
  height:150px;
 }
 
 .logo {
 margin-top:10px;
 float:left;
 width:200px;
 }
 
 #menu {
 margin-top:0px;
 }
 
 #menu ul {position:absolute; right:-14px;  top:32px; padding:0; margin:0;}
 #menu ul li {text-align:right; padding:0px 23px 0px 0px; border-left:1px solid #ececec; position:relative; float:left; height:25px; line-height:25px;}
 #menu li {display:inline; position:relative; z-index:2;}
 #menu li a {font-size:1.2em; color:#555555; z-index:2; position:relative; top:auto; margin:5px 0px 5px 0px; position:relative; height:25px;  width:100%; display:block; margin:0; padding-right:15px; padding:0px 20px 0px 0px;}
  #menu li a:hover {color:#fff;}
 
 .slide-up {
 position:absolute;
 background:#222222;
 width:90%;
 height:100%;
 top:0px;
 display:none;
 margin-right:10px;
 }
 
 
 .fixed_menu_line {
 background:url(images/bg-line-menu-top.jpg);
 height:8px;
 width:100%;
 float:left;
 }
 
  .fixed_menu_line_footer {
 background:url(images/bg-line-menu-top2.jpg);
 height:8px;
 width:100%;
 float:left;
 margin-top:50px;
 }
 
 
   .fixed_menu_line_white {
 background:url(images/bg-line-menu-top3.jpg);
 height:8px;
 width:100%;
 float:left;
 }
 
 

 
 .call-us {float:right; width:170px; margin-top:25px; font-size:1.0em; line-height:15px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#999999;}
 .call-us span {color:#151515;}
 
 
 /* Social */
 
 #social { margin-top:23px; float:left;  position:relative; }
 #social ul li {display:inline; margin:0px 0px 0px 0px;  height:16px; float:left; width:170px; }
 #social ul li a img {margin-top:0px;}
 
 #social .social-icon {width:17px; float:left;}
 #social .follow-text {margin-top:3px; float:left; margin-left:7px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
 #social .follow-text a:hover {color:#151515; } 
 #social .twitter {color:#6d6d6d;}
 #social .facebook {color:#6d6d6d;}
 #social .rss {color:#6d6d6d;}
 #social .email {color:#6d6d6d;}


/* Frame */

#preview-frame {
	width: 100%;
	background-color: #fff;
	position:absolute;
	top:150px;
	display:block;
	overflow-y:scroll;
	overflow-x:hidden;

}


/* index page */ 

.index-message  {
margin-top:0px;
margin-bottom:15px;
text-align:center;
}

.index-message h1 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#151515;
font-style:italic;
margin-bottom:10px;
width:940px;
}

.index-message h1 span{color:#265788;}

.index-message .span-div {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
color:#6d6d6d;
font-style:italic;
display:block;
}

.index-3column {
position:relative;
height:105px;
width:250px;
background:url(images/bg-line-menu-top.jpg) top repeat-x;
background-color: #fff;
border:1px solid #cecece;
float:left;
margin-top:45px;
padding:15px;
}

.index-3column h2{
margin-top:10px;

}


.plus {
position:absolute;
right:0px;
bottom:0px;
}
.read_more {
height:18px;
background:#265788;
width:78px;
position:absolute;
right:0px;
bottom:0px;
display:none;
color:#fff;
}

.read_more a{
height:10px;
background:#265788;
width:70px;
right:0px;
bottom:0px;
display:block;
color:#fff;
padding:4px;
}

.margin45 {margin-right:45px;}
.margin30 {margin-right:20px;}
.margin10 {margin-right:10px;}
.margin35 {margin-right:35px;}

.heading-from {margin-top:55px; float:left;}
.heading-from span{color:#777777; font-size:12px; }

#portfolio {min-height:500px;}
#portfolio li {margin:0; padding:0;  display:block; float:left;}
#filter  {float:left; margin-top:30px; margin-bottom:20px;}
#filter li{display:inline; padding:0px 10px 0px 0px; float:left; margin:0px 10px 0px 0px; border-right:1px solid #6d6d6d; }
#filter .current a{color:#265788;}
.portofolio {width:211px; background:#fff; position:relative; float:left; margin-bottom:50px; border:1px solid #cecece;}
.portofolio h2 {padding:5px; margin-top:20px; display:block; margin-left:5px;}
.portofolio p {padding:5px; margin-left:5px; margin-bottom:20px;}


.portofolio-index {width:211px; position:relative; float:left; margin-top:25px; border:1px solid #cecece;background-color:#fff;}
.portofolio-index h2 {padding:5px; margin-top:20px; display:block; margin-left:5px;}
.portofolio-index p {padding:5px; margin-left:5px; margin-bottom:20px;}

.our-parteners {margin-top:57px}
.parteners {width:200px; float:left;}
.pateners-img {width:739px; float:left; }



#exemple2 {margin-top:300px; display:block;}
#exemple3 {margin-top:300px; display:block;}
#features {margin-top:300px; display:block;}
#contact  {margin-top:300px; display:block;}

#gallery {margin-top:40px;}
.gallery {margin-top:10px; float:left; width:180px; height:180px; position:relative;}
.feature {margin-top:45px; width:285px; float:left;}


.contact-left {width:300px; float:left; margin-right:40px;}
.contact-right {width:500px; float:left; text-align:left;}
.contact-right input {clear:both; width:580px; height:25px; display:block; border:1px solid #cecece; background:#fff; margin-top:15px; padding: 5px 10px; font-size:11px; color:#949494; font-family:"DroidSans",Arial, Helvetica, sans-serif;}
.contact-right textarea {clear:both; width:580px; height:200px; display:block; border:1px solid #cecece; background:#fff; margin-top:15px; padding:10px; font-size:11px; color:#949494; font-family:"DroidSans",Arial, Helvetica, sans-serif;}
.contact-right .buttonc {width:110px;  font-size:12px; color:#FFFFFF; background:#265788;  line-height:20px;  padding-top:0px;  cursor:pointer; padding-right:10px; padding-top:1px;}



.hover {position:absolute; top:0px; left:0px; display:none;}



/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 .slider {height:400px;}
 .slider {padding-top:30px;}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	
}
.nivo-prevNav {

	left:0px;
	background:url(images/slider-mouse-over-left.png) top left;
	height:380px;
	width:30px;
	top:0px;
	margin-top:-171px;
}

.nivo-prevNav:hover {

	background:url(images/slider-mouse-over2-left.png) top;

}

.nivo-nextNav {
	right:0px;
	background:url(images/slider-mouse-over.png);
	height:380px;
	width:30px;
	margin-top:-171px;
}

.nivo-nextNav:hover {

	background:url(images/slider-mouse-over2.png);

}


/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
position:absolute;
bottom:-25px;
left:47%;
}

.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
	background:url(images/bbl2.jpg);
	width:12px;
	height:12px;
	display:inline;
	margin-right:10px;
	font-size:0px;
	display:inline-table;
}
.nivo-controlNav a.active {
		background:url(images/bbl.jpg);

}

/* Blog */

.blog-right {width:650px; float:left; margin-top:40px; margin-left:-3px;}
.blog-right h1 {font-size:2.3em; margin-top:-30px; margin-bottom:10px; font-style:normal; font-family:"DroidSans",Arial, Helvetica, sans-serif; text-align:left;}



.post {border:1px solid #cecece; background:#fff; display:block; float:left; position:relative; margin-bottom:50px; width:650px;}
.post-image {float:left; width:236px; margin-right:24px;}
.post-details {width:340px; float:left;}
.post-details h2{margin-top:15px; font-size:1.8em; margin-bottom:12px;}
.post-details h2 a{color:#000}
.post-details h2 a:hover{color:#265788}
.post .read_more a{color:#fff}
.post .read_more a:hover{color:#fff}
.small-text {text-align:left; font-size:10px; margin-top:5px;}
.older {float:right; margin-top:-20px;} 


h2.author {margin-top:70px; font-size:1.8em;}
h2.related {margin-top:70px; font-size:1.8em;}
h2.responses {margin-top:80px; font-size:1.8em;}
h2.leave-comment{clear:both;margin-top:50px; font-size:1.8em;}

.about-author {margin-top:25px; border:1px solid #cecece;background:#fff; float:left; padding:15px;}
.about-author a {float:right;}
.gravatar {width:70px; float:left; margin-right:10px;}
.author-details {width:530px; float:left;}


.related-posts-post { margin-top:5px;}
.related-block {width:215px; float:left; text-align:left;margin-top:25px;}
.related-image {width:70px; float:left;}
.related-text a {line-height:16px; }
.posted-on {margin-top:5px; font-size:11px;}

.comments {margin-top:10px;}
.comments li{padding-top:20px; display:block; clear:both; padding-bottom:0px; }
.comments .comments-text {text-align:left; line-height:15px; float:left; width:550px; margin-bottom:30px; }
.comments .comments-text h3 {margin-bottom:5px;}

.leave-a-comment {margin-top:10px;}
.leave-a-comment input {width:635px; height:20px; border:1px solid #cecece; background:#fff; padding:5px; margin-bottom:10px; margin-top:20px;  border-radius: 4px; font-size:11px; color:#939393;}
.leave-a-comment textarea {width:635px; height:200px; border:1px solid #cecece; background:#fff; padding:5px; margin-bottom:10px; margin-top:20px;  border-radius: 4px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#939393;}  
.leave-a-comment .button{clear:both; width:100px; height:25px; display:block; border:1px solid #cecece; margin-top:15px; padding: 5px 10px; font-size:11px; color:#949494; font-family:"DroidSans",Arial, Helvetica, sans-serif;background:#265788; color:#FFFFFF;  border-radius: 1px; float:left; line-height:10px; cursor:pointer;}

.sidebar { margin-left:40px; width:250px; float:left; margin-top:40px;}
.sidebar input {float:left;}
.search-input {height:38px; width:195px; background:url(images/search.jpg) no-repeat; border:0; padding:0; padding-left:10px; }
.button-search {background:url(images/search-button.jpg) no-repeat; padding:0; margin:0; width:39px; height:37px; border:0; cursor:pointer; margin-top:1px;}

.widget {clear:both; margin-top:0px; margin-bottom:50px; display:block; float:left;}
.widget h2 { margin-bottom:10px;}
.widget li { text-align:left; padding:7px; line-height:15px;}
.widget img { margin-top:15px;}

.widget .flickr img { margin:10px 10px 0px 0px; text-align:left; float:left;}
.widget .flickr .img-last {margin-right:0;}
h2.vimeo {margin-bottom:20px;}

.footer-container { background:#f8f8f8;}
.footer { width:940px; min-height:200px; }
.footer .footer-widget {float:left; width:195px; margin-bottom:15px; width:200px; margin-right:40px;}
.footer .footer-widget li { text-align:left; padding:7px; line-height:15px; border-bottom:#cecece solid 1px;}
.footer .footer-widget h3 {margin: 30px 0px 15px 0px; font-size:1.5em; color:#151515}
.footer .footer-widget-contact {width:188px; margin-left:0; margin-right:0; text-align:left;   margin:0; margin-left:20px;}
.footer .footer-widget-contact  input {width:175px; margin-bottom:15px; border:1px solid #cecece; background:#fff; height:15px;padding:5px; margin-top:3px;}
.footer .footer-widget-contact  textarea {width:175px; margin-bottom:5px; border:1px solid #cecece; background:#fff; margin-top:3px; padding:5px;}
.footer .footer-widget-contact .button{clear:both; width:100px; height:25px; display:block; border:1px solid #cecece; margin-top:15px; padding: 5px 10px; font-size:11px; color:#949494; font-family:"DroidSans",Arial, Helvetica, sans-serif; background:#265788; color:#FFFFFF; line-height:10px; cursor:pointer;}
.bottom-footer {width:940px; background:#f8f8f8; display:block; position:relative; height:50px; margin-bottom:0px;}

.footer-left {float:left; margin-top:15px;}
.footer-right {float:right; margin-top:15px;} 
.footer-right a {color:#265788}
.footer-right a:hover {color:#151515}

.footer a {color:#265788}
.footer a:hover {color:#151515}

/* miscellaneous */

.fixed {position:fixed;}
.relative {position:relative;}
.hidden {overflow:hidden;}
.height50 {height:50px}
.height190 {height:190px;}
.margin55 {margin-top:55px;}
.margin0 {margin-top:0px;}
.bottom20 {margin-bottom:20px;}
.height30 {height:30px;}
.width145 {width:145px;}