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

/*  
Theme Name: abcdrs
Theme URI: http://www.hellonemo.com
Description: hellonemo websites
Version: 1.0
Author: nizamilputra [hellonemo]
Author URI: http://www.hellonemo.com 
*/

/* ---------------------------------------------------------------------------------------------------*/

@font-face {
  font-family: "Museo Sans";
  src: url("../fonts/museosans_500-webfont.eot");
  src: local("☺"),
    url("../fonts/museosans_500-webfont.woff") format("woff"),
    url("../fonts/museosans_500-webfont.otf") format("opentype"),
	url("../fonts/museosans_500-webfont.ttf") format("truetype"),
    url("../fonts/museosans_500-webfont.svg#filename") format("svg");
  }
  
@font-face {
  font-family: "CartoGothicPro-Book";
  src: url("../fonts/cartogothicpro-book-webfont.eot");
  src: local("☺"),
    url("../fonts/cartogothicpro-book-webfont.woff") format("woff"),
    url("../fonts/cartogothicpro-book-webfont.otf") format("opentype"),
	url("../fonts/cartogothicpro-book-webfont.ttf") format("truetype"),
    url("../fonts/cartogothicpro-book-webfont.svg#filename") format("svg");
  }
 
@font-face {
  font-family: "ColabThi";
  src: url("../fonts/colabthi_1-webfont.eot");
  src: local("☺"),
    url("../fonts/colabthi_1-webfont.woff") format("woff"),
    url("../fonts/colabthi_1-webfont.otf") format("opentype"),
	url("../fonts/colabthi_1-webfont.ttf") format("truetype"),
    url("../fonts/colabthi_1-webfont.svg#filename") format("svg");
  }
  
@font-face {
  font-family: "ColabMed";
  src: url("../fonts/colabmed-webfont.eot");
  src: local("☺"),
    url("../fonts/colabmed-webfont.woff") format("woff"),
    url("../fonts/colabmed-webfont.otf") format("opentype"),
	url("../fonts/colabmed-webfont.ttf") format("truetype"),
    url("../fonts/colabmed-webfont.svg#filename") format("svg");
  }


body{
	background:#FFFFFF;
	font-family:"CartoGothicPro-Book", serif;
	width:100%;
	overflow-x: hidden;
}

h2{
	font-family:"Museo Sans", serif;
	font-size:30px;
	margin-bottom:10px;
	color:#1e1e1e;
	letter-spacing:-1.5px;
	font-weight:500;
	text-shadow: rgba(240, 240, 240, 1) 1px 2px 0px;
}


/*vertical centering*/

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 

min-height:468px;/* for good browsers*/
min-width:552px;/* for good browsers*/
}
#outer{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#container {
text-align: center;
position:relative;
vertical-align:middle;
display:table-cell;
height: 468px;
} 
#inner {
/*width: 552px;*/
height: 290px;
text-align: center;
margin-left:auto;
margin-right:auto;
}


/* end vertical centering */


/* HEADER */

.container {
  width: 100%;
  overflow: hidden;
}

#header{
	background-color:#141414;
	background:#141414 url(../images/header.png) repeat-x top;
	height:89px;
	background-position:center;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75)1px 0px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.75)1px 0px 5px;
	-o-box-shadow: rgba(0, 0, 0, 0.75)1px 0px 5px;
	box-shadow: rgba(0, 0, 0, 0.75)1px 0px 1px;
	clear:both;
	margin-bottom:40px;
	width:auto;
}


#logo{
	width:236px;
	height:72px;
	background:url(../images/logo_hellonemo.png);
	cursor:pointer;
}

#logo:hover{
	background:url(../images/logo_hover.png);
}

#menu{
	position:relative;
	top:40px;
}

#menu ul li{
	display:inline;
	font-size:18px;
	margin:10px;
}

#menu ul li a{
	text-decoration:none;
	color:#FFFFFF;
	padding:45px 5px 25px 5px;
	letter-spacing:0.9px;
	text-shadow: rgba(175, 0, 75, 0.6) 0px 1px 0px;
}

/*#menu ul li a:hover{
	color:#922c58;
}
*/
#menu ul li a.selected{
	*background-color:#141414;
	*color:#922c58;
	-webkit-box-shadow: rgba(0, 0, 0, 0.75)1px 0px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.75)1px 0px 5px;
	box-shadow: rgba(0, 0, 0, 0.75)1px 0px 5px;
	border-width:15px;
	-moz-border-image:url(../images/state.png) 15 15 stretch;
	-webkit-border-image:url(../images/state.png) 15 15 stretch;
	width:inherit;
	padding:45px 0px 10px 0px;
	height:89px;
	background:#141414\0/;
	color /*\**/: #922c58\9
}

