/* Table of Content
==================================================
	#Media Queries
	#Font-Face */

@import url(forms.css);
@import url(skeleton.css);
@import url(base.css);
@import url(superfish.css);
@import url(table.css);

/* #Font-Face
================================================== */
@import url("../webfonts/HelveticaNeueLTStd_ThCn_0/stylesheet.css");
@import url("../webfonts/HelveticaNeueLTStd_XBlkCn_0/stylesheet.css");
@import url("../webfonts/HelveticaNeueLTStd_Blk_0/stylesheet.css");
@import url("../webfonts/HelveticaLTStd_BlkCond_0/stylesheet.css");
@import url("../webfonts/HelveticaLTStd_Bold_0/stylesheet.css");
@import url("../webfonts/HelveticaLTStd_Comp_0/stylesheet.css");
@import url("../webfonts/HelveticaLTStd_Cond_0/stylesheet.css");
@import url("../webfonts/HelveticaLTStd_UltraComp_0/stylesheet.css");
@import url("../webfonts/HelveticaLTStd_Roman_0/stylesheet.css");
@import url("../webfonts/HELVETICANEUELTSTD_LT_0/stylesheet.css");
@import url("../webfonts/HelveticaNeueLTStd_Th_0/stylesheet.css");
@import url("../webfonts/HelveticaNeueLTStd_UltLt/stylesheet.css");
@import url("../webfonts/HELVETIC_0/stylesheet.css");
@import url("../webfonts/KR_08_53/stylesheet.css");
@import url("../webfonts/MyriadPro_Regular/stylesheet.css");
@import url("../webfonts/MyriadPro_Bold/stylesheet.css");

@media print {
#logo {
	margin: 94px 0px 0px 40px;
	position: absolute;
	z-index: 10000;
	float: left;
}
/*------------------------------------*\
	INDEX
\*------------------------------------*/
.tagline {
	margin: 107px 0px 0px 60px;
	display: block;
	font-size: 38px;
	font-family: "MyriadPro Bold", Helvetica, sans-serif;
	color: #164774;
	text-transform: uppercase;
	position: absolute;
	z-index: 11180;
}
.tagline span {
	display: block;
	font-size: 16px;
	font-family: "HelveticaLTStd Roman 0", Helvetica, sans-serif;
	max-width: 375px;
	line-height: 18px;
	text-transform: capitalize;
	margin-left: 3px;
}
/*------------------------------------*\
	TOP VISUAL	
\*------------------------------------*/
.indexVisual {
	height: 415px;
}
.spotLight {
	margin: -60px 0px 0px 50px;
	position: absolute;
	z-index: 2;
}
.topSpotLight {
	margin: -160px 0px 0px 740px;
	position: absolute;
	z-index: 3;
}
.sunLight {
	margin: -160px 0px 0px 320px;
	position: absolute;
	z-index: 10;
}
.cloud1 {
	margin: 40px 0px 0px 60px;
	position: absolute;
	z-index: 4;
}
.cloud2 {
	margin: 80px 0px 0px -50px;
	position: absolute;
	z-index: 6;
}
.cloud3 {
	margin: 80px 0px 0px 0px;
	position: absolute;
	z-index: 7;
}
.cloud4 {
	margin: 80px 0px 0px 350px;
	position: absolute;
	z-index: 5;
}
.worldmap {
	margin: 10px 0px 0px 440px;
	position: absolute;
	z-index: 1;
}
.building {
	margin: 120px 0px 0px 760px;
	position: absolute;
	z-index: 3;
}
.plane {
	margin: 75px 0px 0px 880px;
	position: absolute;
	z-index: 4;
}
.water {
	margin: 226px 0px 0px 5px;
	position: absolute;
	z-index: 9;
}
.ship {
	margin: 245px 0px 0px 555px;
	position: absolute;
	z-index: 8;
}
.weave {
	margin: 45px 0px 0px 10px;
	position: absolute;
	z-index: 10;
}
.mobileWeave img{
	display:none;	
}

