@charset "iso-8859-1";
/* ================ */
/* General settings */
/* ================ */
BODY {
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
    font-spacing: 3px;
	font-size: 11px;
	color:#000000;
	font-style: normal;
	text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #Fff;
	background-repeat:repeat;
	background-position: center top;
	background-attachment: fixed;
}

INPUT.box {
       background-CoLoR:#ffffff;
       BORder-TOP-WIDTH: 1;
	   BORder-BOTTOM-WIDTH: 1;
	   BORder-BOTTOM-STYLE: DOUBLE;
	   BORder-TOP-STYLE: DOUBLE;
	   BORder-LEFT-STYLE: DOUBLE;
	   BORder-RIGHT-STYLE: DOUBLE;
	   BORder-LEFT-WIDTH: 1;
       BORder-RIGHT-WIDTH: 1;
       COLOR: #000000;
	   BORDER-COLOR:#cccccc;
	   font-family:Arial, Helvetica, sans-serif;
	   font-size: 11px;

           }
INPUT.button {
	   background-CoLoR:#009900;
       BORder-TOP-WIDTH: 1;
       BORder-BOTTOM-WIDTH: 1;
	   BORder-BOTTOM-STYLE: DOUBLE;
       BORder-TOP-STYLE: DOUBLE;
	   BORder-LEFT-STYLE: DOUBLE;
       BORder-RIGHT-STYLE: DOUBLE;
	   BORder-LEFT-WIDTH: 1;
	   BORder-RIGHT-WIDTH: 1;
	   COLOR:#ffffff;
	   BORDER-COLOR:#000000;
			
				}
INPUT.button2 {
	   background-CoLoR:#006699;
      BORder-TOP-WIDTH: 1;
      BORder-BOTTOM-WIDTH: 1;
	   BORder-BOTTOM-STYLE: DOUBLE;
      BORder-TOP-STYLE: DOUBLE;
	   BORder-LEFT-STYLE: DOUBLE;
      BORder-RIGHT-STYLE: DOUBLE;
	   BORder-LEFT-WIDTH: 1;
	   BORder-RIGHT-WIDTH: 1;
	   COLOR:#ffffff;
			
				}
INPUT.button3 {
	   background-CoLoR:#006600;
       BORder-TOP-WIDTH: 1;
       BORder-BOTTOM-WIDTH: 1;
	   BORder-BOTTOM-STYLE: DOUBLE;
       BORder-TOP-STYLE: DOUBLE;
	   BORder-LEFT-STYLE: DOUBLE;
       BORder-RIGHT-STYLE: DOUBLE;
	   BORder-LEFT-WIDTH: 1;
	   BORder-RIGHT-WIDTH: 1;
	   COLOR:#ffffff;
			
				}		
			
		
/* =============== */
/* Anchor settings */
/* =============== */
A {
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
A:link {
	color: #666;
	text-decoration: none;
}
A:active {
	color: #666;
	text-decoration: none;
}
A:visited {
	color: #666;
	text-decoration: none;
}
A:hover {
	color: #FFF;
	text-decoration:underline;
}

A:link.link2 {
	color: #666;
	font-weight:bold;
	text-decoration: none;
	
}
A:active.link2 {
	color: #666;
	font-weight:bold;
	text-decoration: none;
		
}
A:visited.link2 {
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
		
}
A:hover.link2 {
	color: #ffffff;
	font-weight:bold;
	text-decoration: underline;
}
A:link.link3 {
	color: #7f8285;
	font-weight:normal;

}
A:active.link3 {
	color: #7f8285
	font-weight:normal;

}
A:visited.link3 {
	color: #7f8285;
	font-weight:normal;

}
A:hover.link3 {
	color: #3e4246;
	font-weight:normal;
	text-decoration: underline;
}

A:link.link4 {
	color: #013A8D;
	font-weight:bold;

}
A:active.link4 {
	color: #013A8D;
	font-weight:bold;

}
A:visited.link4 {
	color: #013A8D;
	font-weight:bold;

}
A:hover.link4 {
	color: #013A8D;
	text-decoration: underline;
}
A:link.link5 {
	color: #7FAA47;
	font-weight:bold;
	text-decoration: none;
	
}
A:active.link5 {
	color: #7FAA47;
	font-weight:bold;
	text-decoration: none;
		
}
A:visited.link5 {
	color: #7FAA47;
	font-weight:bold;
	text-decoration: none;
		
}
A:hover.link5 {
	color: #009900;
	font-weight:bold;
	text-decoration: underline;
}
A:link.link6 {
	color: #ffffFF;
	font-weight:none;

}
A:active.link6 {
	color: #FFFFFF;
	font-weight:none;

}
A:visited.link6 {
	color: #FFFFFF;
	font-weight:none;

}
A:hover.link6 {
	color: #6DCFF6;
	text-decoration: underline;
}
A:link.link7 {
	color: #ffcc00;
	font-weight:none;
	text-decoration: none;
	
}
A:active.link7 {
	color: #ffcc00;
	font-weight:none;
	text-decoration: none;
		
}
A:visited.link7 {
	color: #ffcc00;
	font-weight:none;
	text-decoration: none;
		
}
A:hover.link7{
	color: #ffcc00;
	font-weight:none;
	text-decoration: underline;
}
A:link.link8 {
	color: #004400;
	font-weight:none;
	text-decoration: none;
	
}
A:active.link8 {
	color: #004400;
	font-weight: none;
	text-decoration: none;
		
}
A:visited.link8 {
	color: #004400;
	font-weight:none;
	text-decoration: none;
		
}
A:hover.link8 {
	color: #004400;
	font-weight:none;
	text-decoration: underline;
}
/* =========== */
/* Text colors */
/* =========== */
.white {
	font-family: Arial;
	font-size: 14px;
	color: #FFFFFF;
}
.xswhite {
	font-family: Arial;
	font-size: 9px;
	color: #FFFFFF;
}
.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #bb0000;
}
.darkred {
	color: #BA0000;
}
.black {
	color: #000000;
	font-weight:bold;
}
.black2{
color:#000000; font-size:18px; font-weight:bold; font-style:normal; line-height:23px;
}
.blue {
	color: #214D7C;
}
.grey {
	color: #666666;
}
.grey_title {
	color: #aaaaaa;
	font-size:14px;
}
.lightyellow {
	color: #FFFFDD;
}
.orange {
	color: #FFCC00;
}
.lightgreen {
	color: #CCFFCC;
}
.green {
	color: #009900;
}
.green_large {
	color: #105B10;
	font-size: 14px;
	text-decoration:underline;
}
.purple {
	color: #A01595;
}
.beige {
	color: #FFF99D;
}