.wcu{
	
}


#menu ul li a.selected:hover{
	color:#FFFFFF;
}

/* end of Header */


/* CONTENT */

#boxContainer{
	background:url(../images/backgroundBox.png) repeat-x center;
	background-position:bottom;
	text-shadow: rgba(240, 240, 240, 1) 1px 2px 0px;
	margin-top:75px;
}

#boxContainerNN{
	background-position:bottom;
	text-shadow: rgba(240, 240, 240, 1) 1px 2px 0px;
	margin-top:75px;
}

#content{
	clear:both;
	margin-bottom:40px;
	min-height:345px;
}

.topContent{
	margin-top:50px;
}

#inspirations{
	clear:both;
	margin-bottom:40px;
	min-height:330px;
}

#inspirationsTxt{
	position:relative;
	top:125px;	
}

#inspirationsTxt span{
	display:block;
	
}

.welcome{
	color:#c50055;
	font-size:28px;
	font-family:"ColabThi", serif;
	letter-spacing:-1.4px;
	text-shadow: rgba(240, 240, 240, 1) 1px 2px 0px;
}

.txt1, .txt2{
	font-family:"ColabMed", serif;
	text-shadow: rgba(240, 240, 240, 1) 1px 2px 0px;
	
}

.txt{
	font-size:14px;
	color:#242424;
	letter-spacing:-0.3px;
	text-shadow: rgba(240, 240, 240, 1) 1px 2px 0px;
}

.txt1{
	font-size:48px;
	letter-spacing:-1px;
	line-height:25px;
	text-shadow: rgba(240, 240, 240, 1) 1px 2px 0px;
}


.txt2{
	font-size:60px;
	letter-spacing:-6px;
	line-height:60px;
	text-shadow: rgba(240, 240, 240, 1) 1px 2px 0px;
}

.txt3{
	font-size:16px;
	line-height:16px;
	letter-spacing:-0.8px;
	text-shadow: rgba(240, 240, 240, 1) 1px 2px 0px;
}

.black3d{
	color:#3d3d3d;
}

.black24{
	color:#242424;
}

#ulWwd{
	margin-top:15px;
	position:relative;
	right:40px;
	
}

#ulWwd li{
	list-style-image:url(../images/cek.png);
	font-family: "Museo Sans",serif;
	font-weight:500;
	font-size:16px;
	letter-spacing:-1px;
	color:#242424;
	*padding-left:10px;
	*line-height:22px;
	text-shadow: rgba(240, 240, 240, 1) 1px 2px 0px;
}

#rbp{
	position:relative;
	left:15px;
}

#rbp span{
	display:block;
	margin-bottom:15px;
}

#rbp span div{
	display:block;
	margin-top:-7px;
}

.wall{
	position:absolute;
	top:-10px;
	right:-25px;
}

.wallSvc{
	position:absolute;
	left:-70px;
	top:-10px;
}

#smallPorto{
	position:relative;
	left:15px;
}

#smallPorto .txt3{
	margin-left:15px;
}

#nextBtn, #prevBtn{
	width:43px;
	height:26px;
	 margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
	display:block;
	width:43px;
	height:33px;
	position:absolute;
	left:279px;
	top:160px;
	z-index:1000;
	
}

#nextBtn a{
	background:url(../images/navPortofolio.png) no-repeat;
	display:block;
	position:relative;
	width:43px;
	height:33px;
}

#nextBtn a:hover{
	background:url(../images/navPortofolioHover.png) no-repeat;
}

#slider{
	width:317px;
	height:248px;
}

#slider ul, #slider li{
	list-style:none;
	margin:0;
	padding:0;
}

.pink{
	font-family: "Museo Sans",serif;
	font-weight:500;
	color:#c50055;
	font-size:16px;
	letter-spacing:-1px;
}

.pink a{
	text-decoration:none;
	color:#c50055;
}

#ulRbp li{
	list-style-image:url(../images/pen.png);
	font-family: "Museo Sans",serif;
	font-weight:500;
	font-size:16px;
	letter-spacing:-1px;
	*padding-left:10px;
	*line-height:22px;
	text-shadow: rgba(240, 240, 240, 1) 1px 2px 0px;
}

#ulRbp li a{
	color:#5e5e5e;
	text-decoration:none;
}

/*#ulRbp li a:hover{
	color:#c50055;
}*/


