@charset "utf-8";
/* CSS Document */

@import url("//fonts.googleapis.com/css?family=Amaranth:400,400italic,700,700italic");
@import url("//fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic");
/*----------------------------------------
-----------------google fonts------------*/

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit;
font-size:100%; font-family:inherit; vertical-align:baseline; }
/* remember to define focus styles! */
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol, ul { list-style:none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after,
q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }

/* floats and clears */
.left { float:left; }
.right { float:right; }
.nofloat { float:none; }
.clear:before, .clear:after { content:""; display:table; }
.clear:after { clear:both; }
.clear { zoom:1; } /* For IE 6/7 */
.clearL { clear:left; }
.clearR { clear:right; }
.clearB{clear:both;}

/*-----------------------------tags section----------------------------------*/

h1,h2,h3,h4,h5,h6{
	font-family:"Amaranth", Arial, Helventic Sans-serif;
	color:#1d2062;
	margin-bottom:10px;}

h1{
	font-size:25px;}	

h2{}

h3{
	font-size:15px;
	text-transform:uppercase;
	font-weight:700;
	color:#e61b00;}

p{
	font-family:"PT Sans", Arial, Helventic sans-serif;
	font-size:13px;
	line-height:18px;
	text-align:justify;}

a,a:hover{
	text-decoration:none;}

/*-------------------------------------------------------------
-----------------------------heading section-----------------*/		

body{
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	outline:none;
	background:#fff;}
	

#main_header{
	background: #e2e4cf; /* Old browsers */
	background: -moz-linear-gradient(top, #e2e4cf 0%, #f9f4eb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e4cf), color-stop(100%,#f9f4eb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e2e4cf 0%,#f9f4eb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e2e4cf 0%,#f9f4eb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e2e4cf 0%,#f9f4eb 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e2e4cf 0%,#f9f4eb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e4cf', endColorstr='#f9f4eb',GradientType=0 ); /* IE6-9 */}

.header{
	margin:0 auto;
	padding:0 10px;
	width:960px;
	background:url(../images/headerbg.jpg) no-repeat 10px 0;}

.header_left,
.header_right{
	position:relative;}	

.header_left{
	float:left;}

.header_right{
	float:right;
	right:0px;
	width:490px;}

.header_left h1,
.header_left b{
	color:#1D2170;
	font-size:36px;
	margin-left:155px;
	margin-top:34px;
	text-transform:uppercase;}

.header_left b{
	color:#d63318;
	font-size:22px;
	line-height:26px;
	margin-left:0px;}	

.header_right p{
	color:#1d2170;
	margin:116px 145px 5px 0;
	font-size:17px;
	font-style:italic;}

.select1{
    -ms-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
	-o-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
	box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
	border:none;
    margin-bottom: 8px;
    padding:5px 2px;
    width: 150px;
	position:absolute;
	right:0;
	top:10px;}	

.header_left img,
.header_right img{
	position:absolute;}

.header_right img{
	right:0px;
	top:68px;}

.object{
	top:0px;
	left:0px;
	position:absolute;}


/*-----------------------------------------------------------
------------------------Header Section---------------------*/

#navigation{
	background:#DB3D24;}

.nav{
	margin:0 auto;
	padding:0 10px;
	width:960px;}

.nav ul{
	outline:none;}

.nav ul li{
	color:#fff;
	font-family:"Amaranth", Arial, Helventica, sans-serif;
	font-size:15px;
	list-style:none;
	float:left;
	padding:15px 0px;
	text-transform:uppercase;}		

.nav ul li a{
	color:#fff;
	padding:13px 20px;}

.nav ul li a:hover{}

.nav ul li a, .state a{}

.nav ul li a:hover, .current a{
	background:#ff8a00;}


/*---------------------------------------------------
------------------navigation section---------------*/

#main_banner{
	background:#1D2063;}

.banner{
	margin:0 auto;
	padding:0 10px;
	width:960px;
	background:url(../images/globle.png) no-repeat 45px 40px;}

.left_block{
	float:left;
	margin:30px 0;}

.classes{}

.classes h1{
	color:#fff;}

.classes li{
	background:rgba(0, 0, 0, 0.3);
	color:#fff;
	list-style:none;
	font-family:"PT Sans", Arail, Helventica, sans-serif;
	font-size:14px;
	font-weight:700;
	margin-bottom:1px;
	padding:10px;
	text-transform:uppercase;
	width:135px;}

.classes li:nth-child(2){
	border-left:5px solid #854037;}

.classes li:nth-child(3){
	border-left:5px solid #2A488A;}

.classes li:nth-child(4){
	border-left:5px solid #657141;}

.classes li:nth-child(5){
	border-left:5px solid #284B7A;}

.classes li:nth-child(6){
	border-left:5px solid #2A554B;}

.classes li:last-child{
	border-left:5px solid #5E273E;}
	
.classes li a{
	color:#fff;}	

.classes li a:hover{
	color:#fff;}	

.classes li:nth-child(2):hover,
.classes li:nth-child(3):hover,
.classes li:nth-child(4):hover,
.classes li:nth-child(5):hover,
.classes li:nth-child(6):hover,
.classes li:last-child:hover{
	border-left:5px solid #854037;
	background:#da3d23;}
	
.socaial_icon{
	margin-top:15px;}

/*------------------------------------------------
-------------------Banner Section---------------*/

#mibbody{
	margin:0 auto;
	padding:20px 10px;
	width:960px;}

#mibbody p{
	margin-left:10px;}

#mibbody h1{
	position:relative;
	padding-left:55px;}	

.midbody_left{
	float:left;
	width:700px;}

.midbody_right{
	float:right;
	width:220px;}


.midbody_left,
.midbody_right{
	margin-top:20px;}

.midbody_left h1,
.midbody_right h1{}	

.midbody_left p,
.midbody_right p{}
			
.midbody_left b{
	color:#8B1408;
	font-size:15px;}

.midbody_right b{
	color:#DA1510;
	font-style:italic;}	

.midbody_right img{
	border:5px solid #fff;
	-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0 0 5px rgba(0, 0, 0, 0.3);
	box-shadow:0 0 5px rgba(0, 0, 0, 0.3);}

.logo_hat{
	position:relative;}

.logo_hat:before{
	content:"";
	display:block;
	position:absolute;
	height:56px;
	width:46px;
	left:0;
	top:-22px;
	background:url(../images/pacific_icons/pacific_logohat.png) no-repeat;}	

.welcome{}	

.list{
	margin:10px 0;}
	
.list li{
	list-style:none;
	background:url(../images/pacific_icons/bullet.png) no-repeat 10px 4px;
	padding-left:15px;}

.whyus{
	margin-top:40px;}	

.services{}

.imageholder{
	margin-top:20px;
	position:relative;}

.readmore{
	margin-top:10px;}
	
.readmore p{
	float:right;}

.readmore a,
.readmore1 a{
	color:#fff;
	background:#11155b;
	font-weight:700;
	padding:4px 8px;
	position:relative;
	text-transform:uppercase;}

.readmore a:before{
	position:absolute;
	display:block;
	content:"";
	right:81px;
	width:11px;
	height:32px;
	top:0px;
	background:url(../images/pacific_icons/before_effect.png) no-repeat;}	

.readmore a:hover{
	color:#fff;
	background:#fd5300;}

.readmore1{
	position:absolute;
	bottom:26%;
	left:26%;}

.readmore1 a{
	background:#0ca626;
	padding:8px 6px;
	text-shadow:0 0px 3px rgba(0, 0, 0, 0.7);}

.readmore a:hover:before{
	background:url(../images/pacific_icons/before_effect_hover.png) no-repeat;}

.readmore1 a:hover{
	color:#de190a;
	text-shadow:0 1px 0px rgba(255, 255, 255, 0.5);}

/*------------------------------------------------
----------------------Midbody Section-----------*/

#midbody_bottom{
	background:#E95404;}

.submidbody_bottom{
	margin:0 auto;
	padding:20px 10px;
	width:960px;}	

.submidbody_bottom h1{
	color:#fff;}

.countries{
	float:left;
	width:700px;}

.block{
	outline:none;}

.block li{
	float:left;
	margin-right:7px;
	background:#fff;
	padding:5px;
	position:relative;
	border-radius:7px;}	

.block li a{}
.block li a:hover{
	background:#0055c9;}		

.block li:last-child{
	margin-right:0px;}

#tab {
    background:#FFF;
	margin-top:3px;
    position:relative;
    display:block;
	text-align:center;}
	
#tab:hover{}	

#tab h2,
#tabtext h2{
    cursor:pointer;
	color:#0f0601;
	font-family:"PT Sans", Arial, Helventica, sans-serif;
	font-weight:700;
	margin-bottom:0;
	text-transform:uppercase;}	
	
#tabtext {
    background:#fff;
    color: #333333;
    width:200px;
    height: 0;
    overflow:hidden;
    left:-10px;
    line-height: 20px;
    position: absolute;
	padding:0px 5px;
    top: 20px;
    -webkit-transition: all .3s ease; 
    -moz-transition: all .3s ease; 
    -ms-transition: all .3s ease; 
    -o-transition: all .3s ease; 
    transition: all .3s ease;
	z-index:9999;
}

#tabtext h2{
	color:#000;
	padding-top:10px;
	margin-bottom:10px;}

#tab:hover > #tabtext {
    display:block;
    left:-5px;
	height:100px;
}


/*-------------countries section-----------------*/

.contactinfo{
	float:right;
	width:220px;}	

.contactinfo p,
.contactinfo b,
.contactinfo em{
	text-shadow:0 1px 0px rgba(255, 255, 255, 0.2);}

.contactinfo em{
	font-style:italic;}	
	
.googlemap{
	border:4px solid #fff;
	background:#F0EDE5;
	top:20px;
	position:relative;}	

/*------------------------------------------------
---------------------midbody_bottom-------------*/

#main_footer{
	padding:10px 0;
	background:#1D2063;}

#footer{
	margin:0 auto;
	padding:0 10px;
	width:960px;}

#footer p{
	font-size:0.99em;
	color:#fff;}

.footer_left{
	float:left;}

.footer_right{
	float:right;}	

.footer_right a{
	color:#D8C37B;}

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

/*----------------------------------------------------------------
----------------------------Footer section---------------------*/

.contact{
	padding:10px 0;}

.contact p{
	font-size:15px;
	margin-bottom:8px;
	color:#000;}

.contact p img{
	-moz-border:10px solid rgba(0, 0, 0, 0.1);
	-webkit-border:10px solid rgba(0, 0, 0, 0.1);
	border:10px solid rgba(0, 0, 0, 0.1);
	border-radius:2px;}

form label{
	float:left;
	width:150px;}
		
.input_field{
	width:200px;}

.input_field1{
	width:100px;}

.textare_field{
	width:200px;
	max-width:300px;
	height:70px;
	max-height:150px;}

	
.input_field,
.input_field1,
.textare_field,
.input_code{
	border:1px solid #d0d0d0;
	padding:7px 5px;
	border-radius:3px;}

.input_code{
	width:100px;}
	
.btn{
	padding:6px 5px;
	cursor:pointer;
	background:#bf0c0c;
	border:none;
	border-radius:2px;
	color:#fff;
	font-size:11px;
	text-transform:uppercase;
	font-weight:700;}
	
.btn:hover{
	background:#6196cc;
	transition:all 0.5s ease 0s;}
	
.plz_red{
	color:#F00 !important;}	

.check_text{
	color:#444d59;
	font-size:12px;
	padding:0 30px 10px 0;
	line-height:20px;}		

/*--------------------------------------------------------
----------------------form page----------------------*/