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

* {
	margin:0;
	padding:0;
}

body {
	font-family: 'colaborate-regularregular';
	
}

a {
	outline: 0 none;
}
img {
	border: none;
}

.innercontent {
}

.navbar {
	width:100%;
	float:left;
	height:113px;
	background-color:#FFF;
}

.navbar a {
	text-transform:uppercase;
	font-size:14px;
	color:#333;
	text-decoration:none;
}

.innercontent {
	width:1091px;
	margin:0 auto;
}

.navbar ul li {
	list-style:none;
	display:inline;
	width:166px;
	float:left;
	height:113px;
	line-height:113px;
	text-align:center;
	border-left:1px solid #e8e8e8;
}

.structure-holder {
	width:100%;
	float:left;
}

.logo {
	float:left;
}

.logo img {
	margin-top:10px;
}

.navbar ul {
	float:right;
}

#page2 {
	margin-top:20px;
}

.page-title {
	font-size:30px;
	color:#3c3233;
	text-transform:uppercase;
	text-align:left;
	width:100%;
	float:left;
	padding-bottom:5px;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
	padding-top:20px;
}

.page-title span {
	color:#c12e1e;
}

p {
	color:#333;
	line-height:24px;
	text-align:justify;
	font-family: 'pt_sansregular';
}

.col-left {
	width:584px;
	float:left;
	margin-right:5px;
}

.col-right {
	float: right;
   width: 490px;
}

#page3 {
	margin-top:20px;
}

#page4 {
	background-color:#6b9e63;
	margin-top:60px;
	padding-bottom:20px;
}

#page4 .page-title {
	color:#FFF;
	margin-top:20px;
}

#page4 .page-title span {
	color:#FFF;
}

#page4 .page-title {
	border-bottom:1px solid #FFF;
}

#page4 p {
	color:#FFF;
}

#page4 .col-left {
	width:688px;
	float:left;
	
}

#page4 .col-right {
	width:390px;
	float:left;
}

#page5 .col-left {
	width:580px;
	float:left;
	
}

#page5 .col-right {
	width:478px;
	float:right;
}

.columwrap {
	width:100%;
	float:left;
}

#page5 form table {
	width:100%;
	float:left;
}

#page5 form table input[type=text] {
	width:100%;
	float:left;
	height:30px;
}

#page5 form table label {
	width:100%;
	float:left;
	margin-top:20px;
	color:#909090;
	font-family: 'pt_sansregular';
}

#page5 .page-title {
	margin-top:60px;
}

#page5 textarea {
	width:100%;
	float:left;
}

.col-left p {
	margin-top:20px;
}

.sendmessage {
	width:148px;
	height:45px;
	background-color:#4e6259;
	color:#FFF;
	border:0;
	font-family: 'pt_sansregular';
	text-transform:uppercase;
	margin-top: 10px;
}

.footer {
	background-color:#242021;
	height:200px;
	margin-top:60px;
}

.footer-right {
	float:right;
	width:341px;
	margin-top:10px;
}

.footer-right table {
	width:100%;
	float:left;
}

.footer-right table {
	width:254px;
	float:right;
	color:#FFF;
}

.footer-left { 
	width:643px;
	float:left;
}

.footer-nav ul {
	float:left;
	width:100%;
	padding:0;
	margin:0;
}

.footer-nav ul li {
	list-style:none;
	float:left;
	display:inline;
	margin-right:20px;
	color:#FFF;
}

.footer-nav ul li a {
	color:#FFF;
	text-decoration:none;
}

.footer .title {
	text-transform:uppercase;
	color:#FFF;
	width:100%;
	float:left;
}

.footer-left .logo {
	margin-top:30px;
}

.ftrheight {
	float: left;
    height: 25px;
    margin-top: 10px;
}

.footer-nav {
	width:100%;
	float:left;
	margin-top:10px;
}

.f-nav {
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

.partners-tbl {
	width:100%;
	float:left;
}

.partners-tbl td {
	padding:10px;
}

.centered {
	text-align:center;
}

#page1 {
}

#page1 .innercontent {
	margin-top:30px;
}

#page1 p {
	color:#333;
}

.pg1-title {
	color:#333;
	font-size:28px;
	width:100%;
	float:left;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #333;
}

.pg1-title span {
	color:#c02d19;
}

.sticky {
	width:1091px;
	float:left;
}


#bodyarea {
	width:100%;
	float:left;
	background-image:url(images/main-bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}



