html {background:#e4e4e4 url(../images/back_inside.jpg) repeat-x }
body {color: #5a5a5a;font-family:Tahoma, Geneva, sans-serif;}

/* GENERAL STYLES */
a {color: #5a5a5a;}
a.button {}
#container {position: relative;}

/* HEADER */
#header {}
#header img {float: left;margin-top:15px;}
#header #nav {float: right;overflow: hidden;background: url(../images/menu-separators.png) right;background-repeat:no-repeat;height:83px;padding:0px;margin:0px;}
#header #nav li {float: left;list-style: none;background: url(../images/menu-separators.png) left ;background-repeat:no-repeat;height:83px;padding:0px;margin:0px;}
#header #nav li.current_page_item{}

#nav li a {text-decoration: none;display: block;color:#a5a5a5;padding:22px 14px 0px 23px;font-size:20px; font-family:"Tahoma", Arial; outline:none}
#nav li.current_page_item a {color:#ffffff;}
#nav li .desc{padding:0px 14px 22px 23px;text-decoration: none;color:#a5a5a5;font-size:12px;margin-top:0px;  font-family:"Tahoma", Arial; outline:none}
#nav li.current_page_item .desc{color:#f7a609}
		
.slogan{background: url(../images/slogan.png) no-repeat; width:351px; height:48px; margin:40px 0px 20px 0px; clear:both}			

.home-block{line-height:32px; font-family:"Tahoma", Arial; color:#119897; font-size:16px; background:url('../images/block_icon.jpg') scroll 0 0 no-repeat ; padding-left:36px}
.block2{ background:url('../images/block_icon2.jpg') scroll 0 0 no-repeat ;}
.home-block-text{font-family:"Tahoma", Arial; background: url(../images/block_border.jpg) repeat-x top; padding-top:10px}

#main-wrap {
	clear: both;
	background:#090909 url(../images/footerBG.png) repeat-x scroll 0 0;
	position:relative;
	padding-bottom:40px;
}
	
	.main-wrap-margin-top {
		margin-top:45px;
	}
	
	#main{
		
	}
	
		#main .mainimg{
			margin-top:75px; 
			float:right;
		}	
 		
	#main #main1{	
		width:270px;
		margin-right:40px;
	}
		
	#main #main2{	
		width:270px;
		margin-right:40px;
	}
		
		#main #main2 ul{
		}
		
		#main h4 {	
			color:#919090;
			font-size:24px;
			margin-top:35px;
			margin-bottom:5px;
		}
	
		#main .sub_h4{
			margin:0px;
			padding:0px;
			color:#767676;
			font-size:16px;
			margin-bottom:12px;
		}
	
		#main .content_h4{
			color:#807e7e;
			font-size:12px;
			width:215px;
			line-height:18px;
		}
	
			.mainall li{
 				line-height:22px;
				list-style-image:url('../images/footerBul.png');
				list-style-type:square;
			}
	
		#main .main-read-more{
			clear:both;
  			margin-top: 10px;
 			width:99px;
			height:29px;
			background: url(../images/footerButton.png) no-repeat;
			float:right;
			text-align:left;
			padding-top:3px;
			padding-left:10px;
  		}
 			
			#main .main-read-more{
				color:#3e3e3e;
				text-decoration:none;
			}
		
			#main a:hover {
				text-decoration:underline;
			}
				
	#main #main3{	
		width:270px;
		margin-right:40px;
	}
	
		#main #main3 .address{
			width:200px;
			text-align:left;
			border-bottom:1px #373737 solid;
			padding-bottom:7px;
		}
		
		#main #main3 .contact{
			width:200px;
			text-align:left;
			padding-bottom:7px;
			padding-top:7px;
			border-bottom:1px #373737 solid;
		}
		
 		#main #main3 .email{
			width:200px;
			text-align:left;
 			padding-top:7px;
 		}
		
			#main #main3 .email a{
				color:#5981c6;
				text-decoration:none;
			}
			
			#main #main3 .email a:hover{
				text-decoration:underline;
			}



