@import "common.css";

/* begin whoweare */
#cl_whoweare #Content {height:494px;}
.content_header_ww {width:900px; height:86px; padding-top:4px; padding-left:1px;}
.content_header_ww img {margin-top:1px;}
.content_center_ww {width:100%;}
.content_center_left_ww {width:169px; float:left; padding-left:21px; padding-top:1px;}
.content_center_left_ww ul li {line-height:21px; font-size:12px;}
.content_center_left_ww ul li a {text-decoration:none; color:#666666;}
.content_center_left_ww ul li a.active {color:#330099; font-size:13px;}
.content_center_text_ww {width:440px; float:left; margin-top:3px; display:inline; background:url(../img/cl_whoweare_bg.gif) top left no-repeat; }
.content_center_text_ww div {padding-left:20px; width:410px; height:286px; margin-top:-4px;}
.content_center_text_ww div p {margin-bottom:18px; line-height:18px;}
.content_center_text_ww div p.last {margin:0;}
.content_center_text_ww div p a {color:#340199;}
.content_center_text_ww div.links {border:0; padding-left:0; margin-top:15px; float:right; width:120px; text-align:right; margin-right:24px; height:20px; display:inline;}
.content_center_right_ww {width:270px; height:330px; text-align:center; float:left;}
.content_center_right_ww img {margin-left:8px;}
/* end whoweare */


/* begin services*/
.content {overflow:hidden; clear:both;}
.content_center_serv_left {padding-left:40px;float:left; width:369px; padding-bottom:60px;}
.content_center_serv_left_info {border-left:1px solid #bababa; padding-left:8px; width:310px; height:68px; float:left; display:inline; margin-top:3px;}
.content_center_serv_left_info div {width:290px; height:68px; margin-top:-4px;}
.content_center_serv_left_info div p {line-height:18px;}
.content_center_serv_left .serv_links {width:248px;}
.serv_links {float:left; display:inline; background-position: top left; background-repeat:no-repeat; padding-top:38px;}
.serv_links div {border-left:1px solid #adadad; padding-left:9px; float:left; width:100%; margin-left:1px;}
.serv_links div a {color:#666666; text-decoration:none; margin-top:-4px; display:block; height:22px;}
.serv_links div a b, .serv_links div a i {font-weight:normal; font-style:normal;}
.serv_links div a i {display:none;}
.serv_links div.active a {color:#006699; height:16px;}
.serv_links div.active a i {display:inline; margin-right:2px;}
.serv_links div.active a b {display:none;}
.serv_links div.active p {display:block;}
.serv_links.design {background-image:url(../img/services/web_design.gif); padding-top:46px; margin-top:34px; margin-left:90px;}
.serv_links.onl_mark {background-image:url(../img/services/online_mark.gif); margin-left:90px; margin-top:12px; padding-top:43px;}
.content_center_serv_middle {width:280px; float:left;}
.content_center_serv_middle .serv_links {width:260px;}
.content_center_serv_right {float:left; width:190px;}
.serv_links.rich_media {background-image:url(../img/services/rich_media.gif); padding-top:46px;}
.serv_links.development {background-image:url(../img/services/development.gif); margin-top:12px; padding-top:57px;}
.serv_links.print {background-image:url(../img/services/print.gif); background-position:1px top; margin-top:3px; padding-top:45px;}
.serv_links.corp_id {background-image:url(../img/services/corp_id.gif); margin-top:22px; background-position:2px top; padding-top:46px;}
.serv_links.pac_ind {background-image:url(../img/services/pac_ind.gif); background-position:1px top; margin-top:22px; padding-top:45px;}
.serv_links p {font-size:11px; color:#333333; display:none; padding-left:10px; width:210px; clear:both; margin-bottom:15px;}
.serv_links div p a {display:inline; color:#ff0000;}
.serv_links div p a span {text-decoration:underline; color:#ff0000;}
#cl_services #Content {min-height:400px; overflow:hidden;}
/* end services */

/* begin awards*/
.content {overflow:hidden; clear:both;}
.content_center_award {padding-left:176px;}
.content_center_award .top_text {width:400px; padding-left:20px; border-left:1px solid #b0b0b0; margin-top:3px; line-height:18px; height:90px; margin-left:14px;}
.content_center_award .top_text p {display:block;}
.content_center_award .script_area {width:700px; height:290px; padding-top:22px;}
.content_center_award .script_area .arrow_left {float:left; width:35px; height:190px; background:url(../img/awards/sk_left.gif) 13px top no-repeat;}
.content_center_award .script_area .arrow_left a {display:block; width:7px; height:9px; background-position:0 0; background-repeat:no-repeat; background-image:url(../img/awards/arrow_left.gif);}
.content_center_award .script_area .arrow_left a.active {background-position:0 100%;}
.content_center_award .script_area .arrow_left a b {display:none;}
.content_center_award .script_area .arrow_left div {float:left; padding-top:48px; width:8px; height:10px; padding-right:5px;}
.content_center_award .script_area .img_inner {width:604px; float:left; height:190px; overflow:hidden;}
.content_center_award .script_area .img_inner table {height:190px; margin-left:-19px;}
.content_center_award .script_area .img_inner table td {width:160px; vertical-align:top; text-align:center;}
.content_center_award .script_area .img_inner table td div {padding-top:8px; height:108px; width:160px;}
.content_center_award .script_area .img_inner table td p {text-align:left; font-size:11px; font-weight:bold; display:block; border-left:1px dotted #b0b0b0; padding-left:8px; margin-left:32px; height:63px;}
.content_center_award .script_area .img_inner table td p span {color:#666666; font-weight:normal;}
.content_center_award .script_area .arrow_right {float:left; width:50px; height:190px; background:url(../img/awards/sk_right.gif) 0 top no-repeat;}
.content_center_award .script_area .arrow_right div {float:left; width:8px; height:10px; margin-left:22px; padding-top:48px;}
.content_center_award .script_area .arrow_right a {display:block; width:7px; height:9px; background-position:0 100%; background-repeat:no-repeat; background-image:url(../img/awards/arrow_right.gif);}
.content_center_award .script_area .arrow_right a.active {background-position:0 0;}
.content_center_award .script_area .arrow_right a b {display:none;}
*html .content_center_award .script_area .arrow_right div {margin-left:12px;}
/* end awards*/

/* begin cmsdemo */
#cmsdemo #Content {height:494px;}
.content_header_cmsdemo {width:900px; height:86px; padding-top:4px; padding-left:1px;}
.content_header_cmsdemo img {margin-top:1px;}
.content_center_cmsdemo {width:100%;}
.content_center_left_cmsdemo {width:169px; float:left; padding-left:21px; padding-top:1px;}
.content_center_left_cmsdemo ul li {line-height:21px; font-size:12px;}
.content_center_left_cmsdemo ul li a {text-decoration:none; color:#666666;}
.content_center_left_cmsdemo ul li a.active {color:#006633; font-size:13px;}
.content_center_text_cmsdemo {width:440px; float:left; margin-top:5px; display:inline; background:url(../img/cl_whoweare_bg.gif) top left no-repeat; }
.content_center_text_cmsdemo div {padding-left:10px; width:410px; height:230px; margin-top:-4px;}
.content_center_text_cmsdemo div p {margin-bottom:18px; line-height:18px;}
.content_center_text_cmsdemo div h1 {font-size:14px; color:#006633; font-weight:bold; line-height:16px; display:block; height:50px;}
.content_center_text_cmsdemo div p a {color:#340199;}
.content_center_right_cmsdemo {width:270px; height:330px; text-align:center; float:left; margin-top:4px; display:inline;}
.content_center_right_cmsdemo a {display:block; width:162px; height:16px; background:url(../img/cmsdemo/cms_illustr.gif) right 8px no-repeat; float:left; padding-top:182px; text-decoration:none; font-size:12px; color:#666666;}
.content_center_right_cmsdemo a span {margin-left:10px;}
/* end cmsdemo */

/* begin casestudies */
#casestudies #Content {/*height:670px;*/min-height:483px; padding-bottom:40px;}
.content_header_cs {width:917px; height:61px; padding-top:4px; padding-left:1px;}
.content_header_cs div {float:right; width:620px; height:60px;}
.content_header_cs span {font-size:20px; line-height:22px; color:#cc9900; padding-left:20px; display:block; padding-top:10px;}
.content_header_cs img {margin-top:1px;}
.content_center_cs {width:100%; float:left;}
.content_center_left_cs {width:169px; float:left; padding-left:21px; padding-top:24px;}
.content_center_left_cs ul li {line-height:21px; font-size:13px; margin-left:8px;}
.content_center_left_cs ul li.big {font-size:15px; margin-bottom:4px; margin-left:0;}
.content_center_left_cs ul li a {text-decoration:none; color:#666666;}
.content_center_left_cs ul li a.active, .content_center_left_cs ul li a:hover {color:#cc9900; font-weight:bold;}
.content_center_left_cs ul li.big a:hover {font-weight:normal; color:#666666;}
.content_center_text_cs {width:440px; float:left; margin-top:28px; padding-bottom:20px; float:left;}
.content_center_text_cs div { width:420px; /*height:286px;*/ background:url(../img/cl_whoweare_bg.gif) left 30px repeat-y; float:left;}
.content_center_text_cs div.logo {width:360px; height:37px; border-left:0; padding-left:0; margin:0; line-height:0; font-size:0;}
.content_center_text_cs div p {margin-top:18px; line-height:18px; padding-left:20px; display:block; float:left;}
.content_center_text_cs div p span {color:#cc9900; font-size:14px; font-weight:bold;}
.content_center_text_cs div p a {color:#340199;}
.content_center_text_cs div p.last {padding-bottom:0;}
.content_center_text_cs div p.link {float:right; background:0; color:#cc9900; font-size:12px; font-style:italic; padding-top:38px; margin:0; /*width:400px;*/ text-align:right; background-color:#ffffff; width:140px;}
.content_center_right_cs {width:289px; height:330px; text-align:center; float:left; padding-top:10px;}
.content_center_right_cs .launch_site_link {float:right; height:78px; font-size:0; line-height:0;}
.content_center_right_cs .content_center_right_cs_inner {width:270px; height:340px; float:left;}
.center_img {height:300px;}
#casestudies #WrapperTop, #casestudies #WrapperMiddle, #casestudies #ContentWrapper, #casestudies #WrapperBottom , #casestudies #Content{float:left;}
#casestudies #WrapperMiddle {min-height:600px;}
/* end casestudies */

/* begin casestudies_intro */
#casestudies_intro #WrapperMiddle {float:left; min-height:500px;}
#casestudies_intro #Content {/*height:495px;*/ float:left;}
#casestudies_intro #ContentWrapper {float:left;}
#casestudies_intro #WrapperBottom {float:left;}
.content_header_csi {width:900px; height:86px; padding-top:4px; padding-left:1px;}
.content_header_csi img {margin-top:1px;}
#casestudies_intro .content_center_csi {width:100%; float:left;}
#casestudies_intro .content_center_right_csi {padding-bottom:30px;}
.content_center_left_csi {width:107px; float:left; padding-left:84px; padding-top:37px;padding-bottom:30px; }
.content_center_left_csi span {font-size:15px; font-weight:bold; color:#cc9900;}
.content_center_text_csi {width:440px; float:left;}
#casestudies_intro .content_center_text_csi div { width:400px; /*height:286px;*/ float:left;}
.content_center_text_csi div p {padding-bottom:18px; line-height:18px; padding-left:22px; background:url(../img/cl_whoweare_bg.gif) left top no-repeat; display:block;}
.content_center_text_csi div p span {color:#cc9900; font-size:14px; font-weight:bold;}
.content_center_text_csi div p a {color:#340199;}
.content_center_text_csi div p.last {padding-bottom:0;}
#casestudies_intro .content_center_right_csi {width:289px; /*height:330px;*/ text-align:center; float:left; padding-top:6px;}
#casestudies_intro .content_center_right_csi .content_center_right_csi_inner {width:270px; /*height:330px;*/ float:left;}
.content_center_right_csi .content_center_right_csi_inner a {display:block; width:253px; height:110px; margin-left:9px; float:left; display:inline;}
/* end casestudies_intro */

/* begin portfolio */
#portfolio #Content {/*height:493px;*/min-height:483px; padding-bottom:40px;}
.content_header_pf {width:901px; height:75px; padding-top:4px; padding-left:1px;line-height:0; font-size:0; position:relative;}
.content_header_pf img {margin-top:1px;}
.content_header_pf #head_logo {float:right;margin-top:16px; text-align:right;}
.content_header_pf #head_logo .headsite { font-size:20px; color:#330099; line-height:23px;}
.content_header_pf #head_logo .description {font-size:12px; color:#000000; font-weight:normal; line-height:22px;}
.content_header_pf h2.portf {font-weight:bold; font-size:12px; color:#330099; position:absolute; margin:35px 0 0 20px; z-index:10; line-height:14px;}
.content_center_left_pf {width:196px; float:left; padding:14px 0 20px 14px;}
.content_center_left_pf ul li {line-height:21px; font-size:13px; margin-left:8px;}
.content_center_left_pf ul li a {text-decoration:none; color:#666666;}
.content_center_left_pf ul li a b {font-weight:normal;}
.content_center_left_pf ul li a i {display:none;}
.content_center_left_pf ul li.active a, .content_center_left_pf ul li a:hover {color:#ff0000;}
.content_center_left_pf ul li.active a b {display:none;}
.content_center_left_pf ul li.active a i {font-style:normal; display:inline; margin-right:3px;}
.content_center_left_pf ul li ul {display:none; border-left:1px solid #d9d9d9; margin-top:6px; margin-bottom:11px; padding-bottom:4px;}
.content_center_left_pf ul li.active ul {display:block;}
.content_center_left_pf ul li ul li {font-size:12px; margin-left:0; zoom:1}
.content_center_left_pf ul li ul li a {display:block; padding-left:12px; margin-left:-1px; /*height:21px;*/}
.content_center_left_pf ul li.active ul li a {color:#666666; font-weight:normal;}
.content_center_left_pf ul li ul li a.active, .content_center_left_pf ul li ul li a:hover {background:url(../img/portfolio/arrow_menu.gif) left 7px no-repeat; color:#330099;}
.content_center_text_pf {width:420px; float:left; padding-top:6px; position:relative; margin-left:-9px;}
.content_center_text_pf img {margin:9px 0 0 9px;}
.content_center_text_pf .bottom_links {padding-top:2px; padding-left:11px;}
.content_center_text_pf .bottom_links a {display:block; background-position:0 0; background-repeat:no-repeat; float:left; margin-left:12px;}
.content_center_text_pf .bottom_links a.active {background-position:0 100%;}
.content_center_text_pf .bottom_links a b {display:none;}
.content_center_text_pf .bottom_links a.center_link1 {background:url(../img/portfolio/center_dot1n.gif) top left no-repeat; width:11px; height:8px; margin-top:5px; margin-left:0;}
.content_center_text_pf .bottom_links a.center_link1.active {background-position:bottom left;}
.content_center_text_pf .bottom_links a.center_link2 {background-image:url(../img/portfolio/center_dot2.gif); width:11px; height:8px; margin-top:4px;}
.content_center_text_pf .bottom_links a.center_link3 {background-image:url(../img/portfolio/center_dot3.gif); width:11px; height:9px; margin-top:3px;}
.content_center_text_pf .bottom_links a.center_link2.active {background-position:0 100%;}
.content_center_text_pf .bottom_links a.center_link3.active {background-position:0 100%;}
.content_center_text_pf .bottom_links a.link_launch_site {float:right; margin-right:12px; display:inline;}
.content_center_text_pf .bottom_links a.link_launch_site img {margin:0;}
.content_center_right_pf {width:250px; height:330px; text-align:center; float:left; padding-top:12px; padding-left:29px; position:relative; text-align:left;}
.content_center_right_pf p {text-align:left; display:block; width:250px; line-height:18px; /*overflow:hidden; height:306px;*/}
.content_center_right_pf p.bottom_links {text-align:right; font-style:italic; line-height:16px; margin-top:3px; height:50px;}
.content_center_right_pf p.bottom_links a.active {color:#ff0000;}
#portfolio #PortfolioNav #PNavWeb {background-image:url(../img/portfolio/web_design_active.gif);}
.center_img {height:300px;}
#portfolio #WrapperTop, #portfolio #WrapperMiddle, #portfolio #ContentWrapper, #portfolio #WrapperBottom , #portfolio #Content{float:left;}
#portfolio #WrapperMiddle {min-height:600px;}


.shadow {position:absolute; opacity:0.8; height:100%; width:100%; z-index:10; background-color:#000; margin:0 0 0 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); left:0; display:none; top:0; min-height:724px;}
.portf_popup {position:absolute; z-index:100; width:600px; margin-top:120px; margin-left:207px; display:none;}
.portf_popup_top {height:20px; background-color:#989898;}
.portf_popup_top a {float:right; width:70px; height:20px; background:url("../img/btn_close.png") left top no-repeat; position:relative; margin:-13px -57px 0 0; text-align:right; font-size:10px; line-height:12px; text-transform:uppercase; text-decoration:none; color:#ffffff; font-weight:bold; padding-top:10px;}
.portf_popup_bottom {height:34px; background-color:#989898;}
.portf_popup_bottom  .pages {float:right; color:#cccccc; padding:8px 24px 0 0;}
.portf_popup_bottom  .pages a {color:#cccccc; text-decoration:none;}
/* end portfolio */

.content_center_left_pf ul li.active div {border:1px solid #fff; width:137px; margin:7px 0 0 -2px; padding-left:1px;}
.content_center_left_pf ul li.active div ul {margin:-2px 0 9px 0;}
.content_center_left_pf ul li.active a.edit {position:absolute; font-size:0; line-height:0; margin:1px 0 0 96px;}

.content_center_text_pf.demosite div.center_border {position:absolute; border:1px solid black; width:418px; height:298px; margin:-1px 0 0 0;}
.content_center_text_pf.demosite .bottom_links, .content_center_right_pf.demosite_r .bottom_links {position:relative; z-index:1000;} /*because links do not work in FF*/
.content_center_right_pf.demosite_r .bottom_links {height:15px;}
.content_center_text_pf.demosite .bottom_links {padding-top:5px; margin-left:-3px;}
.content_center_text_pf.demosite .center_border2 {position:absolute; width:110px; height:40px; margin-top:303px; background:url(../img/bg_redline.gif) 0 21px no-repeat;}
.content_center_text_pf.demosite .center_border2 a, .content_center_text_pf.demosite .center_border3 a {font-size:12px; text-decoration:underline; font-weight:bold; color:#cc0000;}
.content_center_text_pf.demosite .center_border2 div {float:left; width:19px; height:19px; border:1px solid black; margin-right:5px; margin-bottom:4px; display:inline;}
.content_center_text_pf.demosite .center_border3 {position:absolute; margin:303px 0 0 283px;}
.content_center_text_pf.demosite .center_border3 div {border:1px solid black; width:135px; height:23px;}
.content_center_text_pf.demosite .center_border3 a {margin:-2px 0 0 37px; line-height:14px;}
.content_center_text_pf.demosite .bottom_links a.center_link3 {margin-left:14px;}
.right_head {position:absolute; margin:11px 0 0 640px; width:268px; height:48px; border:1px solid black;}
.right_head a {margin:48px 0 0 228px; position:absolute;}
.right_text {position:absolute; top:12px; left:29px; width:268px; height:328px; border:1px solid black; margin:-6px 0 0 -9px; text-align:left;}
.right_text a {position:absolute; margin:329px 0 0 227px;}

.upload {padding:3px 0 0 13px; height:297px;}
.upload h2 {font-size:10px; line-height:12px; font-weight:normal; float:left; height:294px; width:97px; padding-top:2px;}
.upload .upload_image table td {width:120px; height:83px; padding-bottom:7px; vertical-align:middle;}
.content_center_text_pf .upload .upload_image td img { margin:0; float:right;}
.upload .upload_image {width:139px; float:left; padding-top:17px;}
.upload .radio_but {width:16px; float:left; padding:62px 33px 0 0; position:relative; background:url(../img/bg_image_upload.gif) right 67px no-repeat;}
.upload img {float:left;}
.upload .radio_but input {margin-bottom:69px; border:0; height:16px; width:16px;}
.upload .radio_but input.last {margin:0;}
.upload form a {margin:147px 0 0 31px; position:absolute;}

.editor_top {width:260px; height: 18px; border-bottom:1px solid black; margin:-5px 0 0 -8px; text-align:left; padding:2px 0 0 8px;}
*+html .editor_top {padding:0; border:0; margin:0; height:16px;}
*html .editor_top {padding:0; border:0; margin:0; height:16px;}
.editor_top a {text-decoration:none; font-size:14px; line-height:16px; color:#000000; font-weight:bold; cursor:pointer; position:relative;}
*+html .editor_top .size {margin:-4px 0 0 192px; position:absolute;}
*html .editor_top .size {margin:-4px 0 0 192px; position:absolute;}
.editor_top .size {float:right; padding:0 3px 0 0;}
.editor_top .size input {width:35px; height:12px; border:1px solid #000; margin-top:1px; text-align:center; position:relative; font-size:10px; font-weight:bold;}
.editor_top .size label {font-size:12px; font-weight:bold; color:#000; margin-bottom:2px;}
.editor_text {width:262px; height:307px; margin:-1px 0 0 -9px; position:relative; border:1px solid #000; padding-left:6px;}
*html .editor_text {margin:-1px 0 0 -9px; height:306px;}
*+html .editor_text {margin:-1px 0 0 -9px; height:306px;}


#uploads td, #uploads th { vertical-align: middle; }
#uploads input { display: block; float: left; margin: 4px 5px; color: #616265; height: 16px; line-height: 16px;}
#uploads span { float: left; display: block; margin: 4px 5px; width: 44px; }
#uploads span input { margin: 0 5px 0 0; width: auto; }
#uploads .upload2 { position: relative; height: 20px; width: 44px; margin:147px 0 0 31px; cursor: pointer;display: block; overflow:hidden;}
#uploads .upload2 .hiddenfile { position: absolute; opacity: 0; z-index: 2; cursor: pointer; margin: 0 0 0 -90px; display: block; float: left; width:44px; height:20px; -webkit-margin-start: 0px}
#uploads .upload2 .fakefile { position: absolute; left: 0; top: 0; border: 0; /*padding-right: 67px;*/ z-index: 1; margin: 0; width: 44px; height: 20px; background: url(../img/btn_upload.gif) no-repeat top left; }
#abzac1 {text-align:left;}
#hide_left_menu {position:absolute; width:160px; height:330px; z-index:10; background:url(./img/1x1.gif) left top repeat; display:none;}

.content_center_text_ww {margin-top:10px;}
.content_center_text_ww div.links a {
	font-size:12px;
	line-height:13px;
	color:#333;	
	text-decoration:none;
}
.content_center_text_ww div.links a.active span {color:#999; text-decoration:none;}
.content_center_text_ww div.links a span {color:#336666; text-decoration:underline;}

.content_center_serv_middle, .content_center_serv_right {padding-bottom:60px;}
span.hor_space {float:left; margin-left:14px; border-right:1px solid #999999; line-height:0; font-size:0; height:14px; width:1px;}
.content_center_text_pf .bottom_links a.enlarge {float:left; background:url(../img/bg_enlarge.gif) right 1px no-repeat; color:#333333; font-size:11px; text-decoration:none; width:59px; margin-left:13px; line-height:13px; height:16px;}

/*Styles for Who We Are page, added 6/11/2009*/
#cl_whoweare #Content {height:auto;}
#whowearecontent.content_center_ww {overflow:hidden;}
#whowearecontent .content_center_text_ww {padding-bottom:80px; background:none; margin:0;}
#whowearecontent .content_center_text_ww div {height:auto; background:url(../img/cl_whoweare_bg.gif) 0 0 repeat-y; margin-top:-18px; min-height:307px;}
#whowearecontent .content_center_text_ww div p {margin:0; padding-top:18px;}
#whowearecontent .content_center_text_ww div.links {background:none; margin-top:15px; height:20px; min-height:0;}