body { background:#fff url(../img/header.gif) no-repeat center top; overflow-x:hidden; margin-top:0; }
.span-0 {width:100%;}
a:link:after, a:visited:after{content:""}
.container {position:relative; }
.form_error_message {color:red}
img {margin:0}
.message {color:red}
.text_justify {text-align: justify}

/* HEADER
=============================== */
div#header { height:229px;  }
h1#logo { position:absolute; top:80px; left:25px; background:url(../img/logo.jpg) no-repeat 0 0; width:338px; height:102px; }
h1 a { width:338px; height:102px; }
.indent { text-indent:-9999px !important; overflow:hidden !important; display:block !important; }
ul#menu { position:absolute; top:0; right:0; z-index:1000; }
ul#menu li { display:block; float:left; width:70px; height:170px; margin-left:3px; }
ul#menu li a { width:70px; height:170px; background:no-repeat 0 -33px; display:block; text-indent:-9999em; overflow:hidden; }
ul#menu li a:hover,
ul#menu li a.active { background-position:0 0; }
ul#menu li a.active { cursor:default; }
ul#menu li a#home { background-image:url(../img/home.jpg) }
ul#menu li a#about { background-image:url(../img/about_us.jpg) }
ul#menu li a#branding_solutions { background-image:url(../img/brand_solutions.jpg) }
ul#menu li a#client { background-image:url(../img/client.jpg) }
ul#menu li a#portfolio { background-image:url(../img/portfolio.jpg) }
/*
ul#menu li a#home:hover { background-image:url(../img/home_hover.jpg) }
ul#menu li a#about:hover { background-image:url(../img/about_us_hover.jpg) }
ul#menu li a#strength:hover { background-image:url(../img/strength_hover.jpg) }
ul#menu li a#client:hover { background-image:url(../img/client_hover.jpg) }
ul#menu li a#portfolio:hover { background-image:url(../img/portfolio_hover.jpg) }
*/
ul#menu2 { position:absolute; top:208px; right:0; z-index:1000; }
ul#menu2 li { display:block; float:left; margin-left:3px; }
ul#menu2 li#brandeology { width:182px;height:46px }
ul#menu2 li#branding_process { width:209px;height:48px }
ul#menu2 li#why_us  { width:69px;height:44px }
ul#menu2 li a { background:no-repeat 0 -33px; display:block; text-indent:-9999em; overflow:hidden; }
ul#menu2 li a:hover,
ul#menu2 li a.active { background-position:0 0}
ul#menu2 li a.active { cursor:default; }
ul#menu2 li a#brandeology { background:transparent;width:182px;height:46px;background-image:url(../img/brandeology.png) }
ul#menu2 li a#branding_process { background:transparent;width:209px;height:48px;background-image:url(../img/branding_process.png) }
ul#menu2 li a#why_us { background:transparent;width:69px;height:44px;background-image:url(../img/why_us.png) }

ul#menu2 li a#brandeology:hover { background-image:url(../img/brandeology.png);background-position:0 -10px; background-repeat: no-repeat; }
ul#menu2 li a#branding_process:hover { background-image:url(../img/branding_process.png);background-position:0 -10px; background-repeat: no-repeat; }
ul#menu2 li a#why_us:hover { background-image:url(../img/why_us.png);background-position:0 -10px; background-repeat: no-repeat; }


/* content
=============================== */
#content { background:#e5d2a6 url(../img/logo_bottom.png) no-repeat center top; overflow-x:hidden;margin-top:0;padding-bottom:50px}
#content .content_main{margin-top:100px;}
#content .content_main .title{margin-bottom:10px}
#content .main_pic_detail {margin-top:200px}

/* home
=============================== */
#home {height:300px}
ul#main_pic { position:absolute; top:0; right:0; z-index:1000; }
ul#main_pic li { display:block; float:left; margin-left:3px; }
ul#main_pic li a {  background:no-repeat ; display:block; text-indent:-9999em; overflow:hidden; }
ul#main_pic li a:hover,
ul#main_pic li a.active { background-position:0 0; }
ul#main_pic li a.active { cursor:default; }
ul#main_pic li a#home_awareness {position:absolute; top:45px;right:750px;width:181px;height:162px;background-image:url(../img/main_pic1.png) }
ul#main_pic li a#home_professional { position:absolute; top:60px;right:530px;width:221px;height:192px;background-image:url(../img/main_pic2.png) }
ul#main_pic li a#home_branding { position:absolute; top:68px;right:330px;width:190px;height:169px;background-image:url(../img/main_pic3.png) }
ul#main_pic li a#home_awareness2 { position:absolute; top:60px;right:180px;width:132px;height:226px;background-image:url(../img/main_pic4.png) }
ul#main_pic li a#home_professional2 { position:absolute; top:55px;right:-15px;width:171px;height:157px;background-image:url(../img/main_pic5.png) }

/* about us
=============================== */
a#about_richmond {position:absolute; top:55px;right:650px;width:216px;height:182px;background-image:url(../img/about_us_pic.png); display:block; text-indent:-9999em; overflow:hidden;}
#about_us_content ol {list-style-type:lower-roman;margin-left:40px}

/* branding solutions
=============================== */
div#branding_solutions_pic {width:224px;height:150px;}
div#branding_solutions_pic a{position:absolute; top:25px;right:730px;width:224px;height:263px;background-image:url(../img/branding_solutions.png); display:block; text-indent:-9999em; overflow:hidden;}

ul#branding_solutions_menu {list-style-type:none}
ul#branding_solutions_menu li {  margin-bottom:10px;}
ul#branding_solutions_menu li a { width:285px; height:23px;background:no-repeat 0 0; display:block; text-indent:-9999em; overflow:hidden;line-height:30px }
ul#branding_solutions_menu li a:hover,
ul#branding_solutions_menu li a.active { background-position:0 0; }
ul#branding_solutions_menu li a.active { cursor:default; }
ul#branding_solutions_menu li a#corporate_identity { background:url(../img/brand_solutions_menu.jpg) no-repeat 0 -72px;}
ul#branding_solutions_menu li a#website { background:url(../img/brand_solutions_menu.jpg) no-repeat 0 -24px;}
ul#branding_solutions_menu li a#internet_marketing { background:url(../img/brand_solutions_menu.jpg) no-repeat 0 -168px;}
ul#branding_solutions_menu li a#creative_interactive_multimedia { background:url(../img/brand_solutions_menu.jpg) no-repeat 0 -216px;}
ul#branding_solutions_menu li a#exhibition_event_management { background:url(../img/brand_solutions_menu.jpg) no-repeat 0 -264px;}
ul#branding_solutions_menu li a#branding_solutions { background:url(../img/brand_solutions_menu.jpg) no-repeat 0 -120px;}

ul#branding_solutions_menu li a#corporate_identity:hover,ul#branding_solutions_menu li a#corporate_identity.active {background:url(../img/brand_solutions_menu.jpg) no-repeat 0 -48px; }
ul#branding_solutions_menu li a#website:hover,ul#branding_solutions_menu li a#website.active {background:url(../img/brand_solutions_menu.jpg) no-repeat 0 0px; }
ul#branding_solutions_menu li a#internet_marketing:hover,ul#branding_solutions_menu li a#internet_marketing.active {background:url(../img/brand_solutions_menu.jpg) no-repeat 0 -144px; }
ul#branding_solutions_menu li a#creative_interactive_multimedia:hover,ul#branding_solutions_menu li a#creative_interactive_multimedia.active {background:url(../img/brand_solutions_menu.jpg) no-repeat 0 -192px; }
ul#branding_solutions_menu li a#exhibition_event_management:hover,ul#branding_solutions_menu li a#exhibition_event_management.active {background:url(../img/brand_solutions_menu.jpg) no-repeat 0 -240px; }
ul#branding_solutions_menu li a#branding_solutions:hover,ul#branding_solutions_menu li a#branding_solutions.active {background:url(../img/brand_solutions_menu.jpg) no-repeat 0 -96px; }

/* portfolio
=============================== */
ul#portfolio_menu {list-style-type:none;}
ul#portfolio_menu li {  margin-bottom:10px;}
ul#portfolio_menu li a { width:126px; height:23px;background:no-repeat 0 0; display:block; text-indent:-9999em; overflow:hidden;line-height:30px }
ul#portfolio_menu li a:hover,
ul#portfolio_menu li a.active { background-position:0 0; }
ul#portfolio_menu li a.active { cursor:default; }
ul#portfolio_menu li a#web_design { background:url(../img/portfolio_menu.jpg) no-repeat 0 -24px; }
ul#portfolio_menu li a#branding { background:url(../img/portfolio_menu.jpg) no-repeat 0 -72px; }
ul#portfolio_menu li a#multimedia { background:url(../img/portfolio_menu.jpg) no-repeat 0 -120px; }
ul#portfolio_menu li a#photography { background:url(../img/portfolio_menu.jpg) no-repeat 0 -168px; }
ul#portfolio_menu li a#web_design:hover,ul#portfolio_menu li a#web_design.active { background:url(../img/portfolio_menu.jpg) no-repeat 0 0; }
ul#portfolio_menu li a#branding:hover,ul#portfolio_menu li a#branding.active{ background:url(../img/portfolio_menu.jpg) no-repeat 0 -48px; }
ul#portfolio_menu li a#multimedia:hover,ul#portfolio_menu li a#multimedia.active { background:url(../img/portfolio_menu.jpg) no-repeat 0 -96px; }
ul#portfolio_menu li a#photography:hover,ul#portfolio_menu li a#photography.active { background:url(../img/portfolio_menu.jpg) no-repeat 0 -144px; }

#portfolio_content_main {margin-top:20px}
#portfolio_content_main a {color:#ea8923}



div#portfolio_sub_menu  { float:left;display:block; margin-left:10px;margin-bottom:10px;}
div#portfolio_sub_menu  a{display:block;text-decoration:none;color:#555;border:2px solid #453923;padding:5px;margin-right:10px;background:#f4e8c7}
div#portfolio_sub_menu a:hover,div#portfolio_sub_menu a.active{background:#453923;color:#ccc}

#portfolio_content1 {margin-bottom:10px;border-bottom:1px dashed #000;padding-bottom:10px}
#portfolio_content1 img{border:5px solid #f4e8c7;width:250px;height:150px;}
#portfolio_content1 a:hover img{  border:5px solid #453924}
#portfolio_content1 .extraIMG {list-style-type:none;line-height:30px;margin-right:10px;float:left;}
#portfolio_content1 .extraIMG a{width:13px;height:13px;text-decoration:none;background:#453924;border:2px solid #fff}
#portfolio_content1 .extraIMG a:hover{border:2px solid #453924;background:#aaa;text-decoration:none}

.lbThumbLoading {background: #fff url(../img/slimbox/loading.gif) no-repeat center;width:250px;height:150px;margin:5px;}
#portfolioImg  div.csssite {position: relative; }
#portfolioImg  .cssimg{ position: relative;  overflow: hidden;  }
#portfolioImg div.info{ position:absolute; left:0px; bottom:-160px;  display: block; overflow: hidden; }

ul#portfolio_content2 {list-style-type:none;}
ul#portfolio_content2 li { float:left; display:block; margin-left:15px;margin-bottom:15px;}
ul#portfolio_content2 li a {  display:block; }
ul#portfolio_content2 li a:hover img{  border:5px solid #453924}
ul#portfolio_content2 img{border:5px solid #f4e8c7;}

/* client
============================================*/
#client .title{margin-left:30px}
#client ul {list-style-type:none;}
#client ul li {float:left;display:block; margin-left:15px;margin-bottom:15px;}
#client .each{cursor:hand;width:271px;height:89px;padding:10px;margin:0px;border-bottom-color:#8c8356;border-bottom-style:solid;background:#fcf8ee;border-bottom-width:5px;}
#client .each img {	width:271px;height:89px;border:1px solid #8c8356;padding:0px;margin:0px;opacity:0.3;filter:alpha(opacity=30)}
#client .each:hover {border-bottom-color:#231c11;}
#client .each img:hover {opacity:1;filter:alpha(opacity=100)}

/* contact us
=============================== */
div#contact_us_pic a{position:absolute; top:25px;right:650px;width:224px;height:263px;background-image:url(../img/contact_us.png); display:block; text-indent:-9999em; overflow:hidden;}

#contact_us .address {margin-top:0;}
#contact_us textarea {width:250px;height:100px}
#contact_us .textbox{margin-bottom:5px}
#contact_us .submit input{float:right}

/* FOOTER
=============================== */
#footer  {border-top:8px solid #453924;border-bottom:8px solid #453924;height:80px;background-color:#dde0cb}
#footer .footercontent {text-align:center;padding-top:20px}
#footer .footercontent ul {float:left;list-style-type:none;margin:0;padding:0}
#footer .footercontent ul li {float:left;margin:0 8px;}
#footer a {color:#373732}
#footer a:link,#footer a:visited {text-decoration: none;}

/* PAGINATION
=============================== */
#paginationBottom {clear:left;text-align:right;margin-top:20px;}
#paginationBottom a {padding:2px 5px 2px 5px;color:#000;font-weight:bold;margin-left:2px}
#paginationBottom a, #paginationBottom a:link, #paginationBottom a:visited,  #paginationBottom a:active {text-decoration:none;}
#paginationBottom a:hover {color:#fff}
#paginationBottom em{padding:2px 5px 2px 5px;color:#CC0000;font-weight:bold}