/* CONTENT */

#content{
	clear:both;
	overflow:hidden;
}

	#content #page-title{
		font-size:24px;
		margin-top:60px;
		padding-bottom:20px;
		background: url(../images/content-header-delimiter.png) repeat-x bottom;
 	}
	
	#content .breadcrumbs{
		float:right;
		margin-top:60px;
		font-weight:bold;
		font-size:11px;		
 	}
	
		#content .breadcrumbs span{
			float:left;
		}
		
			#content .breadcrumbs a{
				text-decoration:none;
				margin-left:3px;
				margin-right:0px;
			}
			
			#content .breadcrumbs a{
				color:#17a5d9;
				font-weight:normal;
			}
			
			#content .breadcrumbs a:hover{
				text-decoration:underline;
			}
		
	#content .col-left {
		float:left;
		border-right:1px #d0d0d0 solid;
		width:640px;
	}
	
		#content .page{
			font-size:12px;
			line-height:21px;
 			padding-bottom:40px;
			margin-top:20px;
			color:#5a5a5a;
		}
		
		#content .col-left .page{
			font-size:12px;
			line-height:21px;
			width:620px;
			margin-bottom:10px;
			margin-top:20px;
			color:#5a5a5a;
		}
		
			img.thumbnail{
				/*
				-moz-border-radius-bottomleft:3px;
				-moz-border-radius-bottomright:3px;
				-moz-border-radius-topleft:3px;
				-moz-border-radius-topright:3px;
				*/
				background-color:#EEEEEE;
				border:1px solid #DDDDDD;
				padding:4px;	
				margin-bottom:5px;
				//width:290px; height:183px
			}
			
			img.thumbnail2{
				/*
				-moz-border-radius-bottomleft:3px;
				-moz-border-radius-bottomright:3px;
				-moz-border-radius-topleft:3px;
				-moz-border-radius-topright:3px;
				*/
				background-color:#EEEEEE;
				border:1px solid #DDDDDD;
				padding:8px;	
				margin-bottom:5px;
			}
			
			img.left{
				float:left;
				padding-right:5px;
				padding-top:5px;
			}
			
			img.left2{
				float:left;
				padding-right:10px;
				padding-top:2px;
			}
			
			#content .col-left .page .leftimg, #content .col-left .page .alignleft{
				float:left;
				margin-right:20px;
				margin-bottom:10px;
			}
		
			#content .post-details-bold, #content .page h2{
				font-size:19px;
				line-height:22px;
  				color:#3e3e3e;
			}
	
			#content .page h2.blue a{
				font-size:18px;
				line-height:22px;
  				color:#17a5d9;
				text-decoration:none;
			}	
				
			#content .page hr{
				padding-bottom:0px;
				margin-bottom:15px;
 			}
			
			.page .post{
 				margin-bottom:5px;
  			}
		
				.page .post .title{
					margin:0px;
					background:none;
					margin-bottom:10px;
				}
			
					.page .post .title a{
						text-decoration:none;
						font-size:19px;
						line-height:22px;						
					}
					
				.page .post .post-meta{
				}
			
					.page .post .post-meta span{
						background-color:#ededed;
						font-size:11px;
						padding:5px;
						padding-left:5px;
						margin-bottom:8px;
 					}
					
					.page .post .post-meta a{
						text-decoration:none;
 					}
					
					.page .post .post-meta a:hover{
						text-decoration:underline;
 					}
			
				.page .post .entry{
					padding-bottom:15px;
				}
				
			.page .services-list, .page .portofolio-list {
				margin-top:10px;
				clear:both;
  			}
			.services-list li {list-style:none; line-height:22px}
				.page .page_column {
					float:left;
					margin-left:10px;
 					margin-right:18px;
					margin-top:20px;
					width:280px;
 				}
				.services-list li h4{border-bottom:dotted 1px #676767}
				.page .page_column p{
					margin-top:12px;
				}
 			
				.page .portofolio_column {
					float:left;
					margin-left:0px;
					margin-right:23px;
 					margin-top:35px;
					width:297px;
					position:relative;
				}
 			
				.page .portofolio_column p{
					margin-top:0px;
					padding-left:5px;
				}
 			
					.page .portofolio_column a{
						color:#333;
						text-decoration:none;
						font-size:14px;
						font-weight:bold
 					} 			
			
				.page .portofolio_column h2{
					margin-top:7px;
					padding-left:5px;
				}
				 
				.page .portofolio_column .ribbon-plus{ 
					background:url(../images/ribbon-plus-small.png) no-repeat; 
					width:47px; 
					height:47px; 
					position:absolute; 
					top:3px; 
					right:0; 
 				} 			
				
				
				
				/* PageNavi */			
				.Nav {
 					color:#707070;
					padding-top:20px;
					padding-left:10px;
					clear:both;
				}
				
				.Nav a {
					text-decoration: none !important;
					display:inline;
				}
				
				.Nav .on, .Nav a:hover, .Nav a:hover span {
					background: #E4E4E4 !important;
					color:#707070;
				}
				
				.Nav .on {
					color: #707070;
					text-align:center;
					font-size:11px;
					display: block;
					float: left;
 					margin-left: 0px;
					font-weight:bold;
					margin-left:5px;
 				}
				
				.Nav a{
					background: url(../images/paginationBG-left.png) no-repeat left;
					color: #707070;
					text-align:center;
					font-size:11px;
					display: block;
					float: left;
					padding-left: 1px;
 					margin-left:6px;
					border:0px #0F9 solid;
  				}
				
 				.Nav a span{
 					padding: 6px 8px 6px 7px;
					background: url(../images/paginationBG-right.png) no-repeat right;
					border:0px red solid;
 				}
				
 				.Nav .next  {
					background:none;
 				}				
				
			#content p{
				margin-top:12px;
				margin-bottom:12px;
 			} 


