/* CSS Document */

/*---hacks---*/


 * html  #white_line_index{ top:147px;}
  * html  .marginul {margin-left:20px;}
 *:first-child+html   #white_line_index{ top:154px;}			  
   *:first-child+html .marginul {margin-left:20px;}                       
 * html  #white_line{ top:148px;
 border-bottom-width: 2px;}
 
 *:first-child+html   #white_line{ top:153px;}
 
  * html  #brown  {top:193px;  }
  *:first-child+html  #brown  {top:193px;  }
  * html  #left_col  {top:242px;  }
  *:first-child+html  #left_col  {top:242px;  }
  
  
 	 
		*:first-child+html   #white_line   {
			   
			  top:155px;
                        
		}
		* html #wrapperindex   {padding-bottom:8px;
	 }
	 	*:first-child+html #wrapperindex   {padding-bottom:8px;
	 }
		
		* html #top { width:1500px;} 
		* html #white_line_index{top:144px;}
		
		*:first-child+html   #wrapperindex_image  {top:240px;}
			     
                        
 
		* html #wrapperindex_image { top:240px;  }
		
		
		*:first-child+html #brownband_text { margin-top:15px;}
		* html #brownband_text { margin-top:15px;}
		
		* html #brown_outside_index {
	 width:1500px;
 
	 
	 
	 }
		*:first-child+html #top {
	 width:1500px;
	 }
	 
	 /*-----------firefox----------- 
	 body:not(:-moz-handler-blocked) #brown_outside_index  { width: 1600px; }
	  body:not(:-moz-handler-blocked) #top   { width: 1600px; }
	   body:not(:-moz-handler-blocked) #white_line { width: 1600px; }*/
 /*------------end--------------hacks-----------*/
@font-face {
    font-family: 'TriplexSerifLightRegular';
    src: url('triplexseriflight-webfont.eot');
    src: url('triplexseriflight-webfont.eot?#iefix') format('embedded-opentype'),
         url('triplexseriflight-webfont.woff') format('woff'),
         url('triplexseriflight-webfont.ttf') format('truetype'),
         url('triplexseriflight-webfont.svg#TriplexSerifLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
	font-size:17px;

}
.underline{text-decoration:underline;}
.color{color:#9f3c96;}
 UL.GREEN {
	list-style-type: disc;
	color:#9f3c96;
	
}

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

#wrapper {position:relative;
	height: 1000px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	 margin-top:-8px;
	z-index:112;
	overflow:hidden;
	 
}
#wrapper_who {position:relative;
	height: 2100px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	 margin-top:-8px;
	z-index:112;
	overflow:hidden;
	 
}
#wrapper_approach {
	position: relative;
	width: 1000px;
	height: 1800px;
	padding-bottom: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -8px;
	z-index: 112;
	 
	overflow: hidden;
}
#wrapper_approach2 {
	position: relative;
	width: 1000px;
	height: 1800px;
	padding-bottom: 400px;
	margin-right:30px; 
	margin-top: -8px;
	z-index: 112;
	overflow: hidden;
}
 
#wrapper_clients {position:relative;
	height: 1000px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	 margin-top:-8px;
	z-index:112;
	overflow:hidden;
	 
}
 
#wrapperindex {position:relative;
	height: 790px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	 margin-top:-8px;
	z-index:112;
	overflow:hidden;
  background-color:#c9c898;
}
#wrapperindex_image { position:absolute;
left:0px;
top:250px;
	height: 550px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	z-index:110;
	 
	
	 
}
 
body {
	background-color:#f4e5cb;
	 
}
 
 .shadow1 {
   -moz-box-shadow:inset 0 0 20px #000000;
   -webkit-box-shadow:inset 0 0 20px #000000;
   box-shadow:inset 0 0 20px #000000;}
 
 .shadow{ -moz-box-shadow: 10px 10px 10px #666;
  -webkit-box-shadow:  10px 10px 10px #666;
  box-shadow: 10px 10px 10px #666;}
  
  #Logo_index {
	position:absolute;
	left:16px;
	top:-5px;	 
	width:250px;
	height:150px;
	z-index:112;
}
    #Logo {
	position:absolute;
	left:28px;
	top:50px; 
	width:250px;
	height:150px;
	z-index:112;
	border:0px;
}
#Logo2 {
	position:absolute;
	left:330px;
	top:50px;	 
	width:250px;
	height:150px;
	border:0px;
	z-index:112;
}
h3{text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#06478f;
font-size:13px;}
 
 p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: left;
}
 
 
 
 ul{font-family:Arial, Helvetica, sans-serif;
 font-size:13px;} 
 
 
 
 
 .border{ 
width:0px;
border:2px solid orange;
-moz-box-shadow: 0 0 4px rgba(120,120,120,0.7);
-webkit-box-shadow: 0 0 4px rgba(120,120,120,0.7);
box-shadow: 0 0 4px rgba(120,120,120,0.7);
padding: 12px 20px 5px 22px;
margin: 0;
margin-bottom:1em;
list-style: none;
text-align: center;
}
 
 label{ font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	 color:#06478f;
	 }
 form{margin-left:40px;}
 
 #Layer1_index {
	position:absolute;
	left:500px;
	top:0px;
	width:375px;
	height:550px;
	z-index:101;
 
	 
}
#Layer1_index p{margin-top:40px;
margin-left:20px;
color:#eee;
 
}

 
 
