* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
} *:focus {
    outline: 0;
}

/*Container
 */
div#container {
    width: 850px;
    margin: 10px auto;
    border: 1px solid #81a7d0;
    background-color: white;
}

p {
    padding: 15px 0;
}

div.content {
    width: 850px;
    height: 950px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

div.content_holder {
    width: 800px;
    line-height: 1.4em;
    padding: 0 0 0 20px;
}

h2 {
    width: 800px;
    height: 20px;
    text-indent: -10000px;
    margin: 15px 0 0 0;
    background-repeat: no-repeat;
    border-bottom: 1px solid #da7984;
}

h2.sidebar_h2 {
    border: none;
}

/*Branding
 */
div#logo h1 {
    background-image: url(../images/logo.jpg);
    width: 181px;
    height: 51px;
    margin: 0 0 10px 22px;
    text-indent: -10000px;
}

/*Navigation
 */
div#nav_holder {
    height: 110px;
    border-bottom: 1px solid #81a7d0;
}

div#navigation {
    width: 805px;
    height: 40px;
    margin: 0 auto;
}

ul#nav {
    list-style: none;
    width: 805px;
    height: 40px;
}

ul#nav li {
    display: inline;
}

ul#nav li a {
    float: left;
    text-indent: -10000px;
    height: 40px;
}

ul#nav li#home a {
    width: 115px;
    background: url(../images/nav_bg.png) no-repeat 0 0;
}

ul#nav li#home a:hover {
    background-position: 0 -40px;
}

ul#nav li#about a {
    width: 115px;
    background: url(../images/nav_bg.png) no-repeat -115px 0;
}

ul#nav li#about a:hover {
    background-position: -115px -40px;
}

ul#nav li#services a {
    width: 115px;
    background: url(../images/nav_bg.png) no-repeat -230px 0;
}

ul#nav li#services a:hover {
    background-position: -230px -40px;
}

ul#nav li#clients a {
    width: 115px;
    background: url(../images/nav_bg.png) no-repeat -345px 0;
}

ul#nav li#clients a:hover {
    background-position: -345px -40px;
}

ul#nav li#offices a {
    width: 115px;
    background: url(../images/nav_bg.png) no-repeat -460px 0;
}

ul#nav li#offices a:hover {
    background-position: -460px -40px;
}

ul#nav li#careers a {
    width: 115px;
    background: url(../images/nav_bg.png) no-repeat -575px 0;
}

ul#nav li#careers a:hover {
    background-position: -575px -40px;
}

ul#nav li#contact a {
    width: 115px;
    background: url(../images/nav_bg.png) no-repeat -690px 0;
}

ul#nav li#contact a:hover {
    background-position: -690px -40px;
}

/*Intro
 */
div#intro_container {
    background-image: url(../images/intro_bg.jpg);
    width: 850px;
    height: 275px;
    background-repeat: no-repeat;
    margin: 7px 0 0 0;
}

div#intro {
    width: 150px;
    height: 275px;
}

ul#intro_services {
    padding: 0;
    width: 150px;
    margin: 0 0 0 22px;
}

ul#intro_services li {
    display: inline;
}

ul#intro_services li a {
    float: left;
    text-indent: -10000px;
}

li#promotion a {
    width: 150px;
    height: 55px;
    background: url(../images/intro_nav.png) no-repeat 0 0;
}

li#promotion a:hover {
    background-position: -150px 0;
}

li#sampling a {
    width: 150px;
    height: 55px;
    background: url(../images/intro_nav.png) no-repeat 0 -55px;
}

li#sampling a:hover {
    background-position: -150px -55px;
}

li#marketing a {
    width: 150px;
    height: 55px;
    background: url(../images/intro_nav.png) no-repeat 0 -110px;
}

li#marketing a:hover {
    background-position: -150px -110px;
}

li#merchandising a {
    width: 150px;
    height: 55px;
    background: url(../images/intro_nav.png) no-repeat 0 -165px;
}

li#merchandising a:hover {
    background-position: -150px -165px;
}

li#management a {
    width: 150px;
    height: 55px;
    background: url(../images/intro_nav.png) no-repeat 0 -220px;
}

li#management a:hover {
    background-position: -150px -220px;
}

div#loader {
    display: inline;
    width: 675px;
    height: 275px;
    float: right;
    overflow: hidden;
    position: relative;
}

div#loader img {
    width: 100%;
    height: 100%;
} .loading {
    background: url(../images/loader.gif) no-repeat 30% 50%;
    height: 100%;
    width: 100%;
}

li#promotion img, li#sampling img, li#marketing img, li#merchandising img, li#management img {
    display: none;
}

/*Slogan
 */
div#slogan {
    margin: 7px 0 0 0;
    background-image: url(../images/home_slogan.png);
    width: 850px;
    height: 95px;
}

div#slogan p {
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 1em;
    color: #31508b;
    margin: 0 35px;
    padding: 15px 20px;
    line-height: 1.3em;
}

