/*Normalization*/
*   {margin: 0; padding: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clear-fix  {*zoom: 1;}
.clear-fix:before,
.clear-fix:after	{content: " "; display: table;}
.clear-fix:after	{clear: both;}

/*Style Defaults*/
body        {font-family: Crimson, Helvetika, sans-serif; font-size: 1.05em; line-height: 1; font-weight:normal; color:#003033;
		overflow-x: hidden; overflow-y: scroll; background:#E8E8E8;}
header,
nav,
footer      {display: block;}
ul	    {list-style: none;}
a	    {color: #003033; text-decoration: none; outline: none;}
a:hover	    {color: #1C9C86;}
a img	    {border: none;}
a:hover img {opacity: 0.8;}
a img:hover {opacity: 0.8;}
img	    {max-width: 100%; height: auto;}



/*Main Style*/
h1,
.logo-box,
.main-menu  {font-family: Cuprum, Helvetika, sans-serif; text-transform: uppercase; font-weight: bold; text-shadow: 0 0 1px rgba(0,0,0,0.01);}

/* Center Element*/
.center	    {margin-left: auto; margin-right: auto;}

/*Float Right*/
.right	    {float: right;}

/*Float Left*/
.left	    {float: left;}

/*Full window width div*/
.wide-div   {margin: 0 auto;}

/*1200px width div (centered div for content)*/
.inner-div  {padding: 0 20px; position: relative; max-width: 1200px; margin: 0 auto;}

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

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

/*Teal Image Background*/
.teal-img  {background: url("../images/images/header-image.png") center no-repeat;}

/*Light Blue Background*/
.lightteal  {background: #CCE8E8;}

/*Emphasize single words*/
.emphasize  {text-transform: capitalize; color: #055751; font-weight: bold; text-shadow: 1px 1px 1px #C9F5F3;}

/*Main Container*/
.container  {position: relative; width: 100%;}

    /*Page Header*/
    .header     {background: #57b1a8; position: relative; z-index:999; padding: 30px 0;}
	.logo		{max-width: 317px;}
	.logo a		{width: auto; height: 100px; display: block; outline: none;}
	.logo a img	{cursor: pointer; border: none; height: 100%;}
	.header-menu	{margin: 50px 0 0 50px; max-width: 750px;}
	    .main-menu		{clear: both;}
	    .main-menu ul	{float: left; display: block; font-size: 25px;}
	    .main-menu ul li	{display: inline; color: #1F858C;}
	    .main-menu ul li a	{color: #FFFFFF; margin: 0 15px;}
	    .main-menu ul li a:hover	{color: #1F8074;}
	    .main-menu ul li a.current	{color: #1F8074;}
	    .main-menu ul li:after	{content: "~"; font-size: 20px;}
	    .main-menu ul li:last-child:after	{content: "";}

    /*Page content*/
    .content    {margin: 0 auto;}
	/*Content Header*/
	.cont-head	{width: auto; padding: 30px 0;}
	.cont-head h1	{color: #FFFFFF; font-family: Raleway, Helvetica, sans-serif; font-size: 35px; font-weight: bold; text-transform: capitalize;
			    text-shadow: 2px 2px 7px #333333; padding: 10px 0 30px 0; text-align: center;}
	.cont-head img  {width: 90%; z-index: 0; display: block;}

	/*Home Page*/
	    /*Services*/
	    .service		{width: 50%; padding: 60px 0;}
		.service a		{color: #158F8D; font-family: Raleway, Helvetica, sans-serif; font-size: 30px; font-weight: bold; text-transform: capitalize;}
		    .service a:hover		{color: #084F54;}
		.service a.more		{color: #42A6AD; font-family: Raleway, Helvetica, sans-serif; font-size: 25px; font-weight: bold; text-transform: none; padding: 20px 0 10px 5px;
					    text-decoration: underline;}
		    .service a.more:hover	{color: #084F54;}
		.service h2		{color: #42A6AD; font-family: Raleway, Helvetica, sans-serif; font-size: 25px; font-weight: bold; text-transform: none; padding: 20px 0 10px 5px;}
		.service p		{color: #333333; font-size: 30px; font-weight: normal; text-transform: none; line-height: 120%; padding-top: 10px}
		.service ul		{list-style-image: url(../images/icons/simple-checkmark-15px.png); margin: 10px 10px 0 25px;}
		    .service ul li		{color: #333333; font-size: 30px; font-weight: normal; text-transform: none; line-height: 120%; padding-top: 10px}
	    .service-image	{width: 45%; padding: 60px 0;}
		.service-image img	{max-height: 250px; z-index: 999;}

	/*About Page*/
	.about			{width: 60%;}
	    .about h1		{color: #158F8D; font-family: Raleway, Helvetica, sans-serif; font-size: 30px; font-weight: bold; text-transform: capitalize; padding: 40px 0 20px 0;}
	    .about p		{color: #333333; font-size: 28px; font-weight: 200; line-height: 150%; padding-bottom: 15px;}
	    .about ul		{list-style-image: url(../images/icons/simple-checkmark-15px.png); margin: 0 10px 25px 25px;}
		.about ul li		{color: #333333; font-size: 27px; font-weight: bold; line-height: 170%; padding-left: 15px;}
	.about-image		{width: 39%; padding: 105px 0 0 0;}
	    .about-image img		{max-height: 500px; z-index: 999; border: 1px #333333 solid;}
	    .about-image figcaption	{text-align: center; }
	    .about-image a		{font-size: 24px; font-weight: bold; line-height: 130%; text-decoration: underline; color: #158F8D;}
		.about-image a:hover		{color: #084F54;}
	.worldwide		{width: 100%; padding-bottom: 30px;}
	    .worldwide h1	{color: #158F8D; font-family: Raleway, Helvetica, sans-serif; font-size: 30px; font-weight: bold; text-transform: capitalize; padding: 40px 0 20px 0;}
	    .worldwide img	{z-index: 999; border: 1px #333333 solid;}
	.team			{width: 70%;}
	    .team h1			{color: #158F8D; font-family: Raleway, Helvetica, sans-serif; font-size: 30px; font-weight: bold; text-transform: capitalize; padding: 40px 0 20px 0;}
	    .team p			{color: #333333; font-size: 28px; font-weight: 200; line-height: 150%; padding-bottom: 15px;}
	    .team a			{text-decoration: underline; color: #158F8D;}
		.team a:hover			{color: #084F54;}
	.team-image			{width: 29%; padding: 100px 0 0 0;}
	    .team-image img		{padding: 5px; z-index: 999; border: none;}

	/*Services Page*/
	    /*Services Header*/
	    .service-head	    {width: auto; padding: 30px 0;}
		.service-head h1        {color: #FFFFFF; font-family: Raleway, Helvetica, sans-serif; font-size: 30px; font-weight: bold; text-transform: none; line-height: 200%;
					    text-shadow: 1px 1px 3px #333333; padding: 10px 0;}
		.service-head p         {color: #E8FAFA; font-size: 30px; font-weight: 200; line-height: 150%; margin: 20px 0 30px 0;}
		.service-head ul	    {margin-bottom: 30px;}
		    .service-head ul li         {font-weight: 200; font-size: 30px; color: #E8FAFA; margin: 0 15px;}
		    .service-head ul li:before  {content: "8 "; font-family: Entypo; font-size: 40px; color: #E8FAFA;}

	    /*Services*/
	    .service2 h1    {color: #158F8D; font-family: Raleway, Helvetica, sans-serif; font-size: 30px; font-weight: bold; text-transform: capitalize; margin: 30px 0 15px 0;}
	    .service2 h2    {color: #42A6AD; font-family: Raleway, Helvetica, sans-serif; font-size: 25px; font-weight: bold; text-transform: none; margin: 40px 0;}
	    .service2 p		{color: #333333; font-size: 28px; font-weight: 200; line-height: 150%; margin: 20px 0;}

	/*Customres Page*/
	    /*Customers Header*/
	    .customer-head	    {width: auto; padding: 30px 0;}
		.customer-head h1        {color: #FFFFFF; font-family: Raleway, Helvetica, sans-serif; font-size: 30px; font-weight: bold; text-transform: none; line-height: 200%;
					    text-shadow: 1px 1px 3px #333333; padding: 10px 0;}

	    /*Customers*/
	    .customer	{display: inline-block; padding: 50px 0;}
		.customer img   {display: inline-block; float: left; border: none; padding: 30px;}

	/*Jobs Page*/
	    /*Jobs Header*/
	    .job-head	{width: 70%; padding: 30px 0;}
		.job-head h1    {color: #FFFFFF; font-family: Raleway, Helvetica, sans-serif; font-size: 30px; font-weight: bold; text-transform: none; line-height: 200%;
				    text-shadow: 1px 1px 3px #333333; padding: 10px 0;}
		.job-head p     {color: #E8FAFA; font-size: 30px; font-weight: 200; line-height: 150%; margin: 20px 0 30px 0;}
	    .job-image	{width: 29%; padding: 60px 0;}
		.job-image img   {max-height: 200px; z-index: 999;}

	    /*Jobs*/
	    .job h1		{color: #158F8D; font-family: Raleway, Helvetica, sans-serif; font-size: 30px; font-weight: bold; text-transform: capitalize; margin: 30px 0 15px 0;}
	    .job ul	{list-style-image: url(../images/icons/simple-checkmark-15px.png); margin: 10px 10px 25px 25px;}
		.job ul li     {color: #333333; font-size: 27px; font-weight: bold; padding: 10px 0;}
		    .job ul li ul		{list-style: square; margin: 10px 10px 0 25px;}
			.job ul li ul li	{color: #333333; font-size: 25px; font-weight: normal; padding-top: 5px}
	    .job p	{color: #268187; font-family: Raleway, Helvetica, sans-serif; font-size: 25px; font-weight: bold; text-transform: none; padding: 20px 0; line-height: 200%;}
	    .job a	{color: #42A6AD; font-family: Raleway, Helvetica, sans-serif; font-size: 25px; font-weight: bold; padding: 40px; line-height: 200%;}
	    .job a:hover    {color: #0C5E63;}

	/*Contact*/
	.contact		{width: 35%; padding: 50px 0 20px 200px;}
	    .contact h1		{color: #158F8D; font-family: Raleway, Helvetica, sans-serif; font-size: 27px; font-weight: bold; text-transform: capitalize; line-height: 200%;}
	    .contact p		{color: #333333; font-family: Helvetica, sans-serif; font-size: 20px; font-weight: bold; line-height: 200%; text-decoration: none;}
	    .contact a		{color: #42A6AD; text-decoration: underline;}
		.contact a:hover    {color: #044B4D;}
	.contact-image		{width: 30%; padding: 50px 200px 20px 0;}
	    .contact-image img	{max-height: 150px; z-index: 999;}

	/*Copyrights*/
	.copyright  {margin: 50px 0 30px 0;}
	    .copyright p	{color: #333333; font-size: 25px; font-weight: 200; line-height: 150%; margin: 20px 0;}
	    .copyright a	{color: #084F54; text-decoration: underline;}
	    .copyright a:hover	{color: #42A6AD;}

    /*Finish Line*/
    .finish	{background: #1A6F75; position: relative; z-index:999; padding: 40px 0 20px 0;}
	.finish p	    {color: #FFFFFF; font-family: Raleway, Helvetica, sans-serif; font-size: 25px; font-weight: bold; text-transform: none; text-align: center;
				line-height: 150%; margin: 0 15px;}
	.finish p a	    {color: #77C7C2; text-decoration: underline}
	.finish p a:hover   {color: #FFFFFF;}
	.finish h1	    {color: #FFFFFF; font-size: 45px; text-align: center; padding: 30px 0;}

    /*Page Footer*/
    .footer     {background: #A9CFCE; position: relative; z-index:999; padding: 30px 0;}
	.footer-logo	    {width: 100px;}
	.footer-logo a      {width: 100px; height: 100px; display: block; outline: none;}
	.footer-logo a img  {cursor: pointer; border: none; height: 100px;}
	.footer-menu	    {margin: 30px 0 0 50px; display: block;}
	    .foot-menu			{clear: both;}
	    .foot-menu ul		{display: block; font-size: 18px; font-weight: bold;}
	    .foot-menu ul li		{display: inline;}
	    .foot-menu ul li a		{color: #4D4D4D; margin: 0 15px;}
	    .foot-menu ul li a:hover    {color: #1F8074;}
	    .autoright			{clear: both; margin: 20px 0 0 15px;}