/* basic HTML tags */
table{
border:0px; /* border="0" */
border-collapse:collapse; /* cellspacing="0" */
}
ul {
margin-top: 0px;
margin-bottom: 0px;
}
table td {
padding:0px; /* cellspadding="0" */
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #747474;
line-height: 14px;
}
a {
font-family: Arial, Helvetica, sans-serif;
}
h1 {
font-size: 16px;
font-weight: bold;
margin-bottom: 3px;
color:#000000;
}
strong{
color:#000000;
}
form {
margin: 0px;
padding: 0px;
}
input {
font-family: tahoma;
font-size: 11px;
padding: 1px 0;
padding-left: 2px;
}
select {
font-family: tahoma;
font-size: 11px;
}
option {
padding-left: 2px;
}
.boldText {
vertical-align: middle;
font-weight: bold;
padding-bottom: 2px;
}
.sortIcon {
border: 0px;
margin-left: 2px;
}
/* layout divs */
.center {
}
.clear {
clear: both;
_display: none;
}
#container {
margin-top: 30px;
width: 858px;
text-align: left;
}
#siteHeader {
display: none;
width: 521px;
float: left;
clear: left;
text-align: left;
}
#siteHeader2 {
width: 853px;
margin: 0px auto 0px auto;
clear: left;
text-align: left;
}
#siteBody {
float: right;
width: 430px;
}
#siteBody_contact{
float: right;
width: 470px;
}
#siteFooter {
padding-top: 0px;
clear: both;
}
/* header */
/* main menu */
#siteHeader2 .mainMenu {
width: 800px;
}
#siteHeader2 .mainMenu ul {
margin-left: 55px;
_margin-left: 45px;
}
#siteHeader2 .mainMenu ul li {
padding: 0px 16px 0px 16px;
}
.mainMenu {
width: 521px;
vertical-align: middle;
}
.mainMenu ul {
padding: 0px;
margin: 0px;
}
.mainMenu ul li {
float: left;
clear: right;
margin-left: 10px;
color: #daeaf7;
text-transform: uppercase;
font-weight: bold;
padding-left: 5px;
}
.mainMenu ul li a {
color: #daeaf7;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
}
.mainMenu ul li a span {
display: none;
}
.mainMenu ul {
list-style: none;
}
.mainMenu ul li a {
float: left;
height: 20px;
}
.mainMenu ul li a#item1, .mainMenu ul li a:hover#item1 {
width: 30px;
background-image: url(../images/buttons/btn_home.gif);
}
.mainMenu ul li a:hover#item1, .mainMenu ul li a.activeItem#item1 {
background-image: url(../images/buttons/btn_home_ov.gif);
}
.mainMenu ul li a#item2, .mainMenu ul li a:hover#item2 {
width: 47px;
background-image: url(../images/buttons/btn_our_story.gif);
}
.mainMenu ul li a:hover#item2, .mainMenu ul li a.activeItem#item2 {
background-image: url(../images/buttons/btn_our_story_ov.gif);
}
.mainMenu ul li a#item3, .mainMenu ul li a:hover#item3 {
width: 44px;
background-image: url(../images/buttons/btn_services.gif);
}
.mainMenu ul li a:hover#item3, .mainMenu ul li a.activeItem#item3 {
background-image: url(../images/buttons/btn_services_ov.gif);
}
.mainMenu ul li a#item4, .mainMenu ul li a:hover#item4 {
width: 70px;
background-image: url(../images/buttons/btn_video_gallery.gif);
}
.mainMenu ul li a:hover#item4, .mainMenu ul li a.activeItem#item4 {
background-image: url(../images/buttons/btn_video_gallery_ov.gif);
}
.mainMenu ul li a#item5, .mainMenu ul li a:hover#item5 {
width: 34px;
background-image: url(../images/buttons/btn_clients.gif);
}
.mainMenu ul li a:hover#item5, .mainMenu ul li a.activeItem#item5 {
background-image: url(../images/buttons/btn_clients_ov.gif);
}
.mainMenu ul li a#item6, .mainMenu ul li a:hover#item6 {
width: 82px;
background-image: url(../images/buttons/btn_success_stories.gif);
}
.mainMenu ul li a:hover#item6, .mainMenu ul li a.activeItem#item6 {
background-image: url(../images/buttons/btn_success_stories_ov.gif);
}
.mainMenu ul li a#item7, .mainMenu ul li a:hover#item7 {
width: 39px;
background-image: url(../images/buttons/btn_awards.gif);
}
.mainMenu ul li a:hover#item7, .mainMenu ul li a.activeItem#item7 {
background-image: url(../images/buttons/btn_awards_ov.gif);
}
.mainMenu ul li a#item8, .mainMenu ul li a:hover#item8 {
width: 55px;
background-image: url(../images/buttons/btn_contact_us.gif);
}
.mainMenu ul li a:hover#item8, .mainMenu ul li a.activeItem#item8 {
background-image: url(../images/buttons/btn_contact_us_ov.gif);
}
.mainMenu ul li a:hover{
text-decoration: none;
color: #f7f6b6;
}
/* side bar */
/* content */
.pageContent, .pageSolid {
float: left;
clear: right;
vertical-align: top;
width: 430px;;
}
.pageSolid {
clear: both;
width: 430px;
}
.pageContent .d1, .pageSolid .d1 {
padding-top: 7px;
}
.pageContent .d1 .p1, .pageSolid .d1 .p1 {
text-align: left;
padding-bottom: 3px;
background-image: url(../images/line_bg.gif);
background-position: bottom;
background-repeat: repeat-x;
}
.pageContent .d1 .p1 span, .pageSolid .d1 .p1 span {
display: block;
padding: 0 3px;
height: 18px;
background-position: top left;
background-repeat: no-repeat;
}
#welcome {
background-image: url(../images/text/txt_welcome.gif);
}
#ourStory {
background-image: url(../images/text/txt_our_story.gif);
}
#services {
background-image: url(../images/text/txt_services.gif);
}
#videoInProgress {
background-image: url(../images/text/txt_video_in_progress.gif);
}
#videoGallery {
background-image: url(../images/text/txt_video_gallery.gif);
}
#ourClients {
background-image: url(../images/text/txt_our_clients.gif);
}
#successStories {
background-image: url(../images/text/txt_success_stories.gif);
}
#awards {
background-image: url(../images/text/txt_awards.gif);
}
#contactUs {
background-image: url(../images/text/txt_contact_us.gif);
}
#clientLogin {
background-image: url(../images/text/txt_client_login.gif);
}
#clientRecovery {
background-image: url(../images/text/txt_client_recovery.gif);
}
.leftFlash {
float: left;
margin: 0px 10px 0px 0px;
}
/* footer */
.pageFooter {
font-size: 11px;
}
.pageFooter .p1 {
margin: 10px auto 10px auto;
width: 697px;
text-align: center;
padding: 3px 0px 4px 0px;
background-color: #f6f6f6;
}
.pageFooter .p1 .s2 {
color: #949494;
}
.pageFooter .p1 .s2 a {
padding: 0px 5px 0px 5px;
color: #949494;
text-decoration: none;
}
.pageFooter .p1 .s2 a:hover {
color:#d64741;
text-decoration: none;
}
.skinBar {
color: #900;
}
/* data grid */
.dataGrid, .dataGridTable {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
margin: 2px 0px;
border-collapse: collapse;
}
.dataGridTable {
width: 100%;
border: 0px;
}
.dataGrid td {
white-space: nowrap;
}
.dataGridTable td {
padding: 3px 7px;
white-space: nowrap;
}
.dgTitle td {
background-color: #5e5e5e;
color: #fff;
font-weight: bold;
font-size: 11px;
text-align: center;
}
.dgTitle td a {
color: #fff;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}
.dgTitle td a:hover {
color: #d6d6d6;
}
.tr0 {
text-align: center;
background-color: #fff;
color: #5e5e5e;
}
.tr1 {
text-align: center;
background-color: #fff;
color: #5e5e5e;
}
.tr0 .dgEdit, .tr0 .dgDel {
background-color: #fff;
font-weight: normal;
}
.tr1 .dgEdit, .tr1 .dgDel {
background-color: #fff;
font-weight: normal;
}
.dgTitle .dgSortCell A {
background-color: #5e5e5e;
color: #d6d6d6;
text-decoration: underline;
}
.tr0 .dgSortCell {
background-color: #fff;
}
.tr1 .dgSortCell {
background-color: #fff;
}
.dgEdit a, .dgDel a {
color: #5e5e5e;
}
.dgEdit a:hover, .dgDel a:hover {
color: #5e5e5e;
text-decoration: none;
}
.dgEnab, .dgUnEnab {
text-align: center;
}
.dgEnab .im span, .dgUnEnab .im span {
display: none;
}
.dgEnab .im, .dgUnEnab .im {
background-position: center;
background-repeat: no-repeat;
margin-left: 35%;
_margin-left: 0px;
height: 13px;
width: 13px;
}
.dgEnab .im {
background-image: url(../images/check.gif);
}
.dgUnEnab .im {
background-image: url(../images/uncheck.gif);
}
.gridImg {
text-align: center;
amargin-left: 35%;
_amargin-left: 0px;
aheight: 13px;
awidth: 13px;
}
.dgFunc td {
border: 0px;
}
.helpIco {
width: 16px;
height: 16px;
vertical-align: middle;
margin-left: 7px;
margin-bottom: 1px;
border: 0px;
}
.dgAdd {
text-align: center;
width: 13%;
}
.dgCust {
text-align: right;
padding-right: 5px;
}
.dgCust, .dgAdd {
padding-top: 3px;
padding-bottom: 3px;
}
.dgPage {
vertical-align: middle;
border: 1px solid #5B6C97;
background-color: #fff;
padding: 0 3px;
}
.dgPageSel {
vertical-align: middle;
border: 1px solid #5B6C97;
background-color: #3D6475;
color: #fff;
padding: 0 3px;
}
.dgPageSel a {
color: #fff;
text-decoration: none;
font-weight: bold;
cursor: default;
}
.dgPage a {
color: #3D6475;
text-decoration: none;
font-weight: bold;
}
.dgPage a:hover {
color: #900;
text-decoration: none;
font-weight: bold;
}
.dgPagesStart, .dgPagesEnd {
border: 1px solid #5B6C97;
background-color: #fff;
padding: 0 4px;
height: 11px;
width: 14px;
}
.dgPagesStart a, .dgPagesEnd a {
text-decoration: none;
}
.dgPagesStart {
background-image: url(../images/dgpagesstart.gif);
background-repeat: no-repeat;
background-position: 0 .1em;
__background-position: 0 .2em;
}
.dgPagesEnd {
background-image: url(../images/dgpagesend.gif);
background-repeat: no-repeat;
background-position: 0 .1em;
_background-position: 0 .2em;
}
/* form */
.formBox {
width: 370px;
margin: 5px 0;
}
.formBox .d1 {
padding-top: 7px;
}
.formBox .d1 .p1 {
text-transform: uppercase;
color: #1f5e78;
text-align: right;
border-bottom: 1px solid #3f809a;
padding-bottom: 3px;
background-image: url(../images/ptitlefill.gif);
background-position:0 .4em;
background-repeat:repeat-x;
padding-right: 5px;
}
.userInfo {
text-transform: uppercase;
color: #1f5e78;
text-align: right;
border-bottom: 1px solid #3f809a;
padding-bottom: 3px;
padding-right: 5px;
}
.userInfo span {
background-color: #fff;
padding: 0 3px;
font-weight: bold;
}
.formBox .d1 .p1 span {
background-color: #fff;
padding: 0 3px;
font-weight: bold;
}
.formCont {
background-color: #F3F6F7;
padding: 4px 0;
}
.formTable {
width: 420px;
}
.formTable td {
vertical-align: top;
}
.formFieldName, .formFieldNameTC {
text-align: left;
padding: 2px 0;
padding-right: 3px;
color: #000000;
}
.formFieldNameTC {
vertical-align: top;
}
.formFieldData {
text-align: right;
padding: 2px 0;
_padding: 1px 0;
padding-left: 3px;
}
.formTf, .formTfReq {
border: 1px solid #cecece;
color: #000;
width: 300px;
vertical-align: middle;
}
.formTfReq {
background-color: #fff;
color: #444;
}
.formTfReq textarea {
width: 250px;
vertical-align: middle;
}
.formSelect, .formSelectReq {
border: 1px solid #406778;
color: #25456C;
width: 156px;
vertical-align: middle;
}
.formSelectReq {
background-color: #fde2e2;
color: #900;
}
.formReqStar, .validator {
font-weight: bold;
font-size: 10px;
color: #e30100;
vertical-align: top;
padding-left: 3px;
}
.formChk {
color: #25456C;
vertical-align: middle;
}
.formRadio {
vertical-align: middle;
}
.formRadioComment {
font-size: 11px;
padding:0 3px;
color: #900;
}
.formTextArea {
font-size: 11px;
font-family: tahoma;
text-align:left;
width: 200px;
height: 250px;
overflow-y: scroll;
border: 1px solid #406778;
}
.formFile {
color: #25456C;
width: 200px;
vertical-align: middle;
}
/* mess box */
.messBox {
width: 370px;
margin: 5px 0;
position: absolute;
}
.messBox .pm {
border: 1px solid #6F7577;
padding: 2px 0 3px 0;
padding-left: 5px;
background-image: url(../images/buttonfill.gif);
background-position: top left;
background-repeat: repeat-x;
height: 13px;
}
.messBox .pm span{
color: #555;
font-weight: bold;
text-transform: uppercase;
float: left;
}
.messBox .closeIco {
float: right;
vertical-align: top;
margin-top: 1px;
margin-right: 3px;
cursor: pointer;
}
.messBox .formCont {
clear: both;
background-color: #F3F6F7;
border-left: 1px solid #6F7577;
border-right: 1px solid #6F7577;
border-bottom: 1px solid #6F7577;
}
.messBox .formFieldData {
text-align: center;
border-top: 1px dashed #3B6476;
padding-top: 6px;
}
.messBoxCntNum {
color: #900;
font-weight: bold;
width: 7%;
text-align: right;
padding: 2px 0px;
padding-right: 3px;
vertical-align: top;
}
.messBoxCnt {
color: #900;
width: 93%;
text-align: justify;
padding: 2px 3px;
}
.messBox .button {
padding:0 3px;
}
/* elements */
.button {
color: #25456B;
border: 1px solid #5b6c97;
background-image: url(../images/buttonfill.gif);
background-position: top left;
background-repeat: repeat-x;
background-color: #f3f3f3;
font-family: tahoma;
font-size: 10px;
font-weight: bold;
vertical-align: middle;
padding: 2px 4px;
_padding: 0px;
text-transform: uppercase;
margin: 0px;
cursor: pointer;
}
/* controls */
.helper {
color: #e30100;
margin-left: 2px;
border-left: 1px solid #747474;
border-top: 1px solid #747474;
background-color: #f6f6f6;
width: 250px;
}
.helper td {
padding-left: 4px;
white-space: normal;
text-align: left;
}
.helperContainer {
position:absolute;
display:none;
}
.helperBody {
}
.helper ul li {
list-style-position: inside;
list-style-type: decimal;
padding-left: 5px;
}
.helper ul {
margin-left: 5px;
}
/* Tab manager styles */
.tabManager {
}
.tabManager .tab a, .tabManager .tab a:visited, tabManager .tab a:hover {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: White;
text-decoration: none;
}
.tabManager .tab a:hover {
text-decoration: underline;
}
.tabManager .tab span {
font-family: tahoma;
font-size: 11px;
font-weight: bold;
color: LightYellow;
text-decoration: none;
}
.copyRights {
margin-top: 32px;
width: 100%;
}
.copy1 {
width: 314px;
height: 9px;
float: left;
background-repeat: no-repeat;
background-image: url(../images/copyrights.gif);
}
a.bluefountain {
width: 190px;
height: 9px;
float: right;
background-repeat: no-repeat;
background-image: url(../images/bluefountainmedia.gif);
}
a.new_york_web {
width: 120px;
height: 9px;
float: right;
background-repeat: no-repeat;
background-image: url(../images/flash_web_design.gif);
text-indent: -9999px;
}
a.bluefountain_new {
width: 145px;
height: 9px;
float: right;
background-repeat: no-repeat;
background-image: url(../images/bluefountainmedia_new.gif);
text-indent: -9999px;
}
/* Left Images */
.leftImg1, .leftImg2, .leftImg3, .leftImg4 {
float: left;
width: 377px;
height: 658px;
background-image: url(../images/left/image_left1.jpg);
background-position: right top;
background-repeat: no-repeat;
}
#leftimg5 {
float: left;
width: 390px;
height: 658px;
background-image: url(../images/left/image_left1.jpg);
background-position: left top;
background-repeat: no-repeat;
}
#viewflashcontent1 {
float: left;
width: 390px;
margin: 0px;
padding: 0px;
height: 390px;
}
#viewflashcontent2 {
float: left;
width: 370px;
margin: 0px;
padding: 0px;
height: 658px;
}
.leftImg2 {
background-image: url(../images/left/bg_films.jpg);
}
.leftImg3 {
background-image: url(../images/left/image_left3.jpg);
}
.leftImg4 {
background-image: url(../images/left/image_left4.jpg);
}
.leftImg5 {
background-image: url(../images/left/image_left5.jpg);
}
.imgTop {
width: 404px;
height: 104px;
padding-top: 20px;
margin-left: auto;
margin-right: auto;
clear: both;
}
#img1 {
background-image: url(../images/img_home1.jpg);
background-repeat: none;
background-position: bottom;
}
#img2 {
background-image: url(../images/img_home1.jpg);
}
.nwBlock {
margin-top: 25px;
}
.nwBlock a {
color: #444444;
text-decoration: underline;
}
.nwBlock a:hover {
text-decoration: none;
color: #e30100;
}
a.clients {
color: #444444;
text-decoration: none;
}
a.clients:hover {
text-decoration: none;
color: #e30100;
}
.nwBlock p {
text-align: justify;
margin: 0px;
padding: 0px 0px 15px 0px;
}
.imageBg {
background-color: #d1d1d1;
padding: 1px;
float: left;
}
.imageBg img {
float: left;
padding: 0px;
margin: 0px;
border: solid 1px #fff;
}
.leftImg {
margin: 0px 10px 0px 0px;
}
ul.submenu {
display:none;
margin: 0px;
padding: 0px;
height: 140px;
font-size: 10px;
font-family: Tahoma;
padding-left: 5px;
background-image: url(../images/submenu_bg.jpg);
background-repeat: no-repeat;
}
ul.submenu#submenu0 {
background-image: none;
}
ul.submenu li {
list-style-type: none;
}
ul.submenu a, ul.submenu a:hover {
padding-left: 19px;
color: #838383;
text-decoration: none;
}
ul.submenu a#activeSubmenu {
background-image: url(../images/submenu_marker.gif);
background-repeat: no-repeat;
background-position: left;
color: #444444;
}
ul.submenu a:hover {
color: #444444;
}
ul.submenu#submenu4 {
margin-left: 260px;
}
ul.submenu#submenu3 {
margin-left: 170px;
}
ul.submenu#submenu2 {
margin-left: 120px;
}
ul.submenu#submenu1 {
margin-left: 55px;
}
span.grey {
color: #444444;
}
.buttonSubmit {
width: 71px;
height: 19px;
border: 0px;
background-color: none;
background-image: url(../images/buttons/btn_submit.gif);
cursor: pointer;
}
.buttonSend {
width: 71px;
height: 19px;
border: 0px;
background-color: none;
background-image: url(../images/buttons/btn_send.gif);
cursor: pointer;
}
#home {
width: 864px;
height: 492px;
background-image: url(../images/home.jpg);
background-position: bottom;
background-repeat: no-repeat;
margin: 0px auto 0px auto;
}
a.freeLink {
color: #747474;
font-size: 10px;
text-transform: lowercase;
text-decoration: none;
}
a:hover.freeLink {
text-decoration: underline;
}
.contactLeft {
text-align: left;
padding-left: 0px;
width: 70px;
}
.contentText {
padding-left: 14px;
}
.dgAddEdit {
width: 75px;
}
.dgTitle .left, .dataGridTable tr td.left {
text-align: left;
}
.contInf {
font-size: 11px;
vertical-align: bottom;
font-weight: bold;
padding: 0px;
padding-top: 1px;
}
.contInfTbl td {
padding-bottom: 5px;
}
div.clientsA a {
line-height: 14px;
float: left;
/*width: 255px; */
width: 215px;
text-align: left;
height: 15px;
padding: 0px;
padding: 1px 0px 1px 0px;
margin: 0px;
}
.viewmenu {
width: 858px;
heihgt: 70px;
margin: 0px auto 20px auto ;
}
#big_flash {
position: absolute;
z-index: 999;
left: 50%;
top: 50%;
margin-left: -260px;
margin-top: -225px;
font: bold 0px/0px arial;
}
#flash_cont {
position: absolute;
margin-left: -145px;
width: 575px;
height: 507px;
}
.max_video {
z-index: 110;
}
.min_video {
z-index: 80;
}