* {margin:0;padding:0}

/* mac hide \*/
html,body {height:100%}
/* end hide*/

body { 
	min-width:824px;/* for mozilla*/
	font: 11px Tahoma, Arial, sans-serif;
	color:#777;
	background:#fff;
/*	text-align:center; */
  
}

#wrapper{
	position:relative; 
	width:824px;
	border-right:1px solid #000;
	border-left:1px solid #000; 
	color: #777;
	text-align:left;
	margin:0 auto 20px;
	min-height: 100%;
	/* overflow: hidden;  */

}

html>body #wrapper {height:auto;}

* html #wrapper {
	width:824px;
	w\idth:818px;
	height:100%;  /* */
	
}

#header{
	position:relative;
	width:824px;
	height:146px;
	float:left;
	background-image:url('../i/background.gif');
	margin-bottom:-15px;
}

/* xmas logo #header img.blueflyadult {position:absolute; left:20px; top:7px;} */
#header img.blueflyadult {position:absolute; left:20px; top:20px;}

/* 
position:absolute; left:20px; top:20px;}
summer-logo -> left:2px; top:1px;

#header img.line {position:absolute; z-index:2; bottom:-20px; right:0} 
#header img.xbiz {position:absolute; top:10px; right:10px}
#header img.bookmark {position:absolute; bottom:22px; right:145px; z-index:15; } 
*/

#header img.xbiz {position:absolute; top:10px; right:216px}
#header img.xbiz10 {position:absolute; top:10px; right:144px}
#header img.xbizawards2008 {position:absolute; top:10px; right:16px}
#header img.bookmark {position:absolute; top:82px; right:350px; z-index:15; }



#header h1 a {text-decoration:none; color:#1786FF; font-size:9px}

#menu {position:absolute; top:126px; float:left; width:824px;  background:#0053ab;/* 0055B0 015dbf; #0053ab;   margin-bottom:20px; */ }


#left {
	width:180px;
	height:100%;
	float:left;

}

#right {
	width:180px;
	float:right;
	height:100%;
}

#middle {
	margin:0px 180px;
}

 #left, #middle, #right { padding-top:35px; } 

.content-in {text-align:center; padding:10px 0; }
.content-in img, div {margin:0 auto}

* html #middle .content-in p {display:block; width:99%;}

h2, h3, h4 {color:#0053ab; font-size:11px}

 
#middle h2 {margin:30px 0}
#middle p { color: #626262; text-align:left}

/*
#middle a, a:link, a:hover, a:visited   
{ 
	font-weight: bold; 
	color: #636363; 
	background:none; 
	text-decoration: none 
}
*/

#middle .content-in {padding:15px 5px; margin:0 auto;} 


#left, #right h3 {color:#5491CF; font-size:11px; font-weight:bold}

.cleaner { 
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}

* html .cleaner {height:auto; margin-bottom:0}


#footer{
	width:100%;
	height:100px;
	background: #0053ab;
}


#header, #footer {clear:both;}

/* clear without structural mark-up */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

                 
.footer-in {margin:18px 0 20px 10px; vertical-align: middle; color: #fff; text-align:left}
* html .footer-in {margin-top:37px}

.footer-in span {color:#ffb400; font-weight:bold}
span.footer-in-r {margin:0 10px 10px 0; float:right; color:#0066d7; font:normal 10px/10px Verdana, sans-serif; text-decoration:none}
span.footer-in-r a {color:#0066d7; font-weight:normal; text-decoration:none}

img { 
	border: 0; display: block;
} 

/*  ##################### multilevelmenu  ################ */

#nav, #nav ul {
	list-style: none; 
	font: normal 11px Tahoma, Arial, sans-serif;
	display:inline;

}

#nav a {
	display: block;
	width: 97px;
	color: #0E3A76;
	text-decoration: none;
	padding: 3px;
	font-weight:normal;
}

#nav a:hover {
	color: #5b5b5b;
	background:#fff3db;
}

#nav li {
	float: left;
	background:#fff;
}

#nav li ul {
	position: absolute;
	left: -999em;    
	height: auto;
	width: 97px;
	font-weight: normal;

}

/*  short/long bottom wing  FF */
#nav li ul a {
	width: 97px;
}

* html #nav li {
	border-right:0px solid #c5c5c5
} 


