@charset "utf-8";
/* CSS Document */
@font-face{
font-family: Franchise-Bold;
src:url(../../Franchise-Bold.ttf);}

body,html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:0;
	background-color:#FAFAFA;}
textarea{
    width: 100%;
	border:solid thin #CCC;
	height:90px;} 	
input[type="text"], #nationality, #country, #qualification, #field, #locatedin , #contact_when, #time, #datereq{
    width: 100%;
	border:solid thin #CCC;
	height:40px;
	background-color:#fff;}
#dob, #mob, #year{
    width: 30%;
	border:solid thin #CCC;
	height:40px;
	background-color:#fff;}
	
h1{
	font-family: 'Franchise-Bold', Times, serif; 
	font-size:2.3em;}
h2{
	font-family: 'Franchise-Bold', Times, serif; 
	font-size:2em;}
h3{
	font-family: 'Franchise-Bold', Times, serif; 
	font-size:1.9em;}
h5{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:1em;
	font-weight:bold;}
.title-form{
	font-family: 'Franchise-Bold', Times, serif; 
	font-size:1.5em;
	line-height:1em;}	
.title-form-yellow{
	font-family: 'Franchise-Bold', Times, serif; 
	font-size:1.6em;
	line-height:1em;
	color:#FDB928;}
.rec{
	font-family: 'Franchise-Bold', Times, serif;
	font-size:1.5em;
	background-color:#3f3f3f;
	color:#fff;}
.rec-no{
	font-family: 'Franchise-Bold', Times, serif;
	font-size:1.5em;
	text-align:center;
	background-color:#FBB754;
	color:#fff;}
p{
	font-size:0.9em;}

ul .ouraim { 
	margin: 0; 
	font-size:0.9em;}
	
table .title-small{
	font-family: 'Franchise-Bold', Times, serif; 
	font-size:1.8em;}

#bungkus{
	padding:50px 15px 15px 15px; /*trbl*/}

#features{
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;}
#features li{
	margin:0;
	font-size:0.9em;
	line-height:1.5em;}
#recruit-form{
	padding-left:15px;
	padding-right:15px;
	padding-top:0;
	padding-bottom:5px;
	line-height:2em;}
#inquiry{
	padding:15px;
	padding-top:0;
	line-height:2em;}
	
#portfolio-page{
	padding:50px 0 0 0; /*trbl*/}

#services{
	font-family:Impact, Charcoal, sans-serif;
	font-size:1em;}
	
#outer-most{
	border:solid #666666 3px;
	top:20px;}
	
#client-page{
	padding:70px 15px 15px 15px; /*trbl*/}

#cust{
	background-color:#333333;
	color:#fff;
	padding-left:15px;
	padding-right:15px}
#hardware-service{
	text-align:center;
	}
	
#address-softworld{
	background-color:#343537;
	border-radius:10px;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.8em;
	color:white;}
	
.paraghh{ /*font-size logo, brochure, website, packaging, namecard, printer */
	text-align:center;
	font-size:0.9em;}	


/*SOFTWARE PAGE*/
/*accordion styling*/
.accordion {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
    width:95%;
    padding:10px;}
.accordion ul {
    list-style:none;
    margin:0;
    padding:0;}
.accordion li {
    margin:0;
    padding:0;}
.accordion [type=radio], .accordion [type=checkbox] {
    display:none;}
.accordion label {
    display:block;
	vertical-align:middle;
    font-size:12px;
    background:#CCC;
    border-radius: 5px;
    color:#000;
    cursor:pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;}
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label {
	background: #333;
	color: #FFF;}
#cat-web:hover{
	background-color:#333;
	color: #fff;
	border-radius: 5px;
	}
.accordion .panel {
    padding:0 20px;
    overflow:hidden;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;}
.accordion p {
    color:#fff;
    margin:0 0 10px;}

/* Vertical */
.vertical ul li {
    overflow:hidden;}
.vertical ul li label {
    padding:6px;
	margin-bottom:3px;}
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label {
    border-bottom:10px;}
.vertical ul li .panel {
    height:0px;
    border-top:0;}
.vertical [type=radio]:checked ~ label ~ .panel, .vertical [type=checkbox]:checked ~ label ~ .panel {
    height:auto;
	padding-top:5px;
	padding-bottom:5px;}
.catweb{
	display:block;
	font-size:12px;
	margin-bottom:3px;
	height:40px;
	vertical-align:middle;
	background:#CCC;
	border-radius: 5px;
	color:#000;
	cursor:pointer;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;}
.catweb:hover{
	display:block;
	font-size:12px;
	margin-bottom:3px;
	height:40px;
	vertical-align:middle;
	background:#333;
	border-radius: 5px;
	color:#fff;
	cursor:pointer;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;}