* {margin:0px;padding:0px;list-style-type:none;border:none;}
html {background:url(bg.gif);height:100%;}
body {height:100px;height:100%;}
a{color:#4988BB;} a:hover{text-decoration:none;} 
a:visited{color:#bfd6e8;} a:active{color:#fff; background-color:#a5c7e2;}


/* layout styles */



#main {position:absolute; z-index:2; width:970px;  margin:15px 0; left:50%;margin-left:-485px;background:url(bg_main.gif) center top;}
#ccode {clear:both;display:none;}
#header {width:970px; height:14px;background:url(up_bg.gif) no-repeat top left;}
#logo {position:relative;float:left;width:211px;height:70px;padding:20px 0 20px 25px;}
#logo img {float:right;}
#center {position:relative;float:left;width:482px;height:567px;padding:10px 0 0 0;background:url(bg_center.gif) top center repeat-y; }
#right_side {float:left;width:203px;height:573px;padding:10px 14px 10px 0;background:url(bg_left.gif) right bottom no-repeat }
#left_side {position:absolute;margin-left:-450px;left:50%;top:125px;z-index:1;clear:both;width:160px;height:482px;padding:0 0 0 41px;background:url(bg_left.gif) left bottom no-repeat; }
#coil_right, #coil_left {position:absolute;z-index:3;width:50px;height:400px;top:100px;left:50%; margin-left:215px; background:url(coil.gif) repeat-y;} 
#coil_left {margin-left:-265px;}
#footer {position:absolute;left:50%;padding:0; margin:0 0 0 -242px;width:484px;top:606px;background:url(bg_bottom.gif) center top no-repeat; z-index:1;  height:17px;}


/* ceinter styles */
h1 {font: bold 13px Tahoma; text-transform:uppercase; padding:8px 22px;  margin:0 9px 8px 9px; background:url(h1_bg.jpg) repeat-x; color:#fff;}
h2 {font: bold 12px Tahoma; padding:12px 24px 6px 30px;}
h3 {font: bold 11px Tahoma; padding:8px 24px 2px 30px; }
h3.partners {padding:12px 24px 2px 22px; }

p {font: normal 11px Tahoma; color:#333; padding:4px 24px 2px 30px; line-height:11px;}
p.highlight {font: normal 11px Tahoma; color:#427eb0; padding:4px 24px 2px 30px; }
p.contacts {padding:12px 24px 2px 30px; }

img.left {float:left; margin:0 15px 10px 0;padding:5px; border:1px solid #427eb0;}
img.right {float:right; margin:0 0 10px 15px;padding:5px; border:1px solid #427eb0;}
img.splash {margin:0 0 5px 30px; width:425px; height:260px;}
img.partners{float:left;margin:12px 15px 0 30px;}
img.photo {float:left;margin:12px 25px 0 30px;padding:5px;border:1px solid #dfeaf3;}
img.ico {float:left;padding-top:0;}
img.proj_image {float:left;margin:0 0 0 20px;}
#center ul {clear:both; height:auto; list-style-type:none; background:none; margin:12px 0 10px 30px;}
#center li {height:auto;margin-bottom:2px;padding:0 0 0 13px;font: normal 11px Tahoma; color:#333;background:url(details_bg.gif) left 5px no-repeat;line-height:11px;}
#center li a {margin-bottom:2px;font: normal 11px Tahoma;color:#427eb0;line-height:11px;}
#center a.details{ padding:2px 9px; font:normal 10px Tahoma;background:url(details_bg.gif) no-repeat 0 7px;margin:3px 0; line-height:13px;}
#center a.details:hover { background:url(details_bg_hover.gif) no-repeat 0 7px;}
#container {position:absolute;float:left;width:482px;top:548px;background:url(bg_center.gif) repeat-y;}
#para {width:482px; left:50%;margin-left:0px;background:url(bg_center.gif) repeat-y;}
#page_nav {float:left; width:453px; border:1px dotted green;}
div.cont_block {float:left;margin-bottom:20px;}

/*#page_nav {float:left; width:453px; background:url(bg_bottom.gif) center bottom no-repeat; border:1px dotted green;}*/

a#close {float:left; width:445px; font:normal 11px Tahoma; padding:0 6px 25px 30px;background:url(bg_bottom.gif) center bottom no-repeat; }
a.next_page { float:right; height:19px; text-align:right;
background:url(next.gif) bottom right no-repeat;
font:normal 10px Tahoma, Ariel; color:#3674A7;
padding:0 55px 10px 0;}
a.next_page:hover {background:url(next_hov.gif) bottom right no-repeat;  text-decoration:none; }

a.all_proj{ float:right; height:19px; text-align:right;
background:url(next.gif) bottom right no-repeat;
font:bold 11px Tahoma, Ariel; color:#3674A7;
padding:9px 55px 10px 0;  }
a.all_proj:hover {background:url(next_hov.gif) bottom right no-repeat;  text-decoration:none;}


.block {float:left; width:474px; margin:5px 0 0 0;background:url(bg_block.gif) top center no-repeat; padding-right:7px; }
.block img {float:left;margin:8px 10px 2px 30px;}
.block h2 {font: bold 12px Tahoma; margin:12px 0 2px 0;padding:0;line-height:12px;}
.block a {font: normal 11px Tahoma; }
.block a.read_more {padding:0 0 2px 20px;font: normal 10px Tahoma;color:#3674a7;background:url(read_more_bg.jpg) 0px 2px  no-repeat; line-height:18px; }







/* right_side styles */
#right_side h2 { padding:7px 16px;  margin-bottom:8px; background:url(h2_left_bg.gif) repeat-x; color:#fff;}
#right_side p {font: normal 11px Tahoma; color:#333; padding:0 4px 2px 5px; line-height:11px;}

#right_side a.services {float:left; margin:0; font:bold 11px Tahoma;  padding:5px 3px 5px 32px;background:url(checkit.gif) 14px 7px no-repeat; color:#444; line-height:11px;text-decoration:none; }
#right_side a.services:hover {text-decoration:underline;}

#right_side a.all {clear:both; float:none; margin:0; font:bold 11px Tahoma;  padding:7px 38px 7px 32px;background:url(all_arrow.gif) bottom right no-repeat;}
#right_side a.all:hover {background:url(all_arrow_hover.gif) bottom right no-repeat;}

#right_side a.list_of_proj {clear:both; float:none; margin:0; font:bold 11px Tahoma;  padding:7px 38px 7px 42px;background:url(all_arrow.gif) bottom left no-repeat;}
#right_side a.list_of_proj:hover {background:url(all_arrow_hover.gif) bottom left no-repeat;}


#right_side .banner {margin:3px 0 8px 0; padding:15px 0 18px 24px; background:url(banner_bg.gif) no-repeat;}
#right_side .banner h2 {color:#4988BB;font-size:11px; background:white none;padding:0;margin:0 12px 10px 0;}
#right_side .banner h3 {color:#fff;font-size:12px;padding:0;margin:0;}
#right_side .banner p {font-weight:bold; margin:0;padding:2px 0; color:#fff;}
#right_side .banner a.more {font:normal 10px Tahoma;  padding:4px 42px 7px 0;background:url(more_arrow.gif) bottom right no-repeat; color:#fff;}
#right_side .banner a.more:hover {background:url(more_arrow_hover.gif) bottom right no-repeat; }
#right_side a.details{ padding:2px 9px; font:normal 10px Tahoma;background:url(details_bg.gif) no-repeat 0 7px;margin:3px 0; line-height:13px;}
#right_side a.details:hover { background:url(details_bg_hover.gif) no-repeat 0 7px;}

#right_side dl {padding:0px 16px 6px 16px; clear:both;font:normal 10px Tahoma, Verdana, Ariel;color:#444; line-height:10px;}
#right_side dl dt{font-weight:bold;color:#000; margin:7px 0 5px 0;}
#right_side dl dd a.details{ padding:2px 9px; background:url(details_bg.gif) no-repeat 0 7px;margin:3px 0; line-height:13px;}
#right_side dl dd a.details:hover { background:url(details_bg_hover.gif) no-repeat 0 7px;}

ul#services_menu{margin:0 0 0 16px;padding:0; clear:none;}
ul#services_menu li {margin:0 0 7px 0;padding:0 0 0 25px;font:bold 11px Tahoma, Verdana, Ariel;color:#444;list-style-type:none;background:url(bg_li_right_side.gif) left 3px no-repeat;line-height:11px;}
ul#services_menu li.in {color:#4988bb;background:url(checkit.gif) left 3px no-repeat;line-height:11px;}
ul#services_menu li.in a {color:#4988bb;line-height:11px;}
ul#services_menu li a {margin:0;padding:0;font:bold 11px Tahoma, Verdana, Ariel;color:#444;text-decoration:none;line-height:11px;}
ul#services_menu li a:hover {text-decoration:underline;}
ul#services_menu li ul {margin:7px 0 0 0;padding:0; clear:none; }
ul#services_menu li ul li {margin:0 0 4px 0;padding:0;font:normal 11px Tahoma, Verdana, Ariel;color:#4988bb;list-style-type:none;background:none;line-height:11px;}
ul#services_menu li ul li a {font:normal 11px Tahoma, Verdana, Ariel;color:#444;line-height:11px;}
ul#services_menu li ul li ul {margin:4px 0 0 5px;padding:0; clear:none; line-height:10px;}
ul#services_menu li ul li ul li {margin:0 0 4px 0;padding:0 0 0 10px;font:normal 10px Tahoma, Verdana, Ariel;color:#4988bb;list-style-type:none;background:url(details_small.gif) left 5px no-repeat;line-height:11px;}
ul#services_menu li ul li ul li a {font:normal 10px Tahoma, Verdana, Ariel;color:#444;line-height:11px;}

ul#projects_menu {margin:0 0 0 16px;padding:0; clear:none; }
ul#projects_menu li {margin:0 0 7px 0;padding:0 0 0 25px;font:bold 11px Tahoma, Verdana, Ariel;color:#444;list-style-type:none;background:url(checkit.gif) left 3px no-repeat;line-height:11px;}
ul#projects_menu li a {margin:0;padding:0;font:bold 11px Tahoma, Verdana, Ariel;color:#444;text-decoration:none;line-height:11px;}
ul#projects_menu li a:hover {text-decoration:underline;}
ul#projects_menu li ul {margin:7px 0 0 0;padding:0; clear:none; line-height:10px;}
ul#projects_menu li ul li {margin:0 0 4px 0;padding:0;font:normal 11px Tahoma, Verdana, Ariel;color:#4988bb;list-style-type:none;background:none;line-height:11px;}
ul#projects_menu li ul li a {font:normal 11px Tahoma, Verdana, Ariel;color:#444;line-height:11px;}

ul#sitemap {width:205px;margin:5px 0 0 27px;padding:0;}
ul#sitemap li {margin:0;padding:5px 0 5px 20px;font:bold 12px Tahoma, Verdana, Ariel;color:#000;list-style-type:none;background:url(checkit.gif) left 8px no-repeat;line-height:11px;}
ul#sitemap li a {margin:0;padding:0;font:bold 12px Tahoma, Verdana, Ariel;color:#000;text-decoration:none;line-height:11px;}
ul#sitemap li a:hover {text-decoration:underline;}
ul#sitemap li ul  {margin:7px 0 7px 0;padding:0;}
ul#sitemap li ul li {margin:0;padding:7px 0 0 0;font:bold 11px Tahoma, Verdana, Ariel;color:#4988bb;list-style-type:none;background:none;line-height:11px;}
ul#sitemap li ul li a {margin:0;padding:0;font:bold 11px Tahoma, Verdana, Ariel;color:#4988bb;text-decoration:none;line-height:11px;}
ul#sitemap li ul li ul {margin:3px 0 1px 15px;padding:0;}
ul#sitemap li ul li ul li {margin:0;padding:3px 0 0 0;font:normal 11px Tahoma, Verdana, Ariel;color:#4988bb;list-style-type:none;background:none;line-height:11px;}
ul#sitemap li ul li ul li a {margin:0;padding:0;font:normal 11px Tahoma, Verdana, Ariel;color:#4988bb;text-decoration:none;line-height:11px;}

input#search_form {float:left;width:122px;margin:3px 0 0 21px;padding:3px 0;font:normal 11px Tahoma, Verdana, Ariel;color:#000;border:1px solid #6096c2;}
input#search_button {float:left;width:52px;margin:3px 0 0 2px;padding:4px 5px 3px 5px;font:normal 10px Tahoma, Verdana, Ariel;color:#fff;background:url(button_bg.gif);}






/* left_side styles */
#nav {display:none;width:90px; float:left;  background:url(nav_bg.gif) no-repeat right top; }
#nav img {float:right; margin-left:27px; }
#sctrl {display:none;float:left; width:71px; margin-right:10px; }

ul#main_menu {display:none;clear:both; height:186px; list-style-type:none; background:url(main_menu_bg.gif) no-repeat; }
ul#main_menu li {  height:29px; padding: 8px 0 0 36px;  }
ul#main_menu li a{ font:bold 13px Tahoma, Verdana, Ariel;text-transform:uppercase; text-decoration:none; color:#000;}
ul#main_menu li a:hover {text-decoration:underline; color:#4988BB;}

#left_side p.contact_us { font:bold 12px Tahoma, Verdana, Ariel; color:#4988BB;background:url(contacts_bg.gif) no-repeat 6px 0; padding:8px 0 14px 5px; margin-top:10px;}
#left_side p {padding:0 6px; margin:0;}
#left_side p strong {float:right; padding:0; margin:0;clear:right;  font:bold 11px Tahoma, Verdana, Ariel;color:#444; margin-bottom:7px;}
#left_side dl {padding:0 6px; clear:both;font:normal 10px Tahoma, Verdana, Ariel;color:#444;}
#left_side dl dt {float:left;margin-bottom:3px;}
#left_side dl dd {float:right;text-align:right;margin-bottom:3px;}
img.counter {clear:both; margin:8px 50px 0 0; float:right;}