#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}


/*
#nav li:hover, #nav li.sfhover {
	background: #ffe9b5; 


}
*/

/* ..........  nav corrected ........... */

ul li ul li a {
	border-bottom:1px solid #c5c5c5; 
	border-right:1px solid #c5c5c5; 
	border-left:1px solid #c5c5c5; 
	background: white;
} 

#nav li .top {
	position:relative;
	text-align:center; 
	color:white;  
	background:#0053ab;  /* 0055B0 015dbf;  0053ab;  border-bottom: solid 1px #ccc; */ 
	border-right: solid 1px #1f6aba; 
	font-weight:bold; 
}

#nav li .arrow {
	background: #0053ab url('../i/arrow.gif') no-repeat bottom right;
}

ul#nav li:hover .top {color:#5b5b5b; background:#fff; border-bottom: solid 1px #ccc; }

* html #nav li .top {text-align:center; font-weight:bold; color:white; border-right: solid 1px #1f6aba; width:97px}

* html #nav li:hover {background:white}


/* END MENU */

/* ..........  blocks  ........... */

#testimonials, #contacts, #partners {
	width:163px; 
	margin:5px auto;
	padding:2px; 
	border:1px solid #ccc; 
	font-size:11px; 
	font-weight:normal;
 }

.contacts-block {
	display:block;
	text-align:left;
	width: 94%;
	height:24px; 
	padding:4px;
	margin:3px 0;
	line-height:12px;
	color:#000;

}

.contacts-block img {float:left; margin-right:8px; vertical-align:middle;} 
.contacts-txt {float:left;}


#resources {margin:5px auto; padding:2px}

img.more {float:right; margin-top:8px;} 


