@charset "UTF-8";
/* CSS Document */

* { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; }
BODY { background: url(../_img/sprite.png) repeat-x 0px -528px; }

.background-image { background: url(../_img/logo-600x46.jpg) top left no-repeat; }
.copyright_info { text-align: center; font-size: 14px; color: #999; }
.outer { width: 100%; }
.hide { display: none; }
.inner { width: 875px; margin: auto; }
.margin-bottom { margin: 10px 0px; }
.rotator_area { height: 300px; width: 875px; }
.squares_area { margin: 20px 0px; }
.squares_area P { text-align: justify; }
.square { float: left; width: 200px; height: 132px; margin: 0px 10px; }
.square_left,
.square_middle,
.square_right { height: 132px; background: url(../_img/sprite.png) no-repeat; float: left; }
.square_left { width: 17px; background-position: 0px -396px; }
.square_right { width: 17px; background-position: -983px -396px; }
.square_middle { width: 166px; background-position: -17px -396px; text-align: center; }
.square_middle H5 { font: 18px Arial, Helvetica, sans-serif; font-weight: bold; margin: 45px 0px; }
.square_middle H5 SPAN { display: block; color: #777; font: 14px Arial, Helvetica, sans-serif; font-weight: normal; }
.top_area { height: 46px; }
.top_area H1 { font-size: 18px; color: #999; font-weight: normal; padding-top: 12px; float: left; width: 640px; height: 34px; }
.top_area .right UL { float: right; list-style: none; margin: 13px 0px 0px; }
.top_area .right UL LI { display: inline; padding-left: 5px; color: #999; list-style-type: none; }
.top_area .right UL LI A:LINK,
.top_area .right UL LI A:VISITED,
.top_area .right UL LI A:HOVER,
.top_area .right UL LI A:ACTIVE { color: #999; font-weight: bold; text-decoration: none; font-family: 12px; }

#left_square { margin: 0px 10px 0px 5px; }
#right_square { margin: 0px 5px 0px 10px; }


/* ROTATOR CONTROLER */
.big_images { margin: 20px 0px; height: 260px; width: 875px; background: url(../_img/banner.jpg) top center no-repeat; }
.arrow { height: 30px; width: 30px; position: absolute; z-index: 1000; }
.arrow_up { background: url(../_img/arrow_up.png) no-repeat; right: 85px; top: 20px; }
.arrow_down { background: url(../_img/arrow_down.png) no-repeat; right: 85px; bottom: 20px; }

#thumb_1 { background: url(../_img/hello_thumb.jpg); }
#thumb_2 { background: url(../_img/creative_thumb.jpg); }
#thumb_3 { background: url(../_img/development_thumb.jpg); }
#thumb_4 { background: url(../_img/portfolio_thumb.jpg); }
#thumb_5 { background: url(../_img/achievements_thumb.jpg); }

#image_1 { background: url(../_img/hello.jpg); }
#image_2 { background: url(../_img/creative.jpg); }
#image_3 { background: url(../_img/development.jpg); }
#image_4 { background: url(../_img/portfolio.jpg); }
#image_5 { background: url(../_img/achievements.jpg); }