span.quote img {
    vertical-align: text-bottom;
    padding: 0 5px;
}

/*About Slogan
 */
div#about_slogan {
    margin: 5px 0 0 0;
    background-image: url(../images/about_slogan.jpg);
    background-repeat: no-repeat;
    width: 850px;
    height: 150px;
}

div#about_slogan_holder {
    width: 350px;
    margin: 7px auto 0 auto;
}

div#about_slogan h3 {
    margin: 0;
    padding: 0;
    height: 20px;
    text-indent: -10000px;
}

ul#about_slogan_list {
    list-style-type: decimal;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    color: #31508b;
    text-align: left;
    line-height: 1.2em;
    margin: 0 40px;
}

h2.about_title {
    border: none;
}

/*Content
 */
div#content {
    width: 840px;
    height: 500px;
    font-family: Verdana;
    font-size: 0.8em;
}

div#main_content {
    padding: 0 0 0 20px;
    width: 575px;
    line-height: 1.4em;
    float: left;
}

h2#welcome_title {
    background-image: url(../images/welcome_title.png);
    width: 575px;
    height: 20px;
    padding: 0 0 5px 0;
}

span#readmore {
    float: right;
}

span#readmore a {
    text-decoration: none;
    color: #8daacc;
}

h2#home_services_title {
    background-image: url(../images/what_we_do.png);
    width: 575px;
    height: 20px;
    padding: 0 0 5px 0;
}

ul#home_services li, ul#about_services li {
    list-style-image: url("../images/list_icon.jpg");
    margin: 0 20px;
}

/*About Content
 */
div.about_content_2 {
    width: 850px;
    height: 210px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

span.readmore {
    float: right;
}

span.readmore a {
    text-decoration: none;
    color: #8daacc;
}

span.readmore a:hover {
    text-decoration: underline;
}

h2#about_title {
    background-image: url(../images/who_we_are.png);
    margin: 20px 0 0 0;
    padding: 0 0 5px 0;
}

h2#how_we_think {
    background-image: url(../images/how_we_think.png);
    margin: 20px 0 0 0;
    padding: 0 0 5px 0;
}

h2#how_we_work {
    background-image: url(../images/how_we_work.png);
    margin: 20px 0 0 0;
    padding: 0 0 5px 0;
}

h2#what_we_do {
    background-image: url(../images/what_we_do.png);
    margin: 20px 0 0 0;
    padding: 0 0 5px 0;
}

ul#home_services, ul#about_services {
    list-style-image: url(../images/list_icon.jpg);
    margin: 20px 0;
    padding: 0 0 0 20px;
}

div#atlbtl_image {
    width: 700px;
    height: 350px;
    margin: 15px auto;
    clear: both;
}

span.highlight {
    font-weight: bold;
}

/*Services Content
 */
h3.services {
    cursor: pointer;
    width: 800px;
    height: 40px;
    text-indent: -10000px;
    background-repeat: no-repeat;
    padding: 0 0 5px 0;
}

div.services_items {
}

div.services_content {
    width: 850px;
    height: auto;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

div.services_content_holder {
    width: 800px;
    line-height: 1.4em;
    padding: 0 0 0 20px;
}

p.services_p {
    width: 470px;
    padding: 5px 0 0 15px;
}

h2#services_title {
    background-image: url(../images/services.png);
    margin: 10px 0 0 0;
    padding: 0 0 5px 0;
}

h3#in_shop_promotion_title {
    background-image: url(../images/in_shop_promotion.png);
}

h3#consumer_promotion_title {
    background-image: url(../images/consumer_promotion.png);
}

h3#trade_marketing_title {
    background-image: url(../images/trade_marketing.png);
}

h3#sampling_title {
    background-image: url(../images/sampling_title.png);
}

h3#special_events_title {
    background-image: url(../images/special_events.png);
}

h3#roadshow_title {
    background-image: url(../images/roadshow.png);
}

h3#door_door_title {
    background-image: url(../images/door_door.png);
}

ul.items {
    width: 470px;
    padding: 15px 5px 10px 25px;
}

ul.items li {
    margin: 5px 0 0 25px;
    list-style-image: url(../images/list_icon.jpg);
}

img.services_images {
    width: 275px;
    height: 275px;
    float: right;
    margin: 0 15px 0 0;
    clear: both;
}

div.clearfix {
    margin: 10px 0;
    clear: both;
    visibility: hidden;
}

/*Clients Content
 */
div#clients_holder {
    width: 850px;
    height: auto;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    overflow: hidden;
}

div#clients_content {
    width: 800px;
    height: auto;
    line-height: 1.4em;
    padding: 0 0 0 20px;
}

h2#clients_title {
    background-image: url(../images/clients.png);
    margin: 20px 0 0 0;
    padding: 0 0 5px 0;
}

div#logos {
    width: 840px;
    height: auto;
    margin: 0 auto;
}

div.clients_logos {
    width: 150px;
    height: 140px;
    float: left;
    margin: 7px 25px;
}

