/*
CSS Credit: http://www.templatemo.com
*/

body {
text-align:center;
    width:100%;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404040 ;
	background:#909090;
}


/*a:link, a:visited { color: #ffffff; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #99FFFF; text-decoration: underline; }*/

p {
	margin: 0px;
	padding: 0px;
}

img {
	margin: 0px;
	padding: 0px;
	border: none;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.margin_bottom_10 { float: left; width: 100%; height: 10px; font-size: 1px;	}
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	}
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;	}
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;	}
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;	}
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;	}

.margin_right_10 { margin-right: 10px; }
.margin_right_60 { margin-right: 60px; }

   /*.template-bg-image {

	
	background: url(images/s.png) no-repeat;
	position: relative;
  
  }
  animation  */    
  #header      { margin-bottom:50px; }

 /* logo */
  #logo   
	{ color:#FFF; font-family:'Offside'; font-size:80px; margin-bottom:50px; margin-top:50px; }
  #logo span   
	{ display:inline-block; }

  /* logo */
    .dd                         { animation-delay:0.2s; -moz-animation-delay:0.2s; -webkit-animation-delay:0.2s; }
    .da                         { animation-delay:0.8s; -moz-animation-delay:0.8s; -webkit-animation-delay:0.8s; }
    .dn                         { animation-delay:0.6s; -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; }
    .dg                         { animation-delay:1s; -moz-animation-delay:1s; -webkit-animation-delay:1s; }
    .de                         { animation-delay:0.4s; -moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; }
    .dr                         { animation-delay:1.2s; -moz-animation-delay:1.2s; -webkit-animation-delay:1.2s; }

    .zz                         { animation-delay:1.4s; -moz-animation-delay:1.4s; -webkit-animation-delay:1.4s; }
    .zo                         { animation-delay:0.4s; -moz-animation-delay:0.4s; -webkit-animation-delay:0.4s; }
    .zn                         { animation-delay:0.6s; -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; }
    

  
  
/*   blinking start from here                 */
  .blink_me  p{
  color:black;
  }
  .blink_me {
    
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

/* end  */
  
#templatemo_header_wrapper{
	clear: both;
	width: 100%;
	height: 150px;	
	margin: 0 auto;
	
}

/* end of header */

/* banner */
#templatemo_banner_wrapper{
	/*clear: both;
	width: 100%;
	height: 240px;	
	margin: 0 auto;
	background: url(images/templatemo_banner_repeat.jpg) repeat-x;*/
}

#templatemo_banner_wrapper #templatemo_banner_panel{
    margin-left:100px;
	width: 950px;
	height: 240px;	
	margin:0 auto;
	text-align: center;
	background: url(images/templatemo_banner.jpg) no-repeat;
}

/* end of banner */


#wrap {
	margin:10 auto; 
	width: 580px;
}
#header {
	position:relative;
	margin: 0; padding: 0;
	height: 60px;
}

#header span#slogan {
z-index: 3;
	position: absolute;
	left: 3px; bottom: 7px;
	font: bold 1.2em Verdana, Arial, Tahoma,  Sans-serif;	
	color: #FFF;	
}

#header-logo {
	position: relative;
	clear: both;
	height: 50px; 
	margin: 0; padding: 0;	
}
#header-logo #logo {
	position: absolute;
	top: 3px; left: 5px;
	font: bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif;
	margin: 0; padding: 0;
	letter-spacing: -1px;
	color: #000;
}

/* navigation tabs */
#header ul {
	position: absolute;
   margin:0;
   list-style:none;
	right:-180px ; bottom: 0px;
	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
}
#header li {
   display:inline;
   margin:0; padding:0;
}

#header a {
   float:left;
   background: url(images/tableft.gif) no-repeat left top;
   margin:0;
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   text-align:center;
   
   display:block;
   background: url(images/tabright.gif) no-repeat right top;
   padding:10px 15px 4px 10px;
   color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
}
#header #current a span {
   background-position:100% -42px;
}

/* header
#header {
	
	margin: 0; padding: 0;
	height: 60px;
}
 */


