/* CSS Document */

html {
	height: 100%;
}

body {
	height: 100%;
	margin-bottom: 1px;
	font-family: Tahoma, Arial, Helvetica, Sans Serif;
	font-size: 12pt;
	color: #333333;
	background: #ffffff;
	background-image: url(images/grd2.png);
	background-position: top left;
	background-repeat: repeat-x;
}

a:hover {
   text-decoration: none;
}

a.selected:hover {
   text-decoration: none;
   font-weight:bold  !important;
}

a.back {
	text-decoration:none;
	color:#003366;
}

a.selected {
	text-decoration:none !important;
	font-weight:bold;
}

p.mainp {
	text-align:justify;	
}

img{
	margin: 0;
}
.clr {
	clear: both;
}
.clr2{
	clear:both;
	height:4px;
	background-color:#FFFFFF;
	font-size:1px;
}
.main{
	padding-bottom:15px;
	padding-top: 15px;

}
.text{
   width: 80%;
	margin-left: 25%;
	margin-top: 4%;
	text-align: justify;
	line-height: 18px;
}
.outline {
  /*border: 1px solid #cccccc;*/
    background-image:url(images/upper.gif);
	 background-repeat: repeat-x;
	 background-position: top;
    /*padding: 2px;*/
	 background-color: White;
}
.outline2 {
	 background-image:url(images/line2.png);
	 background-repeat: repeat-y;
	 background-position: left;
	 background-color: White;
}
.outline3 {
	 background-image:url(images/corner1.gif);
	 background-repeat: no-repeat;
	 background-position: left top;
	 background-color: White;
}
.outline4 {
	 background-image:url(images/corner2.gif);
	 background-repeat: no-repeat;
	 background-position: right top;
	 background-color: White;
}
.outline5 {
	 background-image:url(images/line.gif);
	 background-repeat: repeat-y;
	 background-position: right;
	 background-color: White;
}
.out_right{
	height: 267px;
	float: right;
	background-color: White;
	vertical-align: bottom;
}
.out_right2{
	height: 267px;
	float: left;
	background-color: White;
	vertical-align: bottom;
}
.outbottom{
	background-image: url(images/corner3-1.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: White;
}
.outbottom_center{
	background-color: White;
	background-image: url(images/bottom_line2.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	
}
.outbottom_right{
	background-image: url(images/corner4-1.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: White;
}
.out_center{
	background-image: url(images/line_center.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.leaf{
	width:25px;
	float:left;
	background-image: url(images/phone8_1.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 910px;
}
.leaf2{
	padding-left:776px;
}
.otherWorks{
	width:300px;
	margin-left:470px;
	height:80px;
	padding-top:6px;
	font-size:14px;
	text-decoration:underline;
}
.otherWorks a{
	color:#003366;
	text-decoration:none;
}
.menuLeft{
	width:152px;
	height:241px;
}
.leftUp{
	background-image: url(images/bottom3.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #7cb6eb;
	height: 22px;
}
.leftDown{
	background-image: url(images/bottom2.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: #7cb6eb;
	height: 271px;
}
/*.main_text {
    margin-top: 65px;
}*/
.pic2{
   float: right;
	margin-right: 26px;
	width: 122px;
}
.photo{
	margin-top: 24px;
	height: 109px;
}
.cite{
	width: 300px;
	float: left;
	margin-top: 20px;
   text-align: right;
	padding-left: 199px;
}
.begin{
   height: 100px;
}
.services{
   line-height: 2px;

}
.rasp{
	height:35px;
	width:1px;
}
.photo_name{
	text-align: right;
}
#buttons_outer {
   
	margin-right: 2px;
	float: left;

}
#buttons {
	float: left;
	width:390px;
	padding-left:0.1%;
   margin-top: 34px;
	/*margin-top: 73px;
	margin-right: 2px;*/
}
.logo_main{
   margin-top: 22px;
}
.logo{
   float: left;
	width: 270px;
}

#buttons2 {
	width: 545px;
  	height: 4px;
	background-color: #99ccff;
	font-size:1px;
	float: right;
	margin-bottom: 2px;
	margin-top: 2px;
	margin-right: 55px;
	
}
.gallery{
	text-align: center;
	padding-top: 16px;
	float: left;
	width: 530px;
}
.gallery a img{
	border: none;
}
.push{
	width:250px;
	float:left;
	text-align: right;
	margin-top: 50px;
}
.push2{
	width:40px;
	float:left;
	text-align: left;
	margin-right: 90px;
	margin-top: 50px;
}
#search_outer {
   width: 30%; float:right;  padding-left:1%; margin-top: 129px;
}
#button_img {
	float:left; width: 17%; padding-left:1%;
}
#search_inner {
 /*border: 1px solid #cccccc;*/
 padding: 0px;
 overflow: hidden;
}

#search_inner form {
  padding: 0;
  margin: 0;
}

#search_inner .inputbox {
	border: 0px;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #c64934;
}
.menu_verh{
   width: 400px;
	float: right;
	margin-top: 27px;
	margin-right: 36px;
	padding-right: 30px;
}
.menu_verh a img{
	border: none;
}
.menu{
	background-color: #699bc9;
	float: left;
	width:200px;
	height: 334px;
	margin-top: 4px;
	background-image: url(images/bottom1.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.menu_inner{
   margin-top: 27px; margin-left: 22px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11pt;
}
.menu_inner .points{
   font-family: Tahoma, Arial, sans-serif;
	font-size: 10pt;
	color: White;
}
li a{
   font-family:  Arial, Tahoma, sans-serif;
	font-size: 11pt;
	color: White;
	text-decoration: underline;
	font-weight: normal;
}
.points a{
   font-family:  Arial, Tahoma, sans-serif;
	font-size: 11pt;
	color: White;
	text-decoration: underline;
	font-weight: normal;
}
.points a:hover, li a:hover{
	color: White;
	text-decoration: none;
	font-weight: normal;
}
.points li a{
   font-family:  Arial, Tahoma, sans-serif;
	font-size: 10pt;
	color: White;
	text-decoration: none;
	font-weight: normal;
	text-decoration: underline;
}
ul
{
margin: 0;
padding: 0;
list-style: none;
}
li
{
line-height: 20px;
padding-left: 15px;
padding-top: 0px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 7px 8px;
font-size: 12px;
}
.num li{
	background-image: none;
	padding-left: 0px;
}
.rule{
	width: 90%;
	color: Black;
}
#header_outer {
   float: left;
	width: 428px;
	text-align: left;
	border: 0px;
	margin-top: 4px; margin-left: 3px; margin-right: 1px;
	background-color: White;
}

#header {
	padding: 0px;
	margin-right: 2px;
	height: 354px;
	background: url(images/portrait4.png) no-repeat;
}
.bottom_1{
	height: 550px;
	background-color: White;
}
.empty{
	 background-image:url(images/line2.png);
	 background-repeat: repeat-y;
	 background-position: left;
	 background-color: White;
	 height: 5px;
}
.center2{
	width: 770px;
	float: left;
	background-color: #699bc9;
	height: 550px;
	background-image: url(images/bottom4.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.center{
	background-image: url(images/bottom5.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #699bc9;
	width: 111px;
	text-align: right;
	float: left;
	height: 550px;
}
.verh{
	background-image: url(images/phone5.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 168px;
	width: 97px;
}
.niz{
	/*background-image: url(images/bottom1.png);
	background-position: bottom left;
	background-repeat: no-repeat;*/
	height: 412px;
}
.line{
	height: 550px;
	width: 4px;
	background-color: White;
	float: left;
	background-image: url(images/line_verh.png);
	background-position: top;
	background-repeat: no-repeat;
}
.contacts{
	height: 328px;
	background-color: #699bc9;
	float: left;
	width: 153px;
	
}
.contacts2{
	height: 910px;
	background-color: #699bc9;
	float: left;
	width: 97px;
}
.contacts3{
	height: 860px;
	background-color: #699bc9;
	float: left;
	width: 96px;
}
.contacts4{
	height: 910px;
	background-color: #699bc9;
	float: left;
	width: 522px;
	background-image: url(images/phone7.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.contacts .con{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: White;
	padding-right: 8px; margin-top: 12px;
	text-align: right;
	line-height: 20px;
	background-image: url(images/bottom1.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color:#699bc9;
	
}
.contacts3 .div1{
	background-image: url(images/top1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 28px;
}
.contacts3 .div2{
	height: 882px;
	background-image: url(images/top2.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.myhref{
	line-height: 15px;
	font-weight: normal;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: White;
}
.menu_points{
	line-height: 33px;
	text-align: left;
	padding-left: 26px;
	padding-right: 6px;
	color: #003366;
	font-size: 14px;
}
.menu_points a{
	text-decoration: underline;
	color: #003366;
}
.menu_points a:hover{
	text-decoration: none;
	color: #003366;
}
p.new a:hover{
	text-decoration: none;
	color:#FFF;
	font-size: 12px;
}
p.new a{
	text-decoration: underline;
	color:#FFF;
	font-size: 12px;
}
.leftList{
	text-align: left;
	padding-left: 8px;
}
.leftList ul li a{
	padding-left: 8px;
	padding-right: 3px;
	color: #003366;
	font-size: 12px;
}
.leftList ul li{
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 15px 8px;
	font-size: 12px;
}
.contacts .myhref a{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	text-decoration: underline;
   font-weight: normal;
	color: White;
}
.pic{
	width: 303px;
	float: left;
   margin-top: 12px;
}
.lineh{
   line-height: 25px;
}
.lineh a:hover{
   text-decoration: none;
}

.porta a{
	color:#003366;
}

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

#top_outer{
	float: left;
	width: 165px;
}

#top_inner {
  border: 1px solid #cccccc;
	padding: 2px;
  height: 144px !important;
  height: 150px;
  overflow: hidden;
  float: none !important;
  float: left;
}

#left_outer {
  float: left;
	margin-top: 2px;
	width: 165px;
}

#left_inner {
  border: 1px solid #cccccc;
	padding: 2px;
  float: none !important;
  float: left;
}

#content_outer {
	padding: 0px;
	margin-top: 0px;
	margin-left: 2px;
	/** border: 1px solid #cccccc; **/
	float: left;
	width: 635px;
}

#content_inner{
  float: none !important;
  float: left;
  padding: 0;
  padding-top: 2px;
  margin: 0;
}

table.content_table {
  width: 100%;
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}


#banner_inner {
	float: left;
	padding: 0px;
	height: 70px;
}

#poweredby_inner {
	float: right;
	padding: 0px;
	margin-left: 0px;
	height: 70px;
}

#right_outer {
	margin-left: 2px;
	width: 165px;
}

#right_inner {
  float: none !important;
  float: left;
  border: 1px solid #cccccc;
  padding: 2px;
}


