body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
}
@font-face
{
font-family: myFirstFont;
src: url(''Orienta', sans-serif.ttf'),
     url(''Orienta', sans-serif.eot'); /* IE9+ */
}

body {
	background: #fff url(images/bg04.jpg);
	font: 12px/18px 'Orienta', sans-serif;
	color:#fff;
}
.clear {clear:both;}
header {	
	width:1200px;
	margin:0 auto;
	position:relative;
}
.logo {
	width:400px;
	height:100px;
	margin:20px 0 30px 0;
	float:left;
}
#nav {
	width:470px; margin: 40px 0 0 0; float:right;overflow: hidden;
}
#container {
	width:100%;
	height:140px;
	margin:0 auto 0px auto;
	background: url(images/pattern.png) #fff center top repeat;
}
#container-1 {
	width: 100%;
	height:170px;
	margin:0 auto 10px auto;
	background: url(images/pattern.png) #fff center top repeat;
}
.slider {
	width:1200px;
	height:350px;
	margin:50px auto 0 auto;
	display:block;
}
.wrapper {
	width:960;
	margin:00px auto;
	display:block;
	padding:10px 0 0px 0;
}
#shout{
	display:block;
	width:900px;
	height:81px;
	margin:0 auto 50px auto;
	padding:25px 30px 0 30px;
	color:#E5E5E5;
	background:url(images/shout_bg.png) no-repeat;
}

#shout h2, #shout p{
	margin:0;
	padding:0;
	list-style:none;
	line-height:normal;
	font-style:normal;
	color:#E5E5E5;
	}

#shout h2{
	margin:-6px 0 6px 0;
	font-size:36px;
	}

#shout p{
	font-size:18px;
	}

#shout p a{
	display:block;
	width:133px;
	height:100px;
	padding:5px 0 0 0;
	margin:-20px 0 0 0;
	font-size:26px;
	text-align:center;
	text-transform:uppercase;
	color:#ff1c1c;
	background:url(images/shout_bg.png) top center no-repeat;
	}
.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:inline-block;}
.fl_left{float:left;}
.fl_right{float:right;}
.top-1 {padding-top:25px;}
/***********************************************************************/
a {text-decoration:none; cursor:pointer;text-decoration:none; }
a:hover {text-decoration:none;}

.button {}
.button:hover {}

