*{margin:0;padding:0;outline:none;}
img {border:none;}

html {height:100%;}
body {background:#040608 url(../images/backgrounds/content.png) no-repeat;background-position:center 205px;color:#CAD2DF;font:11px "Trebuchet MS", Verdana, Arial, sans-serif;}

h2 {margin-bottom:10px;}
h3 {color:#F4E8C0;font-size:14px;}

a {color:#F4E8C0;text-decoration:none;}
a:hover {color:#CAD2DF;text-decoration:underline;}

label {display:block;margin-top:10px;}
input {border:none;height:17px;width:260px;padding-top:3px;font:11px "Trebuchet MS", Verdana, Arial, sans-serif;color:#333;}
input.button {border:none;height:auto !important;width:auto !important;margin-top:10px;padding:0;float:right;}
textarea {border:none;height:90px;width:260px;font:11px "Trebuchet MS", Verdana, Arial, sans-serif;color:#333;}
form {margin-left:10px;width:260px;}

/*Top Section*/
#top {background:url(../images/backgrounds/top.png) top center no-repeat;width:100%;height:205px;}
#top div.main {width:820px;margin:0 auto;position:relative;}
#top div.main img {float:left;}
#top div.main ul {float:right;}
#top div.main ul li {list-style:none;display:inline;float:left;}

/*Content Section*/
#content {float:left;width:100%;height:auto !important;height:400px;min-height:400px;}
#content div.main {width:820px;margin:0 auto;}

/*Sidebar*/
#sidebar {float:left;width:320px;position:relative;}
#sidebar.contact {width:270px;}
#sidebar .about_us {margin:40px 0 0 40px;}
#sidebar .recruitment {margin:70px 0 0 40px;}
#sidebar .localization {margin:80px 0 0 20px;}
#sidebar .testing {margin:40px 0 0 0;}
#sidebar .voiceover {margin:40px 0 0 20px;}
#sidebar .products {margin:40px 0 0 20px;}
#sidebar .the_roadie {margin:40px 0 0 20px;}
#sidebar ul {background:url(../images/backgrounds/sidebar.png) top left no-repeat;height:auto !important;height:100px;min-height:100px;padding-top:15px;}
#sidebar ul li {list-style:none;text-transform:uppercase;font-size:14px;padding:10px 0 10px 20px;}
#sidebar ul li a:hover {text-decoration:none;}
#sidebar p {margin:0  0 14px 10px;width:280px;}
#sidebar.contact p {font-size:13px;color:#F4E8C0;width:260px;margin-bottom:0;}
#sidebar.contact div.info {clear:both;padding-top:40px;}
#sidebar.contact div.info p {font-size:12px;color:#CAD2DF;}
#sidebar #flashBaloon {top:180px;left:160px;}

/*Home*/
#homePortfolio {position:relative;float:left;width:275px;height:510px;padding:0 18px 0 18px;background:url(../images/backgrounds/home_portfolio.png) top center no-repeat;}
#homePortfolio h3 {margin:10px 0 5px 0;text-transform:uppercase;}
#homePortfolio .more {position:absolute;bottom:15px;right:15px;}
#homePortfolio .title {float:right;}

#list {float:right;width:431px;position:relative;}
#list h2 {text-align:right;}
#list ul li {position:relative;list-style:none;background:url(../images/backgrounds/list.png) bottom right no-repeat;height:120px;}
#list ul li img {position:absolute;}
#list ul li img.monkey_localization {top:10px;left:20px;}
#list ul li img.monkey_testing {top:15px;left:10px;}
#list ul li img.monkey_voiceover {top:5px;left:20px;}
#list ul li h3 {position:absolute;left:130px;top:20px;text-transform:uppercase;}
#list ul li span {float:left;width:215px;position:absolute;left:130px;top:40px;}
#list ul li a:hover {text-decoration:none;}
#list .more {position:absolute;bottom:35px;right:35px;}
#list #about {background:url(../images/backgrounds/home_info.png) bottom right no-repeat;height:90px;position:relative;margin-top:5px;}
#list #about h3 {position:absolute;left:25px;top:40px;text-transform:uppercase;}
#list #about p {position:absolute;left:130px;top:35px;width:250px;}
#list #about img {position:absolute;right:35px;top:40px;}
#list #flashBaloon {top:-10px;left:90px;}

/*Services*/
#listServ {padding-top:40px;margin:0 auto;width:535px;position:relative;}
#listServ h2 {text-align:right;}
#listServ ul li {position:relative;list-style:none;background:url(../images/backgrounds/list_big.png) bottom right no-repeat;height:170px;}
#listServ ul li img {position:absolute;}
#listServ ul li img.monkey_localization {top:25px;left:20px;}
#listServ ul li img.monkey_testing {top:15px;left:0px;}
#listServ ul li img.monkey_voiceover {top:5px;left:20px;}
#listServ ul li h3 {position:absolute;left:150px;top:40px;text-transform:uppercase;}
#listServ ul li span {float:left;width:315px;position:absolute;left:150px;top:60px;}
#listServ ul li a:hover {text-decoration:none;}
#listServ .more {position:absolute;bottom:35px;right:35px;}
#listServ #flashBaloon {top:0;left:100px;}

/*Info*/
#info {float:right;width:500px;}
#info.contact {width:530px;}
#info h3,
#info p {margin:0 0 14px 10px;}
#info table {width:530px;}
#info table tr.merge td {background:url(../images/backgrounds/list_big.png) bottom right no-repeat;padding:0;}
#info table td {padding:10px;}
#info table td p {margin-bottom:0;}

/*Portfolio*/
#portfolio h2 {margin-left:20px;float:left;}
#portfolio p {float:right;width:505px;padding:0 20px 20px 20px;}
#portfolio ul {background:url(../images/backgrounds/portfolio.png) 0 150px no-repeat;float:right;width:545px;}
#portfolio ul li {display:inline;float:left;margin:0px 17px 40px 17px;position:relative;cursor:pointer;}
#portfolio ul li span {display:none;position:absolute;text-align:center;padding:5px;border:solid 1px white;background-color:#1A2235;z-index:98;width:100%;top:50%;left:50%;}

#portfolio .paradeImage {float:left;margin-top:100px;}

/*Pagination*/
.pagination {float:right;width:535px;height:20px;margin-right:20px;padding:5px;background:url(../images/backgrounds/pagination.png) bottom right no-repeat;text-align:right;}
.pagination a {padding:3px 3px;}
.pagination a.prev_page {padding:2px 7px;width:12px;height:12px;background:url(../images/buttons/prev.png) top center no-repeat;}
.pagination a.next_page {padding:2px 7px;width:12px;height:12px;background:url(../images/buttons/next.png) top center no-repeat;}
.pagination a.prev_page:hover,
.pagination a.next_page:hover {text-decoration:none;}

/*Footer Section*/
#footer {float:left;color:#889AB7;width:100%;height:170px;text-align:center;background:url(../images/backgrounds/bottom.png) top center no-repeat;}
#footer a {color:#889AB7;}
#footer ul {margin:0 auto;width:495px;padding-top:120px;}
#footer ul li {list-style:none;display:inline;float:left;text-transform:uppercase;font-size:12px;padding:0 10px 0 5px;background:url(../images/bullet.png) 100% 5px no-repeat;}
#footer p {padding:5px 0 10px 0;clear:both;}

/*Messages*/
#flashBaloon {position:absolute;width:130px;height:90px;z-index:99;}

.notice {position:absolute;top:60px;left:90px;text-align:center;font-size:12px;font-weight:normal;background:url(../images/baloon.png) top center no-repeat;width:112px;height:54px;color:#333;padding:20px 10px;}

#flashBaloon {width: 130px; height: 90px;line-height: 60px; background: url(../images/baloon.png) no-repeat; font-family: Chalkduster, Verdana, Arial, sans-serif; color: #5e5a50; font-weight: bold; font-size: 10pt; padding:  0 0 0; text-align: center}