div.clients_logos img {
    display: table-cell;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
}

/*Offices Content
 */
div.offices_content {
    width: 850px;
    height: 700px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

div.offices_content_holder {
    width: 800px;
    height: 600px;
    line-height: 1.4em;
    padding: 0 0 0 20px;
}

h2#offices_title {
    background-image: url(../images/offices.png);
    margin: 40px 0 0 0;
    padding: 0 0 5px 0;
}

h2#team_title {
    background-image: url(../images/team.png);
    margin: 40px 0 0 0;
    padding: 0 0 5px 0;
}

ul#offices_items {
    width: 250px;
    height: 400px;
}

ul#offices_items li {
    margin: 5px 0 0 30px;
    list-style-image: url(../images/list_icon.jpg);
}

ul#team_items li {
    margin: 5px 0 0 30px;
    list-style-image: url(../images/list_icon.jpg);
}

img#iran_map {
    float: right;
    width: 450px;
    padding: 20px;
}

/*Careers Content
 */
div.careers {
    height: auto;
    width: 850px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

h2#careers_title {
    background-image: url(../images/careers.png);
    margin: 20px 0 0 0;
    padding: 0 0 5px 0;
}

div.careers_items {
    height: 100px;
    margin: 10px 0 0 0;
    border-bottom: 1px solid #dbe4eb;
}

p.careers_desc {
    width: 550px;
    float: left;
}

img.careers_img {
    float: left;
    width: 125px;
    margin: 0 10px 0 0;
}

a.apply {
    float: right;
    background-image: url(../images/apply_btn.jpg);
    width: 70px;
    height: 39px;
    text-indent: -10000px;
    cursor: pointer;
}

a.apply:hover {
    float: right;
    background-image: url(../images/apply_btn_hover.jpg);
    width: 70px;
    height: 39px;
    text-indent: -10000px;
}

/*Contact Contents
 */
div.contact_holder {
    width: 800px;
    height: 550px;
    line-height: 1.4em;
    padding: 0 0 0 20px;
}

div#contact_main {
    width: 100%;
    margin: 20px 0;
    background-image: url(../images/contact_bg.jpg);
    height: 275px;
    background-repeat: repeat-x;
}

h2#contact_title {
    background-image: url(../images/contact_us.png);
    margin: 20px 0 0 0;
    padding: 0 0 5px 0;
}

h3.contact_items {
    color: black;
    font-size: 1.1em;
    margin: 0;
}

div.contact_p {
    margin: 30px 0 10px 0;
}

div#contact_main p {
    text-align: center;
    font-size: 1.3em;
    color: white;
    line-height: 1.4em;
}

div#contact_main p a {
    color: white;
    text-decoration: none;
}

div#contact_main p a:hover {
    text-decoration: underline;
}

h3#contact_header {
    background-image: url(../images/contact_header.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 500px;
    margin: 0 auto;
    text-indent: -10000px;
    margin: 0 auto;
    padding: 10px 0;
}

a#mail_btn {
    background: url(../images/email_btn.png) no-repeat 0 0;
    width: 200px;
    height: 50px;
    display: block;
    margin: 10px auto;
    text-indent: -10000px;
}

a#mail_btn:hover {
    background: url(../images/email_btn.png) no-repeat 0 -50px;
}

/*Testimonial
 */
div#testimonial {
    background-image: url(../images/testimonial_bg.png);
    width: 210px;
    height: 300px;
    float: left;
    margin: 10px 0 0 25px;
}

h2#testimonial_title {
    text-indent: -10000px;
    width: 172px;
    height: 25px;
    margin: 30px auto 0 auto;
}

div#testimonial p {
    padding: 0 30px;
    text-align: left;
}

span#testimonial_logo {
    position: relative;
    float: right;
    margin: 15px 20px 0 25px;
}

/* Jobs
 */
div#jobs {
    width: 210px;
    height: 150px;
    float: left;
    margin: 5px 0 0 25px;
}

div#jobs a img {
    border: none;
}

/*Contact
 */
div#sidebar_contact {
    width: 210px;
    height: 150px;
    float: left;
    margin: 5px 0 0 25px;
}

div#sidebar_contact a img {
    border: none;
}

/*Site Info
 */
div#site_info {
    width: 850px;
    background-image: url(../images/footer_bg.png);
    height: 80px;
    background-repeat: no-repeat;
    color: white;
}

div#site_info li {
    display: inline;
}

div#site_info li a {
    text-align: right;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.6em;
    padding: 0 10px 0 0;
    text-decoration: underline;
    color: white;
}

div#site_info li a:hover {
    color: #31508b;
}

p.siteinfo {
    text-align: right;
    line-height: 1.3em;
    font-size: 0.6em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 10px 10px 0 0;
}

p.siteinfo a {
    text-decoration: none;
    color: #31508b;
}

ul#siteinfo_nav {
    float: right;
    margin: 0;
}