/* navigation tabs right:-18px ; bottom: 3px;  position: relative;
#header ul {
     
	position: absolute;
   
 
	  list-style:none;
	font: bold 13px 'Trebuchet MS', Arial, Sans-serif;
}
#header li {
float:left;

   display:inline;
   }
#header a {

   float:left;
   background: url(images/tableft.gif) no-repeat left top;
 
   padding:0 0 0 4px;
   text-decoration:none;
}
#header a span {
   text-align:center;
   width:100px;
   display:block;
   background: url(images/tabright.gif) no-repeat right top;
   padding:5px 15px 4px 6px;
   color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \
#header a span {float:none;}*/
/* End IE5-Mac hack 
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
}
#header #current a span {
   background-position:100% -42px;
}*/
/*-----------
.wrap {
	  width:100%;
	  height:50px;
	  position:relative;
	  background:gray;
	  }
	  
.navbar {
     height:50px;
	 position:absolute;
	 border-right:1px solid black;
	 }
.navbar li {
     width:140px;
	 float:left;
	 text-align:center;
	 list-style:none;
	 font:normal bold 14px/1.2em Arial,verdana,helvetica;
	 background-color:#366b82;
	 }
.navbar a {
     padding:18px 0;
	 border-left:1px solid red;
	 border-right:1px solid yellow;
	 text-decoration:none;
	 color:white;
	 display:block;
	 }
.navbar li:hover ,a:hover {
     background-color:#57879d;}








gygujokok*/
/*.wrapper{
	width: 100%;
	height: 50px;	
	margin: 0 auto;
	background: url(images/templatemo_menu_bg_repeat.jpg) repeat-x;
	z-index:99;
	position:relative;}
	  
.wrap{
      margin-left:100px;
      width:100%;
	  height:50px;
	
	z-index:99;
	  position:relative;
	  
	  }
 .navbar{
    
      height:50px;
	 
	 position:absolute;
	  border-right:1px solid #548791;
	  }
.navbar li{
       height:auto;
	   width:140px;
	   float:left;
	   text-align:center;
	list-style:none;
	   font:normal bold 12px/1.2em Arial,Verdana,Helvetica;
	   padding:0;
	   margin:0;
	   background-color:#345678;
	   }
	   
.navbar a{
       padding:18px 0;
	   border-left:1px solid #654319;
	   border-right:1px solid #678210;
	   text-decoration:none;
	   color:white;
	   display:block;
	   }
.navbar li:hover{     
              background-color:#109081;
			  }
.navbar li ul{
          display:none;
		  height:auto;
		  margin:0;
		  padding:0;
		  }
.navbar li:hover ul{  
               display:block;
			   }
.navbar li ul li a{   
            border-left:1px solid #1f5056;
			border-right:1px solid #1f5056;
			border-top:1px solid #0ed561;
			border-bottom:1px solid #1f5056;
			}
.navbar li ul li a :hover{       
            background-color:#366b82;
			}
			*/
			       
	    /*.wrapper{
text-align:center;
      width:100%;
	  height:50px;
	 
	  z-index:99;
	  position:relative;
	  background: url(images/templatemo_menu_bg_repeat.jpg) repeat-x;
	  }
	  .wrap{
     
      width:100%;
	  height:50px;
	 margin-left:33px;
	z-index:99;
	  position:relative;
	  
	  }
.navbar{
     
      text-align:center;
      height:50px;
	 
	
	  border-right:1px solid #548791;
	  }
.navbar li{
      
	   width:140px;
	   float:left;
	   text-align:center;
	   list-style:none;
	   font:normal bold 12px/1.2em Arial,Verdana,Helvetica;
	   
	   background: url(images/templatemo_menu_bg.jpg) no-repeat;
	   }
	   
.navbar a{
       padding:18px 0;
	   border-left:1px solid #654319;
	   border-right:1px solid #678210;
	   text-decoration:none;
	   color:white;
	   display:block;
	   }
.navbar li:hover{     
              background-color:#109081;
			  }
.navbar li ul{
          display:none;
		  height:auto;
		  margin:0;
		  padding:0;
		  }
.navbar li:hover ul{  
               display:block;
			   }*/
/*.navbar li ul li a{   
            border-left:1px solid #1f5056;
			border-right:1px solid #1f5056;
			border-top:1px solid #0ed561;
			border-bottom:1px solid #1f5056;
			}
.navbar li ul li a :hover{       
            background-color:#366b82;
			}
	   

 #templatemo_menu_wrapper #templatemo_menu_panel{
	width: 980px;
	height: 90px;	
	margin:0 auto;
	background: url(images/templatemo_menu_bg.jpg) no-repeat;
}

#templatemo_menu_panel ul {
	float: left;
	margin: 20px 0 0 10px;
	padding: 0;
	list-style: none;

}

#templatemo_menu_panel ul li{
	display: inline;
}

#templatemo_menu_panel ul li a{
	float: left;
	width: 115px;
	height: 52px;
	padding: 8px 0 0 0;
	margin-right: 40px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #37a5dd;
	background: url(images/templatemo_menu_button.png) no-repeat;
}

#templatemo_menu_panel li a:hover, #templatemo_menu_panel li .current{
	color: #ffffff;
	background: url(images/templatemo_menu_button_hover.png) no-repeat;
}

#templatemo_menu_panel li .last {
	padding-right: 0px;
	border-right: none;
} */
/* end of menu */