.awesome{
	background: #222 url(/images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 7px 10px 8px;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;
	background-color: #b21c38;
	background: -moz-linear-gradient(center top , #c42542, #860620 100%, #860620 50%) repeat scroll 0 0 #860620;
	background: -webkit-gradient(linear, left top, left bottom, from(#c42542), to(#860620));
}

a.awesome:hover{
	background:#bc1f3c;
}

a.awesome:active{
	-moz-transform: translateY(0.2em);
	-webkit-transform: translateY(0.2em);
}

#quote{
	font-size:24px;
	font-family: "Museo Sans",serif;
	font-weight:500;
	line-height:25px;
	min-height:85px;
	vertical-align:middle;
	margin-bottom:-30px;
	position:relative;
	top:30px;
}

.quoteTxt{
	text-align:center;
	margin:auto 0;
	position:relative;
	top:10px;
	color:#5e5e5e;
	letter-spacing:-2px;
	text-shadow: rgba(240, 240, 240, 1) 1px 2px 0px;
}

.qt1{
	background:url(../images/quote.png) no-repeat;
	background-position:top;
	height:38px;
}

.qt2{
	background:url(../images/quote.png) no-repeat;
	background-position:bottom;
	height:75px;
}


.portoTxtUp{
	font-family: "Museo Sans",serif;
	font-size:18px;
	color:#5e5e5e;	
	margin-top:8px;
	margin-bottom:40px;
}

.portoTxtUp span a{
	color:#242424;
	text-decoration:none
}

.portoTxtUp span a:hover{
	color:#C50055;
}

.noPage{
	font-family: "Museo Sans",serif;
	font-size:18px;
	color:#5e5e5e;	
	margin-top:25px;
	margin-bottom:40px;
}

.noPage_{
	font-family: "Museo Sans",serif;
	font-size:18px;
	color:#5e5e5e;	
	margin-top:10px;
	margin-bottom:40px;
}


.portoTxtUp span{
	display:block;
	line-height:20px;
	text-align:center;
}

.noPage span{
	line-height:20px;
	text-align:center;
	
}


.subMenu li{
	display:inline;
	font-size:16px;
	list-style:none;
	margin:5px;
}

.subMenu li a{
	text-decoration:none;
	color:#242424;
	text-shadow: rgba(0, 0, 0, 0.1) 1px 0px 0px;
	padding:1px 5px;
}

.subMenu li a:hover{
	background:#c72c48;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3)1px 0px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3)1px 0px 0px;
	box-shadow: rgba(0, 0, 0, 0.3)1px 0px 0px;
	color:#FFFFFF;
	padding:1px 5px;
	
}

.group{
	width:196px;
	height:352px;
	float:left;
	margin-right:40px;
	margin-bottom:80px;
}

.group a{
	text-decoration:none;
	color:#000000;
}

.pContDetail{
	-webkit-box-shadow: rgba(0, 0, 0, 0.4)0px 0px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4)0px 0px 5px;
	box-shadow: rgba(0, 0, 0, 0.4)0px 0px 5px;
	position:relative;
	bottom:23px;
	left:16px;
	cursor:pointer;
}

.pContDetail:hover{
	-webkit-box-shadow: rgba(0, 0, 0, 0.5)0px 0px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5)0px 0px 10px;
	box-shadow: rgba(0, 0, 0, 0.5)0px 0px 10px;
}

.portoTitle{
	background:#fbfcb2;
	background:url(../images/backPortox.png) repeat;
	height: 72px;
	width:197px;
	position:relative;
	left:0px;
	padding-bottom:30px;
	*border: solid 2px  #DEDEDE;
	*left:15px;
}

.portoImg{
	height:246px;
	width:196px;
	z-index:1;
	/*position:relative;
	bottom:23px;
	left:16px;*/
	/*-webkit-box-shadow: rgba(0, 0, 0, 0.4)0px 0px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4)0px 0px 5px;
	box-shadow: rgba(0, 0, 0, 0.4)0px 0px 5px;*/
	/*border: solid 1px  rgba(0, 0, 0, 0.4);*/
	*border: solid 2px  #DEDEDE;
}

.bdrTop{
	width:227px;
	height:39px;
	background:url(../images/borderUp.png);
	z-index:2;
	position:relative;
}

.bdrBtm{
	width:227px;
	height:39px;
	background:url(../images/borderDownx.png);
	position:relative;
	bottom:50px;
	left:4px;
	z-index:3;
}

.portoTitle span{
	display:block;
}

.portoTitle span.pTitle{
	font-family: "Museo Sans",serif;
	font-size:16px;
	text-align:center;
	padding-top:15px;
}

