/* CSS Document */

strong{

	color: #333333;
	font-style: normal;
	font-weight:bold;
	font-variant: normal;
	}


body {
	background-image: url(../images/background_gradient.gif);
	background-repeat: repeat-x;
	background-color: #99b0dd;
	width:770px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#main_all {
	width: 770px;
	margin-left:auto;
	margin-right:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	padding-right:2px;
}

#header {
	height: 70px;
	width: 770px;	
}
#principal
{ 
	float: left;
	width: 770px;
	height: auto;
	background-color:#FFFFFF;
	/*background-image: url(../images/right_shadow.gif);
	background-position: right;
	background-repeat: repeat-y; */
}
	
#leftside
{
	width: 160px;
	height: auto;
	float: left;
	background-color: #FFFFFF;
	clear: left;
	padding-top: 0px;
	padding-left: 15px;
	text-decoration:none;
}


#textolder
{
width: 555px;
height:auto ;
float: left;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
background-color: #FFFFFF;
font-size: 11px;
overflow: hidden;
line-height: 18px;
color:#666666;
/*border-left: 1px #CCCCCC dotted;*/

}
#textolderproject
{
width: 555px;
height:auto ;
float: left;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
background-color: #FFFFFF;
font-size: 11px;
overflow: hidden;
line-height: 18px;
color:#666666;
/*border-left: 1px #CCCCCC dotted;*/

}

#textolder1
{
width: 550px;
height; auto ;
float: left;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
margin-top: -10px;
background-color: #FFFFFF;
font-size: 11px;
overflow: hidden;
line-height: 20px;
color:#666666;
}

#bottom
{	float: left;
	background-color:#FFFFFF;;
	width: 770px;
	height:25px;

}
#bottomcopy
{	
	width: 760px;
	text-align: center;
	font-size:10px;
	color: #999999;
	border-top:1px dotted  #999999;
	margin: 5px;
	padding-top: 5px;
}
#copyright{
	width: 770px;
	height:20px;
	background-image:url(../images/bottom_corners.gif);
	background-repeat:no-repeat;

}
#bottom_flash
{
	clear: both;
	text-align: center;
	background-image:url(../images/bottom_corners.gif);
	background-repeat:no-repeat;
	width: 770px;
	height:15px;
}
#top_principal
{
	clear: both;
	text-align: center;
	background-image:url(../images/bottom_corners1.gif);
	background-repeat:no-repeat;
	width: 770px;
	height:20px;
}
#menu_flash
{
	width: 770px;
	height: 65px;
}


#flashouille
{ 
	width: 770px;
	height: 240px;
	text-align: center;
	
/*	background-image: url(../images/right_shadow.gif);
	background-position: right;
	background-repeat: repeat-y;*/
}
	#flashouille1
{ 
	width: 770px;
	height: 268px;
	text-align: center;
	background-color: #FFFFFF;
/*	background-image: url(../images/right_shadow.gif);
	background-position: right;
	background-repeat: repeat-y;*/
}
#footer_icon
{
	width:770px;
	height: 60px;
	float:right;
	background-color:#FFFFFF;
	color: #666666;
}

#middle
{	
	height:20px;
	width:770px;
	/*border-bottom: 1px solid #CED1D9;*/
	/*border-top: 1px solid #D0D5D7;*/
	/*background-color:#FFFFFF;*/
/*	background-image: url(../images/right_shadow.gif);
	background-position: right;
	background-repeat: repeat-y;*/
}
#middle1
{	
	height:20px;
	width:770px;
	background-color:#FFFFFF;
/*	background-image: url(../images/right_shadow.gif);
	background-position: right;
	background-repeat: repeat-y;*/
}

#left
{

height:20px;
width:26px;
float:left;
}


#main_all #middle #map {
padding-top:3px;
height:15px;
width:554px;
float:left;
color:#666666;
text-decoration:none;
}


#main_all #middle #map a:link{
text-decoration:none; 
color: #1E3FAE;
}

#main_all #middle #map a:visited{
text-decoration:none; 
color: #32499A;
}

#main_all #middle #map a:hover{
text-decoration:underline;
color: #1E3FAE;
}

#main_all #middle #map a:active{
text-decoration:none; 
color: #1E3FAE;
}


/*//////////////////////////////////////////////////////////HEADER DIV///////////////////////////////////////////////////////////////////////*/
#logo {
	width: 250px;
	height: 70px;
	text-align: left;
	float: left;
	vertical-align: top;
	}

#middle_header
{
	display: inline;
	width: 350px;
	height: 59px;
	float: left;
	padding-top: 11px;
	
}
#right_header{
	width: 160px;
	height: 57px;
	float: left;
	vertical-align: top;
	padding-top: 7px;
	margin-top: 0px;
}

