@charset "utf-8";

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,form,fieldset,input,textarea,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* CSS Document */

html {
	height:100%;
	font-size:12px;

	
}

body {
	
	width: auto;
	height:auto;
	overflow:auto;
	background-color:#000000;
	
	color:#333;
	font-family: Tahoma, Arial;
	font-size:100%;

}


img { border:0px; }

strong, b {font-weight:bold;}

p { margin-top:5px; margin-bottom:5px; }

table.wide {
	
	width:100%;
	height:auto;
	padding:0px;
	border-width:0px;
	
}

/* SPRITES */



/***********/

.centerer {
	
	position:relative;
	width:100%;
	margin-top:0px;
	margin-left:0px;
	z-index:0;
}

.container {
	
	position:relative;
	width:100%;
	margin-top:0px;
	margin-left:0px;
	width:976px;
	z-index:0;
	
}

.header-flash {
	
	position:relative;
	margin-top:0px;
	margin-left:0px;
	width:976px;
	height:186px;
	overflow:hidden;
	
    border-bottom-width:2px;
	border-bottom-color: #C96; 
	border-bottom-style:solid;
	
	z-index:1;
	
}


.header-flash object {
	
	display:block;
	left:-5px;
	width:976px;
	height:210px;
	
}

.header-flash p {
	
	border-width:1px;
	border-top-width:0px;
	border-color:#ffffff;
	border-style:solid;
	text-align:center;
	
}

.header-flash p {
	
	width:976px;
	height:244px;
}

.header-flash img {
	
	margin-top:50px;
	width:112px;
	height:33px;
	
}

.header-flash .langs {
	
	position:absolute; 
	top:61px; 
	left: 2px;
	width:auto; 
	height:auto; 
	padding:7px;
	padding-right:30px;
	padding-left:30px;
	background-color: #666;
	color:#fff;
	font-weight:bold;
	font-size:120%;
	
}

.header-flash .langs a {
	
	color:#fff;
	text-decoration:none;
	
}

.header-flash .customer_nav {
	
	position:absolute; 
	top:96px;
	left: auto;
	right:1px;
	width:390px; 
	height:auto; 
	padding:2px;
	padding-right:10px;
	padding-left:10px;
	background-color: #666;
	color:#fff;
	font-weight:bold;
	
	border-width:0px;
	border-left-width:2px;
	border-color: #ccc;
	border-style:solid;
	
}
.header-flash .customer_nav.logged {
	
	padding:5px;
	
}
.header-flash .customer_nav span{
	
	color: #C96;
	
	
}
.header-flash .customer_nav a{
	
	color:#FFF;
	margin-left:10px;
	
	
}
.header-flash .customer_nav a:hover{
	
	color: #CCC;
	
	
}
.header-flash .customer_nav a.exit{
	
	color: #F60;
	
}
.header-flash form input[type=text],.header-flash form input[type=password]  {
	
	width:80px;
	font-size:100%;
	
	border-width:1px;
	border-color: #C90;
	border-style:solid;
	
}
.header-flash form input[type=submit]  {
	
	width: auto; 
	padding-left:10px;
	padding-right:10px;
	background-color:#FC9;
	
	border-width:1px;
	border-color: #C90;
	
	font-size:100%;
	
	cursor:pointer;
	
}

.content {
	
	position:relative;
	margin-top:0px;
	margin-bottom: -105px;
	margin-left:0px;
	width:953px;
	height: auto;
	padding:10px;
	padding-bottom:115px;
	background-color:#fff;
	
	border-width:1px;
	border-color:#fff;
	border-style:solid;
	
	letter-spacing:1px;
	line-height:120%;
	font-size:120%;
	
	z-index:1;
	
	filter: alpha(opacity = 90);
	opacity: 0.9;
	
}

#index .content {
	
	margin-top:5px;
	margin-bottom: -40px;
	padding-top:10px;
	padding-bottom: 20px;

}

#about-us .content {
	
	background-image:url(../media/images/about-us.jpg);
	background-repeat:no-repeat;
	background-position:640px 35%;
	

}