/*content visual*/
.contentVisual {
	height: 348px;
}
.contentWeave {
	margin: 128px 0px 0px 10px;
	position: absolute;
	z-index: 10;
}
.contentcloud1 {
	margin: 10px 0px 0px 60px;
	position: absolute;
	z-index: 4;
}
.contentcloud2 img{
	margin: 60px 0px 0px 350px;
	position: absolute;
	z-index: 9;
	width:478px;
	height:auto;	
}
.contentcloud3 {
	margin: 0px 0px 0px -100px;
	position: absolute;
	z-index: 7;
}
.contentworldmap {
	margin: -120px 0px 0px 350px;
	position: absolute;
	z-index: 1;
}
.contentbuilding {
	margin: 55px 0px 0px 680px;
	position: absolute;
	z-index: 3;
}
.contentplane {
	margin: 25px 0px 0px 880px;
	position: absolute;
	z-index: 4;
}
.contentwater {
	margin: 226px 0px 0px 5px;
	position: absolute;
	z-index: 9;
}
.contentship img{
	margin: 95px 0px 0px 505px;
	position: absolute;
	z-index: 8;
	width:178px;
	height:auto;
}
/*------------------------------------*\
	INDEX ABOUT US
\*------------------------------------*/
.aboutUs {
	float: right;
	width: 350px;
}
.aboutUs .abtHeader {
	color: #66b435;
	font-family: "HelveticaLTStd Bold 0", Helvetica, sans-serif;
	font-size: 24px;
	width: auto;
	text-transform: uppercase;
	margin-bottom: -10px;
}
.aboutUs .abtHeader span {
	color: #66b435;
	font-family: "HelveticaNeueLTStd Th 0", Helvetica, sans-serif;
	font-size: 24px;
	width: auto;
	text-transform: uppercase;
}
/*------------------------------------*\
	SERVICES BOX
\*------------------------------------*/
.serviceList {
	height: 102px;
	margin-top: 32px;
	border: 1px solid #54ad38;
	border-radius: 10px;
	width: 660px;
	float: right;
	right: 0px;
	padding: 18px 0px 25px 0px;
	text-align: center;
}
#serviceIcon {
	width: 100%;
	zoom: 1;
}
#serviceIcon a, #serviceIcon span {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display:inline;
	position: relative;
	vertical-align: top;
	margin: 6px 0px 0px 15px;
	padding: 6px;
	font-family: "HelveticaLTStd_BlkCond_0", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	width: 80px;
	z-index:50;

}
#serviceIcon img {
	background-color:#fff;
}
#serviceIcon a {
	border: none;
	margin: 0px 8px;
}
#serviceIcon div {
	font-family: "HelveticaLTStd_BlkCond_0", Helvetica, sans-serif;
}

/*content services list*/
.contentServiceList {
	height: 102px;
	margin-top: -132px;
	margin-right: 60px;
	float: right;
	right: 0px;
	text-align: center;
	position:absolute;
	z-index:100px;
}
#contentServiceIcon {
	width: 100%;
	zoom: 1;
}
#contentServiceIcon a, #contentServiceIcon span {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display:inline;
	position: relative;
	vertical-align: top;
	margin: 6px 0px 0px 15px;
	padding: 6px;
	font-family: "HelveticaLTStd_BlkCond_0", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	width: 80px;
	z-index:50;
}
#contentServiceIcon img {

}
#contentServiceIcon a {
	border: none;
	margin: 0px 8px;
}
#contentServiceIcon div {
	font-family: "HelveticaLTStd_BlkCond_0", Helvetica, sans-serif;
}