#brown_outside_index {position:absolute;
left:0px;
top:200px;
	background-color:#06478f;
	height: 50px;
	width: 100%;
	z-index:199;
 
}
#brownband_text{
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	color:#fff;
	font-size:17px;
	width:1000px;
	height:10px;
	z-index:200;
	font-family: 'TriplexSerifLightRegular';
}
#brownband_text p {margin-left:29px;
font-family: 'TriplexSerifLightRegular';
font-size:17px;}
#brown {position:absolute;
font-family: 'TriplexSerifLightRegular';
left:0px;
top:200px;
	background-color:#06478f;
	height: 50px;
	width: 300px;
	z-index:99;
 color:#FFFFFF;
 font-size:17px;
 
}
#brown p{margin-left:27px;
font-family: 'TriplexSerifLightRegular';
font-size:17px;
margin-top:17px;}


#white_line{
	position:absolute;
	left:0px;
	top:147px;
	height: 5px;
	width: 100%;
	z-index:110;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF; 
}
#white_line_index{
	position:absolute;
	left:0px;
	top:147px;
	height: 5px;
	width: 100%;
	z-index:110;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF; 
}
#nav { 
	position:absolute;
	left:0px;
	top:112px;
	width:980px;
	height:40px;
	z-index:112;
 
	padding-left:193px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF; 
}
#nav_index { 
	position:absolute;
	left:0px;
	top:112px;
	width:980px;
	height:40px;
 
 
	padding-left:193px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF; 
}
#clients2 {
	position:absolute;
	left:352px;
	top:100px;
	width:240px;
	height:304px;
	 
}

#left_col{
	position: absolute;
	top: 250px;
	left: 0px;
	width: 300px;
	height: 3000px;
	background-color: #FFFFFF;
 }
 #left_col_contact{position:absolute;
top:250px;
left:0px;
width:300px;
height:745px;
background-color:#FFFFFF;
 }
  #left_col_clients{position:absolute;
top:250px;
left:0px;
width:300px;
height:745px;
background-color:#FFFFFF;
 }
   #left_col_products{position:absolute;
top:250px;
left:0px;
width:300px;
height:745px;
background-color:#FFFFFF;
 }
 #left_col_approach{position:absolute;
top:250px;
left:0px;
width:300px;
height:1990px;
background-color:#FFFFFF;
 }
 
#left_col p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-left:26px;
	margin-right:25px;
	margin-top:17px;
	color:#06478f;
	line-height: 32px;
}
#left_col_clients p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:26px;
	margin-right:25px;
	margin-top:17px;
	color:#822e09;
	line-height: 24px;
}
#left_col_approach p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:26px;
	margin-right:25px;
	margin-top:17px;
	color:#822e09;
	line-height: 24px;
}
.text{font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-top:-9px;
	margin-left:0px;
  	line-height: 24px;} 

.text3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 21px;
	padding-right: 20px;
	line-height: 24px;
	text-align: left;
	text-indent: 0px;
} 
  

.text2{font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	 line-height: 24px;
	 }
 
.margin {font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	 color:#06478f;
	 margin-top:12px;
	margin-left:0px;
  	line-height: 24px;}
.marginul {font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	 color:#06478f;
	 margin-top:-24px;
	 margin-left:-20px;
  	line-height: 24px;
	}	
	
	
#right_col{position:absolute;
top:200px;
left:300px;
width:660px;
height:500px;
padding-left:31px;
 
}	
#right_col2{
	position: absolute;
	top: 250px;
	left: 300px;
	width: 640px;
	height: 500px;
	padding-top: 9px;
	padding-left: 31px;
	padding-right: 20px;
	 text-align: justify;
	 z-index:1000;
}
#right_col3{
	position: absolute;
	top: 200px;
	 	width: 640px;
		left:300px;
	height: 500px;
	padding-top: 9px;
	padding-left: 31px;
	padding-right: 20px;
	text-align: justify;
}	

#top {
    /* position:absolute; */
left:0px;
top:0px;
 background-color:#ffffff;
	width: 100%;
	height:200px;
 
 
}



  
/* 
#nav ul li{display:inline;
 } 
 
 #nav li { 
 padding-right:125px;
 
 color:#fff;}*/

.ie_opacity {
  opacity: 0.3;
  filter: alpha(opacity = 30%);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
 .ie_opacity2 {
  opacity: 0.6;
  filter: alpha(opacity = 60%);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
#content_about_left {width:250px;
height:500px;
background-color:#bd7003;
float:left;}

h3 {color:#590033;
margin-left:20px;}

#content_about_right p{color:#663333; 
 margin-left:20px;
 margin-right:35px;}
 
 #content_about_right {width:750px;
height:500px;
background-color:#eeeeff;
float:left;}


/**************** FORM STYLES **************************/
form {
	margin-top: -15px;
	margin-left:0px;
}
fieldset {
        border: none;
}
label{font-family:Arial, Helvetica, sans-serif;}
label.nodisplay {
	display: none;
}
table.contact input {
	border: 1px #999 solid;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 3px 0px 3px 3px;
	width: 480px;
}
input.submit {
	background-color: #9EC18B;
	border: none;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 4px 12px;
}
table.contact {
	border: none;
	padding: 10px 0px 10px -10px;
	width: 400px;
}
table.contact th {
	font-weight: normal;
	padding: 2px 40px 2px 0px;
	text-align: left;
	vertical-align: bottom;
	width: 130px;
}
table.contact tr {
}
table.contact td {
	float: right;
	padding: 2px 0px 2px 0px;
	width: 300px;
}
/**************** END - FORM STYLES **************************/