#services .content {
	
	background-image:url(../media/images/services.jpg);
	background-repeat:no-repeat;
	background-position: 680px 0;
	

}


#gallery .content {
	
	margin-bottom: 0 px;
	padding-bottom: 0px;
	padding-top: 0px;
	
}

#campaign .content {
	
	margin-bottom: 0 px;
	padding-bottom: 20px;
	
}

.content .text_content {
	
	width:650px;
	text-align:justify;
	
}

a.pricing {
	
	display:block;
	width:150px;
	padding:5px;
	margin-top:10px;
	margin-right:5px;
	background-color: #C30;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	
}
a.pricing:hover {
	
	text-decoration:none;
	
}
a.campaign, .login_form input[type=submit] {
	
	display:block;
	width:250px;
	padding:5px;
	margin-top:10px;
	background-color: #09F;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	
}
a.campign:hover {
	
	text-decoration:none;
	
}

#services a.pricing, #services a.campaign { float:left; }


.content ul li {
	
	list-style:disc;
	margin-left: 20px;
	
}

.footer {
	
	position: relative;
	z-index:0;
	
}

.footer .color-img {
	
	position: absolute;
	z-index:0;
	
}

.footer .contact-info {
	
	position: absolute;
	top:48px;
	left:410px;
	width: 200px;
	
	color:#ccc;
	
	z-index:1;
	
}
.footer .contact-info a{
	
	color:#ccc;
	letter-spacing:1px;
	
}

.footer .bottom {

  position:absolute;
  top: 105px;
  left:0px;
  
  filter: alpha(opacity = 90);
  opacity: 0.9;
  
  z-index:1;

}

.footer .fixajonline {
	
  position:absolute;
  top: 296px;
  left:280px;
  width:174px;
  height:46px;
  
  z-index:1;
	
}

.footer .img {
	
	width:100%;
	height:100%;
	
}


.footer .bottom .youtube{

  position:absolute;
  display:block;
  top:5px;
  left: 548px;
  width: 72px;
  height:30px;

}
.footer .bottom .youtube img {

  width:100%;
  height:100%;

}

.footer .bottom .contact-info2 {

  position:absolute;
  top:10px;
  left:auto;
  right:30px;
  
  font-size: 120%;
  font-weight:bold;

}

.footer .bottom .contact-info3 {

  position:absolute;
  top:10px;
  left:20px;
  
  font-size: 120%;
  font-weight:bold;
  color:#fff;

}
.footer .bottom .contact-info3 a{

  color: #F30;
  text-decoration:none;
  letter-spacing:1px;
  background-color:#ccc;
  padding:5px;
  border-width:2px;
  border-color: #990;
  border-style:solid;

}

.map-container {
	
	position: relative;
	width:967px;
	margin-top:0px;
	height: 350px;
	overflow:hidden;
	
	border-width:4px;
	border-color:#fff;
	border-style:solid;
	
}

.temp-index-video {
	
	position:absolute;
	width:320px;
	height: 265px;
	top:191px;
	left: 464px;
	
}

.temp-baner {
	
	position:relative;
	margin-top:2px;
	margin-left:0px;
	width:460px;
	height:265px;
	z-index:0;
	
}

.jurnal {
	
	position:absolute;
	width:320px;
	height: 265px;
	top:191px;
	left: 786px;
	
}

.st {
	
	position:relative;
	width:100%;
	height:19px;
	background-image:url(../media/images/st.png);
	background-repeat:no-repeat;
	
}
.sm {
	
	position:relative;
	width:280px;
	height:226px;
	padding:0px;
	padding-left:20px;	
	padding-right:20px;	
	background-image:url(../media/images/sm.png);
	background-repeat:no-repeat;
	
	letter-spacing:2px;
	font-size:120%;
	line-height:1.2em;
	font-family: "Times New Roman", Tahoma;
	
}
.sm form {
	
	widyh:260px;
	
}
.sm .option-holder {
	
	width:100%;
	height:192px;
	position:relative; 
	overflow:auto;
	
}
.sm table {
	
	width:100%;
	height:auto;
	margin-top:5px;
	position:relative; 
	overflow:auto;
	
}
.sm table td {
	
	padding:3px;
	padding-left:0px;
	padding-right:0px;
	
}

