/* CSS Document */

p {
	font-size: 0.8em;
	font-weight: normal;
	margin: 0;
	color: #333333;
	line-height: 1.4;
	font-style: normal;
	padding-bottom: 0px;
}
h1 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
	color: #333333;
	padding-bottom: 8px;
	font-style: normal;
}
h2 {
	font-weight:normal;
	color: #333333;
	font-size:1.1em;
	margin: 0;
	padding: 0 0 8px 0;
}
h3 {
	font-weight:bold;
	color: #333333;
	font-size:1.1em;
	margin: 0;
	padding: 0 0 8px 0;
}
h4 {
	font-weight:bold;
	color: #333333;
	font-size:0.9em;
	margin: 0;
	padding: 0 0 8px 0;
	line-height: 1.4;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: normal;
	margin: 0;
	color: #CE003D;
	padding-bottom: 6px;
	font-style: normal;
	text-align: center;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0;
	color: #CE003D;
	padding-bottom: 5px;
	font-style: normal;
	text-align: center;
}
a:link {
	color: #000;
	font-weight: bold;
	text-decoration:underline;
}
a:visited {
	color: #000;
	font-weight: bold;
	text-decoration:underline;
}
a:hover {
	color: #000;
	font-weight: bold;
	text-decoration:underline;
}

/*----------------------------------------Body-------------------------------------*/
body {
	margin: 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; /* Standard syntax */
	background-color:#202020;
	background-image: url(../images/engineering_consultants_02.jpg);
	background-repeat: repeat-x;
}
.hori-padding {
	padding:0 12px;
	width: 480px;
	margin: auto;
}
/* ----------------- header ----------------------------------------------- */
.logo {
	height:48px;
	margin: 25px auto 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding:0 0 0 0;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 0px;
	text-align: center;
}
.eng_blue {
	color:#469bfc;
	font-weight:normal;
}
/* ----------------- index ----------------------------------------------- */
.top-banner {
	width:480px;
	height:233px;
	margin:0 auto 0px auto;	
}
.top-banner img {
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	box-shadow: 0px 0px 8px #0e0e0e;
}
.text {
	margin:8px auto 0 auto;
	padding:20px 25px;
	background: -webkit-linear-gradient(#fff, #e5e5e5); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fff, #e5e5e5); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #e5e5e5); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #e5e5e5); /* Standard syntax */
	border-radius:10px;
	box-shadow: 0px 0px 8px #0e0e0e;
}
.vert_spacer {
	width: 250px;
	height: 8px;
}
.vert_spacer_2 {
	width: 300px;
	height: 8px;
}
.lower-image {
	width:142px;
	height:179px;
	float:right;
	padding:6px 0 0 0;
}
.lower-image img {
	border-radius:8px;
}
.bullet ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 10px 30px;
}
.bullet li {
	background-image:url(../images/bullet.gif);
	background-position:0 0.3em;
	background-repeat:no-repeat;
	padding:1px 0 1px 25px;
	margin: 0;
}
/*----------------------------------------footer-------------------------------------*/
.tel {
	background: -webkit-linear-gradient(#479eff, #002d66); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#479eff, #002d66); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#479eff, #002d66); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#479eff, #002d66); /* Standard syntax */
	border-radius:10px;
	margin:8px 0 0 0;
	text-align:center;
	padding:11px 0 14px 0;
	font-size:1em;
	color:#FFF;
	box-shadow: 0px 0px 8px #0e0e0e;
}
.tel-link a,
.tel-link a:visited,
.tel-link a:hover {
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}
.email {
	background: -webkit-linear-gradient(#479eff, #002d66); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#479eff, #002d66); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#479eff, #002d66); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#479eff, #002d66); /* Standard syntax */
	border-radius:10px;
	margin:8px 0 0 0;
	text-align:center;
	padding:11px 0 14px 0;
	font-size:1em;
	color:#FFF;
	box-shadow: 0px 0px 8px #0e0e0e;
}
.email-link a,
.email-link a:visited,
.email-link a:hover {
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}
.copyright {
	text-align:center;
	width:350px;
	margin:10px auto 50px auto;
}
.copytxt {
	font-size: 0.7em;
	color: #469cfd;
}
.flaming a,
.flaming a:visited {
	font-size: 0.7em;
	color: #469cfd;
	text-decoration:underline;
	font-weight:normal;
}
.flaming a:hover {
	color:#FFF;
}
.br-on-off {
	display:none;
}

/* ----------------- Contact Enquiry ----------------------------------------------- */

.page_content_form {
	width: 250px;
	height:325px;
	padding: 0px 0 0 0;
}








.form-outer {
	width:302px;
	padding:8px 0 5px 0;
}
.form-left {
	width:80px;
	height:25px;
	float:left;
	font-size:0.75em;
	line-height:1.7;
	color:#6f6f6f;
}

.form-right {
	width:222px;
	height:26px;
	float:left;
}

.form-outer-m {
	width:320px;
	height:134px;
}

.form-left-select {
	width:80px;
	height:25px;
	float:left;
	font-size:0.75em;
	line-height:1.7;
	color:#6f6f6f;
	margin:1px 0 0 0;
}

.form-right-select {
	width:222px;
	height:25px;
	float:left;
	margin:0px 0 1px 0;
}

.form-google {
	width:302px;
	height:76px;
	margin:0 0 5px 0px;
}

.form-send {
	width:302px;
	font-size:0.9em;
	color:#6f6f6f;
	margin:2px 0 0 0;
}

input[type=text] {
	background-color:#fff;
	color:#6f6f6f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:normal;
	border:#ccc solid 1px;
	cursor: hand;
	padding:2px;
	width:216px;
	height:15px;
}
textarea {
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	width:216px;
	height:50px;
	font-weight:normal;
	border:#ccc solid 1px;
	padding:2px;
	color:#6f6f6f;
}
select {
	background-color:#fff;
	color:#6f6f6f;
	border:#ccc solid 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	font-weight:normal;
	width:222px;
	height:21px;
}
input[type=submit] {
	padding:13px 0 13px 0;
	width:302px;
	cursor: pointer;
	cursor: hand;
	color: #fff;
	border: 0;
	margin:0px 0 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	background:#999;
	background: -webkit-linear-gradient(#afafaf, #8c8c8c); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#afafaf, #8c8c8c); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#afafaf, #8c8c8c); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#afafaf, #8c8c8c); /* Standard syntax */
	font-size:130%;
}
input[type=file] {
	cursor: pointer;
	cursor: hand;
	width:190px;
}








.verdana {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#000;
	margin: 0;
	padding: 0;
}

/*-------------------------------------------------------------------------------------------------------------------------*\

    RESPONSIVE

\*------------------------------------------------------------------------------------------------------------------------------*/
@media all and (max-width: 524px) {
.hori-padding {
	padding:0 12px;
	width: auto;
	margin: 0;
}
.top-banner {
	width:auto;
	height:auto;
	margin:0 auto 0px auto;	
}
}



@media all and (max-width: 390px) {

/*----------------------------------------footer-------------------------------------*/
.email {
	font-size:0.8em;
}
.copyright {
	width:260px;
}
.br-on-off {
	display:inline;
}
.space-on-off {
	display:none;
}

}
@media all and (max-width: 325px) {
	
/*----------------------------------------footer-------------------------------------*/
.email {
	font-size:0.75em;
}

}