#login_button
{
	background-color: #FFFFFF;
	width: 45px;
	height:18px;
	font: Verdana, Arial, Helvetica, sans-serif;
	border: none;
	font-size: 9px;
	color: #000000;
}
.txt_login
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 80px;
	height: 12px;
	font-size: 9px;
	border: 0;
	background-color: #EFEBE4;
}
.txt_form_login
{
	font:Verdana, Arial, Helvetica, sans-serif;
	border:0;
	font-size:9px;
	color:#000000;
}

/*////////////////////////////////////////////////////////////MENU_FLASH////////////////////////////////////////////////////////////////////*/


#menu a:
{
	border:none;
	text-decoration:none;
}
#menu1
{
	width:154px;
	height:65px;
	float:left;
	
}
#menu2{
	width:154px; 
	float:left;
	height:65px;
}	
	
#menu3{
	width:154px; 
	float:left;
	height:65px;
}
#menu4{
	width:154px; 
	float:left;
	height:65px;
	
}
#menu5{
	width:154px; 
	float:left;
	height:65px;
	
}
	
.menu_title
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px; 
	color:#FFFFFF;
	font-weight:bold;
}
.menu_caption
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#99CCFF;
}

/*/////////////////////////////////////////////////////////////////Project/////////////////////////////////////////////////////////////////*/
#nav1 {
	width:139px;
	height: 198px;
	background-image:url(../images/left_side/see_h.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-left: 10px;
	padding-top: 50px;
	padding-bottom: 0px;
	margin:0;
	text-align:left;
	font-size: 11px;
	line-height:15px;
	color:#386ABC;
	z-index:0;
}

#nav4 a:link
{
	display:block;
 	width:100%; 
  	line-height:9px;
   	text-decoration:none; 
   	color: #666666;
    padding-left:10px;
	padding-bottom:8px;
	
	
}
#nav4 a:visited
{
	display:block;
 	width:100%; 
  	line-height:9px;
   	text-decoration:none; 
   	color: #663300;
   	background-repeat:no-repeat;
    padding-left:10px;
	padding-bottom:8px;
}

#nav4 a:hover
{
	display:block;
 	width:100%;
  	text-decoration:none;
	color:#386ABC;
	background-image:url(../images/arow.gif);
	background-repeat:no-repeat;
	padding-bottom:8px;
	padding-left:10px;
	
}#nav4 a:active
{
	display:block;
 	width:100%;
  	text-decoration:none;
	color:#386ABC;
	background-image: url(../images/arrow_active.gif);
	background-repeat:no-repeat;
	padding-bottom:8px;
	padding-left:10px;
	
}
#nav4 a span 
{
	padding-left:0px;
}
#nav4 {
	width:180px;
	padding-left: 8px;
	line-height:25px; 
	background-image:url(../images/left_side/project_details.gif);
	background-repeat:no-repeat;

	
}

#nav5 {
	width:180px;
	height:auto;
	padding-top: 50px;
	padding-left: 8px;
	line-height:8px;
	background-image:url(../images/left_side/project_locations.gif);
	background-repeat:no-repeat;
	
}

#nav5 a:link
{
	display:block;
	width:100%;
	line-height:8px;
	text-decoration:none;
	color: #666666;
	padding-left:10px;
	padding-bottom:8px;
}

#nav5 a:visited
{
	display:block;
 	width:100%; 
   	text-decoration:none; 
   	color: #666666;
   	background-repeat:no-repeat;
    padding-left:10px;
	padding-bottom:8px;
}

#nav5 a:hover
{
	display:block;
 	width:100%;
  	text-decoration:none;
	color: #3C5791;
	background-image:url(../images/arow.gif);
	background-repeat:no-repeat;
	padding-bottom:8px;
	padding-left:10px;
	
}#nav5 a:active
{
	display:block;
 	width:100%;
  	text-decoration:none;
	color: #666666;
	background-image: url(../images/arrow_active.gif);
	background-repeat:no-repeat;
	padding-bottom:8px;
	padding-left:10px;
	
}
#nav5 a span 
{
	padding-left:0px;
}

/*//////////////////////////////////////////////////////////project page/////////////////////////////////////*/
.project_holder
{ 
	width:540px;
	height:140px;
	border-top:1px dotted  #999999;
	padding-top:20px;
}

.project_front_photo
{
	float: left;
	width: 140px;
	height: 100px;
	padding:0px;
	margin-left:2px;
	vertical-align:middle;
	text-align:center;
}

.project_front_photo a:link
{
	float: left;
	width: 140px;
	height: 100px;
	padding:0px;
	margin-left:2px;
	vertical-align:middle;
	text-align:center;
	border:0;
	text-decoration:none;
}
.project_name_front
{
	
	width: 370px;
	height: 30px;
	padding-left:15px;
	float:left;
	font-size:16px;
	font-weight:bold;
	margin-top:0px;
	
	
	
}

.project_name_front a:link
{
	
   	text-decoration:none;
   	color:  #5189E6;
 	font-size:16px;
 	
	
	
}
.project_name_front a:visited
{
	
   	text-decoration:none; 
   	color:  #6491DB;
   	font-size:16px;
   
}