/*------------------------------------*\
	BREADCRUMB
\*------------------------------------*/
.breadcrumb {
	float: right;
	margin-right: 0px;
	font-size: 8px;
	font-family: "KR 08 53", Helvetica, sans-serif;
}
.breadcrumb a {
	font-size: 8px;
	font-family: "KR 08 53", Helvetica, sans-serif;
	color: #000;
	background-color: #e9e9e8;
	padding: 1px 4px 2px 4px;
	border-radius: 3px;
	text-decoration: none;
}
.breadcrumb a:hover {
	font-size: 8px;
	font-family: "KR 08 53", Helvetica, sans-serif;
	color: #fff;
	background-color: #66b435;
	padding: 1px 4px 2px 4px;
	border-radius: 3px;
	text-decoration: none;
}
/*------------------------------------*\
	FOOTER
\*------------------------------------*/
.footerLink ul {
	margin-top: 45px;
}
.footerLink li {
	display: inline;
	font-size: 11px;
	color: #111;
}
.footerLink li a {
	color: #565656;
	font-size: 12px;
	text-decoration: none;
	padding: 0px 10px;
}
.footerLink li a:hover {
	color: #66b435;
	font-size: 12px;
	text-decoration: none;
}
.credit {
	font-size: 8px;
	font-family: "KR 08 53", Helvetica, sans-serif;
	margin: 10px 0px 0px 50px;
}
#footerBar {
	margin-top:40px;
	height: 100px;
	width: auto;
	background-color: #d5e2d4;
}
.contactInfo {
	float:right;
	right:0px;
	margin-right:70px;
	margin-top: -270px;
	font-size: 11px;
	color: #494949;
	width:195px;
	text-align:right;
	position:relative;
	z-index:10000;
	line-height:13px;
}
.contactInfo span {
	color:#2b6c28;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}
.contactInfo a {
	color: #66b435;
	font-weight: normal;
	text-decoration: none;
}
.contactInfo a:hover {
	font-weight: normal;
	text-decoration: underline;
}
/*content contact info*/
.contentContactInfo {
	margin-left:30px;
	margin-top: 58px;
	font-size: 11px;
	color: #494949;
	width:195px;
	position:relative;
	z-index:10000;
	line-height:13px;
}
.contentContactInfo span {
	color:#2b6c28;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}
.contentContactInfo a {
	color: #66b435;
	font-weight: normal;
	text-decoration: none;
}
.contentContactInfo a:hover {
	font-weight: normal;
	text-decoration: underline;
}
.notice{
	font-size: 11px;
	margin-left:30px;
	margin-top: 28px;
    color:#FC070B;	
}
.notice strong{
	color:#FC070B;
}
.break{
	display:none;
}
/* end footer*/

/*------------------------------------*\
	BACK TO TOP
\*------------------------------------*/
#back-top {
	position: fixed;
	bottom: 80px;
	left: 51%;
	z-index: 1000;
	display: none;
	margin-left: 490px;
	padding: 0;
	background: url(../images/up-arrow.png) 50% 0% no-repeat;
	color: #000000;
	text-align: center;
	width: 43px;
	height: 43px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#back-top i {
	line-height: 42px;
	font-size: 42px;
	display: none
}
#back-top:hover {
	background: url(../images/up-arrow.png) 50% 100% no-repeat;
}

/*------------------------------------*\
	CONTENT
\*------------------------------------*/

.title {
	color: #66b435;
	font-family: "HelveticaNeueLTStd Th 0", Helvetica, sans-serif;
	margin: 0px 0px 20px 0px;
	font-size: 48px;
	width: auto;
	text-transform: uppercase;
	padding-bottom: 14px;
	height: 22px;
}
.title span {
	color: #3c3c3c;
	font-family: "HelveticaLTStd Roman 0", Helvetica, sans-serif;
	font-size: 12px;
	width: auto;
	text-transform: capitalize;
}
.subHeader {
	padding-top: 6px;
	font-size: 16px;
	color: #0387b2;
	font-family: "HelveticaLTStd Bold 0", Helvetica, sans-serif;
	text-transform: uppercase;
}
.content {
	text-align: justify;
	line-height: 16px;
	float: right;
	width: 820px;
	margin-left:60px;
}