.user1_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

.user2_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

table td.body_outer {
	padding: 2px;
	border: 1px solid #cccccc;
}

.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/

.back_button {
	float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}

#footer {
	text-align: center;
	padding: 3px;
}
td {
	text-align: left;
	font-size: 11px;
}

/** 2 page **/
.begin_page2{
   height: 760px;
	text-indent: 42px;
	padding-top: 60px;
}
.begin_page2 a img{
	border: none;
}
/** portfolio page **/
.td1{
	border-left: 1px solid #fff;
}
.td2{
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
.td3{
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
.td4{
	border-top: 1px solid #fff;
}
/** sitemap page **/
.lh{
	line-height: 24px;
}
.map{
	text-align: left;
	padding-left: 26px;
	padding-right: 1px;
	color: #003366;
	font-size: 14px;
	line-height: 8px;
}
.map a{
	text-decoration: underline;
	color: #003366;
}
.map a:hover{
   text-decoration: none;
	color: #003366;	
}
/** design page **/
.contacts44{
	height: 1010px;
	background-color: #699bc9;
	float: left;
	width: 522px;
	background-image: url(images/phone7.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.contacts45{
	height: 1310px;
	background-color: #699bc9;
	float: left;
	width: 522px;
	background-image: url(images/phone7.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.contacts33{
	height: 1010px;
	background-color: #699bc9;
	float: left;
	width: 96px;
}

.contacts34{
	height: 1310px;
	background-color: #699bc9;
	float: left;
	width: 96px;
}

.contacts33 .div22{
	height: 1010px;
	background-image: url(images/top2.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #699bc9;
}


.contacts34 .div22{
	height: 1310px;
	background-image: url(images/top2.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #699bc9;
}

.leaf222{
	width:25px;
	float:left;
	background-image: url(images/phone8_1.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 1010px;
}

.leaf223{
	width:25px;
	float:left;
	background-image: url(images/phone8_1.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 1310px;
}

.contacts22{
	height: 1010px;
	background-color: #699bc9;
	float: left;
	width: 97px;
}

.contacts23{
	height: 1310px;
	background-color: #699bc9;
	float: left;
	width: 97px;
}


/** portfolio page **/
.circ li{
padding-left: 2px;
background-image: none;
list-style-type: circle;
list-style-position: inside;
}
.outcenter2p{
   background-image: url(images/bottom_line22.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 100px;
}

td#lft
{
	width:51px;
	height:56px;
	background-image:url(images/angle.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

td#rgt
{
	width:53px;
	height:56px;
	background-image:url(images/angle.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

td#main_border
{
	height:56px;
	background-image:url(images/top_t.gif);
	background-position:top left;
	background-repeat:repeat-x;
}

td#main_border2
{
	height:48px;
	background-image:url(images/bottom_t.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}

td#lft2
{
	width:51px;
	height:48px;
	background-image:url(images/angle2.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

td#rgt2
{
	width:53px;
	height:48px;
	background-image:url(images/angle2.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}