.project_name_front a:hover
{
	
  	text-decoration: underline;
	color:  #6491DB;
	font-size:16px;
	
}
.project_name_front a:active
{
	
  	text-decoration:none;
	font-size:16px;
	
}


.project_descrip_front{
	color: #666666;
	text-align: left;
	float: left;
	width: 360px;
	height: 90px;
	overflow: hidden;
	padding-left:15px;
	padding-right:10px;
	font-size:11px;
	line-height:17.5px;
	
}

.project_descrip_front a:link
{
	
   	text-decoration:none; 
   	color:  #BF6000;
 	font-size:10px;
	
	
}
.project_descrip_front a:visited
{
	
   	text-decoration:none; 
   	color:  #BF6000;
   	font-size:10px;
   
}

.project_descrip_front a:hover
{
	
  	text-decoration:none;
	color:  #BF6000;
	font-size:10px;
	
}
.project_descrip_front a:active
{
	
  	text-decoration:none;
	font-size:10px;
	
}

#project_detail_holder{
text-decoration:none;
height:auto;
width:540px;

}
/*#project_detail_holder a:link{
text-decoration:none;

}*/


#left_arrow
{
	width:60px;
	height:auto;
	vertical-align: middle;
	float: left;
	display:block;
	}
#right_arrow
{width:60px;
height:auto;
vertical-align:middle;
float: left;
display:block;
}

#photo_older
{
width:650px;
display:block;
height:auto;
text-align:center;
float:left;
}

.pdf {
	color:#9D8B6A;
	text-decoration:underline;
}
.pdf a:link {

text-decoration:none;
}
.pdf a:visited {

text-decoration:none;
}
.pdf a:hover {

text-decoration:underline;
}
.pdf a:active {

text-decoration:none;
}

/*/////////////////////////////////////////////////////Footer///////////////////////////////////////////////////////////*/



#footer_icon a:link
{
	text-decoration:none;
	color: #666666;
	font-size:9px;
}
#footer_icon a:visited
{
	
   	text-decoration:none; 
   	color: #666666;
   	font-size:9px;
   
}

#footer_icon a:hover
{
	text-decoration: underline;
	color: #666666;
	font-size:9px;	
}#footer_icon a:active
{
	text-decoration:none;
	color: #666666;
	font-size:9px;	
}

#copyright{
	clear: both;
	width: 770px;
	height:20px;
	background-image:url(../images/bottom_corners.gif);
	background-repeat:no-repeat;
}

#bottomcopy a:link
{
	text-decoration: underline;
	color: #999999;
	font-size:10px;
}
#bottomcopy a:visited
{
   	text-decoration: underline; 
   	color: #999999; 
   	font-size:10px;
}

#bottomcopy a:hover
{
  	text-decoration: underline;
		color: #999999;
	font-size:10px;
	
}
#bottomcopy a:active
{
  	text-decoration: underline;
	font-size:10px;
	color: #999999;
}

h1 {
	font-size: 22px;
	color: #BE6021;
	font-style: normal;
	font-weight:normal;
	font-variant: normal;
	line-height:normal;
}
h2 {
	font-size: 18px;
	color: #D1BB92;
	font-style: normal;
	font-weight:normal;
	font-variant: normal;
	line-height:normal;
}
.home {
	font-size: 22px;
	color: #668CCC;
	font-style: normal;
	font-weight:bold;
	font-variant: normal;
	line-height:normal;
}
.destakbase{
	font-size: 22px;
	color: #545BB4;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height:normal;
}
.casestudy{
	font-size: 13px;
	color: #666666;
	font-style: normal;
	font-weight:bold;
	font-variant: normal;
	line-height:normal;
}
.destak {
	color: #333333;
	font-style: normal;
	font-weight:bold;
	font-variant: normal;
}
.destak1 {
	color: #333333;
	font-style: normal;
	font-weight:bold;
	font-variant: normal;
}
.promo {
	color: #497ED6;
	font-style: normal;
	font-weight:bold;
	font-variant: normal;
}

/*////////////////////////////contact page ////////////////////////*/

.charwith {
	color: #333333;
	font-style: normal;
	width: 150px;
}
textarea, input, select {
	background-color: #FBFBFD;
	border: 1px solid #CCD2E1;
	color: #000;
	font:  11px Verdana, Arial, Helvetica, sans-serif;
	margin: 1px;
	padding: 1px;
}
input:focus, textarea:focus, label:focus {
	background-color: #E2E9F1;	/*border: 1px solid #686868;*/
}
#attachmentlinks textarea {
	width: 100%;
	height: 5.5em;
	background-color:#FFFFFF;
	margin-bottom: 6px;
}

label {
	cursor: pointer;
}
	

.promo1 {
color: #497ED6;
	font-style: normal;
	
	font-variant: normal;
	
	text-decoration: none;
}
.promo1 a:link {

text-decoration:none;
}
.promo1 a:visited {

text-decoration:none;
}
.promo1 a:hover {

text-decoration:underline;
}
.promo1 a:active {

text-decoration:none;
}