/* DEFAULT CSS */
html * { margin:0pt; padding:0pt; }
img { border:0pt none; vertical-align:middle; }
p { font-size:12px; }
em { font-style:italic;}
input { vertical-align:middle; }
a:link, a:hover, a:visited, a:active { color:#80b901; /*font-size:12px;*/ text-decoration:none;}
a:hover, a.active:link, a.active:visited, a.active:active { text-decoration:none; color:#767676; border-bottom: dotted #7D8A2E 1px;}
h1, h2, h3, h4, h5, h6 { color:#00223c; display:block; font-family:Helvetica,Arial,sans-serif; font-weight:bold; line-height:normal; margin-bottom: 5px;}
body { color:#5c5c5c; font-family:Helvetica,Arial,sans-serif; font-size:12px; line-height:1.7em;}
/* STRUCTURE CSS */
#header { width:882px; height:72px; background:url(../images/theorigo.png) no-repeat ; }
#main { margin:0pt auto; width:920px; padding:0 20px; }
#left_nav { width:168px; padding-bottom:50px; position:absolute; top:370px; }
#content { width:880px; }
#content p { text-align: left; }
#content h1, #content h2, #content h3, #content h4, #content h5 { text-align: left; color:#5F5F5F; }
#content a { text-align: left; }
#content a:link, #content p a:visited, #content p a:active { color:#80b901; font-size:1em; border-bottom:none;}
#content p a:hover, #content a:hover { border-bottom:none; }
#content p a:hover, #content p a:active { border-bottom:1px dotted #427000; }
#home #content p a:hover, #content p a:active { border-bottom: none; }
#content ul.bullet { padding: 0 0 10px 15px; line-height:normal; }
div.content_detail .bullet { margin:5px; line-height:normal; }
div.content_detail .bullet li { padding:2px 10px 2px 0; text-align:left; margin-left:10px; line-height:normal;}
#content ul.bullet li { list-style-image: url(../images/list-arrow.gif); line-height:normal; margin-top:4px; margin-bottom:4px;}
#content ul.bullet2 li { list-style-image: url(../images/list-arrow.gif); line-height:normal; margin-top:4px; margin-bottom:4px; margin-left:15px;}
/* HEADER */
#header h1 { text-indent:-9999px; float:left; }
#header #sitename { text-indent:-9999px; float:left; }
#jtc { display:none; }
#slogan { text-align:center; clear:both; padding-top:25px; padding-bottom:5px; }
#slogan em { margin-left:-26px; padding-right: 3px; font:16px Georgia; color:#427000; font-style: italic; }
#header em a { color:#427000; }
#top_nav { width:600px; margin-left:200px; margin-top:0; }
#top_nav input { border:1px #CCCCCC solid; height:18px; color:#999; margin-top:-2px; }
#top_nav .btn { height:20px; width:30px; color:#FFF; background-color:#CCC; font-size:12px; }
#top_nav li { float:left; margin:0 0 0 12px; list-style:none; padding:35px 15px 8px; text-transform:uppercase; text-align:center; }
#top_nav li.active { background-color:#A4D03B; }
#top_nav li.active a {color:#fff;}
#top_nav li a { color:#767676; text-decoration:none; }
#top_nav li a:hover { color:#799b2d; background-color:#fff; border-bottom:1px dotted #799b2d; }
/* LEFT NAVIGATION */
#left_menu {padding: 0; margin: 0; font-size:12px; clear:both; position:absolute;}
/* First Level Menu */
#left_menu ul { width:168px; }
#left_menu ul li { padding:8px 0 8px 0; line-height:12px; }
#left_menu ul li { border-top:1px #e7e7e7 solid; font-weight:normal; }
#left_menu li a:hover { color:#799b2d; background-color:#fff; border-bottom:1px dotted #799b2d; }
#left_menu ul li.active a { color:#799b2d; font-weight:bold; }
#left_menu ul li.active { border-right: 1px solid #E7E7E7 ; padding-bottom:8px; }
/* Second Level Menu */
#left_menu ul li.active ul { margin-top:5px; margin-left: 0px;}
#left_menu ul li.active ul li.active { border-right:1px solid #F2F9E5; padding-left:16px; padding-right:0; background:url(../images/menu_bullet_down.gif) no-repeat 160px 11px #f2f9e5; }
#left_menu ul li.active ul li { padding:8px 5px 8px 16px; background:none; border-top:1px #fff solid; /*background-color:#fff; border:0px; list-style-image: url(../images/list-arrow.gif); list-style-position: inside; */}
#left_menu ul li.active ul li a { color:#767676; font-weight: normal; margin-left:0; }
#left_menu ul li.active ul li a:hover { color:#799b2d; background:transparent; }
#left_menu ul li.active ul li.active a { color:#799b2d; }
/* Third Level Menu */
#left_menu ul li.active ul li.active ul { }
#left_menu ul li.active ul li.active ul li { padding:4px 10px; border:0px; line-height:1.15em; }
#left_menu ul li.active ul li.active ul li.active { padding:4px 10px; border-right:5px #799B2D solid; }
#left_menu ul li.active ul li.active ul li a { color:#767676; border-bottom:none; font-weight: normal;}
#left_menu ul li.active ul li.active ul li a:hover { background: transparent; border-bottom:1px dotted #799b2d; }
#left_menu ul li.active ul li.active ul li.active a {font-weight:normal; color:#799B2D;}
#left_nav .spec_link { padding:10px; border-top:1px #e7e7e7 solid; border-bottom:1px #e7e7e7 solid; font-weight: normal; }
/* INNER PAGE */
body#services { background:#fff url(../images/service-banner.jpg) no-repeat top center; }
body#ria { background:#fff url(../images/service-banner.jpg) no-repeat top center; }
body#webdev { background:#fff url(../images/service-banner.jpg) no-repeat top center; }
body#infrastructure { background:#fff url(../images/service-banner.jpg) no-repeat top center; }
body#marketing { background:#fff url(../images/service-banner.jpg) no-repeat top center; }
body#emailmarketing { background:#fff url(../images/service-banner.jpg) no-repeat top center; }
body#cms { background:#fff url(../images/service-banner.jpg) no-repeat top center; }
body#about { background:#fff url(../images/about-banner.jpg) no-repeat top center; }
body#news { background:#fff url(../images/about-banner.jpg) no-repeat top center; }
body#key { background:#fff url(../images/about-banner.jpg) no-repeat top center; }
body#process { background:#fff url(../images/about-banner.jpg) no-repeat top center; }
body#become { background:#fff url(../images/about-banner.jpg) no-repeat top center; }
body#career { background:#fff url(../images/about-banner.jpg) no-repeat top center; }
body#contact { background:#fff url(../images/contact-banner.jpg) no-repeat top center; }
body#become { background:#fff url(../images/contact-banner.jpg) no-repeat top center; }
body#request { background:#fff url(../images/contact-banner.jpg) no-repeat top center; }
body#works { background:#fff url(../images/works-banner.jpg) no-repeat top center; }
body#clients { background:#fff url(../images/clients-banner.jpg) no-repeat top center; }
#bc { clear:both;float:left;margin-left:-175px;width:100%; margin-top:10px;}
#bc li{ font-size:12px; color:#aaa; float:left; display:inline; padding-bottom:10px;}
#bc li a{ color:#aaa; text-decoration:none; margin:0 5px; font-weight: normal;}
#bc li a:hover { color:#aaa; }
#content_wrap { width:920px; margin-top:0px; }
#content_wrap div.title_h1 { /*width:400px;*/ height:150px; clear:both;margin-left:-185px;margin-top:110px; }
#content_wrap h1 { font:48px Helvetica,Arial,sans-serif; color:#777; letter-spacing:-2px; padding:0 0 10px 15px; line-height:48px; margin-bottom:0; padding-top:98px; }
div.title_h1 * { vertical-align:bottom; }
html div.title_h1 span { height:100%;display:inline; }
#content_wrap h2 { font:18px Helvetica,Arial,sans-serif; color:#80b901; font-weight:normal;}
#content_both { width:690px; float:left; padding-bottom: 20px; }
#content_both h1 { width:690px; }
#content_left { width:750px; float:left; padding-bottom: 20px; padding-left:170px;}
#content_right { width:200px; float:right; }
#content_right span.title { display:block; font:14px Helvetica,Arial,sans-serif; color:#427000; padding:10px 15px; background-color:#DFEDC8; color:#6E9E4A; font-weight:normal; font-style: italic; margin-bottom:0; }
#content_right .block { margin-top:10px; }
#content_summary { color:#444; font-size:12px; margin:0 0 30px 0; }
#content_summary h2 { padding-bottom: 0px; font:16px Helvetica,Arial,sans-serif; font-weight:bold; float:left; }
#content_summary p a:link, #content_summary p a:hover, #content_summary p a:visited, #content_summary p a:active { font-weight: bold;}
#content_summary p { font-size:12px; font-family:Helvetica,Arial,sans-serif; line-height:16px; }
div.content_detail p { font-family:Helvetica,Arial,sans-serif; font-size:12px; line-height:1.5em; margin-bottom:1.5em; }
#content_wrap div.content_detail h2 { /* font-size:13px; */ color:#5c5c5c; font-size:19px; font-weight:normal; margin-bottom:20px; }
div.content_detail h3, div.content_detail h4, div.content_detail h5 { margin-top: 15px; }
body#home .main-col { /*margin-top:20px;*/ float:left; width:770px; }
body#home .services li { background:url(/images/bullet_arrow.gif) no-repeat left; padding-left:18px; }
body#home .news li { float:left; }
body#home .news li div.date { float:left; width:80px; color:#80b901;}
body#home .news li div.date a, body#home .news li div.date a:visited{ text-decoration:none; color:#80b901; border-bottom:none;}
body#home .news li div.date a:hover{ /*border-bottom: dotted #7D8A2E 1px; */}
body#home .news li p { float:left; width:285px; }
body#home .news li a, body#home .news li a:visited { color:#5F5F5F; text-decoration:none; border-bottom:none;}
body#home .news li a:hover{border-bottom: dotted #7D8A2E 1px;}
body#home div.col_right, body#home div.content_block { width:365px; }
body#home .main-tit { width:145px; }
body#home div.col_left { margin-right:15px; width:365px; }
body#home div.col_left p { width:365px; }
body#works .main-row { margin-top:210px; padding-top:45px; }
body#works .main-col { margin-top:0px; float:left; width:770px; }
body#works .main-col h4 { margin-top:0px; text-transform:uppercase; }
body#works div.col_right, body#home div.content_block { width:365px; }
body#works .main-tit { width:145px; }
body#works .main-tit h2 { font-size:22px; }
body#works div.col_left { margin-right:15px; width:365px; }
body#works div.col_left p { width:365px; }
body#clients .main-row { margin-top:210px; padding-top:45px; }
body#clients .main-col { margin-top:0px; float:left; width:770px; }
body#clients .main-col h4 { margin-top:0px; text-transform:uppercase; }
body#clients div.col_right, body#home div.content_block { width:365px; }
body#clients .main-tit { width:145px; }
body#clients .main-tit h2 { font-size:22px; }
body#clients div.col_left { margin-right:15px; width:365px; }
body#clients div.col_left p { width:365px; }
div.col_left { width:320px; float:left; padding:0 0 0 14px; clear:left; position:relative; z-index:2;}
div.col_right { width:230px; float:left; margin:0 0 0 10px; }
div.col_3rd { border-left: #dfedc8 1px solid; padding-left:12px; }
div.col_both { width:730px; float:left; padding:0 0 0 14px; margin:10px 0; }
div.col_both2 { width:745px; float:left; padding:0 0 0 14px; margin:0 0; }
div.content_block { width:320px; font-size:12px; clear:both; margin:0 0 30px 0; }
#content div.content_detail div.content_block ul.bullet { padding: 0 0 0 6px; margin:0; }
div.content_detail { float:left; }
div.content_detail.width_span { width:610px; float:left; padding:10px 20px 8px 15px; }
div.content_detail h3 { font-size:12px; color:#555; font-weight:normal; letter-spacing:0em; margin:5px 0;margin-top:10px; }
body#allclient div.content_detail.col_right h3 { margin-right:10px;}
div.content_detail h3 a:link, div.content_detail h3 a:hover, div.content_detail h3 a:visited, div.content_detail h3 a:active { font-weight:normal; }
div.content_detail li a:link, div.content_detail li a:hover, div.content_detail li a:visited, div.content_detail li a:active { color:#80b901; border-bottom:1px dotted #427000; }
div.content_detail li a:hover { border-bottom:none; }
#content_right { font-size:12px; line-height:normal;}
#content_right p { margin:10px 15px 10px 15px; font-size:12px; line-height:normal; }
#content_right a { color:#456804; }
#content_right a:hover { color:#fff; }
#content_right em { font-style:italic; display:block; }
#content_right ul {margin: 10px 15px 0px 15px; }
/* FOOTER */
#footer { clear:both; width:100%; }
#footer .back { padding:3px 10px; border-bottom:1px dotted #80b901; text-align:right; margin-bottom:4px; }
#footer .back a { background:url(/images/back_to_top.gif) no-repeat left 3px; margin-left:35px; padding-left:10px; color:#5C5C5C; }
#footer .copy { float:left; padding:3px 10px; }
#sitemap { float:right; padding:3px 10px; }
#sitemap li { float:left; margin-left:15px; background:url(/images/bullet_arrow.gif) no-repeat left 4px; margin-left:35px; padding-left:15px; }
#sitemap li a { color:#5C5C5C; }
#portfolio { width:882px; margin:0pt auto; font-size:12px; line-height:14px; }
#portfolio a { color:#fff; }
#portfolio h5 { clear:both; display:inline; text-transform:uppercase; color:#5c5c5c; }
#portfolio h5:after { content:"|"; margin: 0 5px; }
#portfolio ul { display:inline; }
#portfolio li { display:inline; }
#copy { width:882px; margin:0pt auto; font-size:12px; padding-bottom:15px; padding-top:5px; }
#copy .sub { float:right; }
#copy .copy { float:left; }
.hr { clear:both; border-bottom:1px solid #CCC; }
div.content_detail .service_list { width:300px; height:200px; margin:2px; padding:0px;}
div.content_detail .service_list li { line-height:13px; margin-top:3px; margin-bottom:8px; }
#highlight, #talk2us { border:1px solid #DFEDC8;}
/* CLIENT */
#client_index { float:left; }
#client_index .cat{ width:288px; float:left;}
#client_index .cat li{ width:250px; height:32px; float:left; margin-bottom:3px; padding: 5px 13px 5px 20px; color:#427000; background:#f4f4f4 url(../images/menu_bullet.gif) no-repeat scroll 8px 10px;}
#client_index .cat li.active{ width:255px; color:#799B2D; background:#DFEDC8 url(../images/menu_bullet.gif) no-repeat scroll 8px 10px;}
#client_brief { float:right; border:1px solid #DFEDC8; width:400px;}
#client_brief h2 { border-bottom:none; font-family:Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:10px; }
#client_brief .sample { padding: 160px 230px 0 0; width:130px; height:50px; margin-left:10px; background: url(../images/temp03.jpg) no-repeat;}
#client_brief .sample p { font-size:12px; line-height:13px; color:#799B2D; }
#client_brief .client_list { font-size:12px; text-align:right; margin-top:20px; margin-right:10px; }
#client_brief h3 { font-size: 15px; margin-top:15px; margin-right:10px; text-align:right; color:#427000; }
#client_brief h3 a:link, #client_brief h3 a:visited,#client_brief h3 a:active { font-size: 22px; display:block; text-decoration:underline; text-align:right; border-bottom:none; }
#content_right ul.accordion { margin:0; }
#content_right ul.accordion a.btn { display:block; border-bottom:none; }
#content_right ul.accordion a.btn:hover { border-bottom:none; }
div.ui-tabs-hide { display:none; }
div.col_both ul.tab { margin-top:10px; border-bottom:3px solid #6E9E4A; }
div.col_both ul.tab li { display:inline; padding:5px; }
#content div.col_both ul.tab li.ui-tabs-selected { display:inline; padding:5px; background-color:#6E9E4A; }
#content div.col_both ul.tab li.ui-tabs-selected a { color:#fff; }
#content div.col_both ul.tab li a { font-weight:normal; color:#B6DF7A; font-weight:bold; }
#content div.col_both ul.bullet { clear:both }
#content div.col_both ul.bullet_both { padding-left:10px; }
#content div.col_both ul.bullet_both li { list-style-image: url(../images/list-arrow.gif); line-height:normal; margin-top:4px; margin-bottom:4px; color:#6e9e4a;}
#step { margin-top:10px; background-color:#E7E7E7;}
#step h2 { color:#444; font-style:italic; font-weight:normal; margin-bottom:0pt; padding:10px 15px 0px;}
#content #step ul.bullet { margin-left:10px; color:#666666; }
#step li a { font-weight:normal; }
body#home h1 { font-size:30px; padding-bottom:10px;}
body#home h2 { font-size:22px; }
body#home #content_wrap > p { margin:15px 5px 25px 15px; font-size:12px; width:480px; }
body#home h3 { color:#80b901; }
body#home #home_intro { margin-bottom:0px; width:880px; height:370px; }
body#home ul.accordion { width:200px; float:right; }
body#home ul.accordion li { margin-bottom:10px; }
body#home ul.accordion span.title { display:block; font:14px Helvetica,Arial,sans-serif; color:#427000; padding:10px 15px; background-color:#DFEDC8; color:#6E9E4A; font-weight:normal; font-style: italic; margin-bottom:0; }
body#home ul.accordion ul.bullet { margin:10px; }
body#home ul.accordion #talk2us p { font-size:12px; padding:10px; }
body#home ul.accordion #talk2us p a { font-weight:normal; }
ul#show_case { padding:0; margin:10px 0 0 0; }
ul#show_case h4 { font-size:18px; font-family:Helvetica,Arial; color:#427000; font-weight:normal; margin:5px 0 0 0; }
ul#show_case cite { padding-top:5px; display:block; }
#content ul#show_case cite a { color:#999; border-bottom:1px dotted #999; }
#content ul#show_case cite a:hover { border-bottom:none; color:#427000; }
ul#show_case p { padding:5px 0; margin:0; }
ul#show_case li { margin-bottom:15px; padding-bottom:15px; list-style:none; border-bottom:1px solid #DFEDC8; }
body#allclient div.content_block { width:210px; }
body#allclient div.col_left { width:210px; }
body#allclient div.col_right { width:210px; }
div#map span { display:none; }
#step { display:none; }
#home #header { position:absolute; z-index:9999; }
.copy span { color:#80b901; }
.main-tit { float:left; width:168px; }
.main-tit h2 { text-transform:uppercase; width:100px; }
.main-row { float:left; width:100%; padding-top:25px; border-top: 1px dotted #80b901; }
.main-col { float:right; width:700px; }
#content div.content_detail h3.large-header { color:#80B901;font-size:22px;letter-spacing:-1px;font-weight:normal;margin-bottom:5px; }
#clients h3.large-header { color:#80B901;font-size:22px;letter-spacing:-1px;font-weight:normal;margin-bottom:5px; }
#content div.content_detail h3.large-header a { font-size:22px;letter-spacing:-1px;font-weight:normal;margin-bottom:5px; }
.float-left { float:left; }
.form_contact td { padding:5px; }
.form_contact td input, .form_contact td textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444; width:300px; }
.form_contact .FormButton{width:80px;}
.FormButton { width:80px; }
.bullet_arrow li { background:url(/images/bullet_arrow.gif) no-repeat left 3px; padding-left:18px; margin-left:5px; margin-bottom:25px }
.bullet_arrow li strong { font-weight:bold; color:#80B901; }
ol.process li { margin-left:26px; list-style:decimal; margin-bottom:20px; }
.content_detail p strong { font-weight:bold; color:#80B901; }
.news-item {border-top:1px dotted #80B901; padding-top:5px; margin-bottom:45px;}
.popup { display:none; }
body div#fancy_div { text-align:center; background:#fff; }
body div#fancy_div a { display:block; margin-top:10px; padding:2px 5px; border:1px solid #80B901; width:100px; margin-left:155px }
ul#list-of-clients {}
ul#list-of-clients li { float:left; border-right:1px solid #fff; border-bottom:1px solid #fff; }
#works .content_block a { display:block; }
/* #main .content_block a { display:block; } */
.clear{clear:both;}
.backlist {float:right; background:url(/images/btn_back.gif) no-repeat left 4px; padding-left:15px; padding-right:0px; margin-right:0px; margin-bottom:10px; }
.backlistL {background:url(/images/btn_back.gif) no-repeat left 4px; padding-left:15px; margin-left:0px; margin-bottom:10px; }
div.content_detail h2.workstitle{width:600px; float:left;}
#works-menu { margin-top:25px; }
#works-menu li {border-bottom:1px solid #E7E7E7;line-height:normal;margin-bottom:5px;padding:8px 0;}
#works-menu strong { font-weight:bold; }
body#works #left_nav { display:none; }
#content #clientMenu a:hover { color:#fff; background:#A4D03B; }
#content #clientMenu a { color:#fff; background:#767676; }
table#news-table th {color:#80B901; font-weight:bold;}