@charset "UTF-8";
body { margin:0 auto; padding:0; background:#FFF url(images/bg_2.gif) repeat-x;}
h1 {color:#797979; font:bold 14px Tahoma, Geneva, sans-serif; padding:0; margin:0;}
h3 { color:#4f4f4f; 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;}
#pagenum {font:normal 12px Tahoma, Geneva, sans-serif; text-decoration:none; color:#121212;}

a { font:normal 12px Tahoma, Geneva, sans-serif; text-decoration:none; color:#121212;}
a:hover { text-decoration:underline; color:#900}

.cls {
	clear:both;
	background-color: #1c1c1c;
}
.white {
	color:#FFF;
	background-color: #333;
}

#container {
	background-color: #d1d1d1;
	background-image: url(images/header_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

.resaise {
	width:980px;
	padding:0;
	background-color: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/* Header */
.header { width:980px; margin:0; padding:0;}
/* Logo and Menu */
.logo_menu {
	width:980px;
	height:99px;
	background-image: url(images/header_bg.gif);
}
/* Logo */
.logo_menu .logo {
	float:left;
	width:400px;
	padding:0px;
}
.logo_menu .logo h2 { font:bold 30px Tahoma, Geneva, sans-serif; color:#FFF; text-transform:uppercase; padding:0; margin:0;}
.logo_menu .logo div.desc { font:normal 11px Tahoma, Geneva, sans-serif; color:#787878;}
/* Menu */
.logo_menu .menu { float:right; width:600px; padding:35px 0 0 0;}
.logo_menu .menu ul { list-style:none; margin:0; padding:0; float:right;}
.logo_menu .menu ul li { float:left; margin:0 5px; padding:0;}
.logo_menu .menu ul li a { font:normal 12px Tahoma, Geneva, sans-serif; color:#76797d; padding:10px 15px;}
.logo_menu .menu ul li a:hover { background:#2f2f2f; color:#FFF;}

/* Info Block */
.info_block { background:#2276a3; height:44px; border-bottom:1px solid #2f95ce; font:normal 11px Tahoma, Geneva, sans-serif; color:#ffffff;}
.info_block a { font:normal 11px Tahoma, Geneva, sans-serif; color:#ffffff;}
.info_block .mail { float:left; background:url(images/icon_mail.gif) no-repeat left center; width:300px; 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;
	width:250px;
	margin:9px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 23px;
}
.info_block .search form { float:right; margin:0; padding:0;}
.info_block .search input { float:left;}
.info_block .search input.text { background:#1b6892; border:1px solid #2692cc; color:#FFF; padding:5px; font:normal 11px 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 { background:url(images/neader_block_bg.gif) no-repeat top; height:304px;}
.header_images div.header_main {
	float:left;
	width:600px;
	text-align:center;
	font:bold 16px Tahoma, Geneva, sans-serif;
	color:#FFF;
	padding:0;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.header_images div.header_main p { margin:0; padding:10px;}
.header_images div.header_main .title { font:bold 30px Tahoma, Geneva, sans-serif; color:#FFF;}
.header_images div.screen { float:right; width:590px;}
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 */
.main { padding:20px 10px 10px 10px; width:960px;}
.main h2 {
	font:bold 20px Tahoma, Geneva, sans-serif;
	color:#4f4f4f;
	border-bottom:1px solid #e1e1e1;
	margin:0;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.main p, .main ul, .main span {
	padding:10px;
	margin:0;
	color:#000;
	line-height:1.6em;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

.main .global_full_main { margin:0 10px !important; margin:0 10px 0 5px;}
.main .global_main {
	float:left;
	width:600px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
}

.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;}
.main div.portfolio img.screen { float:left; padding:10px 20px 10px 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;}
.main h2.our_team { background:url(images/our_team.jpg) no-repeat left center;}
.main h2.portfolio {
	background-repeat: no-repeat;
	background-position: left center;
}
.main h2.contact { background:url(images/title_contact.jpg) no-repeat left center;}
.main h2.service {
	background-repeat: no-repeat;
	background-position: left center;
}

.main .news { float:left; width:300px; margin:0 10px !important; margin:0 10px 0 5px;}
.main .news h2 {
	background-repeat: no-repeat;
	background-position: left center;
}
.main .works { float:left; width:300px; margin:0 10px;}
.main .works h2 {
	background-repeat: no-repeat;
	background-position: left center;
}
.main .services { float:left; width:300px; margin:0 10px !important; margin:0 5px 0 10px;}
.main .services h2 {
	background-repeat: no-repeat;
	background-position: 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;}
.services ul { list-style:none;}
.services ul li { background:url(images/1_home_30.gif) left center no-repeat; padding:5px 0 5px 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;}
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:#000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
}
a.button { color:#26b5cd; font:bold 11px Tahoma, Geneva, sans-serif;}


/* Page navigation list */
.lister { padding:10px;}
.lister ul { padding:0; margin:0; list-style:none; float:left;}
.lister ul li { margin:5px; float:left;}
.lister ul li span { background:#1f6b94; display:block; padding:5px 11px ; color:#FFF;}
.lister ul li a { background:#e0e0e0; display:block; padding:6px 10px; color:#363636; border:1px solid #b1b1b1;}

/* 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 11px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:280px; 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 #d1d1d1;
	background-color: #d1d1d1;
}
.footer .block_text {
	margin:0 auto;
	width:980px;
	background-color: #1c1c1c;
}
.footer .block_text h2 { padding:10px; margin:0; color:#fff; font:bold 18px Tahoma, Geneva, sans-serif;}
.footer .block_text .clients_saying {
	float:left;
	width:650px;
}
.footer .block_text .block_touch {
	float:left;
	width:330px;
	background-color: #1c1c1c;
}
.footer .block_text .block {
	float:left;
	width:300px;
	color:#FFF;
	line-height:1.6em;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.footer .footer_text {
	background:#121212;
	border-top:1px solid #2b2b2b;
	text-align:center;
	width: 980px;
	padding: 0px;
	margin: auto;
	clear: none;
	float: none;
}
.footer .footer_text p { padding:3px; margin:0; color:#484848; font:normal 11px Tahoma, Geneva, sans-serif;}
.footer .footer_text p a { color:#484848; font:normal 11px Tahoma, Geneva, sans-serif;}
#product{

float:left;
width:200px;
height:322px;
}

 	}
#tablepagers{
	clear:both;
	Float:none;
	bottom:auto;
	font-size:10px;
	color:#900;
	font-style:normal;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	}
#product div{
	height:149px;}
#title{
	
float:left;
width:200px;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
bottom:158px;
left: -1px; /*position where enlarged image should offset horizontally */

}