@charset "utf-8";


/* CSS Document */





/*  em, strong, button, blockquote, address, big,small, strike, tt,*/





html, body, div, span, applet, object, iframe,


h1, h2, h3, h4, h5, h6, p,  pre,


a, abbr, acronym,  cite, code,


del, dfn, img, ins, kbd, q, s, samp,


 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, 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, section {


	display: block;


}


body {


	line-height: 1;


}


ol{


	list-style:decimal;


	margin-left:30px;		


}


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;


}


html {


	height: 100%;


}





/* END RESET */





/* FONT STYLES*/





body{


	background:#fff fixed;


	font-family : 'gotham_bookregular';


	color:#767676;


	font-size:12px;


	line-height:24px;


}





/*  END   */





/*  Top Main Wrapper  */


.wrapper{


 width:100%;


 }


.TopMainWrapper {


	width:86%;


	margin:0 auto;


	padding:14px 0;


}


.TopMainCol1 {


	float:left;


	display:block;


	width:85%;


	text-align:center;	


}


.TopMainCol1 img {


	margin-bottom:-7px;


}


.TopMainCol2 {


	float:right;


	display:block;


	width:15%;


	text-transform:uppercase;


	margin-top:10px;


}


.TopMainCol2 img {


	float:left;


	display:block;


	margin:8px 10px -7px 0;


}


.TopMainCol2 h4 {


	float:left;


	display:block;


	font-size:16px;


	line-height:24px;


}


.TopMainCol2 h4 span {


	display:block;


	font-size:24px;


	color:#40b5cb;


	font-family : 'gothamboldregular';


}























.TopMainCol3 {


	float:left;


	display:block;


	width:25%;


		


}


.TopMainCol3 img {


	margin-bottom:-7px;


}


.TopMainCol4 {


	float:right;


	display:block;


	width:75%;


	text-transform:uppercase;


	margin-top:10px;


}


.TopMainCol4 img {


	float:left;


	display:block;


	margin:8px 10px -7px 0;


}


.TopMainCol4 h4 {


	float:left;


	display:block;


	font-size:16px;


	line-height:24px;


}


.TopMainCol4 h4 span {


	display:block;


	font-size:24px;


	color:#40b5cb;


	font-family : 'gothamboldregular';


}







































































/*  End  */








.TopSearch {


	float:right;


	display:block;


}


.TopSearch a {


	text-align:center;


}


.TopSearch a img {


	padding:13px;


	margin-bottom:-7px;


	


}


/*  End  */





/*  Header  */





.HeaderImg {


	overflow-x:hidden;


}


.HeaderImg li img {


	width:100%;


}


.HeaderBgImg {


	margin-top:-8.4%;


	position:relative;


	z-index:999;


}


.HeaderBgImg img {


	width:100%;


}





/*  End  */





/*  Idx Prodcut Logo Wrapper  */





.IdxProLogoWrapper {


	width:86%;


	margin:0 auto;


	padding:40px 0;


}


.IdxProLogoWrapper li {


	width:10%;


}


.IdxProLogoWrapper li img {


	width:80%;


	margin:0 auto;


	margin-bottom:-7px;


}





/*  End  */





/*  Our Story Wrapper  */





.OurStoryWrapper {


	width:86%;


	margin:0 auto;


	padding:20px 0 30px 0;


	text-align:center;


	letter-spacing:1px;


}


.OurStoryLine {


	width:50%;


	margin:0 auto;


	background:url(../images/dotted-line.png) repeat-x center top;


	height:30px;


}


.OurStoryWrapper h3 {


    font-family: 'gothamboldregular';


	font-size:24px;


	line-height:30px;


	text-transform:uppercase;


	color:#40b5cb;


	margin-bottom:10px;


}


.OurStoryWrapper p {


	width:80%;


	margin:0 auto;


	margin-bottom:20px;


}





/*  End  */





/*  Idx Product wrapper  */





.IdxProBg {


	background:url(../images/bg1.gif) no-repeat center top #ebebeb;


}


.IdxProductWrapper {


	width:86%;


	margin:0 auto;


	padding:15px 0;


}


.IdxProductBox {


	float:left;


	display:block;


	width:24%;


	margin:0 0.5%;


	position:relative;


}


.IdxProductBoxImg {


	background:#CCCCCC;


}


.IdxProductBoxImg img {


	width:100%;


	position:relative;


	margin-bottom:-7px;


}





.IdxProductBox .IdxProductBoxImg {overflow:hidden;


}


.IdxProductBox .IdxProductBoxImg img {


	-webkit-transform: scale(1);


	transform: scale(1);


	-webkit-transition: .3s ease-in-out;


	transition: 1s ease-in-out;


}


.IdxProductBox:hover .IdxProductBoxImg img {


	-webkit-transform: scale(1.3);


	transform: scale(1.3);


}





.IdxProductBox h3 {


	position:absolute;


	top:48%;


	left:10%;


	height:40px;


	text-align:center;


	color:#fff;


	line-height:40px;


	background:rgba(4,94,111,0.9);


	width:80%;


    font-family: 'gotham_lightregular';


	font-size:24px;


	letter-spacing:2px;


	text-transform:uppercase;


}


/*.IdxProductBox h3.IdxProBlue {


	background:rgba(4,94,111,0.9);


}*/


