@charset "utf-8";
/* CSS Document */
/* <style type="text/css"> */

/*
The Design Firm: boldUnderline. LLC
The Client: Archkos, Manchester, England
Date: December, 2009.
*/


html *				{ 
					padding:0;
					margin:0;
					}

* a					{
					cursor: pointer;
					color: #fff;
					text-decoration: none;
					}

a:active {outline: none;}
a:hover {outline: none;}

:focus {outline-style: none;}

img{
  border: 0;
}

body{
  margin:0;
  padding:0;
  background: #f2f6f8 url(../image/backGround.jpg) top center no-repeat;
  font-family: Arial, sans-serif;
  font-weight: lighter;
  color:#636363;
}

#topper		{
			height: 8px;
			background: #4c7bbd;
			border-bottom: 1px solid #4b7ec3;
			position: relative;
			z-index: 10;
			}

p			{margin-bottom: 10px;}
.faqja{
  width: 880px;
  margin: auto;
}
.head{
  width: 880px;
  height: 104px;
}
.logo{
	width: 440px;
	height: 104px;
	float: left;
	background: url('../image/logo.png') no-repeat;
}
.logo a	{
		display: block;
		width: 285px;
		height: 104px;
		text-indent: -9999px;
		position: relative;
		z-index: 50;
		}

.menu{
  width: 440px;
  height: 104px;
  float: left;
  margin-top: -8px;
  position: relative;
  z-index: 20;
}
#b_home a{
  background: url(../image/topMeny.png) 0 51px;
  float:left;
  width: 71px;
  height: 51px;
  display:block;
  text-indent:-9000px;
}
#b_home a:hover{
  background: url(../image/topMeny.png) 0 0;
  }
  
#b_home_sel a{
  background: url(../image/topMeny.png) 0 0;
  float:left;
  width: 71px;
  height: 51px;
  display:block;
  text-indent:-9000px;
 }

#b_what a{
  background: url(../image/topMeny.png) -71px 51px;
  float:left;
  width:98px;
  height: 51px;
  display:block;
  text-indent:-9000px;
}

#b_what a:hover{
  background: url(../image/topMeny.png) -71px 0;
}
#b_what_sel a{
  background: url(../image/topMeny.png) -71px 0;
  float:left;
  width:98px;
  height: 51px;
  display:block;
  text-indent:-9000px;
}

#b_portfolio a{
  background: url(../image/topMeny.png) -169px 51px;
  float:left;
  width: 101px;
  height: 51px;
  display:block;
  text-indent:-9000px;
}

#b_portfolio a:hover{
  background: url(../image/topMeny.png) -169px 0;
}
#b_portfolio_sel a{
  background: url(../image/topMeny.png) -169px 0;
  float:left;
  width: 101px;
  height: 51px;
  display:block;
  text-indent:-9000px;
}
#b_contact a{
  background: url(../image/topMeny.png) -270px 51px;
  float: left;
  width: 105px;
  height: 51px;
  display:block;
  text-indent:-9000px;
}
#b_contact a:hover{
  background: url(../image/topMeny.png) -270px 0;
}
#b_contact_sel a{
  background: url(../image/topMeny.png) -270px 0;
  float: left;
  width: 103px;
  height: 51px;
  display:block;
  text-indent:-9000px;
}
.flash{
  width: 880px;
  height: 362px;
}
.lineText{
  background: url(../image/lineText.jpg) no-repeat;
  width:880px;
  height: 43px;
  color: #FFF;
  margin: auto;
  text-align: center;
  font-size: 14px;
  padding-top: 13px;
  text-align: center;
}

.lineText a{
  text-decoration: none;
  background: url(../image/link.png) right no-repeat;
  font-weight: bold;
  padding-right: 15px;
  color: #FFF;
}
.lineText a:hover {
  text-decoration: underline;
  font-weight: bold;
  color: #FFF;
}
.lineText span img{
  border: 0;
  padding-left: 5px;
}
.content{
  width: 880px;
}
.content_2{
  width: 880px;
  float: left;
}


.leftContent{
  width:377px;
  float: left;
}
.rightContent{
  width: 490px;
  float: left;
}
.leftContentTop{
  background: url(../image/leftContentTop.jpg) no-repeat;
  float: left;
  width: 377px;
  height: 53px;
}

.leftContentTopBottom{
  float: left;
  width: 377px;
  padding:10px;
}


.leftContentTopBottom_inside{
  width: 160px;
  float: left;
  margin-left: 38px;
}

.small {  font-size: 11px;
  line-height: 14px;
}

.reg {  font-size: 12px;
  line-height: 16px;
}

.leftContentTopBottom img{
  float: left;
  padding-left: 10px;
}

.more			{margin: 5px 0;}

.more a			{color: #455468;font-weight: bold;background: url(../image/link.png) right no-repeat;padding-right: 16px;}

.more a:hover	{text-decoration: underline;}

.rightContentTop{
  background: url(../image/rightContentTop.jpg) no-repeat;
  width: 500px;
  height: 53px;
}
.rightContentTopBottom{
  float: left;
  width: 500px;
}
.seeWorkTxt{
  float: left;
  margin: 10px 10px 10px 20px;
  width: 150px;
}

#more{
   margin-top: 10px;
   margin-bottom:10px;
}
#more img{
  padding-left: 10px;
}
.fotoG{
  float: left;
  margin-top:10px;
  width: 300px;
}
.fotoG img{
  padding-left: 5px;
  height:87px;
  border: 0;
}
.footer{
  background: #e5eaf0 url(../image/footerBack.png) repeat-x;
  clear: both;
  float: left;
  width: 880px;
  height:50px;
  margin: 44px 0 0 0;
}

.footer_left	{
				width: 726px;
				padding: 17px 0 0 14px;
				float: left;
				}

.footer_right	{
				width: 140px;
				float: left;
				}