/* CSS Document */

body {
	margin:0;
	padding:0;
	color:#444;
	font-family: 'Roboto Slab', serif;
}

h1 {
	font-size:30px;
	margin:0;
	padding:0;
	margin-top:60px;
}

h3 {
	font-size:22px;
	line-height:33px;
	padding:0;
	margin:0;
	font-weight:normal;
	padding-top:10px;
}


h4 {
	color:#E57818;
	font-size:18px;
	line-height:24px;
	margin:0;
	padding:0;
	padding-top:10px;
}

p {
	font-size:14px;
	line-height:21px;
	padding:0;
	margin:0;
	padding-top:10px;
}

a {
	color:#008CDB; 
	text-decoration:none;
}

a:hover {
	color:#0A5A88;
}

.clear {
	clear:both;
}

#container {
	background-color:#fff;
}

.inside-content {
	width:1280px;
	margin:0 auto;
}

header {
	width:990px;
	height:110px;
	margin:0 auto;
	padding-top:20px;
	
}


#banner-text {
	width:310px;
	margin-left:145px;
}

.button {
	width:150px;
	padding:10px 10px;
	background-color:#008CDB;
	color:#fff;
	font-size:16px;
	margin-top:20px;
	border-radius:10px;
	text-align:center;
}

.button a {
	color:#fff;
}

article {
	width:990px;
	margin:0 auto;
	padding-top:20px;
}


section ul {
	font-size:12px;
	line-height:18px;
	padding-left:15px;
	margin-top:0;
}

section ul li {
	padding-top:10px;
}

#left-area {
	float:left;
	width:700px;
	padding-right:30px;
}

#right-area {
	width:220px;
	float:left;
}


#right-area ul {
	padding-left:0;
	margin-top:0;
}


#right-area ul li {
	list-style:none;
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:0 15px;
	padding-left:15px;
	
}

#border {
	border-left:1px solid #ccc;
	height:280px;
	float:left;
	margin-right:30px;
}

.job-entry {
	clear:both;
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
}

.job-entry a {
	display:inline-block;
	background-color: #128CB3;
    color: #FFF;
    font-weight: bold;
    padding: 10px 32px;
    border: none;
    border-radius: 18px;
    cursor: pointer;
}

.job-entry a:hover {
	background-color:#0A5A88;
}

.popup-form {
	width: 930px;
    margin: 0 auto;
	background-color:#eee;
	padding:20px 30px;
}

form table td {
	padding:5px;
}

input[type=submit], input[type=button], button {
	display: inline-block;
    background-color: #128CB3;
    color: #FFF;
    font-weight: bold;
    padding: 10px 32px;
    border: none;
    border-radius: 18px;
    cursor: pointer;
}

input[type=submit]:hover, input[type=button]:hover, button:hover {
	background-color:#0A5A88;
}

footer {
	width:990px;
	margin:0 auto;
	border-top:1px solid #ccc;
	margin-top:10px;
	padding-bottom:50px;
	padding-top:20px;
	
}


.para-left {
	float:left;
}

.para-left p {
	font-size:11px;
}

.para-right {
	float:right;
	padding-top:10px;
}


/* contact-us */

label {
    padding-right: 10px;
    display: block;
}


.submit:hover {
	background-color:#0A5A88 !important;
}


/* menu */

.index .index-link a, .about-us .about-link a, .services .services-link a, .hot-vacancies .vacancies-link a, .walkins .walkins-link a, .resume .resume-link a, .contact-us .contact-link a {
	color:#008CDB!important;
	font-weight:bold;
}	

#banner {
	background-image:url(../images/Banner.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:100%;
	height:492px;
}

.banner-inside {
	height:350px !important;
	background-image:url(../images/Banner-1.jpg) !important; 
}

.about-banner {
	height:350px !important;
	background-image: url(../images/about-us.jpg) !important; 
}

.vacancies-banner {
	height:350px !important;
	background-image: url(../images/hot-vacancies-banner.jpg) !important; 
}

.resume-banner {
	height:350px !important;
	background-image: url(../images/post-resume.jpg) !important; 
}

.services-banner {
	height:350px !important;
	background-image: url(../images/services.jpg) !important; 
}


.contact-banner {
	height:350px !important;
	background-image: url(../images/contact-us.jpg) !important; 
}

#banner-text-inside {
	text-align:center;
	color:#fff !important;
}

#leftside {
	float:left;
	width:25%;
}

#rightside {
	float:left;
	width:50%;
}

.clients {
	text-align:center;
	float:left;
	width:25%;
}

.clients ul, .clients ul li {
	list-style:none;
	padding:0;
	margin:0;
}