/*------------------------------------*\
	CIRCLE IMG
\*------------------------------------*/
#circleImg {
	width: 100%;
	zoom: 1;
}
#circleImg div{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display:inline;
	position: relative;
	vertical-align: top;
	margin: 6px 0px -20px 0px;
	padding: 6px;
	font-family: "HelveticaLTStd_BlkCond_0", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	width: 173px;
	z-index:50;
}

}
/* #Base 1200 and larger Grid
================================================== */
@media screen and (min-width: 880px) {
#logo {
	margin: 94px 0px 0px 40px;
	position: absolute;
	z-index: 10000;
	float: left;
}
/*------------------------------------*\
	INDEX
\*------------------------------------*/
.tagline {
	margin: 107px 0px 0px 60px;
	display: block;
	font-size: 38px;
	font-family: "MyriadPro Bold", Helvetica, sans-serif;
	color: #164774;
	text-transform: uppercase;
	position: absolute;
	z-index: 11180;
}
.tagline span {
	display: block;
	font-size: 16px;
	font-family: "HelveticaLTStd Roman 0", Helvetica, sans-serif;
	max-width: 375px;
	line-height: 18px;
	text-transform: capitalize;
	margin-left: 3px;
}
/*------------------------------------*\
	TOP VISUAL	
\*------------------------------------*/
.indexVisual {
	height: 415px;
}
.spotLight {
	margin: -60px 0px 0px 50px;
	position: absolute;
	z-index: 2;
}
.topSpotLight {
	margin: -160px 0px 0px 740px;
	position: absolute;
	z-index: 3;
}
.sunLight {
	margin: -160px 0px 0px 320px;
	position: absolute;
	z-index: 10;
}
.cloud1 {
	margin: 40px 0px 0px 60px;
	position: absolute;
	z-index: 4;
}
.cloud2 {
	margin: 80px 0px 0px -50px;
	position: absolute;
	z-index: 6;
}
.cloud3 {
	margin: 80px 0px 0px 0px;
	position: absolute;
	z-index: 7;
}
.cloud4 {
	margin: 80px 0px 0px 350px;
	position: absolute;
	z-index: 5;
}
.worldmap {
	margin: 10px 0px 0px 440px;
	position: absolute;
	z-index: 1;
}
.building {
	margin: 120px 0px 0px 760px;
	position: absolute;
	z-index: 3;
}
.plane {
	margin: 75px 0px 0px 880px;
	position: absolute;
	z-index: 4;
}
.water {
	margin: 226px 0px 0px 5px;
	position: absolute;
	z-index: 9;
}
.ship {
	margin: 245px 0px 0px 555px;
	position: absolute;
	z-index: 8;
}
.weave {
	margin: 45px 0px 0px 10px;
	position: absolute;
	z-index: 10;
}
.mobileWeave img{
	display:none;	
}

/*content visual*/
.contentVisual {
	height: 348px;
}
.contentWeave {
	margin: 128px 0px 0px 10px;
	position: absolute;
	z-index: 10;
}
.contentcloud1 {
	margin: 10px 0px 0px 60px;
	position: absolute;
	z-index: 4;
}
.contentcloud2 img{
	margin: 60px 0px 0px 350px;
	position: absolute;
	z-index: 9;
	width:478px;
	height:auto;	
}
.contentcloud3 {
	margin: 0px 0px 0px -100px;
	position: absolute;
	z-index: 7;
}
.contentworldmap {
	margin: -120px 0px 0px 350px;
	position: absolute;
	z-index: 1;
}
.contentbuilding {
	margin: 55px 0px 0px 680px;
	position: absolute;
	z-index: 3;
}
.contentplane {
	margin: 25px 0px 0px 880px;
	position: absolute;
	z-index: 4;
}
.contentwater {
	margin: 226px 0px 0px 5px;
	position: absolute;
	z-index: 9;
}
.contentship img{
	margin: 95px 0px 0px 505px;
	position: absolute;
	z-index: 8;
	width:178px;
	height:auto;
}
/*------------------------------------*\
	INDEX ABOUT US
\*------------------------------------*/
.aboutUs {
	float: right;
	width: 350px;
}
.aboutUs .abtHeader {
	color: #66b435;
	font-family: "HelveticaLTStd Bold 0", Helvetica, sans-serif;
	font-size: 24px;
	width: auto;
	text-transform: uppercase;
	margin-bottom: -10px;
}
.aboutUs .abtHeader span {
	color: #66b435;
	font-family: "HelveticaNeueLTStd Th 0", Helvetica, sans-serif;
	font-size: 24px;
	width: auto;
	text-transform: uppercase;
}
/*------------------------------------*\
	SERVICES BOX
\*------------------------------------*/
.serviceList {
	height: 102px;
	margin-top: 32px;
	border: 1px solid #54ad38;
	border-radius: 10px;
	width: 660px;
	float: right;
	right: 0px;
	padding: 18px 0px 25px 0px;
	text-align: center;
}
#serviceIcon {
	width: 100%;
	zoom: 1;
}
#serviceIcon a, #serviceIcon span {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display:inline;
	position: relative;
	vertical-align: top;
	margin: 6px 0px 0px 15px;
	padding: 6px;
	font-family: "HelveticaLTStd_BlkCond_0", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	width: 80px;
	z-index:50;

}
#serviceIcon img {
	background-color:#fff;
}
#serviceIcon a {
	border: none;
	margin: 0px 8px;
}
#serviceIcon div {
	font-family: "HelveticaLTStd_BlkCond_0", Helvetica, sans-serif;
}