.sm form input[type=submit] {
	
	background-color: #960;
	padding:3px;
	color:#FFF;
	font-weight:bold;

}
.sm span {
	
	font-size:120%;
	font-weight:bold;
	
}
.sm a {
	
	color: #900;
	
}
.sb {
	
	position:relative;
	width:100%;
	height:20px;
	background-image:url(../media/images/sb.png);
	background-repeat:no-repeat;
	
}

table.temp-campaign {
	
	margin-top:20px;
	
}
table.temp-campaign td {
	
	padding:5px;
	
}

table.temp-campaign .th td {
	
	background-color: #3CC;
	font-weight:bold;
	color:#333;
	
}

table.temp-campaign .columns {
	
	font-weight:bold;
	
}
table.temp-campaign .columns .c1 {
	
	background-color: #FFC;
	
}
table.temp-campaign .columns .c2 {
	
	background-color: #FF9;
	
}
table.temp-campaign .columns .c3 {
	
	background-color: #FF6;
	
}
table.temp-campaign .columns .c4 {
	
	background-color: #FF0;
	
}

table.temp-campaign .row1 .c1 {
	
	background-color: #ccc;
	
}
table.temp-campaign .row1 .c2 {
	
	background-color: #999;
	color:#fff;
	
}
table.temp-campaign .row1 .c3 {
	
	background-color: #666;
	color:#fff;
	
}
table.temp-campaign .row1 .c4 {
	
	background-color: #333;
	color:#fff;
	
}

table.temp-campaign .row2 .c1 {
	
	background-color: #D2F2FF;
	
}
table.temp-campaign .row2 .c2 {
	
	background-color: #C4F1FF;
	
}
table.temp-campaign .row2 .c3 {
	
	background-color: #ABF1FE;
	
}
table.temp-campaign .row2 .c4 {
	
	background-color: #88DEFB;
	
}

.watermark {
	
	position:absolute;
	top:230px;
	left: 80px;
	width:584px;
	height:51px;
	
	background-image: url(../media/images/watermark.png);
	background-repeat:no-repeat;
	
	z-index:5;
	
}

.gallery-albums {
	
	position:relative;
	margin-left:5px;
	
}

.links {
	
	display:block;
	width: auto;
	padding:5px;
	padding-top:3px;
	padding-bottom:3px;
	margin:2px;
	background-color: #CC0000;
	float:left;
	white-space:nowrap;
	
	color:#fff;
	font-weight:bold;
	font-family:Tahoma, Arial;
	font-size:80%;
	text-decoration:none;
	
}

.links.current, .links:hover {
	
  filter: alpha(opacity = 60);
  opacity: 0.6;
	
}

.calculator_container {
	
	position:relative; 
	width:300px; 
	border-width:2px; 
	padding:10px; 
	border-color: #CC9; 
	border-style:solid;
	
}

.calculator {
	
	width:300px;
	
}

.calculator.results { display:none; }

.calculator td {
	
	padding:5px;
	
}

.calculate {
	
	width:100%;
	padding:3px;
	background-color:#09F;
	cursor:pointer;
	color:#FFF; 
	font-weight:bold;
	text-align:center;
	
}

.mailform {
	
	position:absolute;
	top:265px;
	left:auto;
	right:1px;
	width:400px;
	height:260px;
	padding:10px;
	padding-top:10px;
	background-color:#000;
	color:#fff;
	
    filter: alpha(opacity = 80);
    opacity: 0.8;
	
}
.mailform.hide { display:none; }