.clients ul li {
	display:inline-block;
	padding:5px 10px;
	/*border:1px solid #ccc;*/
	margin:5px;
	background-color:#f6f6f6;
}

.inner {
	padding:0 20px;
}





@media only screen and (min-width:10px) {
	/* CSS Document */


	.inside-content {
		width:auto;
		margin:20px;
	}
	
	header {
		width:auto;
		height:110px;
		margin:0 auto;
		padding-top:20px;
		
	}
	
	
	
	#banner-text {
		width:auto;
		margin-left:30px;
	}
	
	.button {
		width:150px;
		padding:10px 10px;
		background-color:#008CDB;
		color:#fff;
		font-size:16px;
		margin-top:20px;
		border-radius:10px;
		text-align:center;
	}
	
	.button a {
		color:#fff;
	}
	
	article {
		width:auto;
		margin:0 20px;
		padding-top:20px;
	}
	
	
	section ul {
		font-size:14px;
		line-height:21px;
		padding-left:15px;
	}
	
	section ul li {
		padding-top:10px;
	}
	
	#left-area {
		float:none;
		width:auto;
		padding-right:0;
	}
	
	#right-area {
		width:auto;
		float:none;
	}
	
	
	#right-area ul li {
		list-style:none;
		
	}
	
	#border {
		border-left:1px solid #ccc;
		height:0;
		float:none;
		margin-right:0;
	}
	
	footer {
		width:auto;
		margin:0 auto;
		border-top:1px solid #ccc;
		margin-top:30px;
		padding-bottom:50px;
		padding-top:20px;
		text-align:center;
		
	}
	
	
	.para-left {
		float:none;
	}
	
	.para-left p {
		font-size:11px;
	}
	
	.para-right {
		float:none;
		padding-top:10px;
	}
	
	
	/* contact us */
	
	input[type="text"], textarea {
		width: 91%;
		height: 25px;
		margin: 2px 0;
		border: 1px solid #dfdfdf;
		padding: 5px;
		background: rgba(255,255,255,1);
		font-family: inherit;
		font-size: inherit;
		color: inherit;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	
	select {
		width: 95%;
		margin: 2px 0;
		border: 1px solid #dfdfdf;
		padding: 7px;
		background: rgba(255,255,255,1);
		font-family: inherit;
		font-size: inherit;
		color: inherit;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	
	
	
	#services-left {
		float:none;
		width:auto;
	}
	
	#services-right {
		float:none;
		width:auto;
	}
	
	
	/* about-us */
	
	#leftside {
		float:none;
		width:auto;
	}
	
	#rightside {
		float:none;
		width:auto;
	}
	
	.clients {
		float:none;
		width:auto;
	}
	
	.border-side {
		float:left;
		border-left:1px solid #ddd;
		margin:0 2%;
		height:500px;
		display:none;
	}
 

}



@media only screen and (min-width:600px) {
	/* CSS Document */


	.inside-content {
		width:auto;
		margin:20px;
	}
	
	header {
		width:95%;
		height:110px;
		margin:0 auto;
		padding-top:20px;
		
	}
	
	
	
	#banner-text {
		width:50%;
		margin-left:30px;
	}
	
	.button {
		width:150px;
		padding:10px 10px;
		background-color:#008CDB;
		color:#fff;
		font-size:16px;
		margin-top:20px;
		border-radius:10px;
		text-align:center;
	}
	
	.button a {
		color:#fff;
	}
	
	article {
		width:auto;
		margin:0 20px;
		padding-top:20px;
	}
	
	
	section ul {
		font-size:14px;
		line-height:21px;
		padding-left:15px;
	}
	
	section ul li {
		padding-top:10px;
	}
	
	#left-area {
		float:left;
		width:60%;
		padding-right:2%;
		border-right:1px solid #ccc;
	}
	
	#right-area {
		width:35%;
		float:left;
		margin-left:2%;
	}
	
	
	#right-area ul li {
		list-style:none;
		
	}
	
	#border {
		border-left:1px solid #ccc;
		height:400px;
		float:left;
		margin-right:2%;
	}
	
	footer {
		width:auto;
		margin:0 auto;
		border-top:1px solid #ccc;
		margin-top:30px;
		padding-bottom:50px;
		padding-top:20px;
		
	}
	
	
	.para-left {
		float:left;
	}
	
	.para-left p {
		font-size:11px;
	}
	
	.para-right {
		float:right;
		padding-top:10px;
	}
	 
	 
	 
	/* contact us */
	
	input[type="text"], textarea {
		width: 230px;
		height: 25px;
		margin: 2px 0;
		border: 1px solid #dfdfdf;
		padding: 5px;
		background: rgba(255,255,255,1);
		font-family: inherit;
		font-size: inherit;
		color: inherit;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	} 
	
	
	select {
		width: 242px;
		margin: 2px 0;
		border: 1px solid #dfdfdf;
		padding: 7px;
		background: rgba(255,255,255,1);
		font-family: inherit;
		font-size: inherit;
		color: inherit;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	
	
	
	
	.form-left {
		float:none;
		width:auto;
		padding-right:0;
	}
	
	.form-right {
		float:none;
		width:auto;
	}
	
	#services-left {
		float:left;
		width:45%;
		margin-right:50px;
	}
	
	#services-right {
		float:left;
		width:45%;
	}
	
	/* about-us */
	
	#leftside {
		float:left;
		width:25%;
	}
	
	#rightside {
		float:left;
		width:50%;
	}
	
	.clients {
		float:left;
		width:25%;
	}
	
	.border-side {
		float:left;
		border-left:1px solid #ddd;
		margin:0 2%;
		height:700px;
		display:block;
	}

}
 
 
@media only screen and (min-width:990px) {
	.form-left {
		float:left;
		width:50%;
	}
	
	.form-right {
		float:right;
		width:50%;
	}
	
	.submit {
		float:right;
	}


	/* about-us */
	
	
	.border-side {
		float:left;
		border-left:1px solid #ddd;
		margin:0 2%;
		height:500px;
	}

}
 




