body{
background-color:#fff;
background:url(../images/bg.jpg) repeat-x;
background-size: 1250px 531px;
font-family: 'Roboto', sans-serif;
font-size:13px;
margin:0;
padding:0;
}

.oceanic_body
{
margin:0px;
}

a{ text-decoration:none; }


h1,h2,h3{ font-weight:normal;}

h1{ font-size:36px;}

li{ list-style-type:none; }


.wrapper {
	width:100%;
	margin:0px auto;
}

.header {
	width:990px;
	margin:0px auto;
	display:table;
}

.logo {
	width:380px;
	float:left;
	margin-top:16px;
}

.righthead_total {
	width:510px;
	float:right;
}

.headrtop {
	width:450px;
	float:right;
	font-family: 'Roboto', sans-serif;	
	font-size:16px;
	font-weight:normal;
	color:#000;

}

.headrtop ul {
	margin:0px auto;
	padding:0px;
	margin-top:8px;
}

.headrtop ul li {
	line-height:22px;
	float: left;
}

.indlogo {
	background-image:url(.../images/indlogo.png);
	background-repeat:no-repeat;
	width:87px;
	height:31px;
	margin-right:20px;
}

.trustlogo {
	background-image:url(.../images/trust.png); 
	background-repeat:no-repeat;
	width:34px;
	height:33px;
	margin-right:70px;
}

.phone {
	background-image:url(../images/phone.png);
	background-repeat:no-repeat;
	padding-left:28px;
	margin-top:6px;
	margin-right:35px;
}

.social {
	margin-top:6px;
	margin-right:3px;
}

.menutotal {
	width:566px;
	display:table;
	float:right;
	margin-top:7px;
}

.banner {
	width:100%;
	margin:0px auto;
	margin-top:14px;
}

.bannerfla {
	width:990px;
	margin:0px auto;
	margin-top:14px;
}

#wowslider-container1.ws_gestures{ display:block !important; }
#mobnav{ display:none !important;}

.banner ul
{
margin:0px;
}


.totalrpanel{
	width:300px;
	float:right;
}

.rmas{
	width:300px;
	float:right;
	margin-top:10px;
}

.banner_bot {
	background:url(../images/banbot.png);
	background-repeat:no-repeat;
	width:990px;
	height:17px;
	margin:0px auto;
	margin-top:7px;
}

.bodytotal {
	width:990px;
	margin:0px auto;
	margin-top:45px;
	display:table;
}

.welcome {
	width:590px;
	float:left;
	margin-top:30px;
}

.welcome ul {
	margin:0px auto;
	padding:0px;
}

.welcome ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4a4a4a;
	line-height:18px;
	text-align:justify;
}

.welcome ul li.contact_hd {
	font-size:18px;
	color:#4bb9be;
	margin-bottom:30px;
}

.welcome ul li.contact_hd2 {
	font-size:13px;
	color:#27979c;
	margin-top:8px;
	margin-bottom:3px;
}

.welcome ul li.welcome_heading {
	background-repeat:no-repeat;
	font-family: 'Roboto', sans-serif;	
	font-size:24px;
	color:#27979c;
	margin-bottom:26px;
}

.wel {
	color:#f64622;
}

.latest_prototal {
	width:300px;
	float:right;
	background-color:#404040;
	padding-top:20px;
}

.location_map {
	background:url(../images/map.jpg) no-repeat;
	width:300px;
	height:388px;
	float:right;
	padding-top:20px;
}

.locationhead {
	background:url(../images/locationhead.png) no-repeat;
	background-repeat:no-repeat;
	width:202px;
	height:49px;
	float:right;

}

.location_map2 {
	background:url(../images/map2.jpg) no-repeat;
	width:300px;
	height:388px;
	float:right;
	padding-top:20px;
}

.locationhead2 {
	background:url(../images/locationhead2.png) no-repeat;
	background-repeat:no-repeat;
	width:202px;
	height:49px;
	float:right;

}


.latest_prototal ul {
	margin:0px auto;
	padding:0px;
}

.latest_prototal ul li {
	font-size:12px;
	line-height:18px;
}

.lof_head {
	background:url(../images/lofhead.png);
	background-repeat:no-repeat;
	width:300px;
	height:48px;
}

.pro_image {
	width:246px;
	height:186px;
	margin:0px auto;
	border:2px solid #707070;
	padding:2px;
	text-align:center;
	margin-top:25px;
}

.pro_conthead {
	width:246px;
	margin:0px auto;
	margin-top:11px;
	font-size:16px;
	color:#5ee6ec;
}

.pro_conthead a {
		color:#5ee6ec;

}