.mailform form { margin-top:10px; }
.mailform .success {color: #0C0; font-weight:bold;}
.mailform .error {color: #f00; font-weight:bold;}

.mailform .close{
	
	position:absolute;
	top:0px;
	left:auto;
	right:0px;
	width:10px;
	height:10px;
	padding:5px;
	background-color:#F00;
	
	color:#fff;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	
}

/* customer area ***************************************************/
.login_form {
	
 width:300px;
 border-width:1px;
 border-color:#999;
 border-style:solid;
 height: auto;
 margin:20px;
 margin-top:3px;
 padding:10px;
 
 font-size:80%;
	
}
.login_form input[type=text], .login_form input[type=password] { width:150px; }
.customer_nav .text, .customer_nav form .password  { width:70px; }
.login_form input[type=submit] { width:80px; }

div.error {
  
  position:relative; 
  width:315px; 
  padding:5px; 
  background-color:#F00; 
  color:#fff;
	
}
div.success {
  
  position:relative; 
  width:315px; 
  padding:5px; 
  background-color: #093; 
  color:#fff;
	
}

.project-price-holder {	
   position:absolute;
   left:auto;
   right:0px;
   top:10px;
}

.projects-nav {
	
	position:relative;
	width:auto;
	margin-bottom:0px;
	padding:5px;
	
	font-weight:bold;
	font-size:80%;
	
	border-width:0px;
	border-left-width:3px;
	border-color: #F93;
	border-style:solid;
	
	
	
}

.list td { padding:5px;  width:auto; font-size:80%; }
.list .th td { background-color: #999; color:#fff; font-weight:bold; }
.list td.project-name { width:300px; }
.list .project-list td { cursor: pointer; background-color:#FFF; }
.list tr.project-list:hover td, .price-options:hover td { background-color:#ccc; }
.list .project-list td , .price-options td, .list.project-details td.option, .option-holder, .media-list td, .media-about {
	
	border-width:0px;
	border-bottom-width:1px;
	border-bottom-color:#ccc;
	border-style:solid;
	
}
.list td.project-number , .price-options td.price-option { 

  
  border-left-width:3px;
  border-left-color:#F93;
  border-left-style:solid;
  
}

.list.project-details { width: 450px; } 
.list.project-details.details { width: 470px;  } 
.list.project-details td.option {
	
	background-color: #999; 
	width:200px;
	color:#fff; 
	font-weight:bold; 
	border-left-width:3px;
	border-left-color:#F93;
	border-style:solid;

} 
.option-holder { 
       
	   width:490px; 
	   height:170px; 
	   overflow:auto;

} 

.list.project-details td.option.unset {	border-width:0px; width:auto; } 

.list.project-details.details .price-options td.option { width:0px;  }
.list.project-details.details .price-options td.price-price { width:10px; }
.list.project-details.details .price-options td.price-percentage { width:50px; }

.media-nav {
	
	width:930px; 
	margin-top:30px;
	clear:both;
	
	border-bottom-width:1px;
	border-bottom-color:#ccc;

}

.media-list { margin-top: 10px;}
.media-list td {
	
	padding:0px;
	height:450px;
}
.media-list td .media-holder{
	
	padding:0px;
	position:relative;
	width:100%;
	height:100%;
	overflow:auto;
	
	z-index:1;

}

.media-list td img{
	
	margin:1px;
	padding:2px;
	
	border-width:1px;
	border-color:#CCC;
	border-style:solid;
	
}
.media-list td object, .media-list td embed {
	
	width: 260px;
	height: 211px;
	margin:3px;
	
	
}

.media-about {
	
	position:relative; 
	padding:5px;
	
	border-left-width:3px;
	border-left-color:#F93;
	border-left-style:solid;
	
	font-size:80%;
	
}

#media-title {
	
	display:none;
	position:absolute; 
	top:0; 
	left:0; 
	width:250px; 
	height:auto; 
	padding:5px; 
	background-color: #FC6;
	
	text-align:justify;
	
	border-width:1px;
	border-color: #F30;
	border-style:solid;
	
	z-index:6; 
}

.video-holder {
	
	width: 260px;
	height: 211px;
	float:left;
	margin:7px;
	
}

body#my-info form {text-align:left; }

.wink {color: #F00; font-weight:bold; }

.vote-results {
	
	width: 100%;
	height:auto;
}
.vote-results td { padding:6px; }
.vote-results .th, .vote-results td.surend { background-color:#CC9966; color:#fff; font-weight:bold; }
.vote-results td.percentage { width:680px; padding:1px; }
.vote-results td div { 

    background-color: #F60;
	padding:4px;
	color:#fff;
	
	border-right-width:3px;
	border-right-color: #C00;
	border-right-style:solid;

}
.vote-results td div.even { 

    background-color: #F30;

}
.other_surveys { 

	margin-top:10px;

}
.other_surveys .other_links { 
    
	position:relative;
	margin-top:5px;
	background-color:#fff;
}
.other_surveys .other_links a { 
    
	color: #930;

}
.other_surveys .other_links a:hover { 
    
	text-decoration:none;
	font-weight:bold;

}
/* customer area \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


.products td { padding:5px; }

.products .categories {
	
  width:240px; 
  background-color: #966;
  
  color:#fff;
  font-weight:bold;
  
  border-width:0px;
  border-right-width:1px;
  border-right-color:#666;
  border-style:solid;
  
}
.products .categories.list {
	background-color:#fff;
	padding:0px;
	text-align:justify;
}
.products .categories.list a{
	
	display:block;
	width:240px;
	height: auto;
	padding:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:1px;
	line-height:1.4em;
	background-color:#fff;
	
	color: #666;
	text-decoration:none;
	font-weight:normal;
	
	border-right-width:8px;
	border-right-color:#fff;
	border-right-style:solid;
	
	filter: alpha(opacity=100);
	
}
.products .categories.list a:hover, .products .categories.list a.current {
	
  border-right-width:8px;
  border-right-color:#666;
  border-right-style:solid;
  
  font-weight:bold;
  font-style:normal;
  
}
.products .categories.list a.current {
	
  border-right-color:#f30;
  
  font-weight:bold;
  font-style:italic;
  color:#C30;

}

.products .categories a.allcats {
	
  color:#fff;

}

.products .prholder{
	border-collapse:separate;
	border-spacing:3px;
}
.products .prholder td{
	
	border-width:1px;
	border-color:#CCC;
	border-style:solid;
}

.products .list img {
	
	margin-bottom:2px;
	margin-right:5px;
	padding:2px;
	
	border-width:1px;
	border-color:#CCC;
	border-style:solid;

}
.products .bline {
	
	
	border-bottom-width:1px;
	border-bottom-color:#666;
	border-bottom-style:solid;

}

.products .price {
	
	display:block;
	float:left;
	clear:left;
	background-color: #033; 
	width:155px; 
	padding:5px;
	
	color:#fff;
	text-align:right;
	font-weight:bold;
	font-size:90%;
	
}
.products .price span {
	
	color: #F30;
	font-weight:bold;
	font-size:140%;
	
}
.products a.next {
	
	display:block;
	float:left;
	margin-left:10px;
	padding:5px;
	background-color: #996; 
	width:50px; 
	padding:5px;
	
	line-height:1.65em;
	text-align:center;
	
	
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	
}
.products a.next:hover {
	
	border-width:1px;
	border-color: #F60;
	border-style:solid;
	
}

.pagination {
	
	position:relative; 
	float:right;
	
}
.pagination a {
	
	display:block;
	width:20px;
	padding:3px;
	margin:0px;
	margin-right: 3px;
	background-color:#008191;
	float:left;
	
	text-align:center;
	color:#fff;
	
}
.pagination a.currrent, .pagination a:hover  {
	
	opacity: 0.70;
	border-width:2px;
	border-color: #F60;
	border-style:solid;
	
}

.products .list div.prodimages a {
	
	margin:0px;
	padding:0px;
	
}
.products .list div.prodimages a img {
	
	margin:0px;
	padding:2px;
}

.eshop_nav {
	
	position:absolute;
	top:149px;
	left:auto;
	right:1px;
	width:389px;
	height:27px;
	padding:5px;
	padding-left:20px;
	line-height:34px;
	
	
	background-image: url(../media/images/eshop_bg.jpg);
	background-repeat:no-repeat;
	
	font-family:"Times New Roman";
	font-size:120%;
	color:#666;
	
}
.eshop_nav a {
	
	color: #900;
	font-weight:bold;
	
}
.eshop_nav form {
	
	float:right
	
}
.eshop_nav form input.text {
	
	width:50px;
	border-width:2px;
	border-color: #C96;
	border-style: inset;
	
}