/* CSS Document */

body 
{ 
font-family:Arial, Helvetica, sans-serif;
font-size:13px; color:#4A4A4A; 
margin:0; padding:0; 
border-top:solid 1px #2C2046;
background: #ffffff;
}

@font-face {
    font-family:'frank';
    src: url('../fonts/frank-regular-webfont.eot');
    src: url('../fonts/frank-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frank-regular-webfont.woff') format('woff'),
         url('../fonts/frank-regular-webfont.ttf') format('truetype'),
         url('../fonts/frank-regular-webfont.svg#frank') format('svg');
}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*------global------*/
h1, h2, h3, h4, h5, form, ul, li { margin:0; padding:0; font-weight:normal;}
h1 { font-family:'frank', Arial; font-size:20px; color:#3F3F3F; line-height:24px;}
h1 span { font-family:'frank', Arial; font-size:18px; color:#fff;}
h2 { font-family:'frank', Arial; font-size:25px; color:#044974;}
h2 span { font-family:'frank', Arial; font-size:17px; color:#003e8f;}
h3 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#003e8f;}
h3 span { font-family:'frank', Arial; font-size:20px; color:#003e8f;} 
h4 {font-family:'frank', Arial; font-size:24px; color:#3F3F3F; line-height:24px;}
h4 span { font-family:'frank', Arial; font-size:17px; color:#905f51;}
h5 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#4A4A4A;}
h5 span { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#4A4A4A;}

a, img { text-decoration:none; outline:none; color:#07638C; border:none;}
a:hover { color:#FF0000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
/*a:active{ position:relative; top:1px;}
*/
.floatleft { float:left;}
.floatright { float:right;}
.clear { clear:both;}
.details { line-height:20px; font-size:12px; }

nav, .header { width:1000px; margin:0 auto;}
.details { text-align:justify; margin-top:41px;}
.bgmain { width:1000px; margin:0 auto;  box-shadow:-1px 2px 10px 1px #f2f2f2; background: #ffffff;}

/*------header------*/
.mains { width:1000px; margin:0 auto;  box-shadow:-1px 2px 10px 1px #f2f2f2; background: #ffffff;}
.header-hold { background: #f2f2f2;  height:150px; margin-bottom:2px; z-index:1; 
}
.header-hold22 { background:url(../images/header_bg.png) top center no-repeat; height:159px; z-index:1;}

.logo {
	margin: 4px 0px 11px 2px;
	padding: 2px 20px 0px 25px;
	width: 126px;
	position: absolute;
	z-index: 100;
	float: left;
	box-shadow:-1px 2px 10px 1px #cccccc;
}
.quote { margin:12px 0px 11px 0px; float:right}

#nav { width:1000px; margin:0 auto; z-index:20; height:88px; font-family:"Trebuchet MS";}
.nav {
	height: 42px;
	width: 950px;
	position: absolute;
	margin: 0px 5px 0 5px;
	z-index: 20;
	margin-top:; 																																															left: 596px;
	top: 45px;
	left: 550px;
}
.nav ul { list-style:none; margin-left:-195px; margin-top:6px; float:left;}
.nav ul li { display: inline; float:left; padding:50px 0px 0px 5px;}
.nav ul li a { font-size:14px; color:#FFFFFF; text-transform:uppercase; padding: 10px 20px 10px 20px;  border-bottom:solid 2px #EAF632;
background: #9dc026; /* Old browsers */
background: -moz-linear-gradient(top,  #9dc026 1%, #99b347 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#9dc026), color-stop(100%,#99b347)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9dc026 1%,#99b347 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9dc026 1%,#99b347 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9dc026 1%,#99b347 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9dc026 1%,#99b347 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dc026', endColorstr='#99b347',GradientType=0 ); /* IE6-9 */


 /* IE6-9 */
-webkit-border-radius: 5px;
        border-radius: 5px;}
.nav ul li a:hover { border-bottom:solid 2px #EAF632; padding:10px; color:#000;
 /* IE6-9 */
}


/* Banner */
#banner { height:370px;  }
.banner { background: #9dc026; width:100%; position:absolute; box-shadow:-1px 2px 10px 1px #cccccc;
height:390px; margin-top:-21px;  z-index:-1;}
.banner_hold { width:100%; padding-top:10px; padding-bottom:10px; height:450px; overflow:hidden;
}
.break { clear:both; }

.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:422px; }
.btn { height:22px; width:21px; float:left; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }

#headernav-outer { position:relative; top:240px; margin:0 auto; width:990px; }
#headernav { padding-left:925px; }
/* End Banner */

/* Banner Inner Pages */
#banner-inner { height:280px;}
.banner-inner { background:url(../images/banner_bg2.gif) top repeat-x; width:100%; position:absolute; height:284px; margin-top:-25px; margin-bottom:25px; z-index:-1;}
.banner_hold1 { background:url(../images/clouds2.jpg) top repeat-x; width:100%; padding-top:50px; height:234px; overflow:hidden;}
.headerimage { margin:0 auto; width:1000px; height:205px; display:block; }

/* End Banner Inner Pages */





/*-----page-------*/
.page { width:1000px; margin:0 auto;}
.heading { background:url(../images/header-bar.gif) bottom left no-repeat; padding-bottom:15px; margin-bottom:20px; margin-top:20px;}
.heading1 { background:url(../images/header-bar1.gif) bottom left no-repeat; padding-bottom:15px; margin-bottom:10px;}
.heading {}

.tabhold { position:absolute; margin:-41px 0 0 0;}



a.readmore {
    color: #fff;
    font: bold 12px Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding: 7px 12px;
    position: relative;
    display: inline-block;
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #288a7f;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#288a7f),to(#288a7f));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#288a7f),to(#288a7f));
    border: solid 1px #dcdcdc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
a.readmore:hover {
    color: #333;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}



.services a img{
    height: 145px;
    width: 229px;
    -webkit-transition: margin 0.5s ease-out;
    -moz-transition: margin 0.5s ease-out;
    -o-transition: margin 0.5s ease-out;
}

.services a img:hover {
    margin-top: -10px;
}


.projects { width:163px; float:left;}
.projects a img {
	opacity: 1;
	border: 1px solid #eee;
	/*Transition*/
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	
	/*Reflection*/
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}

.projects a img:hover {  
   opacity: 1;
   /*Reflection*/
  -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
    /*Glow*/
  -webkit-box-shadow: 0px 0px 10px #000;
  -moz-box-shadow: 0px 0px 10px #000;
  box-shadow: 0px 0px 10px #000;
} 


.left-menu { font-size:13px; font-family:'frank'; padding-left:0px;}
.left-menu ul {list-style:none; line-height:28px; padding-left:0px;}
.left-menu ul li {padding-top:5px; border-bottom:#ccc solid 1px; height:30px; padding-bottom:5px; }
.left-menu ul li a {background:url(../images/bullet01.gif) 8px 3px no-repeat; padding-left:28px;}
.left-menu ul li a:hover {color:#067263;}

.left-submenu { font-size:13px; font-family:'frank'; padding-left:0px;}
.left-submenu ul {list-style:circle; line-height:22px; padding-left:35px;}
.left-submenu ul li {padding-top:5px; height:25px; margin-bottom:5px; }
.left-submenu ul li a { padding-left:5px; }
.left-submenu ul li a:hover {color:#067263;}

.top-hd { height:30px; background:url(../images/border01.gif) bottom no-repeat; padding-bottom:5px;}
.top-hd2 { height:30px; background:url(../images/border02.gif) bottom no-repeat; padding-bottom:5px;}
.bottom-details {padding-top:10px; font-size:13px;}
.pro-bg { height:270px;

/*background: -webkit-gradient(linear, left top, left bottom, 
color-stop(0%, white), color-stop(15%, white), color-stop(100%, #eeecec)); 
background: -moz-linear-gradient(bottom, white 0%, white 30%, #eeecec 150%);*/

}



.big-txt {color:#003e8f; font-size:16px; line-height:22px; font-weight:normal;}
.big-txt1 {color:#ad4044; font-size:15px; font-family:'Arial'; line-height:22px; font-weight:bold;}

.trade-mark {width:165px; height:220px; float:left; font-size:13px; text-align:center; margin-left:20px;}

.td-hd {color:#fff; font-size:14px; border-bottom:#c7c7c7 solid 1px; border-right:#c7c7c7 solid 1px;}
.td-hd1 {color:#333; font-size:12px; border-bottom:#c7c7c7 solid 1px; border-right:#c7c7c7 solid 1px; padding-left:78px; }
.td-hd2 {color:#333; font-size:12px; border-bottom:#c7c7c7 solid 1px; padding-left:78px; } 
.td-hd3 {color:#333; font-size:12px; border-bottom:#c7c7c7 solid 1px; border-right:#c7c7c7 solid 1px; text-align:center; }
.td-hd4 {color:#333; font-size:12px; border-bottom:#c7c7c7 solid 1px; text-align:center; }
.gallery { margin:0px; padding:0px;}
.gallery li { float:left; padding-right:25px; display:inline; }
.gallery img { }

.gallery1 { margin:0px; padding:0px;}
.gallery1 li { float:left; padding-right:25px; height:150px; display:inline; }
.gallery1 img { border:none; }

.ct-left { width:450px; float:left;}
.ct-right { width:400px; float:left; padding-left:100px;}


.sub-head {font-size:13px; color:#af2034; font-weight:bold;}
.box-hd{ font-size:13px; color:#fff; padding-top:5px; font-weight:bold; border-bottom:dashed 1px #fff;}
.box-details{ font-size:13px; color:#e8e5e5; padding:5px; line-height:16px;}
.box1 {width:180px; height:195px; border-radius:10px; background-color:#af2034; box-shadow:0px 0px 5px 2px #b7b6b6;}
.box2 {width:180px; height:195px; border-radius:10px; background-color:#1c626e; box-shadow:0px 0px 5px 2px #b7b6b6;}
.box3 {width:180px; height:195px; border-radius:10px; background-color:#006699; box-shadow:0px 0px 5px 2px #b7b6b6;}
.box4 {width:180px; height:195px; border-radius:10px; background-color:#674604; box-shadow:0px 0px 5px 2px #b7b6b6;}
.box5 {width:180px; height:195px; border-radius:10px; background-color:#467417; box-shadow:0px 0px 5px 2px #b7b6b6;}
.box6 {width:180px; height:195px; border-radius:10px; background-color:#1d1d1d; box-shadow:0px 0px 5px 2px #b7b6b6;}
.box7 {width:180px; height:195px; border-radius:10px; background-color:#544e05; box-shadow:0px 0px 5px 2px #b7b6b6;}


.box-details1{ font-size:13px; color:#333; background-color:#fff; width:175px; line-height:17px; padding-left:25px; padding-top:8px; border-radius:0px 0px 10px 0px; box-shadow:0px 0px 5px 2px #b7b6b6;}
.box8 {width:200px; height:177px;  }
.box-hd8{ font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:center; vertical-align:middle; width:200px; height:45px; border-radius:10px 0px 0px 0px; background-color:#7d0707; box-shadow:0px 0px 5px 2px #b7b6b6; }
.box-hd9{ font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:center; vertical-align:middle; width:200px; height:45px; border-radius:10px 0px 0px 0px; background-color:#006699; box-shadow:0px 0px 5px 2px #b7b6b6; }
.box-hd10{ font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-align:center; vertical-align:middle; width:200px; height:45px; border-radius:10px 0px 0px 0px; background-color:#467417; box-shadow:0px 0px 5px 2px #b7b6b6; }
.box9 {width:180px; height:195px;  background-color:#1d1d1d; box-shadow:0px 0px 5px 2px #b7b6b6;}
.box10 {width:180px; height:195px; border-radius:10px; background-color:#544e05; box-shadow:0px 0px 5px 2px #b7b6b6;}




/*footer*/
footer { font-family:Arial, Helvetica, sans-serif; font-size:11px; width:100%; background:url(../images/footer%20bg.jpg) bottom; border-top:solid 1px #D9DADA; margin-top:15px; text-shadow:#000 0px 0px 0, #000 0 -0px 0; color:#FFF; padding:10px 0px;}
.poweredby { font-weight:bold; color:#322424;
}
.poweredby:hover{ color:#84C020;}


/*main banner*/
.fadein { position:relative; height:370px; width:1000px; margin-top:10px; box-shadow:1px 2px 3px 1px #cccccc;}
.fadein img { position:absolute; left:0; top:0; box-shadow:1px 2px 10px 1px #f2f2f2; }

/*Turnkey Page CSS*/
.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
}
.process {background:url(../images/process-mid.jpg) center no-repeat; width:237px; height:248px;}

.client {border-radius:4px; width:300px; height:150px; border:solid #ccc 1px; padding-top:15px;}

/* For validation */

label.error {
	background-image: url(../images/caution.png);
	background-repeat:no-repeat;
	display:block;	
	padding-left: 20px;
	color: #ff0000;	
	font-size:11px;
}

.imgborder { border: solid 1px #ccc; padding:3px;}

.FSubHeader
{
	font: 16px/13pt Lucida Sans Unicode, Myriad Pro, Verdana, Arial, sans-serif;
	color: #9f304f;
	border: solid 0px #000;
	margin: 10px 0 0 0px;
	border: solid 0px #000;
	margin: 0px 0 0 0px;
}
.FContain
{
	font: 13px/19pt "Lucida Sans Unicode", "Myriad Pro", Verdana, Arial, sans-serif;
	color: #444642;
	border: solid 0px #000;
	margin: 5px 0 0 10px;
}

.FContain2
{
	font: italic normal 15px/20pt calibri;
	color: #650138;
	border: solid 0px #000;
	margin: 5px 0 0 10px;
}

.FText
{
	font: normal 15px/20pt "Lucida Sans Unicode", "Myriad Pro", Verdana, Arial, sans-serif;
	color: #333333;
	border: solid 0px #000;
	margin: 5px 0 0 10px;
}

.SubHeaderTD
{
    FONT-FAMILY: Calibri;
    COLOR: gray;
    FONT-SIZE: 15px;
    FONT-WEIGHT: bold
}

.GreyBoader
{
    BORDER-BOTTOM: darkred thin;
    BORDER-LEFT: darkred thin;
    MARGIN-TOP: 0px;
    BORDER-TOP: darkred thin;
    BORDER-RIGHT: darkred thin;
    border-radius: 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}
.BoxHeadingText
{
	PADDING-BOTTOM: 2px;
	BACKGROUND-COLOR: #F3F3F3;
	MARGIN-TOP: 0px;
	PADDING-LEFT: 5px;
	FONT-FAMILY: Calibri;
	COLOR: black;
	FONT-SIZE: 18px;
	FONT-WEIGHT: normal;
	PADDING-TOP: 2px;
	border-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top: thin none;
	border-left: thin none;
}

.tablet
{
    BORDER-BOTTOM: #fff 1px;
    BORDER-LEFT: #fff 1px;
    WIDTH: 100%;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BORDER-TOP: #fff 1px;
    BORDER-RIGHT: #fff 1px
}
.tablet TH
{
    PADDING-BOTTOM: 5px;
    BACKGROUND-COLOR: #E4E4E4;
    MARGIN: 5px;
    PADDING-LEFT: 5px;
    FONT-FAMILY: Calibri;
    COLOR: darkolivegreen;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
    PADDING-TOP: 5px;
    border-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}
.tablet TD
{
    BORDER-BOTTOM: white;
    BORDER-LEFT: white;
    PADDING-BOTTOM: 4px;
    PADDING-LEFT: 4px;
    PADDING-RIGHT: 4px;
    COLOR: black;
    FONT-SIZE: 12px;
    BORDER-TOP: white;
    BORDER-RIGHT: white;
    PADDING-TOP: 4px
}