@charset "utf-8";
/* CSS Document */
/*  Reset for some default browser CSS - General */

@import "css/form.css";

body, div, h1, h2, h3, p, ul, ol, li, img, table, form {
	padding: 0px; margin: 0px; border: 0px; list-style: none; 
}

 

a:link {color: #0077b2;	text-decoration: underline; }
a:visited {	color: #0077b2;	text-decoration: underline;} 
a:active {color: #0077b2;	text-decoration: underline;}
a:hover { color: #0077b2; text-decoration: none;}

a {outline:none; color:#736d9a; }

body
{
	  
	margin:0px;
	padding:0px;
	background:#fff; line-height: 150%;   font-size:17px; font-family: Calibri, Trebuchet MS; color:#6d6e70;
}

table
{
	 
	border-collapse: collapse; line-height: 150%; font-size:17px;  font-family: Calibri, Trebuchet MS; color:#6d6e70;
}




/*---------------common Styling start---------------*/

 
h1{ width:100%; padding:0px; margin:0px; font-weight:normal; font-family: Calibri, Trebuchet MS;  font-size:17px; color:#0077b2; font-weight:normal;  line-height:20pt; padding-bottom:10px;}
h2{ width:100%; padding:0px; margin:0px; font-weight:normal; font-family: Calibri, Trebuchet MS;  font-size:17px; color:#000; font-weight:normal;  line-height:20pt; padding-bottom:4px;}
h3{ width:100%; padding:0px; margin:0px; font-weight:normal;  font-family: Calibri, Trebuchet MS;  font-size: 24px; color:#646464; font-weight:bold; color: #444;}
 

.float_left {float:left;} 
.float_right {float:right;}

.err { font-family: Arial;	font-size: 14px; font-weight: bold;	color: rgb(200,0,0);}
.clear { clear:both;}
.spacer { background:none; height:5px; width:5px;  clear:both; }

p { line-height:150%; padding:0px; margin:0px 0px 10px 0px; text-align:left; font-size:17px;  font-family: Calibri, Trebuchet MS; color:#6d6e70; color:#6d6e70}
 
ul  {padding:0px; margin:0px;}
li { margin-left:15px;  
	font-family: Calibri, Trebuchet MS;
	font-size  : 17px;
    font-style: normal;
    color: #696a6c;	
	padding: 0px 0px 0px 5px;
	line-height:150%;
    list-style-image:url('images/bullet.gif');
 }

b {  font-weight:bold;  }

.list li { list-style-image: url('images/list-bullet.png'); padding-left: 00px; margin:5px 15px 5px 25px; line-height: 13pt; vertical-align:text-top; }

hr { background: #e0e0e0; height:1px; line-height:1px; margin:0px; padding:0px; border:none;}	
.hd { width:100%; font-size: 16px; padding:5px 0px; margin:0px; color: #000;}
.hr { width:100%; margin:0px 0px 10px 0px; height:5px; border-bottom: 1px dashed #ccc; padding:00px 0px;}
.vr	{ height:100%; height:100%; margin:0px 10px; border-right: 1px dashed #ccc; padding:0px 0px; }

.img-border{border: 1px solid #c5d4ed; padding:3px;}

a.back { font-size: 14px; color:#747474; text-decoration: none; background:#e7e7e8; padding:0px 5px; margin:0; border:1px solid #d8d8d8;  display:inline-block; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;}
a.back:hover { font-size: 14px; color:#fff;  text-decoration: none; display:inline-block; background:#ffc20e; padding:0px 5px; border:1px solid #eeb201;  }


 

.scrollup{ width:30px; height:30px;	text-indent:-9999px; position:fixed; bottom:30px; right:40px; display:none; background: url('images/top.png') no-repeat;}

.th { background:#3496d9; color:#fff; padding: 6px;  font-family: Calibri, Trebuchet MS; color:#6d6e70; font-size: 16px; }
.tch { background:#dcdcdc; color:#444; padding: 6px; }
.tc { background:#f8f8f8; color:#444; padding: 6px; }
.tc1 { background:#fff; color:#444; padding: 6px; }

.title {font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; font-size: 17px; font-weight: normal; color: #0077b2;}
/*---------------common Styling end---------------*/


/*---------------Header Styling---------------*/
/*-------------------------------------------*/
/*#headerpan		{width:100%; background:#FFF;}*/
#headerpan						{max-width:768px;  margin:0px auto; padding:0px; float:none; }
#headerpan .logo						{ margin:0px auto; padding:0px; float:none; text-align:center; position:relative; z-index:10;}
#headerpan .visual-panel						{ margin:0px auto; padding:0px; float:none; position:relative; margin-top:-155px;   display:block; text-align:center;}
#headerpan .visual-panel img { padding:0px; margin:0px; max-width:768px; width:100%; display:block; text-align:center}

/*---------------Header Styling---------------*/
/*-------------------------------------------*/


/*---------------Body Container Styling---------------*/
/*---------------------------------------------------*/
#body-containerpan		{width:100%; float:none; margin:0px auto;  position:relative; display:block; }
#body-container				{ max-width:768px; margin:0px auto; float:none;   }
#body-container .wow		{width:308px; float:left; height:224px;  margin-top:11px;}
#body-container .shadow		{width:308px; float:left; height:18px;  margin:0px auto; padding:0px; }


.archive-head    {width:100%; padding:0px; margin:0px; font-weight:normal; font-family: Calibri, Trebuchet MS;  font-size:15px; color:#0077b2; font-weight:normal;}
.archive-head2   {width:100%; padding:0px; margin:0px; font-weight:normal; font-family: Calibri, Trebuchet MS;  font-size:26px; color:#0077b2; font-weight:bold; margin-bottom:10px;}

/*---------------Body Container Styling---------------*/
/*---------------------------------------------------*/
/*-------------------------------------------*/
 
#header-inner						{max-width:768px; margin:0px auto; float:none; height:174px;    }
#header-inner .topheader			{max-width:768px;  margin:0px auto; float:none; height:115px; position:absolute; clear:both;}
#header-inner .logo	{width:320px; float:none; margin:0px auto; text-align:center; position:relative; height:115px;}
#header-inner .shadow {width:320px; float:none; margin:0px auto; text-align:center;  }
#header-inner .nav { margin:0px auto; float:none; max-width:768px;}

#body-container-inside			{max-width:768px; margin:0px auto; float:none; }
#body-container-inside .pic		{max-width:768px;float:left; height:154px;  margin-top:11px; }
#body-container-inside .shadow		{width:308px; float:left; height:18px;  margin:0px auto; padding:0px; }
#body-container-inside .data	{max-width:768px; margin:0px auto; float:none; padding:0px 20px;}
#body-container-inside .projects-data a{width:300px; margin:0px auto; float:none; text-align:center; font-family: 'square721_btroman'; font-size:14px; color:#000; padding-top:5px; line-height:20pt; text-decoration:none;}
#body-container-inside .projects-data a:hover{font-family: 'square721_btroman'; font-size:14px; color:#000; padding-top:5px; line-height:20pt; text-decoration:underline;}




/*---------------Menu Home Styling---------------*/
/*----------------------------------------------------------*/
ul.home-nav          {margin:0px auto; padding:0px;  float:none; max-width:768px;   }
ul.home-nav li       {list-style:none; margin: 0px 0px 8px 0px;  padding:0px; max-width:768px; }
ul.home-nav li a     {background:#e7e7e8 url(images/navbg.gif) repeat-y left; max-width:768px; font-size:20px; display:block; height:44px; line-height:44px;   padding-left:35px;   text-decoration:none; color:#333; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;  }
ul.home-nav li a:hover {background:#f3f3f3 url(images/navbg-hover.gif) repeat-y left; max-width:768px; font-size:20px; color:#009bb9; display:block; height:44px; line-height:44px;   padding-left:35px;}
  
/*---------------Menu Home Styling---------------*/
/*----------------------------------------------------------*/


/*---------------What we do Styling---------------*/
/*----------------------------------------------------------*/
ul.what-we-do-nav       {margin:0px auto;  float:none; max-width:768px; }
ul.what-we-do-nav li    {list-style:none; margin: 0px 0px 8px 0px;  }
ul.what-we-do-nav li a  {background:#e7e7e8 url(images/navbg.gif) repeat-y left; max-width:768px; font-size:16px; display:block; height:30px; line-height:30px;    padding-left:35px;   text-decoration:none; color:#333; -webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear;  }
ul.what-we-do-nav li a:hover {background:#f3f3f3 url(images/navbg-hover.gif) repeat-y left; max-width:768px; font-size:16px; color:#009bb9; display:block; height:30px; line-height:30px;  padding-left:35px;   }
  
/*---------------Menu Home Styling---------------*/
/*----------------------------------------------------------*/




/*---------------Footer Styling---------------*/
#footer-container {max-width:768px; margin:0px auto; float:none; height:105px; padding-top:0px;}
#footer-container .shadow{max-width:768px;  margin:0px auto; float:none; height:10px; }
#footer-container .shadow img { width:100%;}
#footer-container .data{width:308px; margin:0px auto; float:none; text-align:center; font-family: Calibri, Trebuchet MS; font-size:14px; color:#000; padding-top:5px; line-height:20pt;  }
#footer-container .data a{width:308px; margin:0px auto; float:none; text-align:center;  font-family: Calibri, Trebuchet MS;  font-size:14px; color:#000; padding-top:5px; line-height:20pt; text-decoration:none;}
#footer-container .data a:hover{font-family: Calibri, Trebuchet MS;  font-size:14px; color:#000; padding-top:5px; line-height:20pt; text-decoration:underline;}

#footer-container .bottom-text{width:308px; margin:0px auto; float:none; padding-top:8px; text-align:center; font-family: Calibri, Trebuchet MS;  font-size: 13px; color:#4b4b4e}

/*---------------Footer Styling---------------*/


/*---------------Sitemap Container Styling---------------*/
/*---------------------------------------------------*/
 
ul.sitemap                { width:250px; padding:0px; margin:0px;}
ul.sitemap li             { width:250px; margin-left:25px; font-family: Calibri, Trebuchet MS; font-size : 17px; font-style: normal; color: #696a6c; padding: 0px 0px 0px 5px; line-height:150%; list-style-image:url('images/bullet.gif'); float:left;  text-align:left;      }
ul.sitemap li a              {color: #0077b2; text-decoration:none; font-size:15px;  }
ul.sitemap li a:hover        {color: #0077b2; text-decoration:underline; font-size:15px;}

ul.sitemap li li           { width:250px; margin-left:15px; font-family: Calibri, Trebuchet MS; font-size : 17px; font-style: normal; color: #696a6c; padding: 0px 0px 0px 5px; line-height:150%; list-style-image:url('images/bullet1.gif'); float:left;  text-align:left;      }


 /*---------------Sitemap Container Styling---------------*/
/*---------------------------------------------------*/


.header { max-width:768px;  margin:0px auto; float:none; background:#ccc; }
.header-left { float:left;   }
.header-right { float:right;   }


.pic-left{ margin-right:15px; }
.scrollup{ width:40px; height:41px;	text-indent:-9999px; position:fixed; bottom:30px; right:40px; display:none; background: url('images/top.png') no-repeat;}



.div-column{display:table; width:100%; font-family:Arial;  color:#333; border-width:0px 0px 0px 0px; margin: 2px 0px; }
.div-column-row{display:table-row; line-height:12pt; }
.div-column-col{display:table-cell; padding: 5px 0px; width:100%; font-size:14px;    }
 

 