/* ============================================================================================================= */ /* =================================== GENERAL ================================================================= */ /* ============================================================================================================= */ /* ========== NAVIGATION ========== */ /* setup */ #menu_list { float:right; list-style:none; background:url(images/graphics/menu_corner_top_right.gif) top right no-repeat; margin:0; padding:18px 25px 0 0; } #menu_list li { float:left; text-indent:-9999px; height:14px; width:14px; margin:0 0 0 14px; } #menu_list li a { float:left; margin:0; padding:0; height:14px; width:14px; background-repeat:no-repeat; /*border:1px solid #0f0;*/ } #menu_home a { background-image:url(images/graphics/dot1.gif); } #menu_about a { background-image:url(images/graphics/dot2.gif); } #menu_clients a { background-image:url(images/graphics/dot3.gif); } #menu_portfolio a { background-image:url(images/graphics/dot4.gif); } #menu_links a { background-image:url(images/graphics/dot5.gif); } #menu_contact a { background-image:url(images/graphics/dot6.gif); } #menu_name, #menu_name_default { position:absolute; top:44px; right:27px; /*z-index:500;*/ display:none; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;/*border:1px solid #f00;*/} #body_home #menu_list { background:url(images/graphics/home_menu_corner_top_right.gif) top right no-repeat; } #body_home #menu_home a { background-image:url(images/graphics/home_dot1.gif); } #body_home #menu_about a { background-image:url(images/graphics/home_dot2.gif); } #body_home #menu_clients a { background-image:url(images/graphics/home_dot3.gif); } #body_home #menu_portfolio a { background-image:url(images/graphics/home_dot4.gif); } #body_home #menu_links a { background-image:url(images/graphics/home_dot5.gif); } #body_home #menu_contact a { background-image:url(images/graphics/home_dot6.gif); } /* hover */ #menu_home a:hover { background-image:url(images/graphics/dot1_select.gif); } #menu_about a:hover { background-image:url(images/graphics/dot2_select.gif); } #menu_clients a:hover { background-image:url(images/graphics/dot3_select.gif); } #menu_portfolio a:hover { background-image:url(images/graphics/dot4_select.gif); } #menu_links a:hover { background-image:url(images/graphics/dot5_select.gif); } #menu_contact a:hover { background-image:url(images/graphics/dot6_select.gif); } #body_home #menu_home a:hover { background-image:url(images/graphics/home_dot1_select.gif); } #body_home #menu_about a:hover { background-image:url(images/graphics/home_dot2_select.gif); } #body_home #menu_clients a:hover { background-image:url(images/graphics/home_dot3_select.gif); } #body_home #menu_portfolio a:hover { background-image:url(images/graphics/home_dot4_select.gif); } #body_home #menu_links a:hover { background-image:url(images/graphics/home_dot5_select.gif); } #body_home #menu_contact a:hover { background-image:url(images/graphics/home_dot6_select.gif); } /* selected */ #body_home #menu_home a { background-image:url(images/graphics/home_dot1_select.gif); cursor:default; } #body_about #menu_about a { background-image:url(images/graphics/dot2_select.gif); cursor:default; } #body_clients #menu_clients a { background-image:url(images/graphics/dot3_select.gif); cursor:default; } #body_portfolio #menu_portfolio a { background-image:url(images/graphics/dot4_select.gif); cursor:default; } #body_links #menu_links a { background-image:url(images/graphics/dot5_select.gif); cursor:default; } #body_contact #menu_contact a { background-image:url(images/graphics/dot6_select.gif); cursor:default; } /* ========== FONTS ========== */ p, td { margin-top:0; margin-bottom:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#555; } a { color:#555; outline:0; } a:hover { color:#111; } strong { color:#333; } h1 { color:#000; font-size:17px; font-family:Verdana, Arial; margin:0 0 10px 0; display:none; } h2 { color:#ffffff; font-size:20px; font-family:Verdana, Arial; margin-bottom:20px;} h3 { clear:left; font-weight:bold; font-size:11px; display:inline; font-family:Verdana, Arial;} h4 { font-size:11px; font-family:Verdana, Arial; font-weight:normal;} .smaller_font { font-size:10px; } /* ========== OTHER ========== */ #main{ position: relative; text-align: left; width: 670px; height: 410px; margin: 0px auto; /*border:1px solid #ff0000;*/} img#logo { position:absolute; top:0px; left:0px; } img#menu { position:absolute; top:0px; right:0px; } #content { width:400px; margin:0 auto 0 auto; padding-top:120px !important; padding-top:90px; padding-left:10px;/*border:1px solid #0f0;*/ } img#bottom { position:absolute; bottom:0px; left:0px;} #center_v { text-align:center; /* for older ie*/ position: absolute; top: 100px;} /* following rules are invisible to IE 5 \*/ #center_v { top: 50%; left: 0px; width: 100%; margin-top: -205px; text-align: center; min-width: 670px; } /* end IE 5 hack */ img { border:0px; } .subpages_body { background-color:#d2d5ce; } .subpages_body #main { background-color:#ffffff; } #section_name { position:absolute; top:16px; left:180px; /*z-index:500;*/ font-size:22px; width:150px; /*border:1px solid #f00; */ font-family:Helvetica;} /* ============================================================================================================= */ /* ==================================== PAGES ================================================================== */ /* ============================================================================================================= */ /* ========== PAGE: HOME ========== */ #body_home { background-color:#FFFFFF; } #body_home #main { background-color:#d8d3c8; } /* ========== PAGE: ABOUT ========== */ #body_about h1 { color:#f4ba00; } /* ========== PAGE: CLIENTS ========== */ #body_clients h1 { color:#009966; } #table_clients td { padding:0 15px 0 15px; } /* ========== PAGE: PORTFOLIO ========== */ #body_portfolio #content { padding-top:60px !important; padding-top:30px; width:400px; } .portfolio_item { float:left; margin:0; padding:0; position:relative;} .portfolio_item map { float:left; margin:0; padding:0;} .portfolio_item img { float:left; margin:0 12px 24px 12px; } .portfolio_item span {font-size:14px; font-family:"Times New Roman", Times, serif; color:#fff; position:absolute; top:28px; left:16px; text-align:center; width:64px; /*border:1px solid #00ff00;*/} .portfolio_item span:hover { cursor:pointer;} #item { display:block; margin:0 auto; text-align:center; width:400px; height:340px; } #item p { font-size:10px; } #item_box { padding:0; margin:0 auto; width:100%; height:100%; text-align:center; } #td_portfolio_image { height:240px; padding:0; margin:0; text-align:center; } #td_portfolio_caption { text-align:left; height:64px; padding:0; margin:0; } #td_portfolio_nav { height:30px; padding:0 0 0 0; margin:0; text-align:center; } /*#item { display:block; margin:0 auto; text-align:center; width:500px; height:340px; outline:1px solid #0f0; } #item p { font-size:10px; } #item_box { padding:0; margin:0 auto; width:100%; height:100%; text-align:center; } #td_portfolio_image { height:240px; padding:0; margin:0; text-align:center; } #td_portfolio_caption { text-align:left; height:64px; padding:0; margin:0; } #td_portfolio_nav { height:30px; padding:0; margin:0; text-align:center; }*/ #td_portfolio_caption p { display:none; } #td_portfolio_image img { display:none; margin:0 auto; /*outline:1px solid #00f;*/ } #td_portfolio_caption p#portfolio_item_bigcityfilms_text { display:block; } #td_portfolio_image img#portfolio_item_bigcityfilms_image { display:block; } #ul_portfolio_nav { list-style:none; margin:0 auto; width:368px; padding:0; border:0px solid #f00; } #ul_portfolio_nav li { float:left; } #ul_portfolio_nav a { float:left; height:16px; width:16px; margin:0 3px 0 4px; background: url(images/graphics/portfolio_dot.gif); } #ul_portfolio_nav a:hover { background: url(images/graphics/portfolio_dot_select.gif); } #ul_portfolio_nav a.selected { background: url(images/graphics/portfolio_dot_select.gif); } /* ========== PAGE: LINKS ========== */ #body_links h1 { color:#006699; } /* ========== PAGE: CONTACT ========== */ #body_contact h1 { color:#7b9dc2; }