/*****************************************************************/
/* 5grid 0.3.2 by n33.co | MIT+GPLv2 license licensed            */
/* core.css: Core stylesheet                                     */
/*****************************************************************/

/**************************************************/
/* Resets (by meyerweb.com/eric/tools/css/reset/) */
/**************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

strong				{font-weight:bold;}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../font/sourcesanspro-regular-webfont.eot');
    src: url('../font/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/sourcesanspro-regular-webfont.woff') format('woff'),
         url('../font/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../font/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'sourcesanspro-light';
    src: url('../font/sourcesanspro-light.eot');
    src: url('../font/sourcesanspro-light.eot?#iefix') format('embedded-opentype'),
         url('../font/sourcesanspro-light.woff') format('woff'),
         url('../font/sourcesanspro-light.ttf') format('truetype'),
         url('../font/sourcesanspro-light.svg#sourcesanspro-light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sourcesanspro-semibold';
    src: url('../font/sourcesanspro-semibold.eot');
    src: url('../font/sourcesanspro-semibold.eot?#iefix') format('embedded-opentype'),
         url('../font/sourcesanspro-semibold.woff') format('woff'),
         url('../font/sourcesanspro-semibold.ttf') format('truetype'),
         url('../font/sourcesanspro-semibold.svg#sourcesanspro-semibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1				{font-family:"sourcesanspro-light";
				font-size:38px;
				color:#333;
				text-decoration:none;
				font-weight:normal;
				line-height:50px;
}

h2				{font-family:"sourcesanspro-semibold";
				font-size:18px;
				color:#797979;
				text-decoration:none;
				font-weight:normal;
				line-height:22px;
}

p				{font-family:"source_sans_proregular";
				font-size:16px;
				color:#000;
				text-decoration:none;
				font-weight:normal;
				line-height:24px;
}

#header-wrapper		{width:100%;
					height:105px;
					float:left;
					background-color:#fff;
					padding-top:5px;
}

.header-inner		{width:1024px;
					height:200px;
					margin:0 auto;
}

.logo				{width:370px;
					height:100px;
					float:left;
					padding:0 0 0 30px;
}

.header-right		{width:500px;
					height:105px;
					float:right;
}

.social-panel		{width:auto;
					height:30px;
					float:right;
					padding-top:5px;
}

.social-text		{font-family:"source_sans_proregular";
					color:#000;
					text-decoration:none;
					padding-right:5px;
					font-size:13px;
					float:left;
					line-height:24px;
}

.social-icon		{width:26px;
					height:25px;
					float:left;
					margin-left:5px;
}

.phone-panel		{width:300px;
					height:30px;
					float:right;
					margin-top:10px;
}

.phone				{font-family:"source_sans_proregular";
					font-size:14px;
					color:#000;
					text-decoration:none;
					background-image:url(../image/phone-icon.png);
					background-repeat:no-repeat;
					background-position:2px 8px;
					padding-left:20px;
					float:right;
}

.phone-number		{font-family:"sourcesanspro-semibold";
					font-size:18px;
}

#menu-wrapper		{width:100%;
					height:45px;
					float:left;
					background-color:#04436b;
}

.menu-inner			{width:1024px;
					height:45px;
					margin:0 auto;
}

.nav				{width:1024px;
					height:auto;
					float:left;
}

.nav ul				{margin:0px; padding:0px;}

.nav li				{list-style-type:none;
					float:left;
}

.nav a				{font-family:"sourcesanspro-semibold";
					font-size:14px;
					color:#fff;
					text-decoration:none;
					text-transform:uppercase;
					padding:0 24px 0 24px;
					display:block;
					line-height:45px;
					transition: all 0.3s ease;
}

.nav a:hover		{background-color:#b11115;
					color:#fff;
					transition: all 0.3s ease;
}

.search-panel		{width:200px;
					height:29px;
					float:right;
					padding:7px 0 8px 0px;
}

.search				{width:160px;
					height:29px;
					float:left;
					background-color:#507c98;
					border:none;
					background-image:url(../image/search-icon.png);
					background-repeat:no-repeat;
					background-position:8px 5px;
					padding-left:40px;
					font-family:"source_sans_proregular";
					font-size:14px;
					color:#fff;
					border-radius:3px;
}

#page				{width:1024px;
					height:auto;
					margin:0 auto;
}

#banner-wrapper		{width:1014px;
					height:auto;
					float:left;
					padding:5px;
					
					margin:3px 0 0px 0px;
}

.bullet-text		{font-family:"sourcesanspro-semibold";
					font-size:12px;
					color:#fff;
					text-decoration:none;
					background-image:url(../image/bullet-icon.jpg);
					background-repeat:no-repeat;
					padding-left:20px;
					text-transform:uppercase;
}

.content-area		{width:1024px;
					height:auto;
					float:left;
					padding:30px 0 30px 0px;
}

.content-row		{width:1024px;	
					height:auto;
					float:left;
					margin-bottom:10px;
}

.content-left		{width:700px;
					height:auto;
					float:left;
}

.cont-left-title	{width:700px;
					height:40px;
					float:left;
					background-image:url(../image/title-bg.jpg);
					background-repeat:repeat-x;
					background-position:bottom;
					font-family:"sourcesanspro-semibold";
					font-size:24px;
					color:#04436b;
					margin-bottom:15px;
}

.cont-left-row		{width:700px;
					height:auto;
					float:left;
					margin-bottom:10px;
}

.cont-left-row p	{font-family:"source_sans_proregular";
					font-size:13px;
					color:#767575;
					text-decoration:none;
					line-height:22px;
					text-align:justify;
}

.content-right		{width:270px;
					height:auto;
					float:right;
					padding:5px;
					border:#e2e1e1 solid 1px;
					background-color:#f8f8f8;
}

.cont-right-title	{width:270px;
					height:40px;
					float:left;
					background-image:url(../image/title-bg.jpg);
					background-repeat:repeat-x;
					background-position:bottom;
					font-family:"sourcesanspro-semibold";
					font-size:24px;
					color:#04436b;
					margin-bottom:15px;
}

.cont-right-row		{width:270px;
					height:auto;
					float:left;
					margin-bottom:10px;
}

.right-nav			{width:250px;
					height:auto;
					float:left;
					padding:0px 10px 0 10px;
					margin-bottom:20px;
}

.right-nav ul		{margin:0px; padding:0px;}

.right-nav li		{list-style-type:none;}

.right-nav a		{font-family:"sourcesanspro-semibold";
					font-size:14px;
					color:#04436b;
					text-decoration:none;
					background-image:url(../image/bullet-icon.png);
					background-repeat:no-repeat;
					background-position:2px;
					padding-left:15px;
					line-height:40px;
					border-bottom:#dfdfdf solid 1px;
					width:235px;
					height:auto;
					float:left;
}

.right-nav a:hover	{color:#1492e1;}

.title-text			{font-family:"sourcesanspro-semibold";
					font-size:30px;
					color:#474747;
					text-decoration:none;
					margin:0 0 10px 0;
}

.about{width:60%; float:left; padding:2% 0 0 0;}
.about p{text-align:justify; font-size:15px; line-height:25px; margin:10px 0 10px 0;}

.vedio{width:38%; float:left; padding:3% 0 0 2%; font-size:20px; height:auto;}
.vedio-rigth{width:80%; float:left; background-color:#E9E8E3; padding:0 10% 0 10%;}







#service-wrapper	{width:1024px;
					height:auto;
					float:left;
					margin:20px 0 10px 0px;
}

.serv-col			{width:242px;
					height:auto;
					float:left;
					margin-right:18px;
}
.serv-col ul{list-style-type:none;}
.serv-col ul li {padding:0px; margin:0px 0 5px 0;}
.serv-col ul li a{text-decoration:none; color:#000; background:url(../image/bullet-icon.png) left center no-repeat;
padding: 0 0 0 20px; transition:all 1s ease; font-size:14px; font-family:"sourcesanspro-semibold";}
.serv-col ul li a:hover{color:#3CC;}








.serv-col-img		{width:230px;
					height:140px;
					float:left;
					padding:5px;
					}

.serv-col h1		{font-family:"sourcesanspro-semibold";
					font-size:15px;
					color:#474747;
					text-decoration:none;
					line-height:40px;
						text-transform:uppercase;
}

.serv-col p			{font-family:"source_sans_proregular";
					font-size:12px;
					color:#767575;
					text-decoration:none;
					line-height:22px;
					text-align:justify;
}

.serv-col-last		{width:242px;
					height:auto;
					float:left;
}

.serv-col-last ul{list-style-type:none;}
.serv-col-last ul li {padding:0px; margin:0px 0 5px 0;}
.serv-col-last ul li a{text-decoration:none; color:#000;  background:url(../image/bullet-icon.png) left center no-repeat; padding: 0 0 0 20px; transition:all 1s ease;}
.serv-col ul li a:hover{color:#3CC;}


.serv-col-last h1	{font-family:"sourcesanspro-semibold";
					font-size:16px;
					color:#474747;
					text-decoration:none;
					line-height:30px;
					text-transform:uppercase;
}

.serv-col-last p	{font-family:"source_sans_proregular";
					font-size:12px;
					color:#767575;
					text-decoration:none;
					line-height:22px;
}

.read-more			{width:auto;
					height:35px;
					float:left;
					background-color:#1492e1;
					padding:0 45px 0 20px;
					line-height:35px;
					background-image:url(../image/bullet-icon2.jpg);
					background-repeat:no-repeat;
					background-position:110px 12px;
					font-family:"source_sans_proregular";
					font-size:14px;
					color:#fff;
					margin:17px 0 0 0;
					text-decoration:none;
					text-transform:uppercase;
					transition: all 0.3s ease;
}

.read-more:hover	{background-color:#04436b;
					color:#fff;
					transition: all 0.3s ease;
}

#panel-wrapper		{width:100%;
					height:auto;
					float:left;
					background-color:#E9E8E3;
					padding:20px 0 20px 0px;
					border-bottom:#e7e6e6 solid 1px;
					border-top:#e7e6e6 solid 1px;
}

.panel-inner		{width:1024px;
					height:auto;
					margin:0 auto;
}

.news-panel			{width:500px;
					height:auto;
					float:left;
}

.news-title			{width:500px;
					height:40px;
					float:left;
					background-image:url(../image/title-bg.jpg);
					background-repeat:repeat-x;
					background-position:bottom;
					font-family:"sourcesanspro-semibold";
					font-size:24px;
					color:#04436b;
					text-transform:uppercase;
					margin-bottom:10px;
}

.news-panel h1		{font-family:"sourcesanspro-semibold";
					font-size:16px;
					color:#474747;
					text-decoration:none;
					line-height:30px;
}

.news-panel p		{font-family:"sourcesanspro-semibold";
					font-size:12px;
					color:#767575;
					text-decoration:none;
}

.read-more2			{width:auto;
					height:25px;
					float:left;
					background-color:#04436b;
					padding:0 40px 0 15px;
					line-height:26px;
					background-image:url(../image/bullet-icon2.jpg);
					background-repeat:no-repeat;
					background-position:100px 7px;
					font-family:"source_sans_proregular";
					font-size:12px;
					color:#fff;
					text-decoration:none;
					text-transform:uppercase;
}

.read-more2:hover	{background-color:#1492e1;
					color:#fff;
					transition: all 0.3s ease;
}

.shipyard-panel		{width:500px;
					height:auto;
					float:right;
}

.shipyard-title		{width:500px;
					height:40px;
					float:left;
					background-image:url(../image/title-bg.jpg);
					background-repeat:repeat-x;
					background-position:bottom;
					font-family:"sourcesanspro-semibold";
					font-size:24px;
					color:#04436b;
					text-transform:uppercase;
					margin-bottom:10px;
}

.shipyard-img		{width:191px;
					height:140px;
					float:left;
					
					margin:0px 0 0 0px;
					background-color:#E9E8E3;
					padding:5px 0 20px 0px;
					text-align:center;
}

.shipyard-right		{width:300px;
					height:auto;
					float:right;
}

.shipyard-right h1	{font-family:"sourcesanspro-semibold";
					font-size:16px;
					color:#474747;
					text-decoration:none;
					line-height:30px;
}

.shipyard-right p	{font-family:"sourcesanspro-semibold";
					font-size:12px;
					color:#767575;
					text-decoration:none;
}

.client-panel		{width:1024px;
					height:auto;
					margin:0 auto;
}

.client-scroll		{width:1024px;
					height:auto;
					float:left;
					margin:40px 0 30px 0px;
}

#footer-wrapper		{width:100%;
					height:auto;
					float:left;
					background-color:#04436b;
}

.footer-inner		{width:1024px;
					height:auto;
					margin:0 auto;
}

.footer				{width:1024px;
					height:auto;
					float:left;
					padding:20px 0 25px 0px;
}

.ft-col				{width:320px;
					height:auto;
					float:left;
					color:#FFF;
}

.ft-col h1			{font-family:"source_sans_proregular";
					font-size:18px;
					color:#fff;
					text-decoration:none;
					text-transform:uppercase;
					line-height:40px;
}

.ft-col p			{font-family:"source_sans_proregular";
					font-size:14px;
					color:#fff;
					text-decoration:none;
					line-height:22px;
}

.ft-nav 			{width:250px;
					height:auto;
					float:left;
}

.ft-nav ul			{margin:0px; padding:0px;}

.ft-nav li			{list-style-type:none;}

.ft-nav a			{font-family:"source_sans_proregular";
					font-size:14px;
					color:#a6ddf9;
					text-decoration:none;
					background-image:url(../image/bullet-icon3.jpg);
					background-repeat:no-repeat;
					background-position:2px;
					padding-left:20px;
					line-height:32px;
					transition:all 1s ease;
}

.ft-nav a:hover		{color:#fff; margin:0 0 0 15px;}

.ft-phone			{font-family:"source_sans_proregular";
					font-size:14px;
					color:#fff;
					text-decoration:none;
					background-image:url(../image/phone-icon2.png);
					background-repeat:no-repeat;
					background-position:2px;
					padding-left:20px;
}

.ft-mail			{font-family:"source_sans_proregular";
					font-size:14px;
					color:#e37070;
					text-decoration:none;
					background-image:url(../image/email-icon.png);
					background-repeat:no-repeat;
					background-position:2px;
					padding-left:25px;
}

#footer-down		{width:100%;
					height:50px;
					float:left;
					background-color:#000;
}

.ft-down-inner		{width:1024px;
					height:50px;
					margin:0 auto;
}

.ft-down-left		{width:auto;
					height:50px;
					float:left;
					font-family:"source_sans_proregular";
					font-size:14px;
					color:#fff;
					line-height:50px;
}

.ft-down-right		{width:auto;
					height:50px;
					float:right;
					font-family:"source_sans_proregular";
					font-size:14px;
					color:#fff;
					line-height:50px;
}


.our{width:100%; float:left; background-color:#069; color:#FFF; text-align:center; font-size:20px; padding:5px 0 5px 0; font-family:Arial; margin:0 0 10px 0;}



/*====================================Services Page==============*/
.our-right{width:50%; float:left; background-color:#666;}

.our-left{width:50%; float:left; background-color:#666;}
	



/*====================================portfolio Page Css==============*/
.career{width:100%; float:left;}

.career ul			{margin:0px; padding:0px;}

.career li			{list-style-type:none;}

.career a			{font-family:"source_sans_proregular";
					font-size:14px;
					color:#000;
					text-decoration:none;
					background-image:url(../image/bullet-icon3.jpg);
					background-repeat:no-repeat;
					background-position:2px;
					padding-left:20px;
					line-height:32px;
					transition:all 1s ease;
}

.map{width:100%; float:left;}

.form{width:100%; float:left; margin:10px 0 10px 0;}
.form p{font-size:15px; text-decoration:none;}
.inp-left{width:20%; float:left;}
.inp-right{width:40%; float:left;}
.inp{width:90%; float:left; line-height:20px;}
.msg{width:90%; height:150px; float:left;}
.plus{width:31%; float:left; }
.form a{background-color:#03F; text-align:center; color:#FFF; font-size:15px; display:inline-block; padding:5px 20px 5px 20px; margin:10px 0 0 0; background-image:none;
transition:all 2s ease;}
.form a:hover{background-color:#09C;}

.plus-text{width:20px; height:30px; float:left; margin:0 0 0 10px;}


.form span{color:#F00;}