.link {color:#ff1c1c; text-decoration:underline; }
.link:hover {text-decoration:none;}
.link-1 {color:#ff1c1c; text-transform:uppercase; text-decoration:underline; font-size:11px; line-height:18px; font-weight:bold; display:inline-block; }
.link-1:hover {text-decoration:none;}

.clr-1 {color:#ff1c1c;}
.text-1 {font-size:14px; line-height:18px; color:#ff1c1c; font-weight:bold;}
.text-2 {font-size:11px; line-height:18px; color:#ff1c1c; font-weight:bold; text-transform:uppercase;}
.hd-1 {width:730px;height:50px;padding:10px 0 0px 0;margin:40px auto 0px 115px;background:url(images/our_main.png) no-repeat;position:relative;display:inline-block;}
.hd-2 {width:730px;height:50px;padding:10px 0 0px 0;margin:0px auto 20px 185px;background:url(images/our_main.png) no-repeat;position:relative;display:inline-block;}
h2 { font-size:30px; line-height:45px; color:#ff1c1c; font-weight:normal; font-family: 'Puritan20Normal'; }
h2.h2-1 {line-height:30px; color:#fff; text-transform:uppercase;text-align:center; }
h2.h2-2 { line-height:34px; display:inline-block; border-bottom:#d2d9d8 2px solid; border-top:#d2d9d8 2px solid; text-align:center; }
h2.h2-3 { line-height:34px; color:#ff1c1c; text-transform:uppercase; display:block; border-bottom:#d2d9d8 2px solid; border-top:#d2d9d8 2px solid; text-align:left; }
h2.h2-4 { line-height:34px; display:block; border-bottom:#; border-top:#; text-align:left; }

h3 { font-size:16px; line-height:20px; color:#ff1c1c; font-weight:800;  font-family: 'Puritan20Normal'; text-transform:uppercase;}
h3>span {display:block; margin-top:-2px;}

ul {margin:0; padding:0;list-style-image:none;}
ul.list-1 li {padding:0px 0 6px 12px; font-size:14px; line-height:14px; text-transform:capitalized; background:url(../images/marker-1.gif) 0 7px no-repeat;}
ul.list-1 li a {color:#ff1c1c;}
ul.list-1 li a:hover {text-decoration:underline;}

/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative}
.extra-wrap {overflow:hidden;}
.fleft {float:left;}
.fright {float:right;}
.img-indent {float:left; margin:5px 10px 0px 0;}	
.line-height {line-height:18px;}
.last {margin-right:0px !important; padding-right:0px !important;}
.align-r {text-align:right;
color:#fff;
}
.align-c {text-align:center;}
.upper {text-transform:uppercase;}

.top {padding-top:0px;}
.top-1 {padding-top:25px;}
.top-2 {padding-top:41px;}
.top-3 {padding-top:28px;}
.top-4 {margin-top:35px;}
.top-5 {margin-top:12px;}
.top-6 {margin-top:49px;}
.top-7 {margin-top:23px;}

.left-1 { margin-left:0px;}

.right-1 {margin-right:0px;}

.bot-0 {padding-bottom:0 !important; margin-bottom:0 !important;}

.pad-1 {padding-top:30px; padding-bottom:30px;}

.p1 {padding-bottom:18px;}
.p2 {padding-bottom:11px;}
.p3 {padding-bottom:9px;}
.p4 {padding-bottom:7px;}
/*********************************content*************************************/
#content {
	padding:50px 50px 24px 50px; 
	margin:0 auto 10px auto;
	width:1200px; 
}
#content-1 {
	margin:20px auto 10px auto;
	width:1200px; 
}
#content p {
	font-size:14px;
	font-family:'Puritan20Normal';
	line-height:20px;
	text-align:;
}
.service {
	width:1100px;
	float:right;
	margin:50px auto 50 auto;
}
.service p {text-align:justify;}
.ser {
	width:900px;
	height:170px;
	margin:30px auto;
	padding-top:20px;
}

#Clearance {
	width:900px;
	height:530px;
	margin:50px auto;
}

#Dangerous {
	width:900px;
	height:200px;
	margin:50px auto;
}

#Logistic {
	width:900px;
	height:200px;
	margin:50px auto;
}

#Supply {
	width:900px;
	height:200px;
	margin:50px auto;
}

#Project {
	width:900px;
	height:180px;
	margin:50px auto;
}

.img-border {border:#d2d9d8 1px solid;}

.box-1 {overflow:hidden; padding-bottom:26px; margin-top:59px; margin-bottom:20px;}
.box-1 div {float:left; width:200px; margin-right:10px;margin-left:10px;background:#ff1c1c;padding:10px 10px 20px 10px;border-radius:0px;}
.box-1 div:hover {background:#666;}
.box-1 div .text-1 {margin :15px 0 7px 0;color:#fff;}
.box-1 div .link-1 {margin-top:12px;color:#fff;}
.box-1 div p {color:#fff;}
.testimonials {overflow:hidden;}
.testimonials>span {display:block; float:right; color:#ff1c1c; width:81px; margin-top:6px;}
.testimonials>span>strong {display:block; font-size:14px; line-height:18px; font-style:italic;}
.testimonials-block {background:#e5e9e8; position:relative; font-size:12px; line-height:18px; color:#ff1c1c; font-weight:bold; padding:12px 24px 15px 18px;}
.corner {position:absolute; width:23px; height:24px; right:88px; bottom:-24px; background:url(../images/corner.png) 0 0 no-repeat;}

.box-2 {overflow:hidden;}
.box-2  p {padding-bottom:12px;}
.box-2 strong { font-size:14px; color:#ff1c1c;}
.box-2 span { font-size:11px; line-height:16px; text-transform:uppercase; color:#ff1c1c;}

.box-3 {overflow:hidden; margin-top:21px;}
.box-3>div {float:left; width:190px; margin-right:10px;}
.box-3>div>strong {width:70px; height:60px; display:block; float:left; margin:0px 10px 0 0; text-align:center; font-family:'Puritan20Normal'; color:#fff; font-size:24px; line-height:30px; font-weight:normal; padding-top:10px;}
.box-3-1>strong {background:url(../images/circle-1.png) 0 0 no-repeat;}
.box-3-2>strong {background:url(../images/circle-2.png) 0 0 no-repeat;}
.box-3-3>strong {background:url(../images/circle-3.png) 0 0 no-repeat; color:#ff1c1c !important;}
.box-3>div>strong>span {display:block; font-size:16px; line-height:20px; margin-top:-5px;}

.box-3 div.extra-wrap>span {display:inline-block; font-size:11px; line-height:16px; color:#ff1c1c; text-transform:uppercase; font-weight:bold; padding:3px 0 16px 0;}
.box-3-2 div.extra-wrap>span {color:#ff1c1c; }
.box-3-3 div.extra-wrap>span {color:#c1d1cf; }
.box-3 div.extra-wrap>.link-1 {margin-top:7px;}

.box-5 {overflow:hidden; margin-top:29px; }
.box-5 div {float:left; width:150px; margin-right:10px;}
.box-5 div .text-1 {margin :11px 0 7px 0;}
.box-5 div .link-1 {margin-top:8px;}

/****************************footer************************/
footer {
	width:100%; 
	overflow:hidden; 
	padding:12px 0px 20px 0; 
	text-align:center; 
	color:#a7a7a7; 	
	background:url(images/bg04.jpg) repeat;
	z-index:1111;
}
footer p {overflow:hidden;}
footer strong {font-size:24px; line-height:30px; color:#b4b4b4; font-weight:normal; font-family: 'Puritan20Normal'; display:inline-block; text-transform:uppercase; }
footer span {display:inline-block;margin:7px 0 0 5px; }
.footer-left {
	width:350px;
	float:left;
	left:50%;
}
.footer-right {
	width:180px;
	float:right;
}
footer #main {width:960px;margin:0 auto;}
/**********************form**********************/
.map {width:328px; height:206px; margin-top:30px; }
dl.adr { margin-top:14px;}
dl.adr dt {margin-bottom:6px; font-size:14px; line-height:18px; color:#6e5137; font-weight:bold;}
dl.adr dd span { width:80px; display:block; float:left; text-align:left; margin-right:5px;}
dl.adr dd {}
dl.adr dd a {}
dl.adr dd a:hover {}
#form { margin: 31px 0 0px 50px; width:650px; float:right;}
#form input {border:#d2d9d8 1px solid; background:#fff; font-size:12px; font-family:'Puritan20Normal'; color:#b4b4b4; padding:6px 8px 6px 10px;outline: medium none;width: 500px; height:15px; float:left;}
#form textarea {border:#d2d9d8 1px solid; background:#fff; font-size:12px; font-family:'Puritan20Normal'; color:#b4b4b4; height: 202px;outline: medium none;overflow: auto; padding: 6px 0px 0px 10px;width:508px;resize:none;margin:0px 0 0 0;float:left;}
#form label {position:relative;display: block; min-height:35px; overflow:hidden;}
.btns {text-align:right; overflow:hidden; width:590px; padding-top:10px; }
.btns a {display:inline-block; margin-left:31px;}
#form label strong {float:left; display:block; padding-top:8px; line-height:15px; width:100px;color:#ff1c1c; white-space:nowrap;} 




/*  Table start */ 

#btn-amn {
	width:960px;
	height:100px;
}
#btn-amn .ctr {
	width:200px;
	height:35px;
	float:left;
	position:relative;
	background:#fff;
}
#btn-amn .ctr a{
height: 200px;
    width: 200px;
    -webkit-transition-property: height, width;
    -webkit-transition-duration: 1s;
    background: red;}
#btn-amn .ctr:hover{
    width: 500px;
    height: 500px;
    -webkit-transition-property: height, width;
    -webkit-transition-duration: 1s;
    background: red;}

	
table{

}
table tr td{
width:200px;
background-color:#fff;
height:30px;
text-align:center;
}	

table tr td:hover{
width:200px;
background-color:red;
color:#fff;
}
table tr td a{

 font-size:17px;
 background-color:;
 color:red;
}
table tr td a:hover{	
background-color:red;
color:#fff;
}

/*-----------------------------------------------------------------------------------*/
/*	12.	VERTICAL TAB
/*-----------------------------------------------------------------------------------*/
ul#tab-menu {
	float:left;
	width: 250px;
	background-color: #ff1c1c;
	-webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	margin:0 20px 0 0;
	padding: 0 10px;
	list-style:none;
	font-family: 'Puritan20Normal';
	font-size: 17px;
}

ul#tab-menu li {
	background: transparent url(style/images/line.png) bottom repeat-x;
	cursor: pointer;
	padding: 20px 10px;
	margin: 0;
	text-shadow: 0px 1px 1px #161616;
	color:#fff;
}

ul#tab-menu li:hover, ul#tab-menu li.selected {
	color: #e2e2e2;
}

ul#tab-menu li img {
	vertical-align: middle;
	padding-right: 10px;
}

ul#tab-menu li:last-child {
	background: none;
}

.tab-wrapper {
	width:1000px;
	margin:50px auto;
}

.tab-content {
	background-color: #ff1c1c;
	-webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	width: 650px;
	float:left;
	padding: 20px 20px 0 20px;
}

.tab-content div.tab {
	display:none;
	padding: 0;
}

.tab-content div.tab.show {
	display:block;
}

.tab-content div.tab p {
	width:650px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 20px 0;
	color:#fff;
}
.tab-content div.tab h3 {
	color:#fff;
}

.tab-content div.tab div p {
	width:100%;
}


/*-----------------------------------------------------------------------------------*/
/*	10.	PORTFOLIO
/*-----------------------------------------------------------------------------------*/
#portfolio {width:985px;margin:0 auto;}
#portfolio ul li {
	background: none;
	padding: 0;
}

#wrapper ul.grid {
	width: 985px;
	overflow: hidden;
	margin:0 auto;
	margin-left:-20px;
	padding: 0;
}

ul.grid:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

ul.grid li {
	width: 225px;
	margin: 0;
	margin-left: 20px;
	margin-bottom: 20px;
	float: left;
	overflow: hidden;
	background: none;
	-webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
}

ul.grid li a {
	outline:0;
}

ul.grid li img {
	display: block;
	width:225px;
	height:150px;
}

ul.gallerynav {
	width:960px;
	margin:0 auto 22px;
	height: 14px;
	background-color: #1c1c1c;
	-webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
}

ul.gallerynav li {
	float:left;
}

ul.gallerynav li a {
	float:left;
	font-family: 'Puritan20Normal';
	color: #666666;
	margin: 0 15px;
	font-size: 15px;
	line-height: 18px;
	padding: 8px 0;
}

ul.gallerynav li a:hover {
	text-decoration: none;
	color: #a5a5a5;
}

ul.gallerynav li.selected-1 a {
	color: #a5a5a5;
}

.hidden {
	display: none;
}


/*-----------------------------------------------------------------------------------*/
/*	11.	SINGLE PORTFOLIO
/*-----------------------------------------------------------------------------------*/

#portfolio-single .image {
	width: 660px;
	float: left;
	margin-right: 20px;
	overflow: hidden;
	padding: 3px 5px 0 0;
}

#portfolio-single .image img {
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 1px 5px -1px rgba(0, 0, 0, 0.7);
}

#portfolio-single .text {
	width: 235px;
	padding: 20px;
	margin: 2px 0 0 0;
	float: right;
	background-color: #1c1c1c;
	-webkit-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.7);
	overflow: hidden;
}

#portfolio-single a:hover {
	text-decoration: underline;
}

a.p-project, a.n-project {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 12px;
	color: #666666;
	line-height: 1;
	float: left;
}

a.n-project {
	float: right;
}

#portfolio-single a.p-project:hover, #portfolio-single a.n-project:hover {
	text-decoration: none;
	color: #a5a5a5;
}
