@import url('http://fonts.googleapis.com/css?family=PT+Sans');

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img	{
	width:100%;
	height:100%;
}

body {
	margin: 0; 
	background-color: #E6EBEF;
}

@font-face {
    font-family: "Kozuka Gothic Pro B";
    src: url('../Kozuka-Gothic-Pro-M_26793.ttf');
}

h1, h2, h3, p, ul {	
/*	font-family:"Kozuka Gothic Pro B", Arial, Helvetica, sans-serif;*/
	font-family: 'PT Sans', Arial;
}

h1 {
	font-size:35px;
	color:#FFFFFF;
	font-weight:bold;
}

h2 {
	font-size:28px;
	color:#FF6600;
	padding-bottom:6px;
	font-weight:bold;
	}
	
h3 {
	font-size:18px;
	color:#274D6F;
	padding-bottom:6px;
	font-style:italic;
}

p, ul {
	font-size:14px;
	font-style:normal;
	padding-bottom:3px;
	letter-spacing:0.5px;
}

p.businesses {
	font-size:18px;
	color:#FFFFFF;
	text-align:right;
}

div#bottom_brown{
	clear:both;
	height:auto;
	padding: 5px 0px 5px 0px 
}

div#bottom_brown ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
div#bottom_brown li{
/*width:250px;*/
	display:inline-block;
	text-align:center;
	font-size:14px;
	color:white;
	padding-left:5%;
}

div#body_text ul{
/*	font-size:11pt*/
	list-style-type: square;
	margin-left:15pt
}

#company_logo {
	height:95px;
	width:192px;
	position:absolute;
	left:0px;
	top:0px;
}

#top_brown {
	background-color:#2C231E;
}

#company_title {
	padding: 20px 0px 9px 30%;
}

#mid_white {
	background-color:#FFFFFF;
	height:3px;
}

#top_blue {
/*	background-color:#3A6087;*/
	height:25px;
	padding: 5px 10% 5px 0px;
	background:#274D6F;
}

#body_col1 {
	width:33%;
	background-color:white;
	float:left;
	margin: 0px 0px 0px 5px;
}

#body_col2 {
	width:33%;
	background-color:white;
	float:left;
}

#body_col3 {
	width:33%;
	background-color:white;	
	float:left;
	padding: 0px 0px 0px 0px;
}


#Body_Content {
	position:absolute;
	top: 102px;
	left:15%;
	margin:0px auto;
	background-color:white;
	width:70%;
	height: 85%;
	min-height:570px;
}


#orange_div {
	height:10px;
	background-color:#FF6600;
	margin: 5px 5px 5px 5px;
}

#body_text {
	background-color:white;
	padding:20px 10px 20px 10px;
}

#our_servies {
	width:40%;
	background-color:white;
	margin-left:8%;
	float:left;

}

#service_image {
	padding-top: 3px;
	padding: 10px 10px 10px 10px;

}

#contact_us {
	width: 40%;
	background-color: white;
	float:left;
	right:0px
}

#contact_us_image {
	padding: 10px 10px 10px 10px;

}

#Footer {
	position:absolute;
/*	top:0px;*/
	bottom:0px;
	left:0px;
	width:100%;
}

#bottom_blue {
	height:20px;
	padding: 5px 50px 5px 0px;
	background:#274D6F;
}

#bottom_brown {
	background-color:#2C231E;
	height:20px;
}

#top_padding {
	clear:both;
	margin-top:95%;
}

@-webkit-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-moz-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@-o-keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

@keyframes cf4FadeInOut {
 0% {
   opacity:1;
 }
 17% {
   opacity:1;
 }
 25% {
   opacity:0;
 }
 92% {
   opacity:0;
 }
 100% {
   opacity:1;
 }
}

#cf4a {
	position:relative;
	min-height:0;
  /*
  width:450px;*/
/*  margin:0 auto;*/
	margin: 20px 7px 15px 0px;

}
#cf4a img {
	position:absolute;
	padding-bottom:75%;
	height:auto;
/*  left:0;*/
}

#cf4a img {
  -webkit-animation-name: cf4FadeInOut;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 16s;

  -moz-animation-name: cf4FadeInOut;
  -moz-animation-timing-function: ease-in-out;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 16s;

  -o-animation-name: cf4FadeInOut;
  -o-animation-timing-function: ease-in-out;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 16s;

  animation-name: cf4FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 16s;
}
#cf4a img:nth-of-type(1) {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  animation-delay: 12s;
}
#cf4a img:nth-of-type(2) {
  -webkit-animation-delay: 8s;
  -moz-animation-delay: 8s;
  -o-animation-delay: 8s;
  animation-delay: 8s;
}
#cf4a img:nth-of-type(3) {
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  -o-animation-delay: 4s;
  animation-delay: 4s;
}
#cf4a img:nth-of-type(4) {
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  -o-animation-delay: 0;
  animation-delay: 0;
}