/* ============== */
/* Resizing fonts */
/* ============== */
.xs {
	font-size: 7.5pt;
}
.xs_grey {
	font-size: 7.5pt;
	color: #666666;
}
.small {
	font-size: 8.5pt;
}
.normal {
	font-size: 10pt; color:#aaaaaa; font-weight:bold;
}
.medium {
	font-size: 12pt;
}


.xl {
	font-size: 20pt;
}

/* ================ */
/* Change font face */
/* ================ */
P {
	font-family: Tahoma;
	font-size: 8pt;
	font-style: normal;
	text-decoration: none;
	line-height: 11pt;
}

UL.indent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	text-decoration: none;
	margin-left: 0.5cm;
	position: relative;
}
DIV {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
}
TH {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}
TD {
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color: #555555;
	font-size: 12px;
	font-style:normal;
	line-height:20px;
	text-align: none;
}
TD.white {
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#FFFFFF;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	text-align: justify;
}
TD.black {
	font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#000000;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
	text-align: justify;
}

TEXTAREA {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	text-decoration: none;
}
INPUT {
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	text-decoration: none;
}
SELECT {
	font-family: tahoma;
	font-size: 11px;
	font-style: normal;
	text-decoration: none;
}
OPTION {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	text-decoration: none;
}

.style2 {
	color: #1A2748;
	font-weight: bold;
}
.style3 {color: #1A2748}

/*menu tree style sheet */
.itemBorder { border-style:none; border-top-width:thin; border-width:thin; border-bottom-width:thin;  border-color:#cccccc }
.itemText { text-decoration: none; color: #FFFFFF; font: 9px Tahoma}

.crazyBorder { border: 2px outset #663399 }
.crazyText { text-decoration: none; color: #FFCC99; font: Bold 12px Arial, Helvetica }
.style1 {
	font-size: 9pt;
	font-weight: bold;
}
.style4{
font-size:11px;
color: #FFFFFF;
font-weight: none;
}
.style5
{color: 6DCFF6; font-weight:bold;}
.style6{
font-size:12px;
color: #FFFFFF;
font-weight: bold;
}
html {
	overflow-x: hidden;
	overflow-y: auto;
} 

button {
  overflow: hidden;
  position: relative;
  margin: 10px;
  padding: 10px 30px;
  border: 1px solid #FFF;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: rgb(202, 60, 60); 
  font-weight: bold;
  font-size: 13px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  color: #fff;
  cursor: pointer;
}
button:active {
  background-color: #FA8181;
  background-image: none;

}


/***********css added************/

.col{width: 252px;
float: right;
background: url(images/col-separator.png) no-repeat right 0;
padding-right: 42px;
margin-right: -10px;
padding-bottom: 16px;
position: relative;}

#slideWrap {
	width: 100%;
	border-bottom:0px solid #ccc;
}

.slider {
	box-shadow: 1px 1px 5px #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.home_center_content{
width:100%;
overflow:hidden;
margin:4px 0 0 10px;
padding:0px;
height:341px;
}
.box1{
width:100%;
overflow:hidden;
margin-bottom:-165px;
}
.center_text{
width:430px;
height:330px;
float:left;
display:inline;
margin:20px 0 0 10px;
}
.center_text p{
color:#FFFFFF;
line-height:21px;
}
.big_title{
font-size:36px;
color:#FFFFFF;
padding:0 0 10px 0;
}
.big_title span{
font-weight:bold;
color:#4cb4e6;
}
.center_button_icons{
width:450px;
overflow:hidden;
margin:6px 0 0;
padding:0 0 0 5px;
}
.center_button_icons li{
width:106px;
float:left;
overflow:hidden;
padding:0px 12px 0;
text-align:center;
}
.center_button_icons li a{
font-size:10px;
text-decoration:none;
}
.center_button_icons li a:hover{
color:#99FFFF;
}
.right_img{
float:left;
width:384px;
height:281px;
text-align:center;
padding:10px 0 0 0;
background:url(images/photo_frame.jpg) no-repeat center;
display:inline;
margin:16px 0 0 48px;
}

/*--------------main_content-----------------*/
.main_content{
width:890px;
clear:both;
padding:0 0 30px 0;
background:url(images/main_content_bg.jpg) no-repeat center top #fff;
}
.left_content{
width:545px;
float:left;
padding:20px 0 0 35px;
}
.right_content{
width:310px;
float:left;
padding:20px 0 0 40px;
}
.wide_content{
width:850px;
float:left;
padding:20px 0 0 50px;
}
.newsletter{
padding:15px 0 0 40px;
}
input.input{
width:210px;
height:19px;
float:left;
border:1px #98cdec solid;
background-color:#e2eff4;
color:#3596c5;
font-style:italic;
font-size:13px;
margin:3px 0 0 0;
padding:2px 0 0 5px;
}
input.subscribe{
float:left;
padding:0 0 0 10px;
}
.project_box{
/*width:381px;*/
}

.project_box2{
width:381px;
}

img.feat_project{
border:1px #c9c9c9 solid;
}
.project_details{
border-bottom:1px #9c9c9c dotted;
padding:5px 0 5px 0;
float:left;
}
span.left{
float:left;
display:block;
}
a.view{
float:right;
text-decoration:none;
color:#f36d21;
}
.news_box{
float:left;
width:390px;
clear:both;
padding:0 0 20px 0;
}
img.news_thumb{
float:left;
margin-left:5px;
}
.news_content{
width:305px;
float:left;
padding:0 0 0 15px;
}
.principles_box{
float:left;
width:410px;
clear:both;
padding:0 0 5px 0;
margin:0 0 20px 0;
border-bottom:1px #cbccce dotted;
}
img.principles_thumb{
float:left;
padding:5px 0 0 0;
}
.principles{
width:290px;
float:left;
padding:0 0 0 15px;
}
img.big_pic{
padding:20px 0 0 0;
}

.textcolo {
	color: #64d448;
}

/************css three column***************/

/*--content--*/
.main{
	background:#f6f6f6;
}
.content-top{
	padding:5% 0;
}
.content-top h3{
	text-align:center;
	font-size:2.5em;
	color:#424147;
	font-weight:600;
	font-family: "Century Gothic";
	text-transform: uppercase;
	margin-bottom:15px;
}
.content-top h5{
	text-align:center;
	font-size:1.5em;
	color: #424147;
	font-weight:600;
	font-family: "Century Gothic";
	margin-bottom:60px;
}
.col_1_of_4{
	display: block;
	float:left;
	margin:0% 0 0% 3.6%;
	background: #e1e6ec;
	cursor:pointer;
}
.span_1_of_4:hover {
	background:#ffea00;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	color: #FFF;
}
.col_1_of_4:first-child { margin-left: 0; } 
.span_1_of_4 {
	width: 90.92%;
}
.span_1_of_first {
	width: 22.3%;
}
.span_1_of_first img{
	display:block;
}
.span_1_of_4  p {
	font-size:0.8125em;
	color: #333;
	line-height: 1.5em;
}
.desc{
	background:#414146;
	padding: 20px;
}
.desc h4{
	color: #EEE;
	font-size: 1.5em;
	text-transform: uppercase;
}
.desc h4 span{
	float:right;
	font-size:12px;
	text-transform:lowercase;
}
span.small{
	color:#ffea00;
}
.grid1{
	text-align:center;
}
.grid1 img{
	padding: 23px 0;
}
.grid1 h4{
	color#414146;
	text-transform:uppercase;
	font-size:1.5em;
}
.desc p{
	color: #FFF;
	font-size: 0.8999em;
	line-height: 1.8em;
	text-align: center;
}


/***********css navigation*****************/

ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 10px 4px 17px 0;
  list-style: none;
  z-index:10000000;	color: #666;

}
ul li {
  font: 11px/17px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 15px 20px;
  background: #fff;
  cursor: pointer;
  z-index:10000000;	color: #666;

}
ul li:hover {
  background: #ccc;
  z-index:10000000;color: #FFF;
}
ul li ul {
  padding: 0;
  position: absolute;
  top: 38px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
z-index:10000000;color: #FFF;
}
ul li ul li { 
  background: #ccc; 
  display: block; 
  color: #FFF;
}
ul li ul li:hover { background: #ccc; color:#FFF}
ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;color: #FFF;
}