/* TABLES */

table
{
	border:1px solid #d8d8d8;
	border-collapse:collapse;
	margin-top:20px;
	margin-bottom:20px;
}

td
{
	border:1px solid #d8d8d8;
	padding-left:10px;
	padding-right:10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

td#today{
	background-color: #ededed;
}

th
{
	border:1px solid #d8d8d8;
	border:1px solid #d8d8d8;
	padding-left:10px;
	padding-right:10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ededed;
}

caption{
	margin-bottom:10px;	
	font-size:16px;
}

.alignleft, .alignLeft, .alignLeftImg{
	float:left;
	margin-right:15px;
}

.service-list{background:url('../images/bullets.png') no-repeat left; padding-left:20px; text-decoration:none}

/* CONTACT FORM */
		
		#contact{
			
			margin-right:123px;
			margin-top:20px;		
		}
		
		#search{
			margin-top:10px;		
		}
		
		#contact, #search {
			border:none;
 		}
		
		#contact p, #search p{
			margin:0px;
			padding:0px;
 		}
		
		#contact input, #contact textarea, #search input {
			border:1px solid #bbb;
			padding:6px;
			background-color:#EEE;
			
		}
		
		#search input{
			width:180px;
			float:left;
		}
		
		#contact input {
			width:360px;
			background-color: #EEE;
			
			outline:none
		}
		
		
		#contact input:focus, #contact textarea:focus {
			border:1px solid #DDD;
		}
		
		#contact textarea:focus {
 		}
		
		#contact label {
			color:#3e3e3e;
			font-size:16px;
			padding:10px 0 3px 0;
			display:block;
		}
		#contact label.error {
			
			display:inline;
			margin-left:4px
		}
		#contact textarea {
			width:360px;
			height:200px;
			overflow:auto;
		}
		
		#contact button:hover {
			color:#3d8ca9;
		}
		
		#contact #button {
			background: url(../images/send_button.png) no-repeat 0% 0%;
			border:0 none;
			color:#333;
 			float:right;
			display:block;
			width:99px;
			height:29px;
			text-align:left;
			padding-left:8px;
			padding-bottom:10px;
 			margin-top:12px;
			cursor:pointer;
			outline:none;
			font-weight:bold
		} 		
				
		
				

				
		
	#content .col-right {
		float:right;
	}
		
		#content .col-right #links, #content .col-right .block{
  			width:299px;
			padding-top:20px;
			padding-left:20px;
		}

		#content .col-right h2, #content .col-right .block h2{
			font-size:18px;
			color:#17A5D9;
 		}
		
		#content .col-right h2.black{
			font-size:18px;
			color:#3e3e3e;
 		}
		
			#content .links h2{
				font-size:18px;
			}
		
		#content .col-right .comments{
			margin-top:0px;
		}
		
			#content .col-right .comments li {
				font-size:12px;
				line-height:14px;
				list-style:none;
			}
		
		
		
		#content .col-right ul{
			font-size:18px;
			color:#3e3e3e;
			margin-bottom:20px;
			margin-top:10px;
		}
		
			
				#content .col-right #feeds ul li{
					float:left;
					list-style:none;
 					margin:0 15px 0 0; 
					padding:0px;
				}
				
			
			
			#content .col-right li{
				font-size:12px;
				line-height:22px;
				list-style-image:url('../images/sidebar-bul.png');
				list-style-type:square;
			}
			
				#content .col-right a, #our_people .read-more a{
					text-decoration:none;
					color:#1997c5;
				}
			
				#content .col-right li a:hover{
					text-decoration:underline;
				}
			
		#content .col-right #our_people, #blog{
			font-size:18px;
			color:#17a5d9;
			padding-top:20px;
			padding-left:20px;			
		}
			
		
			
		#content .col-right #portofolio {
  			width:299px;
			padding-top:20px;
 			padding-left:20px;
			padding-bottom:10px;
			border-bottom:1px #d0d0d0 solid;
		}
		
		#content .col-right #contact-data, #content .col-right #text, #content .col-right #services, #content .col-right .block {
  			width:299px;
			padding-top:20px;
			padding-left:20px;
			padding-bottom:10px;
			border-bottom:1px #d0d0d0 solid;
		}
		
		#content .col-right #text {
			border-bottom:0px;
		}		
		
		#content .col-right #text img, #content .col-right .block img{
			float:left;
			padding-right:5px;
			padding-top:5px;
		}
		
		
		
	



			