/* content */
#templatemo_content_wrapper{
	clear: both;
	width: 100%;
	margin: 0 auto;
	
}

#templatemo_content_wrapper #templatemo_content_panel{
	width: 960px;
	padding: 40px 10px 0 10px;
	margin:0 auto;
}

#templatemo_content_panel .content_panel_3col_section{ 
	float: left;
	width: 570px;
	
}

.content_panel_3col_section p{
	text-align: justify;
	margin-bottom: 10px;
	
}

.content_panel_3col_section p a {
	color: #000033;
}


.content_panel_3col_section1 { 
	float: left;
	width: 850px;
}

.content_panel_3col_section1 p{
	text-align: justify;
	margin-bottom: 10px;
}

.content_panel_3col_section1 p a {
	color: #000033;
}
.content_panel_3col_section11 { 
	margin-left:50px;
	width: 655px;
}

.content_panel_3col_section11 p{
	text-align: justify;
	margin-bottom: 10px;
}

.content_panel_3col_section11 p a {
	color: #000033;
}

.content_panel_3col{ 
	float: left;
	width:275px;
}

.content_panel_3col p{
padding:5px;
border:1px solid #280000 ;
background:white;
	text-align: justify;
	margin-bottom: 10px;
	
}

.content_panel_3col p a {
	color: #000033;
}

.content_panel_3col_section2 { 
	float: right;
	width: 650px;
}
.content_panel_qcol_section2 {
    float: left;
    width: 350px;
	
	border-right:1px solid white;
	}


.content_panel_imacol_section{ 
	float: left;
	width: 225px;
}

.content_panel_imacol_section p{
	text-align: justify;
	margin-bottom: 10px;
}

.content_panel_imacol_section p a {
	color: #000033;
}
.content_pan_col_sect {
    float: right;
    width: 250px;
	border-left:1px solid #fff;
	border-right:1px solid blue;
	}
	


.content_panel_qcol_section {
    float: right;
    width: 300px;
	border-left:1px solid #fff;
	border-right:1px solid blue;
	}
	
	.content_panel_qcol_section p{
	text-align: justify;
	margin-bottom: 10px solid blue;
}

.content_panel_qcol_section p a {
	color: #abbdfe;
	border-bottom-color:black;
}
.p_section {
 	color: #abbdfe;
	text-align: justify;
	text-decoration: underline;
	margin-bottom: 10px;
}

.services {
	margin: 20px 0 0 30px;
	padding: 0px;
}

.services li{
	padding-bottom: 10px;
}

.header_01 {
    text-align:center;
	font-size: 18px;
	color: #fff;
	letter-spacing: 7px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-color:#003399;
}
.header_011 {
    text-align:right;
	font-size: 18px;
	color:  	#600000 ;
	letter-spacing: 7px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 5px;
	
}

.image_box_01 {
   width:520px;
	height:200px;
	padding: 6px;
	background: #7a93d0;
	/* margin-bottom: 10px; */
}

.image_box_01 img {
      width:520px;
	height:200px;
	/* border: 1px solid #fff;	 */
}
#letter  p{
     font-family: "Times New Roman", Georgia, Serif;
	 font-size:16px;
	 color:#330033;
}

.news_section {
	clear: both;
}

.news_section .news_image {
    border:black;
	float: left;
	
	width: 82px;
	padding: 2px;
	background: red;
}

.news_image img {
	width: 80px;
	height: 80px;
	border: 1px solid black;
}
.link {
     font-family:"Times New Roman", Georgia, Serif;
	 font-size:18px;
	 color:#fff;
}
.news_section .news_content {
	float: right;
	width: 250px;
}
.news_content p{
    color:black;
	}
.news_content p a{
	  color:#CC33FF;}
.news_section .news_title {
	font-size: 12px;
	font-weight: bold;
	color: black;
}


/* end of content width: 100%;margin: 0 auto;*/

/* footer */
#templatemo_footer_wrapper{
	clear: both;
	
	
	border-top: 1px solid #203172;
	background: #0099FF;
}

#templatemo_footer_wrapper #templatemo_footer_panel{
	width: 100%;
	
	padding: 15px 0;
	text-align: center;
}

#templatemo_footer_panel a {
	color: #fff;
}

/* end of footer */
.java_list {
     list-style:none;
	 color:black;
	
	 }