.pro_conthead a:hover {
		color:#5ee6ec;
		text-decoration:underline;
		

}

.pro_cont {
	width:246px;
	margin:0px auto;
	margin-top:10px;
	margin-bottom:10px;
	font-size:11px;
	color:#b9b9b9;
}

.pro_foot {
	background:url(../images/profoot.jpg);
	background-repeat:no-repeat;
	width:270px;
	height:22px;
	padding-left:30px;
	padding-top:12px;
	font-size:12px;
	color:#CCCCCC;
	margin-top:20px;
}

.pro_foot a{
	color:#4b4b4b;
}

.pro_foot a:hover{
	color:#1c1c1c;
}

.footer_total {
	width:990px;
	margin:0px auto;
	border-top:1px solid #4bb9be;
	border-bottom:1px solid #cfcfcf;
	display:table;
	margin-top:70px;
	padding-top:20px;
	padding-bottom:15px;
	margin-bottom:11px;
}

.footmenu {
	width:305p;
	float:left;
	border-right:1px solid #d9d9d9;
	padding-right:60px;
}

.menu_to {
	width:220px;
	float:left;
	}

.menu_to ul{
	margin:0px auto;
	padding:0px;
}

.menu_to ul li{
}

.menu_to ul li.heading{
	font-size:16px;
	font-weight:bold;
	color:#4bb9be;
	margin-bottom:10px;
}

.fmenumain {
	width:220px;
	font-size:12px;
	color:#6f6f6f;
	font-family:Arial, Helvetica, sans-serif;
}

.fmenumain ul{
	margin:0px auto;
	padding:0px;
}

.fmenumain ul li{
	float:left;
	padding-right:20px;
	line-height:18px;
}

.fmenumain ul li a{
	color:#6f6f6f;
}

.fmenumain ul li a:hover{
	color:#27979c;
}

.footmenu2 {
	width:130p;
	float:left;
	border-right:1px solid #d9d9d9;
	padding-right:40px;
	padding-left:50px;
}

.fmenumain2 {
	width:130px;
	font-size:12px;
	color:#6f6f6f;
	font-family:Arial, Helvetica, sans-serif;
}

.fmenumain2 ul{
	margin:0px auto;
	padding:0px;
}

.fmenumain2 ul li{
	float:left;
	padding-right:15px;
	line-height:18px;
}

.menu_to2 {
	width:130px;
	float:left;
	}

.menu_to2 ul{
	margin:0px auto;
	padding:0px;
}

.menu_to2 ul li{
}

.menu_to2 ul li.heading{
	font-size:16px;
	font-weight:bold;
	color:#4bb9be;
	margin-bottom:10px;
}

.fmenumain3 {
	float:left;
	width:180px;
	font-size:12px;
	color:#6f6f6f;
	font-family:Arial, Helvetica, sans-serif;
}

.fmenumain3 ul{
	margin:0px auto;
	padding:0px;
}

.fmenumain3 ul li{
	float:left;
	padding-right:20px;
	line-height:18px;
}

.menu_to3 {
	width:180px;
	float:left;
	margin-left:50px;
	}

.menu_to3 ul{
	margin:0px auto;
	padding:0px;
}

.menu_to3 ul li{
}

.menu_to3 ul li.heading{
	font-size:16px;
	font-weight:bold;
	color:#4bb9be;
	margin-bottom:10px;
}

.address {
	width:370px;
	font-size:12px;
	color:#4b4b4b;
	font-family:Arial, Helvetica, sans-serif;
}

.address ul{
	margin:0px auto;
	padding:0px;
}

.address ul li{
	float:left;
	padding-right:20px;
	line-height:18px;
}

.addcon {
	width:190px;
	float:left;
}

.addconph {
	background:url(../images/ph.jpg);
	background-repeat:no-repeat;
	padding-left:18px;
	width:162px;
	float:left;
	margin-bottom:4px;
}

.contact_mail {
		color:#666666;
}

.contact_mail a {
		color:#666666;
}

.contact_mail a:hover {
	color:#178d93;
	text-decoration:underline;
}

.addconem {
	background:url(../images/email.jpg);
	background-repeat:no-repeat;
	padding-left:18px;
	width:162px;
	float:left;
	margin-bottom:4px;
}

.addconem a {
	color:#666666;
}

.addconem a:hover {
	color:#178d93;
	text-decoration:underline;
	}

.footer2 {
	width:990px;
	margin:0px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#a2a2a2;
	text-align:left;
}
.footer_in1 {
	float:left;
	width:83%;
	text-align:left;
	padding-top:10px;
	color:#666666;
}

