@charset "utf-8";
body {
	margin:0 auto;
	padding:0;
	font-family: arial, helvetica, sans-serif;
}

h3 { color:#fff; font:bold 24px tahoma, geneva, sans-serif; padding:0; margin:0;}
h4 { color:#797979; font:bold 14px tahoma, geneva, sans-serif; padding:0; margin:0;}

a {
	font:normal 12px tahoma, geneva, sans-serif;
	text-decoration:none;
	color: #990000;
}
a:hover { text-decoration:underline;}

.cls {
	clear:both;
	font-size: 14px;
}


.cls-branches {
	clear:both;
	font-size: 14px;
	padding: 10px;
	border-bottom: 3px #ccc solid;
	color: #990000;
	font-weight: bold;
}

.white {
	color:#fff;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	padding-left: 10px;
}


#container {  background:#fff url(images/background.png) repeat-x; no-repeat top center;}

#container-sub {  background:#fff url(images/background2.png) repeat-x; no-repeat top center;}


.resaise { width:980px; margin:0 auto; padding:0;}
/* header */


.header {
	width:980px;
	margin:0;
	padding:0;
	float:left;
}
/* logo and menu */
.logo_menu { width:900px; height:99px;}
/* logo */
.logo_menu .logo {
	float:left;
	padding:10px 0 0 10px;
}
.logo_menu .logo h2 {
	font:bold 10px tahoma, geneva, sans-serif;
	color:#fff;
	text-transform:uppercase;
	padding:0;
	margin:0;
}
.logo_menu .logo div.desc { font:normal 12px tahoma, geneva, sans-serif; color:#787878;}
/* menu */

/* footer and menu */
.footer_menu {
	height:60px;
	margin: 0 auto;
}
/* menu */

.footer_menu .menu {
	padding:20px 0 0 0;
	margin: 0 auto;
	width: 900px;
}
.footer_menu .menu ul {	
	clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;

}
.footer_menu .menu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;

}
.footer_menu .menu ul li a {
	display:block;
   margin:0 0 0 2px;
   padding:5px 15px;
   background:#ddd url(images/footer-nav.png) repeat-x;
   color:#000;
   text-decoration:none;
   line-height:1.3em;

}
.footer_menu .menu ul li a:hover { background:#2f2f2f; color:#fff; list-style:none; text-decoration:none; }

/* info block */
.info_block {
	background:##333;
	height:44px;
	border-bottom:1px solid #000;
	font:normal 12px tahoma, geneva, sans-serif;
	color:#ffffff;
	width: 980px;
	float: left;
}

.info_block-no {
	background-image: url(images/neader_block_bg_top.gif);
}

.info_block a { font:normal 12px tahoma, geneva, sans-serif; color:#ffffff;}
.info_block .mail {
	float:left;
	background:url(images/icon_mail.gif) no-repeat left center;
	width:500px;
	margin:10px;
	padding:5px 0 5px 30px;
}
.info_block .rss { float:left; background:url(images/icon_rss.gif) no-repeat left center; width:170px; margin:10px; padding:5px 0 5px 27px;}
.info_block .search {
	float:right;
}
.info_block .search form { float:right; margin:0; padding:0;}
.info_block .search input { float:left;}
.info_block .search input.text {
	background:#000;
	border:1px solid #333;
	color:#fff;
	padding:5px;
	font:normal 12px tahoma, geneva, sans-serif;
	width:200px;
	margin:0;
}
.info_block .search input.button { background:url(images/icon_search.gif); height:23px; width:23px; margin:0 5px; border:0;}

/* header images */


/* header images */


#index-header { 
	width:auto; height:325px;
	background: url(images/header-bg.jpg) repeat-x center top;
	}

.header_images {

	height:300px;
	width: 900px;
	margin: 0 auto;
}
.header_images div.header_main {
	float:left;
	width:200px;
	text-align:center;
	font:bold 12px tahoma, geneva, sans-serif;
	color:#fff;
	margin:30px 0 0 0;
	padding:0;
}
.header_images div.header_main p {
	margin:0;
	padding:30px 0;
	text-align: left;
	line-height: 10px;
}
.header_images div.header_main .title { font:bold 30px tahoma, geneva, sans-serif; color:#fff;}
.header_images div.screen { float:right; width:510px; padding-top:50px; padding-right:20px; }
ul.gallery { padding:0; margin:0; list-style:none; width:547px;}
ul.gallery li { padding:0; margin:0;}


/* clear block */
.clear_block { padding:10px;}

/* main */


#index-content { background:url(img/background.png) repeat-x; width:auto; }	
	


.main {
	padding:20px 10px 10px 10px;
	width:960px;
	display: block;
}
#graphic_links {
	height: 160px;
	width: 900px;
	float: left;
	text-align: center;
	margin-bottom:10px;
}

.main h2 { font:bold 20px tahoma, geneva, sans-serif; color:#4f4f4f; border-bottom:1px solid #e1e1e1; padding:15px 10px 15px 60px; margin:0;}

.main .global_full_main { margin:0 10px !important; margin:0 10px 0 5px;}
.main p, .main ul, .main span { padding:10px; margin:0; font:normal 12px tahoma, geneva, sans-serif; color:#666666; line-height:1.6em;}
.main .global_main {
	float:left;
	width:610px;
	margin:0 10px !important;
	margin:0 10px 0 5px;
}

.main .global_main img.images { float:left; margin:5px 10px; border:1px solid #b2b2b2;}

.main div.portfolio {
	float:left;
	padding:10px 5px;
	display:block;
	border-bottom:1px solid #e1e1e1;
	width: 280px;
	margin-right: 20px;
	height: 180px;
	margin-bottom: 10px;
}
.main div.portfolio img.screen {
	float: left;
	padding: 0 20px 100px 0;

}
.main div.portfolio p.title { font:bold 14px tahoma, geneva, sans-serif;}

.main h2.about_our {
	background:url(images/title_about_our.jpg) no-repeat left center;
	width: 300px;
}
.main h2.our_team	 { background:url(images/our_team.jpg) no-repeat left center;}
.main h2.portfolio	 {
	background:url(images/title_portfolio.jpg) no-repeat left center;
	width:900px;
}
.main h2.contact		 { background:url(images/title_contact.jpg) no-repeat left center;}
.main h2.service		 { background:url(images/icon.gif) no-repeat left center;}
.main h2.core-service	 { background:url(images/title_services.jpg) no-repeat left center;}
.main h2.websites		 { background:url(images/title_website.jpg) no-repeat left center;}


.main .news { float:left; width:300px; margin:0 10px !important; margin:0 10px 0 5px;}
.main .news h2 { background:url(images/title_news.jpg) no-repeat left center;}
.main .works { float:left; width:300px; margin:0 10px;}
.main .works h2 { background:url(images/title_works.jpg) no-repeat left center;}

.main .services { float:left; width:300px; margin:0 10px !important; margin:0 5px 0 10px;}
.main .services h2 { background:url(images/icon.gif) no-repeat left center;}

.main .core-services { float:left; width:300px; margin:0 10px !important; margin:0 5px 0 10px;}
.main .core-services h2 { background:url(images/title_services.jpg) no-repeat left center;}

.main .websites { float:left; width:300px; margin:0 10px !important; margin:0 5px 0 10px;}
.main .websites h2 { background:url(images/title_websites.jpg) no-repeat left center;}

.main .support { float:left; width:300px; margin:0 10px !important; margin:0 5px 0 10px;}
.main .support h2 { background:url(images/title_support.jpg) no-repeat left center;}

.core-services ul { list-style:none;}
.core-services ul li {
	background:url(images/1_home_30.gif) left top no-repeat;
	padding:0px 0 15px 30px;
}

ul.our_team { list-style:none; margin:5px;}
ul.our_team li {
	background:#efefef;
	border:1px solid #e2e2e2;
	margin:5px;
	padding:5px;
	float:left;
	display:block;
	width: 550px;
}
ul.our_team li span { padding:10px 5px; display:block;}
ul.our_team li img { float:left; margin:5px 10px 5px 5px; border:1px solid #b2b2b2;}

a.link_news {
	color:#9e9e9e;
	font:12px tahoma, geneva, sans-serif;
	font-weight: bold;
}
a.button { color:#26b5cd; font:bold 12px tahoma, geneva, sans-serif;}


/* page navigation list */
.lister {
	padding:10px;
	width: 100%;
}
.lister ul { padding:0; margin:0; list-style:none; float:left;}
.lister ul li {
	margin:5px;
	float:left;
	width: 150px;
}
.lister ul li span { background:#1f6b94; display:block; padding:5px 12px ; color:#fff;}
.lister ul li a {
	background:#ffc900;
	display:block;
	padding:6px 10px;
	color:#363636;
	border:1px solid #333;
}

/* conatct form */
.response { font:normal 12px arial, helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:5px;}
#contactform * { font-family: arial, helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:0 0 2px 0; font:normal 14px arial, helvetica, sans-serif; color:#666666;}
#contactform label span { font:normal 12px arial, helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text {
	width:180px;
	border:1px solid #d6d6d6;
	margin:0;
	padding:5px 2px;
	height:16px;
	background:#fff;
}
#contactform textarea {
	width:180px;
	border:1px solid #d6d6d6;
	padding:2px;
	background:#fff;
}
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 150px; background:#d14603; border:1px solid #e46300; color:#fff; float:left;}

/* footer */
.footer {
	border-top:5px solid;
	border-top-color: #e40000;
	margin-top: 10px;
	background: #ffcc33 center top repeat-x url(images/footer-yellow.png);
}
.footer .block_text { margin:0 auto; width:900px; }
.footer .block_text h2 {
	padding:10px;
	margin:0;
	color:#000000;
	font:bold 18px tahoma, geneva, sans-serif;
}
.footer .block_text .clients_saying { float:left; width:600px;}
.footer .block_text .block_touch { float:left; width:300px;}
.footer .block_text .block {
	float:left;
	width:270px;
	color:#333333;
	font:normal 12px tahoma, geneva, sans-serif;
	padding:10px 5px;
	margin:0 0 0 10px;
	line-height:1.6em;
}
.footer .footer_text { background:url(images/footer-text.png) #000; width:auto; margin:0 auto;  border-top:1px solid #ccc; text-align:center; height:200px;}
.footer .footer_text p { padding:3px; margin:0; color:#484848; font:normal 12px tahoma, geneva, sans-serif;}
.footer .footer_text p a { color:#484848; font:normal 12px tahoma, geneva, sans-serif;}
#navigation {
	float: right;
}