/*content services list*/
.contentServiceList {
	height: 102px;
	margin-top: -132px;
	margin-right: 60px;
	float: right;
	right: 0px;
	text-align: center;
	position:absolute;
	z-index:100px;
}
#contentServiceIcon {
	width: 100%;
	zoom: 1;
}
#contentServiceIcon a, #contentServiceIcon span {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display:inline;
	position: relative;
	vertical-align: top;
	margin: 6px 0px 0px 15px;
	padding: 6px;
	font-family: "HelveticaLTStd_BlkCond_0", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	width: 80px;
	z-index:50;
}
#contentServiceIcon img {

}
#contentServiceIcon a {
	border: none;
	margin: 0px 8px;
}
#contentServiceIcon div {
	font-family: "HelveticaLTStd_BlkCond_0", Helvetica, sans-serif;
}

/*------------------------------------*\
	BREADCRUMB
\*------------------------------------*/
.breadcrumb {
	float: right;
	margin-right: 0px;
	font-size: 8px;
	font-family: "KR 08 53", Helvetica, sans-serif;
}
.breadcrumb a {
	font-size: 8px;
	font-family: "KR 08 53", Helvetica, sans-serif;
	color: #000;
	background-color: #e9e9e8;
	padding: 1px 4px 2px 4px;
	border-radius: 3px;
	text-decoration: none;
}
.breadcrumb a:hover {
	font-size: 8px;
	font-family: "KR 08 53", Helvetica, sans-serif;
	color: #fff;
	background-color: #66b435;
	padding: 1px 4px 2px 4px;
	border-radius: 3px;
	text-decoration: none;
}
/*------------------------------------*\
	FOOTER
\*------------------------------------*/
.footerLink ul {
	margin-top: 45px;
}
.footerLink li {
	display: inline;
	font-size: 11px;
	color: #111;
}
.footerLink li a {
	color: #565656;
	font-size: 12px;
	text-decoration: none;
	padding: 0px 10px;
}
.footerLink li a:hover {
	color: #66b435;
	font-size: 12px;
	text-decoration: none;
}
.credit {
	font-size: 8px;
	font-family: "KR 08 53", Helvetica, sans-serif;
	margin: 10px 0px 0px 50px;
}
#footerBar {
	margin-top:40px;
	height: 100px;
	width: auto;
	background-color: #d5e2d4;
}
.contactInfo {
	float:right;
	right:0px;
	margin-right:70px;
	margin-top: -270px;
	font-size: 11px;
	color: #494949;
	width:195px;
	text-align:right;
	position:relative;
	z-index:10000;
	line-height:13px;
}
.contactInfo span {
	color:#2b6c28;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}
.contactInfo a {
	color: #66b435;
	font-weight: normal;
	text-decoration: none;
}
.contactInfo a:hover {
	font-weight: normal;
	text-decoration: underline;
}
/*content contact info*/
.contentContactInfo {
	margin-left:30px;
	margin-top: 58px;
	font-size: 11px;
	color: #494949;
	width:195px;
	position:relative;
	z-index:10000;
	line-height:13px;
}
.contentContactInfo span {
	color:#2b6c28;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}
.contentContactInfo a {
	color: #66b435;
	font-weight: normal;
	text-decoration: none;
}
.contentContactInfo a:hover {
	font-weight: normal;
	text-decoration: underline;
}
.notice{
	font-size: 11px;
	margin-left:30px;
	margin-top: 28px;
    color:#FC070B;	
}
.notice strong{
	color:#FC070B;
}
.break{
	display:none;
}
/* end footer*/

/*------------------------------------*\
	BACK TO TOP
\*------------------------------------*/
#back-top {
	position: fixed;
	bottom: 80px;
	left: 51%;
	z-index: 1000;
	display: none;
	margin-left: 490px;
	padding: 0;
	background: url(../images/up-arrow.png) 50% 0% no-repeat;
	color: #000000;
	text-align: center;
	width: 43px;
	height: 43px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#back-top i {
	line-height: 42px;
	font-size: 42px;
	display: none
}
#back-top:hover {
	background: url(../images/up-arrow.png) 50% 100% no-repeat;
}

/*------------------------------------*\
	CONTENT
\*------------------------------------*/