span.testimonial_author {font-weight:bold; color:#9a9a9a}
span.testimonial_url,  span.testimonial_url a b {font-weight:bold; color:#ff9600}


.central-block {
	display:block; 
	float:left;
	text-align:left;
	padding:5px;
	

}

* html .central-block {width:424px; text-align:left;}



.central-block ul  {
	text-align:left;
	margin:2em 10%;
}


.central-block p {
	margin-bottom:1em;

}

.central-block h2, h3, h4 {
	color:#626262;
        text-align:center;
}


.toph1 {position:absolute; left:3px; top:3px; font-size:9px; color:#fff}


.portfolio-num {width:100%; text-align:center; font-weight:normal; color:#787878}
.portfolio-num a {font-weight:bold; color:#656565}
.portfolio-num a:hover {font-weight:bold; color:#656565; text-decoration:underline}

.portfoliotumbs {margin:0 auto;}


* html .portfoliotumbs img {float:left;}

.portfoliotumb {
	float:left;
       	margin-right:5px;
	margin-bottom:10px;
 	text-align:center;
}

* html .portfoliotumb {
	float:left;
  margin-right:2px;
	margin-bottom:10px;
 	text-align:center;
}






.portfoliotumb:hover {
	color:#000;	
}


.portfoliotumb img {
	border:1px solid #000;
}

.portfoliotumb img:hover {
	border:1px solid #ff6c00;
}

#partners {float:left; padding-left:3px; border:0; width:100%; margin-bottom:1px; height:100%; }
#partners img {float:left; margin:0 2px 5px 0}
#partners img.more {float:right; padding-right:10px} 

#testimonials {text-align:left; padding:5px;}

.bottom_menu { background:#fff; margin:12px 0; height:30px; text-align:center; padding-top:20px;  }

* html .bottom_menu {
	width:824px; 
	background:#fff; 
	text-align:center;
	margin-top:-10px;
}

.bottom_menu li {display:inline; list-style-type:none; padding-left:10px; margin-left:10px; border-left:1px solid #0e3a76}
 
.bottom_menu li:first-child {border-left:0px solid #fff}

* html .bottom_menu li.zero {border-left:0px solid #fff}

 
.bottom_menu li a  {color:#5e5e5e; font-weight:lighter; }
.bottom_menu li a:hover {color:#0e3a76}
* html #footer .bottom_menu li a {font-weight:normal; color:#5e5e5e}
* html #footer .bottom_menu li a:hover {font-weight:normal; color:#0e3a76;}

/*  from old version of BFA       */

.central-block a, a:link, a:visited, a:hover    
{ 
	font-weight: bold; 
	color: #636363; 
	background:none; 
	text-decoration: none;

}

.client-block {border:1px solid #cec; width:48%; float:left; margin:1px}

.write-testim {width:381px; border:1px solid #ccc; padding:3px}
span.testim-line {width:80%; display:block; text-align:right; margin-right:90px; margin-bottom:1px }
span.testim-line i {color:#ccc}
span.testim-line sup {color:#EFAF0E}

.write-testim input {border:1px solid #ccc; color:#666; font-size:10px;}

.write-testim textarea {width:368px; margin:3px; height:120px; padding:3px;  border:1px solid #ccc; font-family:tahoma, sans-serif; color:#666; font-size:11px;} 
.careers_form textarea {border:1px solid #ccc; font-family:tahoma, sans-serif; width:90%; height:120px; padding:.5em; color:#666; font-size:11px;}

.write-testim input:hover, textarea:hover {border: 1px solid #6CA7FF;}
.write-testim input:focus, textarea:focus {border: 1px solid #7C94E4;} 


.careers_form {width:390px; border:1px solid #ccc; display:block;}
.careers_form span {display:block; padding-left:50px;}
.careers_form input, textarea {border:1px solid #ccc; margin:1px; color:#666; font-size:10px;} 
div.careers-form-line i {color:#0090FF}
div.careers-form-line {padding:1px 1px 1px 80px; border:1px solid #ccc; margin:4px}


.cvbutton {width:80px; height:20px; padding:2px 0; background:#95BAFF; color:#fff}

.page {text-align:center; color:#ff9600; width:100%; margin-bottom:10px}
.page a {color:#777; font-weight:bold}
.page a:hover {color:#333; font-weight:bold}
.page span {color:#777; font-weight:normal}


.portfoliotumb {font-size:9px; overflow: hidden; line-height:1.8em; width:101px; height:102px; margin-left:3px; text-align:center; float:left;}
/* .portfolio-categories (width:100%; text-align:center; border:1px solid #c9c;)  */


/* .bcontacts-block{width:100%; position:relative; border:1px solid red;} */
.bcontacts-block a, a:hover{font-weight:normal; text-decoration:underline}
.bcontact-block {height: 145px; width:207px; float:left; border:1px solid #cbcbcb; margin:0 3px 3px 0}
.bcontacts-in{padding:10px; text-align:left}
.bcontacts-in h3 {color:#0c75dc; margin:0; font-size:11px; text-align:left}

.resources {width:100%; text-align:center;}
.resources img {float:left; margin:8px}
.resources-txtlinks {margin:10px auto; float:left} 
.resources-txtlinks a:hover {font-weight:bold}

.linktoussize { color:#008AFF; font-weight: bold; text-align:left }
div.linktous textarea {padding: 5px; font-family: tahoma, arial, verdana; font-size: 10px; color: #878787; overflow: hidden; width: 400px; border: 1px 
solid #CBCBCB;}

div.linktous h2, h3, h4 {color:#206fff}

.littletext { font-size: 10px; color: #BDBDBD }
.maintext10 { font-size: 10px; color: #757575 }

#testimonials a, a.testimonial_url:hover {text-decoration:none; font-weight:bold; color:#ff9600}

/* table.clients-pix img {text-align:center; width:110px; 
display:inline-block; vertical-align:middle;} */

/*
* html table.clients-pix  {text-align:center; width:100%; display:inline-block; vertical-align:middle; border:1px dashed red;}
* html table.clients-pix  img {margin:0 auto; border:1px solid #aaa;}
*/

.clients-pics {width:440px; display:block; }
.clients-pic {
	border:1px solid #eee; 
	width:215px; 
	height:130px; 
	line-height:20px;
	float:left; 
	vertical-align:middle; 
	text-align:center; 
        display:table-cell;

}

div.clients-pic img {margin:0 auto; text-align:center; vertical-align:middle}

.awa {width:100%; text-align:center}
.awa img {margin:0 auto}

.banners-column {margin-right:3px; width:140px; float:left; text-align:center; line-height:2em; }
.banners-column-r {float:right; width:140px; text-align:center; line-height:2em; }
.banners-column a:hover, .banners-column-r a:hover {text-decoration:underline; font-weight:bold}

a:hover.foliolo {border-bottom:1px dotted #ff6900}