.footer_inr {
	float:right;
	background:url(.../images/fimg.jpg);
	background-repeat:no-repeat;
	height:39px;
	width:17%;
}

.footer_inr a {
	color:#666666;
}

.footer_inr a:hover{
	color:#0066FF;
}

.info {
	color:#a0dcdf;
}

.info a {
	color:#a0dcdf;
}

.info a:hover {
	color:#178d93;
	text-decoration:underline;
}

.welcom_border {
	background:url(../images/welboard.png);
	background-repeat:no-repeat;
	height:6px;
	margin-bottom:35px;
	}

.profile_head {
	background:url(../images/compro.jpg);
	background-repeat:no-repeat;
	width:300px;
	height:48px;
}

.profile_conthead {
	width:246px;
	margin:0px auto;
	margin-top:15px;
	font-size:13px;
	font-weight:bold;
	color:#9b9b9b;
}

.profile_cont {
	width:246px;
	margin:0px auto;
	margin-top:6px;
	margin-bottom:10px;
	font-size:13px;
	color:#5ee6ec;
	padding-bottom:12px;
	border-bottom:1px solid #6b6b6b;
}

.profile_cont2 {
	width:246px;
	margin:0px auto;
	margin-top:6px;
	margin-bottom:10px;
	font-size:13px;
	color:#cccccc;
	padding-bottom:12px;
	border-bottom:1px solid #6b6b6b;
}

.services {
	width:990px;
	float:left;
	margin-top:30px;
}

.services ul {
	margin:0px auto;
	padding:0px;
}

.services ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4a4a4a;
	line-height:18px;
	text-align:justify;
}

.services ul li.services_heading {
	background-repeat:no-repeat;
	font-family: 'Roboto', sans-serif;	
	font-size:24px;
	color:#27979c;
	margin-bottom:26px;
}

.ssection {
	width:990px;
	margin:opx auto;
	margin-top:25px;
	display:table;
}

.sec1 {
	width:306px;
	float:left;
	background:#f7f7f7;
	padding:5px;
	margin-right:20px;
	margin-top:15px;
}

.sec2 {
	width:306px;
	float:left;
	background:#f5f5f5;
	padding:5px;
	margin-top:15px;

}

.sectop {
	width:305px;
	margin:0px auto;
}

.secimg {
	width:284px;
	padding:8px;
	border:1px solid #c7c7c7;
	margin:0px auto;
}

.sechead {
	width:305px;
	font-size:14px;
	color:#27979c;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	padding-bottom:3px;
	padding-top:3px;
}

.seccontent {
	width:289px;
	font-size:12px;
	color:#7f7f7f;
	font-weight:normal;
	text-align:left;
	margin-top:12px;
	padding:8px;
	text-align:justify;
	margin-bottom:12px;
}

.click {
	width:290px;
	font-size:13px;
	color:#393939;
	font-weight:bold;
	text-align:center;
	padding-bottom:3px;
	padding-top:3px;
	margin:0px auto;

}

.click a {
	background:#ebebeb;
	padding:3px 110px;
	color:#27979c;
}

.click a:hover {
	background:#4bb9be;
	border:none;
	color:#fff;
}

.click2 {
	width:350px;
	font-size:13px;
	color:#393939;
	font-weight:bold;
	text-align:center;
	padding-bottom:5px;
	padding-top:5px;
	margin:0px auto;

}

.click2 a {
	background:#4bb9be;
	padding:7px 122px;
	color:#fff;
}

.click2 a:hover {
	background:#f64622;
	border:none;
	color:#fff;
}

.click3 {
	width:310px;
	font-size:13px;
	color:#393939;
	font-weight:bold;
	text-align:center;
	padding-bottom:3px;
	padding-top:3px;
	margin:0px auto;

}

.click3 a {
	background:#ebebeb;
	padding:3px 100px;
	color:#27979c;
}

.click3 a:hover {
	background:#4bb9be;
	border:none;
	color:#fff;
}

.formtotal {
	width:590px;
}

.formtotal ul {
	margin:0px auto;
	padding:0px;
}

.formtotal ul li{
	width:550px;
	margin-top:15px;
	margin-bottom:15px;
}

.clientstotal {
	width:990px;
}

.clientmbox {
	width:155px;
	float:left;
	margin-right:10px;
	border:1px solid #c7c7c7;
	padding:2px;
}

.top_gap{
	margin-top:50px;
}

.imgtotal {
	float:right;
	width:350px;
}


.sub_img{
	float:right;
	width:300px;
	background-color:#f5f5f5;
	padding:8px 4px;
	text-align:center;
	margin-bottom:20px;
}