@media only screen and (min-width:1280px) {
	/* CSS Document */


	.inside-content {
		width:1280px;
		margin:0 auto;
	}
	
	header {
		width:990px;
		height:110px;
		margin:0 auto;
		padding-top:20px;
		
	}
	
	
	
	#banner-text {
		width:325px;
		margin-left:145px;
	}
	
	.button {
		width:150px;
		padding:10px 10px;
		background-color:#008CDB;
		color:#fff;
		font-size:16px;
		margin-top:20px;
		border-radius:10px;
		text-align:center;
	}
	
	.button:hover {
		background-color:#0A5A88
	}
	
	.button a {
		color:#fff;
	}
	
	
	article {
		width:990px;
		margin:0 auto;
		padding-top:20px;
	}
	
	
	section ul {
		font-size:14px;
		line-height:21px;
		padding-left:15px;
	}
	
	section ul li {
		padding-top:10px;
	}
	
	#left-area {
		float:left;
		width:700px;
		padding-right:30px;
		border-right:1px solid #ccc;
	}
	
	#right-area {
		width:220px;
		float:left;
		margin-left:30px;
	}
	
	
	#right-area ul li {
		list-style:none;
		
	}
	
	#border {
		border-left:1px solid #ccc;
		height:280px;
		float:left;
		margin-right:30px;
	}
	
	footer {
		width:990px;
		margin:0 auto;
		border-top:1px solid #ccc;
		margin-top:30px;
		padding-bottom:50px;
		padding-top:20px;
		
	}
	
	
	.para-left {
		float:left;
	}
	
	.para-left p {
		font-size:11px;
	}
	
	.para-right {
		float:right;
		padding-top:10px;
	}
	
	/* about us */
	
	#banner-text-inside {
		text-align:center;
		color:#fff !important;
	}
	
	.left-side {
		width:600px !important;
		border-right:1px solid #ccc !important;
		height:650px;
	}
	
	.right-side {
		width:329px !important;
		margin-left:20px;
	}
	
	
	/* contact-us */
	
	input[type="text"], textarea {
		width: 300px;
		height: 25px;
		margin: 2px 0;
		border: 1px solid #dfdfdf;
		padding: 5px;
		background: rgba(255,255,255,1);
		font-family: inherit;
		font-size: inherit;
		color: inherit;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	
	input[type="file"] {
		width: 300px;
		height: 25px;
		margin: 2px 0;
		padding: 5px;
		background: rgba(255,255,255,1);
		font-family: inherit;
		font-size: inherit;
		color: inherit;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		font-size:12px;
		font-family:sans-serif;
	}
	
	
	.form-left {
		float:left;
		width:450px;
		padding-right:15px;
	}
	
	.form-right {
		float:right;
		width:450px;
		padding-left:15px;
	}
	
	.contact {
		width:45% !important;
		height:300px;
	}
	
	select {
		width: 312px;
		margin: 2px 0;
		border: 1px solid #dfdfdf;
		padding: 7px;
		background: rgba(255,255,255,1);
		font-family: inherit;
		font-size: inherit;
		color: inherit;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
	
	/* about-us */
	
	.border-side {
		float:left;
		border-left:1px solid #ddd;
		margin:0 2%;
		height:500px;
	}
 

}