.IdxProArrow {


	position:absolute;


	bottom:-25px;


	left:40%;


}


.IdxProLine {


	width:50%;


	margin:0 auto;


	background:url(../images/dotted-line.png) repeat-x ;


	height:2px;


	margin-top:-2px;


}





/*  End  */





/*  Idx Media Wrapper  */





.IdxMediaWrapper {


	width:86%;


	margin:0 auto;


	padding:50px 0 80px 0;


}


.IdxMediaWrapper h3 {


    font-family: 'gothamboldregular';


	font-size:24px;


	line-height:30px;


	text-transform:uppercase;


	color:#40b5cb;


	margin-bottom:25px;


	text-align:center;


}


.IdxMediaCol1 {


	float:left;


	display:block;


	width:30%;


}


.IdxMediaCol2 {


	float:left;


	display:block;


	width:5%;


	background:url(../images/dotted-var.png) repeat-y center;


}





.IdxMediaLeft {


	float:left;


	display:block;


	width:18%;


	text-align:center;


	text-transform:uppercase;


	font-size:54px;


	line-height:54px;


	color:#4f4f4f;


}


.IdxMediaLeft span {


	display:block;


	font-size:14px;


	line-height:normal;


}


.IdxMediaRight {


	float:right;


	display:block;


	width:80%;


    font-family: 'gotham_lightregular';


	line-height:20px;


}


.IdxMediaRight h4 {


    font-family: 'gotham_mediumregular';


	font-size:18px;


	line-height:20px;


	margin-bottom:5px;


	color:#000;


}


.IdxMediaRight p {


	margin-bottom:15px;


}





/*  End  */





/*  Idx Dis Join Wrapper  */





.IdxDisJoinBg {


	background:url(../images/bg2.gif) no-repeat center bottom #ebebeb;


}











.IdxDisJoinBg1 {


	background:url(../images/gallery-bg.png) repeat;


}


.IdxDisJoinWrapper {


	width:86%;


	margin:0 auto;


	padding:0 0 85px 0;


}


.IdxDisJoinLeft {


	float:left;


	display:block;


	width:49%;


	margin-top:-20px;


	position:relative;


}





.IdxDisJoinLeft1 {


	float:left;


	display:block;


	width:40%;


	margin-top:-20px;


	position:relative;


}


.IdxDisJoinright1 {


	float:right;


	display:block;


	width:30%;


	margin-top:-20px;


	position:relative;


}


.IdxDisJoinLeft2 {


	float:left;


	display:block;


	width:30%;


	margin-top:-20px;


	position:relative;


}


.IdxDisJoinright2 {


	float:right;


	display:block;


	width:25%;


	margin-top:-20px;


	position:relative;


}








.IdxDisJoinLeft img {


	width:100%;


	margin-bottom:-7px;


}


.IdxDisJoinright {


	float:right;


	display:block;


	width:49%;


	margin-top:-20px;


	position:relative;


}


.IdxDisJoinright img {


	width:100%;


	margin-bottom:-7px;


}











.IdxDisJoinLeft, .IdxDisJoinright {overflow:hidden;


}


.IdxDisJoinLeft img, .IdxDisJoinright img {


	-webkit-transform: scale(1);


	transform: scale(1);


	-webkit-transition: .3s ease-in-out;


	transition: 1s ease-in-out;


}


.IdxDisJoinLeft:hover img, .IdxDisJoinright:hover img {


	-webkit-transform: scale(1.2);


	transform: scale(1.2);


}














/*  End   */





/*  Footer  */





.Footer {


	width:86%;


	margin:0 auto;


	padding:30px 0 15px 0;


	line-height:22px;


    font-family: 'gotham_lightregular';


}


.FooterCol1 {


	float:left;


	display:block;


	width:59%;


	text-transform:uppercase;


}


.FooterCol4 {


	float:left;


	display:block;


	width:44%;


}


.FooterCol1 li span {


    /*font-family: 'gothamboldregular';*/


	text-transform:uppercase;


}


.FooterCol1 li {


	margin:2px 0 !important;


	padding:0  !important;


	background-position:0;


	line-height:22px;


}


.FooterCol2 {


	float:left;


	display:block;


	width:26%;


	line-height:24px;


}


.FooterCol2 p {


	margin-top:5px;


}


.FooterCol2 span {


    font-family: 'gothamboldregular';


	text-transform:uppercase;


}


.FooterCol3 {


	float:left;


	display:block;


	width:15%;


}


.Footer h6 {


    font-family: 'gothamboldregular';


	text-transform:uppercase;


}


.FooterLine {


	background:url(../images/dotted-line.png) repeat-x center;


	min-height:50px;


}


.FooterLi {


	width:33.33% !important;


}





.FooterBottomLeft {


	float:left;


	display:block;


}


.FooterBottomRight {


	float:right;


	display:block;


}


.FooterBottomRight img {


	margin-bottom:-5px;


	width:20px;


}








.margin200 {


margin-left:300px;


}








/*  End  */





/*  Inner Contact Page  */





.InnerJpg {


	width:100%;


}


.InnerJpg img {


	width:100%;


	margin-bottom:-7px;


}





/*  End  */
































/* CLEAR FIX */


.group:after {


  content: "";


  display: table;


  clear: both;


}





.ClearBoth {


  clear: both;


  min-height:1px;


}


/* END FIX */