.title {
	color: #66b435;
	font-family: "HelveticaNeueLTStd Th 0", Helvetica, sans-serif;
	margin: 0px 0px 20px 0px;
	font-size: 48px;
	width: auto;
	text-transform: uppercase;
	padding-bottom: 14px;
	height: 22px;
}
.title span {
	color: #3c3c3c;
	font-family: "HelveticaLTStd Roman 0", Helvetica, sans-serif;
	font-size: 12px;
	width: auto;
	text-transform: capitalize;
}
.subHeader {
	padding-top: 6px;
	font-size: 16px;
	color: #0387b2;
	font-family: "HelveticaLTStd Bold 0", Helvetica, sans-serif;
	text-transform: uppercase;
}
.content {
	text-align: justify;
	line-height: 16px;
	float: right;
	width: 820px;
	margin-left:60px;
}

/*------------------------------------*\
	CIRCLE IMG
\*------------------------------------*/
#circleImg {
	width: 100%;
	zoom: 1;
}
#circleImg div{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display:inline;
	position: relative;
	vertical-align: top;
	margin: 6px 0px -20px 0px;
	padding: 6px;
	font-family: "HelveticaLTStd_BlkCond_0", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	width: 173px;
	z-index:50;
}

}

/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 879px) {
#logo img {
	margin-top: 23px;
	width: 92%;
	height: auto;
	min-height: 50px;
	max-width: 312px;
	position: relative;
	z-index: 10000;
	margin-left: 10px;
}
/*------------------------------------*\
	INDEX
\*------------------------------------*/
.tagline {
	margin: 30px 0px 0px 10px;
	display: block;
	font-size: 38px;
	font-family: "MyriadPro Bold", Helvetica, sans-serif;
	color: #164774;
	text-transform: uppercase;
	position: absolute;
	z-index: 11180;
}
.tagline span {
	display: block;
	font-size: 16px;
	font-family: "HelveticaLTStd Roman 0", Helvetica, sans-serif;
	max-width: 375px;
	line-height: 18px;
	text-transform: capitalize;
	margin-left: 3px;
}
/*------------------------------------*\
	TOP VISUAL	
\*------------------------------------*/
.indexVisual {
	height: 320px;
}
.spotLight img{
	margin: 0px 0px 0px 10px;
	position: absolute;
	z-index: 2;
	width:100%;
	height:auto;
	max-width:580px;
}
.topSpotLight img{
	display:none;	
}
.sunLight img{
	margin: -120px 0px 0px 0px;
	position: absolute;
	z-index: 10;
	width:100%;
	height:auto;
	max-width:774px;	
}
.cloud1 img{
	margin: 100px 0px 0px -30px;
	position: absolute;
	z-index: 4;
	width:90%;
	height:auto;
	max-width:507px;	
}
.cloud2 {
	display:none;
}
.cloud3 {
	display:none;
}
.cloud4 img{
	margin: 130px 10px 0px 40px;
	position: absolute;
	z-index: 5;
	width:90%;
	height:auto;
	max-width:637px;
	float:right;
	right:0px;			
}
.worldmap img{
	margin: 10px 0px 0px 10px;
	position: absolute;
	z-index: 1;
	width:90%;
	height:auto;
	max-width:481px;
}
.building img{
	margin: 155px 0px 0px 10px;
	position: absolute;
	z-index: 3;
	width:90%;
	height:auto;
	max-width:233px;	
}
.plane {
	margin: 145px 0px 0px 70px;
	position: absolute;
	z-index: 4;
}
.water{
	display:none;	
}
.ship img{
	margin: 205px 30px 0px 15px;
	position: absolute;
	z-index: 8;
	width:90%;
	height:auto;
	max-width:267px;
	float:right;
	right:0px;	
}
.weave img{
	display:none;	
}
.mobileWeave img{
	margin: -145px 0px 0px 10px;
	position: relative;
	z-index: 1000;
	width:100%;
	height:auto;
	max-width:900px;
	margin-bottom:10px;	
}