.java_list a{   
     color:#6643A9;}
#light {
    margin-top:300px;
	}
	
.image-size1  img{
	text-decoration:blink;
        padding:25px;
        width:130px;
		height:90px;
		}
.image-size1 p {
     text-align:left;
	 }
	 
.des  {
  margin-left:60px;
	}
.desi {
    margin-left:900px;
	 }
	
.img-size img{
    padding:15px;
    width:175px;
	height:150px;
      }
	  
.img-size p{ 
      
       width:200px;
	  }
	  

	  
	  
	  
	   @import "compass/css3";

// Font imports

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

// Color vars

$white: #fff;
$grey: #ccc;
$dark_grey: #555;
$blue: #4f6fad;
$pink: #ee9cb4;

// Mixins

@mixin lato-book { font-family: 'Lato', sans-serif; font-weight: 300; }
@mixin lato-reg { font-family: 'Lato', sans-serif; font-weight: 400; }
@mixin lato-bold { font-family: 'Lato', sans-serif; font-weight: 700; }
@mixin btn($color) {
  background-color: $color;
  border-bottom-color: darken($color, 15%);
  &:hover {
      background-color: lighten($color, 5%);
    }
}

// Functions

@function pxtoem($target, $context){
  @return ($target/$context)+0em;
}

//

body {
  background-color: lighten($grey, 10%);
  font-size: 100%;
  @include lato-reg;
}
div, textarea, input {
  @include box-sizing(border-box); 
}  
.container {  
  max-width: 510px;
  min-width: 324px;
  margin: 50px auto 0px;
  background-color: $white;
  border: 1px solid lighten($grey, 1%); 
  border-bottom: 3px solid $grey;
}
.row {
  width: 100%;
  margin: 0 0 1em 0;
  padding: 0 2.5em;
  &.header {
    padding: 1.5em 2.5em;
    border-bottom: 1px solid $grey; 
    background: url(http://niiiick.com/files/blur-city-1.jpg) left -80px;
    color: $white;
  }
  &.body {
    padding: .5em 2.5em 1em;
  }
}
.pull-right {
  float: right; 
}
h1 {
  @include lato-book;
  display: inline-block;
  font-weight: 100;
  font-size: pxtoem(45, 16);
  border-bottom: 1px solid hsla(100%, 100%, 100%, 0.3);
  margin: 0 0 0.1em 0;
  padding: 0 0 0.4em 0;
}
h3 {
  @include lato-reg;
  font-size: pxtoem(20, 16);
  margin: 1em 0 0.4em 0;
}
.btn {
  font-size: pxtoem(17, 16);
  display: inline-block;
  padding: 0.74em 1.5em;
  margin: 1.5em 0 0;
  color: $white;
  border-width: 0 0 0 0;
  border-bottom: 5px solid;
  text-transform: uppercase;
  @include btn(darken($grey, 10%));
  @include lato-book;
  &.btn-submit {
    @include btn($blue);
  }
}

form {
  max-width: 100%;
  display: block;
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
    li {
      margin: 0 0 0.25em 0; 
      clear: both;
      display: inline-block;
      width: 100%;
      &:last-child {
          margin: 0;    
        }
        p {
          margin: 0;
          padding: 0;
          float: left;
          &.right {
            float: right;
          }
        }     
        .divider {
          margin: 0.5em 0 0.5em 0;
          border: 0;
          height: 1px;
          width: 100%;
          display: block;
          background-color: $blue;
          background-image: linear-gradient(to right, $pink, $blue);
        }
        .req {
          color: $pink; 
        }
    }
  }
  label {
    display: block;
    margin: 0 0 0.5em 0;
    color: $blue;
    font-size: pxtoem(16, 16);
  }
  input {
    margin: 0 0 0.5em 0;
    border: 1px solid $grey;
    padding: 6px 10px;
    color: $dark_grey;
    font-size: pxtoem(16, 16);
  }
  textarea {
    border: 1px solid $grey;
    padding: 6px 10px;
    width: 100%;
    color: $dark_grey;
  }
  small {
    color: $blue;
    margin: 0 0 0 0.5em;
  }
}

// Media Queries

@media only screen and (max-width:480px) {
  .pull-right {
    float: none; 
  }
  input {
    width: 100%; 
  }
  label {
    width: 100%;
    display: inline-block;
    float: left;
    clear: both;
  }
  li, p {
   width: 100%; 
  }
  input.btn {
   margin: 1.5em 0 0.5em; 
  }
  h1 {
   font-size: pxtoem(36, 16); 
  }
  h3 {
    font-size: pxtoem(18, 16)
  }
  li small {
   display: none; 
  }
}