/* CSS Document */

body{ background-image:url(../images/bg.jpg); background-repeat:repeat-x; margin:0; padding:0; }

.container{ width:1024px; margin:0 auto }

.header{ height:72px; line-height:82px; padding-top:10px; }
.header .logo{ float:right; }
.header .menu{ float:left; margin-top:15px; }
.header .menu a{ font-size:11px; color:#666666 }

ul.very_top_menus li{ float:left; padding-right:10px; }
ul.very_top_menus li a{ font-size:11px; color:#666666 }

/* TOP MENU */
.top_menu{ line-height:36px; height:36px;  }
.top_menu ul{ height:35px; margin:0px; padding:0px; width:1024px; text-align:left; }
.top_menu ul li{ float:left; margin:0; padding:0; }
.top_menu ul li a{ color:#FFFFFF; padding:0px 30px 0px 30px; font-size:13px; background-image:url(../images/top_menu_separator.gif); background-repeat:no-repeat; background-position:right; }

/* BIG IMAGE */
.image_container{ padding:0px; height:321px; margin:0px 0px 4px 0px; vertical-align:top; }
.image_container img{ padding:0px; margin:0px; }

/* BOXES */
.four_boxes { height:72px; } 
.four_boxes ul{ margin:auto; width:976px; }
.four_boxes ul li{ width:244px;height:72px; line-height:72px; float:left; padding:0; margin:0; font-size:11px; display:block; font-weight:bold   }
.four_boxes ul li a{ padding:5px; width:234; height:62px; line-height:62px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; display:block; text-align:center; }
.four_boxes ul li a:hover{ background-image:url(../images/box_hover.jpg); background-repeat:no-repeat; color:#FFFFFF  }
.four_boxes ul li.first{ width:244px; height:72px; background-image:url(../images/box_1.jpg);  }
.four_boxes ul li.second{ width:244px; height:72px; background-image:url(../images/box_2.jpg); }
.four_boxes ul li.third{ width:244px; height:72px; background-image:url(../images/box_3.jpg); }
.four_boxes ul li.last{ width:244px; height:72px; background-image:url(../images/box_4.jpg); }

/* PROJECTS LEFT */
.projects{ height:680px; }
.projects_left{ width:582px; height:700px; float:left; margin-left:44px; }
.projects_left h4{ font-size:14px; display:block; color:#545454; margin:10px 10px 10px 0px; font-weight:bold; border-bottom:1px dotted #666666 }
.projects_left img.main{ float:left; margin:0; padding:0;  }
.projects_left img.arrows{ float:left; margin:0; padding:0; }
.projects_left ul{ color:#666666; background-color:#eeeeee; height:661px; }
.projects_left ul li{  padding:5px 5px 5px 0px; height:50px; cursor:pointer; display:block;  }
.projects_left ul li:hover{ background-color:#b48559; color:#FFFFFF }
.projects_left ul li strong{ padding-left:10px; line-height:50px; height:50px;  }

/* PROJECTS LEFT */

.news{ width:300px; height:680px; float:left; text-align:left; margin-left:50px; }
.news h4{ font-size:14px; display:block; color:#545454; margin:10px 10px 0px 0px; font-weight:bold; border-bottom:1px dotted #666666 }
.news ul{ color:#666666;  height:210px; }
.news ul li{ padding-top:10px; padding-bottom:10px; cursor:pointer; display:block; border-bottom:1px dotted #999999  }
.news ul li strong{ font-weight:bold; padding-bottom:10px; display:block; margin:0;  }
.news ul li span{  }
.news ul li a{ color:#b48559  }


/* FOOTER */
.footer{ line-height:44px; height:44px; background-image:url(../images/footer_bg.jpg); background-repeat:repeat-x; margin-top:30px; }
.footer div.container{ width:1024px; padding:2px; color:#FFFFFF; font-size:11px; font-weight:bold; }
.footer div.container a{ color:#FFFFFF; text-decoration:underline; }

.right_column{ background-color:#e1e1e1; width:210px; padding:10px; float:right;  }
.right_column ul li{ padding:5px; }
.right_column ul li:hover{ background-color:#CCCCCC; }
.right_column ul li a{ display:block }