/*content visual*/
.contentVisual {
	height: 320px;
}
.contentWeave img{
	display:none;	
}
.contentcloud1 img{
	margin: 10px 0px 0px 30px;
	position: absolute;
	z-index: 4;
	width:90%;
	height:auto;
	max-width:507px;	
}
.contentcloud2 img{
	display:none;	
}
.contentcloud3 img{
	display:none;
}
.contentworldmap img{
	margin: -120px 0px 0px 10px;
	position: absolute;
	z-index: 1;
	width:90%;
	height:auto;
	max-width:481px;	
}
.contentbuilding img{
	margin: 140px 0px 0px 10px;
	position: absolute;
	z-index: 3;
	width:90%;
	height:auto;
	max-width:233px;	
}
.contentplane img{
	margin: 135px 0px 0px 80px;
	position: absolute;
	z-index: 4;
}
.contentwater img{
	display:none;
}
.contentship img{
	margin: 195px 0px 0px 10px;
	position: absolute;
	z-index: 8;
	width:90%;
	height:auto;
	max-width:267px;
	float:right;
	right:0px;	
}
/*------------------------------------*\
	INDEX ABOUT US
\*------------------------------------*/
.aboutUs {
	width: 98%;
	margin-left:10px;
}
.aboutUs .abtHeader {
	color: #66b435;
	font-family: "HelveticaLTStd Bold 0", Helvetica, sans-serif;
	font-size: 24px;
	width: auto;
	text-transform: uppercase;
	margin-bottom: -10px;
}
.aboutUs .abtHeader span {
	color: #66b435;
	font-family: "HelveticaNeueLTStd Th 0", Helvetica, sans-serif;
	font-size: 24px;
	width: auto;
	text-transform: uppercase;
}
/*------------------------------------*\
	SERVICES BOX
\*------------------------------------*/
.serviceList {
	height: auto;
	margin: 22px 10px 22px 10px;
	border: 1px solid #54ad38;
	border-radius: 10px;
	width: 96%;
	padding: 18px 0px 30px 0px;
	text-align: center;
}
#serviceIcon {
	width: 100%;
	zoom: 1;
}
#serviceIcon a, #serviceIcon span {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display:inline;
	position: relative;
	vertical-align: top;
	margin: 6px 0px 0px 15px;
	padding: 6px;
	font-family: "HelveticaLTStd_BlkCond_0", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	width: 80px;
	z-index:50;
}
#serviceIcon img {
	background-color:#fff;
}
#serviceIcon a {
	border: none;
	margin: 0px 8px;
	height:90px;
}
#serviceIcon div {
	font-family: "HelveticaLTStd_BlkCond_0", Helvetica, sans-serif;
}

/*content services list*/
.contentServiceList {
	margin-top: 40px;
	text-align: center;
}
#contentServiceIcon {
	width: 100%;
	zoom: 1;
}
#contentServiceIcon a, #contentServiceIcon span {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display:inline;
	position: relative;
	vertical-align: top;
	margin: 6px 0px 0px 15px;
	padding: 6px;
	font-family: "HelveticaLTStd_BlkCond_0", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	width: 80px;
	z-index:50;
}
#contentServiceIcon img {

}
#contentServiceIcon a {
	border: none;
	margin: 0px 8px;
}
#contentServiceIcon div {
	font-family: "HelveticaLTStd_BlkCond_0", Helvetica, sans-serif;
}
/*------------------------------------*\
	BREADCRUMB
\*------------------------------------*/
.breadcrumb {
	float: right;
	margin-right: 0px;
	font-size: 8px;
	font-family: "KR 08 53", Helvetica, sans-serif;
}
.breadcrumb a {
	font-size: 8px;
	font-family: "KR 08 53", Helvetica, sans-serif;
	color: #000;
	background-color: #e9e9e8;
	padding: 1px 4px 2px 4px;
	border-radius: 3px;
	text-decoration: none;
}
.breadcrumb a:hover {
	font-size: 8px;
	font-family: "KR 08 53", Helvetica, sans-serif;
	color: #fff;
	background-color: #66b435;
	padding: 1px 4px 2px 4px;
	border-radius: 3px;
	text-decoration: none;
}
/*------------------------------------*\
	FOOTER
\*------------------------------------*/
.footerLink ul {
	margin-top: 25px;
	margin-left:-30px;	
}
.footerLink li {
	display: inline;
	font-size: 11px;
	color: #111;
}
.footerLink li a {
	color: #565656;
	font-size: 12px;
	text-decoration: none;
	padding: 0px 0px;
}
.footerLink li a:hover {
	color: #66b435;
	font-size: 12px;
	text-decoration: none;
}
.credit {
	font-size: 8px;
	font-family: "KR 08 53", Helvetica, sans-serif;
	margin: 10px 0px 0px 10px;
}
#footerBar {
	margin-top:40px;
	height: 60px;
	width: auto;
	background-color: #d5e2d4;
}
.contactInfo {
	margin-left:10px;
	font-size: 11px;
	color: #494949;
	width:195px;
	position:relative;
	z-index:10000;
	line-height:13px;
}
.contactInfo span {
	color:#2b6c28;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}
.contactInfo a {
	color: #66b435;
	font-weight: normal;
	text-decoration: none;
}
.contactInfo a:hover {
	font-weight: normal;
	text-decoration: underline;
}

/*content contact info*/
.contentContactInfo {
	margin-left:10px;
	margin-top: 20px;
	padding-top: 20px;
	font-size: 11px;
	color: #494949;
	width:100%;
	position:relative;
	z-index:10000;
	line-height:13px;
	border-top: 1px #a7a7a7 dotted;
}
.contentContactInfo span {
	color:#2b6c28;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}
.contentContactInfo a {
	color: #66b435;
	font-weight: normal;
	text-decoration: none;
}
.contentContactInfo a:hover {
	font-weight: normal;
	text-decoration: underline;
}
.notice{
	font-size: 11px;
	margin-left:8px;
	margin-top: 28px;
	color:#FC070B;
}
.notice strong{
	color:#FC070B;
}
/* end footer*/

/*------------------------------------*\
	BACK TO TOP
\*------------------------------------*/
#back-top {
	position: fixed;
	bottom: 40px;
	float:right;
	right:0px;
	z-index: 1000;
	display: none;
	margin-right: 20px;
	padding: 0;
	background: url(../images/up-arrow.png) 50% 0% no-repeat;
	color: #000000;
	text-align: center;
	width: 43px;
	height: 43px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#back-top i {
	line-height: 42px;
	font-size: 42px;
	display: none
}
#back-top:hover {
	background: url(../images/up-arrow.png) 50% 100% no-repeat;
}