.portoTitle span.pDesc{
	font-size:12px;
	text-align:center;
	line-height:14px;
	padding-top:5px;
}

.pContainer{
	margin-top:-33px;
	margin-bottom:15px;
}


.pUp, .pDown{
	position:relative;
	right:15px;
	height:33px;
}

.pUp{
	top:20px;
}

.pDown{
	top:-30px;
}


.pContDetails{
	background:url(../images/pDetailsBack.png) repeat-y;
	height:358px;
	width:937px;
	border: solid 1px #FFFFFF;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5)0px 0px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5)0px 0px 5px;
	box-shadow: rgba(0, 0, 0, 0.5)0px 0px 5px;
	*border: solid 2px  #DEDEDE;
	display:table-cell;
	vertical-align:middle;
	text-align:center;

}

.pContDetailsBlk{
	background:url(../images/pDetailsBackBlk.png) repeat-y;
	height:375px;
	width:937px;
	border: solid 1px #FFFFFF;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5)0px 0px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5)0px 0px 5px;
	box-shadow: rgba(0, 0, 0, 0.5)0px 0px 5px;
	*border: solid 2px  #DEDEDE;
	display:table-cell;
	vertical-align:middle;
	text-align:center;

}

/*.pContDetails div.center{
	text-align:center;
    margin:auto;
	vertical-align:middle;
}

.pContDetails div.center{
	position:relative;
	top:50px;
}*/


.pContDetails img{
	position:relative;
	top:-15px;
}

.pContDetails img.web{
	position:relative;
	top:10px;
}


#pDesc span{
	display:block;
	text-align:right;
}

.pDescTitle{
	font-family: "Museo Sans";
	font-weight:500;
	font-size:24px;
	letter-spacing:-1.5px;
}

.pDescFor{
	font-style:italic;
	font-family: "Museo Sans";
	font-size:14px;
	color:#c50055;
	line-height:14px;
}

#pDesc span ul{
	margin-top:10px;
}

#pDesc span ul li{
	display:inline;
	margin:0px;
}

#pDesc span ul li a{
	text-decoration:none;
	opacity:0.5;
}

#pDesc span ul li a:hover{
	opacity:1;
}

.pDescLong span{
	display:block;
	margin:15px 0;
}

.envelope{
	background:url(../images/envelope.png);
	height:553px;
	width:853px;
}

.envelope div{
	position:relative;
	top:45px;
	
}

.envelope div span{
	display:block;
}

.envelope div span.txt{
	line-height:18px;
}

#contactContent{
	position:relative;
	top:0px;
	*top:120px;
	*right:175px;
}

.capcay{
	margin-left:10px;
}

.address{
	margin-top:50px;
}

#form1{
	margin-top:15px;
}

#form1 input, #form1 textarea{
	display:block;
	margin-bottom:20px;
	width:96%;
	border-bottom:solid 1px #333333;
	border-top:none;
	border-right:none;
	border-left:none;
	font-family:"CartoGothicPro-Book", san-serif;
	font-size:14px;
}

#form1 input[type=submit]{
	width:25%;
	margin-left:280px;
	position:relative;
	top:-55px;
}


#sumbit.awesome:hover{
	background:#bc1f3c;
}

#sumbit.awesome:active{
	-moz-transform: translateY(0.2em);
	-webkit-transform: translateY(0.2em);
}


/* error container */
#errors {
 background-color:rgba(205, 25, 60,.8);
 color:#fff;
 width:100%;
 padding:20px;
 display:none;
 position:fixed;
 top:0;
 cursor:pointer;
 z-index:999;
 text-align:center;
}
/* title */
#errors h3 {
 margin:-5px 0 5px 0;
 color:#FFFFFF;
 text-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
 font-weight:normal;
}

#errors p{
	margin:2px 0;
}

.errMsg{
	width:300px;
	margin:0 auto;
	 text-align:left;
}


div.error{
	width:100%;
	position:absolute;
	text-align:center;
	margin:0 auto;
	top:100px;
}

.err
{
	font-size : 12px;
	color: red;
}

#thanks {
 background-color:rgba(205, 25, 60,.8);
 color:#fff;
 width:100%;
 padding:20px;
 display:none;
 position:fixed;
 top:0;
 cursor:pointer;
 z-index:999;
 text-align:center;
 color:#FFFFFF;
 text-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
 font-weight:normal;
}

#captchaimg{
	border: 1px solid #000;
}

#form1 input.captcha{
	width:40%;
}

.noPage span a{
	text-decoration:none;
	color:#c50055;
}

.avatar1{
	height:337px;
	width:299px;
}