/* VERY BOTTOM */
			
#bottom-wrap {background: #333;height:60px;}
#bottom {overflow: hidden;}
#bottom img {float: left;margin:13px 0px 0px 0px;margin-left:10px;}
#bottom-wrap #bottom p:first-child {float: left}
#bottom-wrap p{color: #a5a5a5;margin:13px 18px;float:left;font-size:11px;}
#bottom ul {float: left;overflow: hidden;margin-right:10px;margin-left:115px;padding-bottom:0px; }
#bottom li {list-style: none;float: left;background: url(../images/footer_separator.png) no-repeat left 80%;padding-left:24px;margin-top:20px;}
#bottom a:hover {color: #808080;text-decoration: underline;}
#bottom ul li a {color: #c2c2c2;font-size:11px;text-decoration: none;margin-left:10px}


.info, .successes, .warning, .errors, .validation {border: 1px solid; width:400px; padding:5px 0px 5px 40px;background-repeat: no-repeat;background-position: 10px center;font-weight:bold; text-shadow:none}
.info {color: #026da5;background-color: #ddeafa; border-color:#a3d8fd; background-image: url('../images/messages/info.png');}
.successes{color: #FFF;background-color: #35a502; border-color:#FFF; background-image:url('../images/messages/success.png');}
.warning {color: #fd6002;background-color: #fbf0b3; border-color:#fbbb95;background-image: url('../images/messages/warn.png');}
.errors {color: #FFF;background-color: #c80305;border-color:#FFF; background-image: url('../images/messages/error.png');}

#slider-back{width:946px; height:334px; margin:0px auto 20px auto; background:transparent url('../images/slider_frame.png') no-repeat}
#cu3er-container {width:932px; margin:7px}