/*------------------------------------*\
	CONTENT
\*------------------------------------*/
.title {
	color: #66b435;
	font-family: "HelveticaNeueLTStd Th 0", Helvetica, sans-serif;
	margin: 0px 0px 12px 0px;
	font-size: 48px;
	width: auto;
	text-transform: uppercase;
	padding-bottom: 14px;
	line-height:40px;
}
.title span {
	color: #3c3c3c;
	font-family: "HelveticaLTStd Roman 0", Helvetica, sans-serif;
	font-size: 12px;
	width: auto;
	text-transform: capitalize;
}
.subHeader {
	padding-top: 6px;
	font-size: 16px;
	color: #0387b2;
	font-family: "HelveticaLTStd Bold 0", Helvetica, sans-serif;
	text-transform: uppercase;
}
.content {
	text-align: justify;
	line-height: 16px;
	width: 98%;
	margin-left:10px;
}
/*------------------------------------*\
	CIRCLE IMG
\*------------------------------------*/
#circleImg {
	width: 100%;
	zoom: 1;
}
#circleImg div{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
    *display:inline;
	position: relative;
	vertical-align: top;
	margin: 6px -35px -20px -35px;
	padding: 8px;
	font-family: "HelveticaLTStd_BlkCond_0", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	z-index:50;
}
#circleImg img{
	width: 70%;
	height:auto;
	max-width: 173px;
	padding:5px;
}
}
/*///////////////// Global ////////////////////*/

.list li{
	margin-left:-35px;
	padding-left:18px;
	background: url(../images/circle_arrow_blue.png) no-repeat 0px 2px;	
}
.readmore a {
	color: #66b435;
	font-size: 11px;
	font-family: "HelveticaLTStd Roman 0", Helvetica, arial, sans-serif;
	text-transform: uppercase;
	background: url(../images/circle_arrow.png) no-repeat 70px 2px;
	padding-right: 50px;
}
.readmore a:hover {
	color: #000;
	text-decoration: none;
}
/*------------------------------------*\
	SITE MAP
\*------------------------------------*/

.site_map ul {
	list-style-type: circle;
	padding: 10px 30px;
	border: 0;
}
.site_map li {
	color: #66b435;
	list-style-type: circle;
	margin: 10px 30px;
}
.site_map li a {
	color: #66b435;
	background-image: none;
	text-decoration: none;
	font-size:14px;
}
.site_map li a:hover {
	color: #111;
	text-decoration: none;
}
/* end site map */


#map_wrapper {
	margin:40px 0px -40px 0px;
	height: 300px;
}
#map_canvas {
	width: 100%;
	height: 100%;
}