.topContent img{
	position:relative;
	top:-25px;
}

.aboutusTxt1{
	margin-top:20px;
}

.aboutusTxt1 span{
	display:block;
	margin-bottom:15px;
	font-size:14px;
	color:#242424;
	letter-spacing:-0.14px;
	line-height:16.5px;
}

.aboutusTxt2{
	font-size:14px;
	color:#242424;
	letter-spacing:-0.14px;
	float:left;
	line-height:16.5px;
}

.etc{
	font-family: "Museo Sans";
	font-size:18px;
	font-weight:500;
	color:#5e5e5e;
	text-align:center;
	line-height:22px;
	margin-bottom:40px;
	letter-spacing:-0.18px;
}

.people{
	margin-bottom:40px;
	margin-right:35px;
}

.txtPeople{
	font-size:14px;
	color:#242424;
	letter-spacing:0px;
	text-shadow: rgba(240, 240, 240, 1) 1px 2px 0px;
	line-height:16.5px;
	margin-top:10px;
}

.people span{
	display:block;
}

.people span a{
	text-decoration:none;
}

.people span a.website{
	color:#c50055;
}

.people span a.twitter{
	color:#3dcee6;
}

#learnDesign{
	height:260px;
	background:url(../images/learnproces.png) repeat-y;
	border: solid 1px #ebe9ea;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px;
	position:relative;
	top:20px;
}

#learnDesign div{
	font-family:"ColabMed", serif;
	font-size:36px;
	color:#363535;
	text-align:center;
	letter-spacing:-1px;
}

#learnDesign ul{
	margin-top:15px;
}

#learnDesign ul li{
	list-style:none;
	display:inline;
	margin-bottom:30px;
	word-spacing:-1px;
	font-size:12px;
	letter-spacing:0px;
}

#learnDesign ul li span{
	color:#242424;
	font-size:18px;
	font-family: "Museo Sans";
	display:block;

}

#learnDesign ul li div{
	font-size:14px;
}

#learnDesign ul li img{
	float:left;
}


.top{
	min-height:300px;
	clear:both;
	display:block;
	margin-bottom:50px;
}

.middle{
	min-height:300px;
	clear:both;
	display:block;
}

#cakeTxt span{
	display:block;
	position:relative;
	top:75px;
	letter-spacing:-0.8px;
}

#cakeTxt span.txt2{
	letter-spacing:-4.5px;
}

#cakeTxt span a{
	text-decoration:none;
	color:#c50055
}

#cakeTxt span a:hover{
	color:#000000;
}

	
.ourSrvc ul li{
	list-style:none;
	color:#242424;
	font-size:14px;
	line-height:15px;

}

.ourSrvc ul li div.grid_4{
	font-size:12px;
	letter-spacing:0.12px;
}

.ourSrvc ul li div{
	min-height:70px;
	margin-bottom:30px;
}

.ourSrvc ul li img{
	float:left;
}

.ourSrvc ul li img.shadow{
	-webkit-box-shadow: rgba(165, 26, 65, 0.4)0px 0px 5px;
	-moz-box-shadow: rgba(165, 26, 65, 0.4)0px 0px 5px;
	box-shadow: rgba(165, 26, 65, 0.4)0px 0px 5px;
}

.ourSrvc ul li span{
	
	color:#242424;
	font-size:18px;
	font-family: "Museo Sans";
	letter-spacing:-1px;
	display:block;
	margin-bottom:-8px;
	
}

.ourSrvc ul li.see{
	font-family: "Museo Sans";
	font-size:18px;
	color:#5e5e5e;
	line-height:22px;
	margin-bottom:30px;	
}

.ourSrvc ul li.see a{
	text-decoration:none;
	color:#c50055;
}

.ourSrvc ul li.see a:hover{
	color:#000000;
}

.wcu{
	font-family: "Museo Sans";
	font-size:20px;
	letter-spacing:-2px;
	position:relative;
	right:35px;
}

/* end of CONTENT */

/* FOOTER */

#footer{
	background:url(../images/footer_hellonemo.png) no-repeat;
	background-position:center;
	height:145px;
	margin-top:90px;
}

#socialMedia{
	position:relative;
	top:40px;
}

#socialMedia ul{
	line-height:1px;
}

#socialMedia ul li{
	display:inline;
	margin:5px;
}

#socialMedia ul li a{
	text-decoration:none;
	opacity:0.5;
}

#socialMedia ul li a:hover{
	opacity:1;
}

#copyright{
	font-size:14px;
	color:#5e5e5e;
	margin-top:-10px;
}

/* end of FOOTER */