body, td, th { font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 12px; color: #262626; line-height: 18px; }
body { margin: 0 auto; background: #ecece7 url(/media/bg.png) no-repeat center top; }

/*Flags*/
.flags{width:110px; height: 21px; top:10px; right: 0; float: right; margin-right: 8px;}

/* Img and Links */
img { border: 0; *margin:0; background-image: url(none); }
.clear { clear: both; }
hr { border: 0; height: 1px; background: #eee; }
sup { color: #262626; }
a, a:link, a:visited, a:active { text-decoration: none; color: #00689f; }
a:hover { text-decoration: underline; color: #00689f; }

/* Learn More Link Arrows */
/*div#footer .find_out_more a { font-size: 12px; color: #00689f; background: url(/media/arrow_link_hover.png) no-repeat 99% 68%; padding-right: 12px; }
div#footer .find_out_more a:link { text-decoration: none; color: #00689f; background: url(/media/arrow_link.png) no-repeat 99% 68%; padding-right: 12px; }
div#footer .find_out_more a:visited { text-decoration: none; color: #00689f; background: url(/media/arrow_link.png) no-repeat 99% 68%; padding-right: 12px; }
div#footer .find_out_more a:hover { text-decoration: none; color: #00689f; background: url(/media/arrow_link_hover.png) no-repeat 99% 68%; padding-right: 12px; }
div#footer .find_out_more a:active { text-decoration: none; color: #00689f; background: url(/media/arrow_link.png) no-repeat 99% 68%; padding-right: 12px; }*/

/* Roud Corner Box */
.rc_box_left { background: url(/media/rc_left_tl.png) no-repeat top left; margin-left: 0px; }
.rc_top_left { background: url(/media/rc_left_tr.png) no-repeat top right; }
.rc_bottom_left { background: url(/media/rc_left_bl.png) no-repeat bottom left; }
.rc_bottom_left div { background: url(/media/rc_left_br.png) no-repeat bottom right; }
.rc_content_left { background: url(/media/rc_left_r.png) top right repeat-y; }
.rc_top_left div,.rc_top_left,.rc_bottom_left div,.rc_bottom_left { width: 100%; height: 10px; font-size: 1px; }
.rc_content_left, .rc_bottom_left {  }
.rc_content_left { padding: 0 7px; }

.rc_plain_box_left { background: url(/media/rc_plain_left_tl.png) no-repeat top left; margin-left: 0px; }
.rc_plain_top_left { background: url(/media/rc_plain_left_tr.png) no-repeat top right; }
.rc_plain_bottom_left { background: url(/media/rc_plain_left_bl.png) no-repeat bottom left; }
.rc_plain_bottom_left div { background: url(/media/rc_plain_left_br.png) no-repeat bottom right; }
.rc_plain_content_left { background: url(/media/rc_plain_left_r.png) top right repeat-y; }
.rc_plain_top_left div,.rc_plain_top_left,.rc_plain_bottom_left div,.rc_plain_bottom_left { width: 100%; height: 10px; font-size: 1px; }
.rc_plain_content_left, .rc_plain_bottom_left { margin-top: -12px;  *margin-top: -22px; }
.rc_plain_content_left { padding: 0 10px; }

/* Clients and Partners section */
#clients_logos {width:250px;}
#clients_logos .left{ float:left; width:60px; margin-left:10px; margin-top:10px; *margin-left:0px; }
#clients_logos .left ul { list-style:none; padding:0px; margin:0px;}
#clients_logos .left ul li{margin-bottom:10px;}
#clients_logos .mid{ float:left; margin-left:25px; width:60px; *margin-left:-15px;}
#clients_logos .mid ul{ list-style:none; padding:0px; magin:0px;}
#clients_logos .mid ul li{margin-bottom:17px;}
#clients_logos .right{ float:right; width:60px; margin-right:10px; margin-top:10px;}
#clients_logos .right ul{ list-style:none; padding:0px; margin:0px; }
#clients_logos .right ul li{margin-bottom:10px;}
/* Clients and Partners section END*/

.box { 
  background: #FEF49C; 
}
.boxtop { 
  background: url(/media/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(/media/nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(/media/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 10px; 
  background: url(/media/sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 0px 10px;
}
<!-- Mailing List -->
span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-bottom:20px;} 
span input {width:220px;}
div.clear {clear:both;padding-top:5px;} 


/* Container */
div#container { margin: 0 auto; text-align: center; width: 975px; background-color: #FFF;  }

/* Header */
div#header {margin: 0 auto!important; display: block; width: 975px; *width: 980px; height: 140px; text-align: left; background-color: #333840; padding-top: 10px; border-bottom: 10px solid #ecece7; }
div#header .logo { padding: 10px 10px 10px 12px; *padding: 0px 10px 0px 12px; float: left; margin-top: -15px;}
div#header ul { float: right; margin-top: 70px; *margin-top: 65px; margin-right: 10px; display: inline; }
div#header a { text-decoration: none; font: bold 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #FFFFFF; text-shadow: #111111 1px 1px 1px; }
div#header li.current a { text-decoration: none; color: #262626; text-shadow: #FFF 1px 1px 1px; }
div#header li:hover a { text-decoration: none; color: #262626; text-shadow: #FFFFFF 1px 1px 1px; }
div#header ul li { padding: 12px 15px 8px 15px; margin-bottom: 0; list-style: none; display: inline; }
div#header ul li.current { list-style: none; display: inline; background-color: #9fd5df; }
div#header ul li:hover { list-style: none; display: inline; background-color: #c8e2e2; }

/* Left Navigation */
div#left_navigation { float: left; text-align: left; width: 250px; *width: 248px; margin: 10px 0px 10px 0; padding: 10px 0px 10px 10px; }
div#left_navigation h2 { margin: 0 auto; padding: 5px 5px 10px 7px; font-size: 22px; }
div#left_navigation ul.menu li.newsletter { margin: 0 0px 0 -48px; list-style-type: none; list-style-image: none; padding: 5px 0px 10px 50px; color: #262626; text-decoration: none; background: url(/media/paper_content_48.png) no-repeat 0 45%; font-weight: bold; }
div#left_navigation ul.menu li.email { margin: 0 0px 0 -48px; list-style-type: none; list-style-image: none; padding: 5px 0px 10px 50px; color: #262626; text-decoration: none; background: url(/media/questionmark_48.png) no-repeat 0 45%; font-weight: bold; }
div#left_navigation ul.menu li.talk { margin: 0 0px 0 -48px; list-style-type: none; list-style-image: none; padding: 5px 0px 10px 50px; color: #262626; text-decoration: none; background: url(/media/pencil_48.png) no-repeat 0 45%; font-weight: bold; }


div#left_navigation ul.menu li.address, .contact_right ul.menu li.address{ margin: 0 -38px; list-style-type: none; list-style-image: none; padding: 10px 0px 10px 58px; color: #262626; text-decoration: none; background: url(/media/vCard_25.png) no-repeat 0 75%; font-weight: bold; }
div#left_navigation ul.menu li.twitter, .contact_right ul.menu li.twitter{ margin: 10px 0 0 -38px; list-style-type: none; list-style-image: none; padding:15px 0px 15px 58px; color: #262626; text-decoration: none; background: url(/media/twitter_bookmark.png) no-repeat 0 50%; font-weight: bold; }
div#left_navigation ul.menu li.facebook, .contact_right ul.menu li.facebook{ margin: 10px 0 0 -38px; list-style-type: none; list-style-image: none; padding:15px 0px 15px 58px; color: #262626; text-decoration: none; background: url(/media/images.jpeg) no-repeat 0 50%; font-weight: bold;  }
div#left_navigation ul.menu li.rss, .contact_right ul.menu li.rss{ margin: 5px 0 0 -38px; list-style-type: none; list-style-image: none; padding: 23px 0px 15px 58px; color: #262626; text-decoration: none; background: url(/media/rss-48.png) no-repeat 0 50%; font-weight: bold; }

span.comments_icon_big { margin-left: -7px; list-style-type: none; list-style-image: none; padding: 10px 0px 10px 52px; color: #262626; text-decoration: none; background: url(/media/comment_add_48.png) no-repeat 0 65%; font-weight: bold; }
.comments_icon { margin: 2px 0 0 0; list-style-type: none; list-style-image: none; padding:2px 0px 2px 40px; color: #262626; text-decoration: none; background: url(/media/advertisment-32.png) no-repeat 0 45%; font-weight: bold; }
.comments_back_icon { margin: 2px 0 0 0; list-style-type: none; list-style-image: none; padding:2px 0px 2px 30px; color: #262626; text-decoration: none; background: url(/media/comments-24.png) no-repeat 0 45%; font-weight: bold; }

.nav_entries_next { list-style-type: none; list-style-image: none; background: url(/media/arrow_next.png) no-repeat 0 45%; padding: 0 20px; }
.nav_entries_previous { list-style-type: none; list-style-image: none; background: url(/media/arrow_back.png) no-repeat 0 45%; padding: 0 20px; }
.nav_entries_up { list-style-type: none; list-style-image: none; background: url(/media/arrow_top.png) no-repeat 0 45%; padding: 0 20px; }


/* Work Nav Categories*/
div#left_navigation #nav_categories ul { margin: 0 auto; width: 250px; display: block; list-style-type: none; list-style-image: none; }
div#left_navigation #nav_categories li { margin: 0 -38px;display: block; list-style-type: none; list-style-image: none; padding-right: 40px;}
div#left_navigation #nav_categories li:hover { text-decoration: underline; }

/* Main Content Wide*/
div#main_content_wide { float: left; margin-top: 8px; margin-left: 5px; width: 945px; *width: 945px; text-align: left; color: #262626; padding: 0px 10px 10px 10px; *margin-top:20px; }

/* Main Content */
div#main_content { float: right; margin: 10px 0px 10px 0; *margin: 10px 0px 10px 0px; width: 685px; background: #FFFFFF; text-align: left; color: #262626; padding: 10px 10px 10px 10px;  *padding:10px 0px 10px 0px; }

div#main_content .hero { padding-top: 10px; }

/* Main Content Typos */
div#main_content p,#main_content_service p { text-align: left; margin-top: 4px; }
div#main_content h2,#main_content_service h2 { display: block; color: #FEAF06; padding: 0px 10px 5px 0px; margin: 0; font: bold 24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: #CCCCCC 1px 1px 1px; }
div#main_content h3,#main_content_service h3  { display: block; color: #262626; padding: 5px 0 8px 0px; margin: 0; font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: #CCCCCC 1px 1px 1px; }
div#main_content .entry h3,#main_content_service .entry h3 { margin: 15px 0 20px 0;}
div#main_content h4,#main_content_service h4 { display: block; color: #262626; font-size: 20px; font-weight: normal; padding: 10px 0 0 0px; margin: 0; text-shadow: #CCCCCC 1px 1px 1px; }
div#main_content h5,#main_content_service h5 { display: block; color: #262626; font-size: 16px; font-weight: normal; padding: 5px 0 2px 0px; margin: 0; text-shadow: #CCCCCC 1px 1px 1px; }
.s_gray { font-size: 11px; color: gray; }
.gray { color: gray; }

.pagination {font-size: 14px;}


/* Main Content - 2 Columns */
div#main_content .media_left { float: left; width: 200px; padding: 0px 10px 10px 0px; }
div#main_content .content_right { float: right; width: 460px; padding: 0px 10px 10px 0px; vertical-align: top;  }
div#main_content .content_left { float: left; width: 460px; padding: 0px 10px 10px 0px; vertical-align: top; color: #262626;  }
div#main_content .media_right { float: right; width: 200px; padding: 0px 10px 0px 0px; margin-top:-20px; }
div#main_content .media_right p a:hover img{opacity:0.6;}
div#main_content .media_right_end { float: right; margin: -40px -10px 0 0;}

/* Main Content - 3 Columns */
div#main_content .promo_left,#main_content_service .promo_left { float: left; width: 215px; }
div#main_content .promo_middle,#main_content_service .promo_middle  { float: left; width: 215px; margin-left: 25px;margin-top:0px; }
div#main_content .promo_right,#main_content_service .promo_right { float: right; width: 215px;margin-top:0px; }

div#main_content .work_boxes { float: left; width: 200px; margin-right:28px; }

/* Contact Form */
div#main_content .contact_left{ float: left; width: width: 320px; padding: 0px 10px 10px 48px; vertical-align: top; color: #262626; }
div#main_content_wide .contact_left { float: left; width: 630px; padding: 0px 10px 10px 0; vertical-align: top; color: #262626;  }
div#main_content .contact_left h2 { padding: 0px 0 9px 0px; }
div#main_content .contact_left input { width: 310px;  height: 18px; color: #262626; }
div#main_content .contact_left textarea { width: 310px; height: 70px; }


div#boxcontent .contact_wide textarea { width: 310px; height: 80px; }

.contact_right, .contact_right{ float: right; width: 250px; padding: 0px 0px 10px 0px; color: #262626;}
div#main_content .contact_right h2 { padding: 0px 5px 5px 7px; font-size: 22px; }
div#main_content_wide .contact_right h2  { padding: 0px 5px 0px 7px;  }
.contact_right label, .box label { padding: 2px 5px 0px 7px; font-size: 12px; font-weight: medium; color: #666666; }
.contact_right input, .box input { width: 210px; height: 18px; margin-left: 7px; }
.contact_right textarea, .box textarea { width: 215px; height: 100px; margin-left: 7px; }
/*.enquiry { font-size: 14px; text-align: center; height: 27px!important; width: auto!important; margin: 4px 0 2px 0; }*/
#comment_form input { font-size: 12px; height: auto; width: auto; }
.email_updates input{ width: 222px; height: 18px; }

/* Footer */
div#footer { margin: 0 auto; border-top: 15px solid #ecece7; display: block; width: 975px; *width: 980px; height: auto; text-align: left; background-color: #333840; margin-top: 0px; margin-bottom: 40px;  *padding-top: 15px; padding-bottom: 0px;}
div#footer p { color: #eeeeee; }
div#footer a { color: #9fd5df; }
div#footer a:hover { text-decoration: underline; color: #9fd5df; }
div#footer h3 { color: #9fd5df; text-shadow: #111111 1px 1px 1px;}

div#footer .footnote { font-size: 10px; text-align: center; background-color: #ecece7;clear:both; }
div#footer .footnote p, div#footer .footnote a { color: #262626; }
div#footer .footnote p.partners img { padding-left: 20px; }

div#footer .promo_left { float: left; width: 300px; padding-left: 10px; }
div#footer .promo_middle { float: left; width: 300px; margin-left: 30px; }
div#footer .promo_right { float: right; width: 300px; padding-right: 10px; } 

/*Homepage - Spotlight*/
div#main_content_wide h2{font-size:18px;}
div#main_content_wide .contact_right{width:300px;}

/*End Home_RecentWorks*/

div#main_content_service { margin: 10px 0px 10px 0; *margin: 10px 0px 10px 0px;  background: #FFFFFF; text-align: left; color: #262626; padding: 10px 20px 10px 20px;  *padding:10px 0px 10px 0px; }
/*---------------------------contact-------------------------------*/
div#main_content .contact_us { float: left; width: 395px !important; padding: 0px 10px 10px 10px; vertical-align: top; color: #262626;  }