.servbutt {
	width:340px;
	font-size:14px;
	color:#393939;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	background:#ebebeb;
	padding-bottom:3px;
	padding-top:3px;
}

.sub_content{
	width:550px;
	float:left;
}

.sub_content ul{
	margin:0px auto;
	padding:opx;
}

.sub_content ul li {
	width:550px;
	text-align:justify;
}

.sub_content ul li.hd {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#f64622;
	font-size:13px;
	text-align:left;
	margin-bottom:15px;
	}
	
.sub_content ul li.subhd {
	font-size:12px;
	color:#27979c;
	font-weight:bold;
	margin-bottom:13px;
}

.sub_content ul li.gap {
	margin-bottom:5px;
}

.total_product {
	width:990px;
	margin:opx auto;
	margin-top:25px;
	display:table;
}

.total_product ul {
	margin:0px auto;
	padding:0px;
}

.total_product ul li {
	float:left;
	width:980px;
	background-color:#ececec;
	padding:5px;
	margin-bottom:20px;
	margin-top:20px;
}

.total_product ul li .pro_img {
	float:left;
	width:164px;
	padding:3px;
	border:1px solid #dedede;
	text-align:center;
}

.total_product ul li .pro_name {
	float:left;
	width:750px;
	margin-left:20px;
	font-family: 'Roboto', sans-serif;	
	font-size:20px;
	color:#27979c;
	margin-top:8px;
}

.total_product ul li .pro_content {
	float:left;
	width:750px;
	margin-left:20px;
	font-family: 'Roboto', sans-serif;	
	font-size:12px;
	color:#4b4b4b;
	margin-top:10px;

} 

.total_product ul li .pro_but {
	float:left;
	margin-left:20px;
	margin-top:4px;
	width:200px;
	font-size:12px;
	color:#393939;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:5px;
} 

.total_product ul li .pro_but a {
	background:#4bb9be;
	padding:2px 25px;
	color:#fff;
}

.total_product ul li .pro_but a:hover {
	background:#f64622;
	border:none;
	color:#fff;
}


input {
	width:544px;
	height:33px;
	border:1px solid #4deef5;
	padding:2px 6px;
	font-size:14px;
	color:#8e8e8e;
	font-family:Arial, Helvetica, sans-serif; 
}

textarea {
	width:544px;
	height:100px;
	border:1px solid #4deef5;
	padding:2px 6px;
	font-size:14px;
	color:#8e8e8e;
	font-family:Arial, Helvetica, sans-serif; 
}

.jsbut {
	background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ 
	font-size:15px; 
	font-weight:bold; 
	float:left; 
	position:fixed; 
	top:40%; 
	padding:6px 20px;
	-webkit-box-shadow: 0px 6px 6px 4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 6px 4px rgba(0,0,0,0.75);
box-shadow: 0px 6px 6px 4px rgba(0,0,0,0.75);
}
.jsbut a {
	color:#c0e6e8;
}

.jsbut a:hover {
	color:#fff;
}

input#gobutton{
width:130px;
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:5px 25px; /*add some padding to the inside of the button*/
background:#f4482e; /*the colour of the button*/
border:1px solid #ca1b00; /*required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
/*give the button a drop shadow*/
-webkit-box-shadow: 0 0 4px rgba(183,116,10,22);
-moz-box-shadow: 0 0 4px rgba(183,116,10,22);
box-shadow: 0 0 4px rgba(183,116,10,22);
/*style the text*/
color:#f3f3f3;
font-size:1.1em;
margin-right: -9px;

/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/ 
input#gobutton:hover, input#gobutton:focus{
background-color :#399630; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
}


input#back{
float:left;
width:130px;
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:5px 25px; /*add some padding to the inside of the button*/
background:#f4482e; /*the colour of the button*/
border:1px solid #ca1b00; /*required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
/*give the button a drop shadow*/
-webkit-box-shadow: 0 0 4px rgba(183,116,10,22);
-moz-box-shadow: 0 0 4px rgba(183,116,10,22);
box-shadow: 0 0 4px rgba(183,116,10,22);
/*style the text*/
color:#f3f3f3;
font-size:1.1em;
margin-right: -9px;

/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/ 
input#gobutton:hover, input#gobutton:focus{
background-color :#399630; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
}

.right ul{ margin:0; padding:0 0 0 10px; border-left:solid 1px #446610; list-style:none; }
.right ul li{ background:url(images/spoffer-bull.png) no-repeat 0 9px; font-size:18px; line-height:22px; color:#fbfbfb; float:none; padding:8px 0 8px 32px; }