form.contactus {
	float:left;
	width:100%;
	
}

/*.sidenavcls {
	position:fixed;
	right:0; 
	top:200px;
	right:-150px;
	
}*/

.colm-left {
	float:left;
	width:50px;
	
	background-color:#0C0;
}

.colm-right {
	float:left;
	width:30px;
}

#sidenav {
	position:fixed;
	right:0;
	top:300px;
	background-image:url(images/nav-bg.png);
	background-repeat:no-repeat;
	background-position:center right;
}

.colm-right table {
	float:left;
	width:100%;
}

/*Onscroll-Menu*/

.xg_theme #sidenav {
margin-top: -173px;
margin-top: -212px \0/; /* IE8+9 */
position: fixed;
z-index: 10;
}
/*Bug-Fix-For-Mozilla-Browsers*/
@-moz-document url-prefix() {
.xg_theme #sidenav {
margin-top: -212px
}
}

.structure-holder ul {
  float: left;
  line-height: 24px;
  margin-left: 3%;
  width: 97%;
}

.structure-holder ul li {
	font-weight:normal;
	font-family: 'pt_sansregular';
	float: left;
}

.structure-holder ul.page4 li {
	width: 100%;
}

.breaker {
	width:100%;
	float:left;
	margin-top:10px;
}

#page2 img {
	text-align:center;
}

#page2 p {
	width:100%; float:left;
}

.imgcontainer {
	text-align:center;
}

#page1 .page-title {
	border-bottom:0;
}

/*by janaka*/

/*contact*/

ul.contact {
margin: 0;
padding: 0 0 40px;
}
ul.contact li {
list-style: none outside none;
margin: 0;
padding: 0 0 0 20px;
}
ul.contact li.contact-title { font-style: italic; }
ul.contact li.contact-name { font-weight: bold; }
ul.contact li.contact-email { background: url("images/mail.png") no-repeat scroll left 2px rgba(0, 0, 0, 0); }
ul.contact li.contact-mobile { background: url("images/mobile.png") no-repeat scroll left 2px rgba(0, 0, 0, 0); }
ul.contact li.contact-twitter { background: url("images/twitter.png") no-repeat scroll left 2px rgba(0, 0, 0, 0); }

video.video {
width: 100%;
height: 100%;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoWrapper iframe .title,
.videoWrapper iframe .sidedock {
	display: none !important;
}

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

@media only screen and (max-width:1024px) {

/*content*/
#bodyarea {
padding: 0 2%;
width: 96%;
}

.sticky,
.innercontent {
width:100%;
margin:0 auto;
}

.logo {
float: left;
padding: 0 0 0 10px;
}

/*navigation*/

.navbar ul li {
margin: 0;
padding: 0 5px;
width: auto;
}


.navbar a {
font-size: 12px;
}

#page5 form table input[type="text"] {
float: left;
height: 30px;
width: 50%;
}

#page5 textarea {
width: 50%;
}

/*next steps*/
#page2 img {
text-align: center;
width: 100%;
}

/*contact us*/
#page5 .col-left {
float: left;
width: 100%;
}

#page5 .col-right {
float: left;
width: 100%;
}

/*footer*/
.footer-nav ul li a {
font-size: 14px;
}

}/*end*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

@media only screen and (max-width:675px) {

.navbar a {
font-size: 7px;
}

}/*end*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/

@media only screen and (max-width:520px) {

/*html*/
p {
font-size: 12px;
line-height: 1.3em;
}

.structure-holder ul li {
font-family: 'pt_sansregular';
font-size: 12px;
font-weight: normal;
line-height: 1.5em;
}

.page-title {
font-size: 20px;
}

/*logo*/

.logo {
width: 100%;
}

.logo a {
display: block;
text-align: center;
}

/*navigation*/

.navbar {
padding: 0 0 2%;
height: auto;
}

.navbar ul {
padding: 0;
width: 100%;
}

.navbar ul li {
background: none repeat scroll 0 0 #242021;
border: medium none;
border-radius: 5px 5px 5px 5px;
display: block;
float: none;
height: auto;
line-height: 1em;
margin: 1% 2%;
width: auto;
}

.navbar ul li a {
color: #FFFFFF;
display: block;
font-size: 12px;
margin: 1% 2%;
padding: 2% 10%;
}

/*footer*/

.footer-left {
width: auto;
}

.footer-nav ul li {
margin-right: 5px;
}

.footer-nav ul li a {
font-size: 8px;
}



}/*end*/

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/