/*
* This file is part of the SpyderSilk Applictions software suite.
* Copyright (c) 2005-2006, SpyderHost.net, Inc.
* Licensed under the SpyderSilk Applications Software License
*
* For the full copyright and license information, please view the LICENSE
* file that was distributed with this source code.
*
* File $Id: style.css,v 1.2 2006/04/14 20:32:57 dfdugal Exp $
* Author Adam Harris
* @package spydersilk.applications.common
*/
/*HTML SELECTORS*/
body { margin:0; padding:0; color:#b49c9c; background:black; font-family: Verdana, Helvetica serif; font-size:12px; }
h5 { color:#b49c9c; margin:0; padding:0; font-weight:bold; font-size:14px; }
ul.navigation { display:table; margin:0; padding:0; list-style:none; text-align:center; font-size:14px; font-weight:bold; text-transform:uppercase; }
ul.subnavigation { margin:0; padding:0; list-style:none; text-align:center; font-size:12px; font-weight:bold; text-transform:uppercase; }
ul.about_subnavigation { margin:0; padding:0; list-style:none; text-align:center; font-size:12px; font-weight:bold; display:table; }
li.nav_item { float:left; margin:0; padding:0 1px; width:121px; height:29px;background:url('/images/navbg_gradient.jpg') repeat-y top; }
li.subnav_item { float:left; margin-right:2px; margin-bottom:10px; width:150px; height:20px; background:url('/images/subnavbg_gradient.jpg') repeat-y top; }
li.about_subnav_item { float:left; margin-right:2px; margin-top:10px; width:150px; height:20px; background:url('/images/pcv_navhover_gradient.jpg') repeat-y top; }
hr.testimonials { margin:10px 0; width:90%; margin-left:auto; margin-right:auto; }
p.copyright { margin:0; padding:0; }
p.txt_header { color:white; font-size:16px; font-weight:bold; text-decoration:underline; }
p.welcome { color:#b49c9c; margin:10px 0; font-size:12px; text-align:justify;line-height:20px; }
p.welcome_info { color:#b49c9c; margin:10px 0 0 0; font-weight:bold; font-size:14px; text-align:justify; }
p.welcome_large { color:#b092b0; font-weight:bold; font-size:15px; line-height:18px; text-align:justify; border-bottom:2px solid #b092b0; }
p.test { color:#CDBEBE; margin:0; padding:0; font-size:12px; text-align:justify;line-height:20px; }
p.credit { color:#b092b0; margin:0; padding:0; font-weight:bold; font-size:18px; text-align:left; font-family:Verdana, Arial; }
p.large_txt { color:#b49c9c; margin:0; padding:0; font-weight:bold; font-size:18px; }
p.awards { color:#b49c9c; margin:5px 0;font-size:12px; text-align:justify; margin-left:20px; }
p.txt_center { color:#b49c9c; margin:0; padding:0; font-weight:bold; font-size:14px; line-height:18px; text-align:center; }
p.nomargin_txt_center { color:#b49c9c; margin:0; padding:0; font-weight:bold; font-size:14px; text-align:center; }
/*HTML SELECTORS*/
/*LINK CLASSES*/
a:link.nav, a:active.nav, a:visited.nav { color:black; display:block; text-decoration:none; padding-top:5px; padding-bottom:8px;font-family:Arial; }
a:hover.nav { background:url('/images/navhover_gradient.jpg') repeat-y top; }
a:link.subnav, a:active.subnav, a:visited.subnav { color:black; display:block; text-decoration:none; padding-top:3px; padding-bottom:2px; }
a:hover.subnav { background:url('/images/subnavhover_gradient.jpg') repeat-y top; }
a:link.about_subnav, a:active.about_subnav, a:visited.about_subnav { color:black; display:block; text-decoration:none; padding-top:3px; padding-bottom:2px; }
a:hover.about_subnav { background:url(/images/pcv_navbg_gradient.jpg) repeat-y top; }
a:link.reg_txt, a:active.reg_txt, a:visited.reg_txt { color:orange; text-decoration:none; display:inline; }
a:hover.reg_txt { color:#b49c9c; }
a:link.reg_txt_invert, a:active.reg_txt_invert, a:visited.reg_txt_invert { color:#b49c9c; text-decoration:none; }
a:hover.reg_txt_invert { color:orange; }
a:link.footer, a:active.footer, a:visited.footer { color:white; margin:0; padding:0; display:inline; text-decoration:none; }
a:hover.footer { color:orange; }
/*LINK CLASSES*/
/*DIV IDS*/
#container { width:985px; background:black; margin-left:auto; margin-right:auto; }
#content { _height:600px; min-height:600px; }
#header { display:table; width:982px; height:106px; background:url('/images/header_gradient.jpg') repeat-x; font-size:18px; margin-bottom:2px; }
#ctg_logo { float:left; width:266px; height:106px; background:url('/images/ctg_logo.jpg') no-repeat; cursor:pointer; }
#phrases { float:left; display:table; height:106px; width:545px; font-weight:bold; margin-right:5px; }
#ctg_phrase { color:#603B36; margin-top:30px; padding-bottom:20px; }
#dm_phrase { color:#131448; float:right; }
#dm_logo { width:166px; height:106px; background:url('/images/dm_logo.jpg') no-repeat; float:left; cursor:pointer; }
#navbar { padding-bottom:4px; width:985px; height:29px; }
#subnav { }
#about_subnav { height:30px; }
#primary_image { width:900px; height:280px; margin-left:auto; margin-right:auto; border-top:2px solid #6f587f; border-bottom:2px solid #6f587f; }
#columns { display:table; width:600px; margin-left:auto; margin-right:auto; }
#left_col { float:left; }
#right_col { float:right; }
#txt_header { margin-bottom:16px; }
#welcome { margin-bottom:20px; padding:0 100px; }
#image_grid { width:100%; height:160px; display:table; }
#img_1 { width:200px; height:160px; background:url('/images/bath.jpg') no-repeat; float:left; }
#img_2 { width:200px; height:160px; background:url('/images/conservatory.jpg') no-repeat; float:left; }
#img_3 { width:200px; height:160px; background:url('/images/kitchen.jpg') no-repeat; float:left; }
#img_4 { width:200px; height:160px; background:url('/images/red_bath.jpg') no-repeat; float:left; }
#gallery_1 { width:200px; height:133px; background:url('/images/gallery1.jpg') no-repeat; }
#gallery_2 { width:200px; height:133px; background:url('/images/gallery2.jpg') no-repeat; }
#gallery_3 { width:200px; height:133px; background:url('/images/gallery3.jpg') no-repeat; }
#gallery_4 { width:200px; height:133px; background:url('/images/gallery4.jpg') no-repeat; }
#bio1 { width:200px; height:299px; background:url('/images/kari.jpg') no-repeat; float:right; }
#bio2 { width:250px; height:200px; background: url('/images/caroline.jpg') no-repeat; float:right; }
#bio3 { width:250px; height:200px; background: url('/images/becky.jpg') no-repeat; float:right; }
#bio4 { width:200px; height:299px; background:url('/images/chuck.jpg') no-repeat; float:right; }
#bio5 { width:250px; height:200px; background: url('/images/puck.jpg') no-repeat; float:right; }
#map { width:300px; height:300px; background:url('/images/map.jpg') no-repeat; cursor:pointer; margin-left:auto; margin-right:auto; }
#tour { width:250px; height:200px; background:url('/images/360tour.jpg') no-repeat; cursor:pointer; }
#bottom_images { display:table; width:316px; margin-left:auto; margin-right:auto; margin-bottom:10px; }
#better_bb { float:left; width:185px; height:92px; background:url('/images/better_bb.jpg') no-repeat; cursor:pointer; margin-right:5px; }
#big_50 { float:left; width:126px; height:92px; background:url('/images/big_50.jpg') no-repeat; }
#email { margin-bottom:10px; width:100px; height:60px; background:url('/images/email_saw.gif') no-repeat; cursor:pointer; margin-left:auto; margin-right:auto; }
#footer { color:white; background:#6f587f; height:55px; width:985px; font-weight:bold; }
#copyright { width:100%; text-align:center; height:55px; padding-top:5px; }
/*DIV IDS*/
/*DIV CLASSES*/
.row { display:table; width:808px; margin-left:auto; margin-right:auto; }
.gallery_cell { width:200px; height:140px; float:left; border-right:2px solid black; }
.staff { width:100%; display:table; margin-bottom:20px; }
.left_info { width:550px; float:left; }
.left_info_short { width:500px; float:left; }
.info_table { width:100%; display:table; }
.l_col { float:left; }
.r_col { float:left; margin-left:10px; }
/*DIV CLASSES*/
/* FCK EDITOR SPOTLIGHT HACK*/
#welcome #spotlight p { color:#b49c9c; margin:0; padding:0; margin:10px 0; font-size:12px; text-align:justify;line-height:20px; }
/* FCK EDITOR SPOTLIGHT HACK*/
/*EMPLOYEE OF THE MONTH*/
.emp_month { width:100%; display:table; margin-bottom:20px; }
.featured_info { width:550px; float:right; }
.award_info { width:450px; float:right; }
#featured_emp { width:200px; height:299px; background:url('/images/kari.jpg') no-repeat; float:left; }
#award_emp1 { width:300px; height:225px; background:url('/images/pat_award.jpg') no-repeat; float:left; }
#award_emp2 { width:300px; height:225px; background:url('/images/chuck_award.jpg') no-repeat; float:left; }
#award_emp3 { width:300px; height:225px; background:url('/images/caroline_award.jpg') no-repeat; float:left; }
/*EMPLOYEE OF THE MONTH*/
/* ACCOUNT VIEW PHP CLASS*/
#welcome_box { border:2px solid #6f587f; margin-bottom:20px; }
#mood_box { border:2px solid #6f587f; }
.inline_login_txt { color:#b49c9c; margin:0; padding:0; font-weight:bold; display:inline; }
.login_txt { color:#b49c9c; margin:0; padding:0; font-weight:bold; }
.inline_white_txt { color:white; margin:0; padding:0; display:inline; font-weight:bold; }
.center_white_txt { color:white; margin:5px 0; padding:0; font-weight:bold; text-align:center; }
.white_txt { margin:0; padding:0; color:white; font-weight: bold; }
#login_text_table { width:100%; display:table; }
.login_text_cell { float:left; width:250px; }
.table_line { font-weight:bold; }
.center_line { width:600px; margin:15px 0; margin-left:auto; margin-right:auto; text-align:justify; }
table { width:100%; }
th { text-align:left; color:#b092b0; width:250px; }
td { text-align:left; font-weight:bold; width:250px; }
#radio_select_grid { display:table; margin:5px 0; width:100%; }
.radio_select_cell { margin-left:6px; border:1px solid gray; float:left; display:table; }
.radio_select_img { float:left; }
.radio_select_right_col { float:left; }
#mood { text-align:center; }
.radio_select_txt { text-align:center; color:white; margin-left:2px; }
.textarea { margin-left:auto; margin-right:auto; width:430px; }
.submit { margin-left:auto; margin-right:auto; width:55px; }
/* ACCOUNT VIEW PHP CLASS*/
/* PHOTO ALBUM VIEW PHP CLASS*/
img { border:0px;}
textarea.photo_desc { margin-left:5px; background:black; color:white; }
#photoalbumview { display:table; width:900px; margin-left:auto; margin-right:auto; }
#main_photo { float:left; text-align:left; width:400px; margin-right:10px; }
#relatedphotos_grid { width:490px; float:left; display:table; font-weight:bold; }
.album_cell { height:90px; width:100px; float:left; margin-left:5px;border:#FFF 1px solid;margin:10px; }
.album_cell img { max-width: 100px; }
#alb_image { height:75px; font-weight:bold;margin-top:5px; }
.click { margin:0; padding:0; margin-bottom:5px; font-weight:bold; color:#b49c9c; font-size:12px; }
/* PHOTO ALBUM VIEW PHP CLASS*/
/* PHOTO IMAGE VIEW PHP CLASS*/
#photoimageview { width:800px; margin-left:auto; margin-right:auto; }
#piv_topline { display:table; width:100%; }
#piv_count { float:left; }
#piv_nav { float:right; font-size:18px; }
#piv_image { text-align:center; font-weight:bold; }
#piv_txt { width:800px; margin-left:auto; margin-right:auto; }
/* PHOTO IMAGE VIEW PHP CLASS*/
/* PHOTO CATEGORY VIEW PHP CLASS*/
#photocategoryview { display:table; width:900px; margin-left:auto; margin-right:auto; }
#pvc_spacing { float:left;margin:25px; }
#pcv_cell { width:150px; margin-right:15px;border:#FFF 1px solid; }
#pcv_nav { height:15px; width:150px; }
ul.pcv_navigation { margin:0; padding:0; list-style:none; text-align:center; font-size:12px; font-weight:bold; }
li.pcv_nav_item { margin:0; padding:0; width:150px; height:15px; background:url('/images/pcv_navbg_gradient.jpg') repeat-y top; }
a:link.pcv_nav, a:active.pcv_nav, a:visited.pcv_nav { text-decoration:none; color:black; display:block; }
a:hover.pcv_nav { background:url('/images/pcv_navhover_gradient.jpg') repeat-y top; }
#pcv_image { width:150px; text-align:center; font-weight:bold;height:225px; }
#pcv_image img { width:150px; margin-bottom:-150px;}
#pcv_count { text-align:center; }
#pcv_link { text-align:center; font-weight:bold; }
/* PHOTO CATEGORY VIEW PHP CLASS*/
/* PHOTO BEFORE AND AFTER VIEW*/
#beforeafterview { width:900px; margin-left:auto; margin-right:auto; }
#baf_images { display:table; width:900px; text-align:center; font-weight:bold; }
#baf_left { float:left; width:450px; }
#baf_right { float:left; width:450px; }
.baf_large_txt { margin:0; padding:0; font-weight:bold; color:white; font-size:18px; display:inline;}
/* PHOTO BEFORE AND AFTER VIEW*/
.form_label {width:150px;float:left;margin-top:20px;}
.form_field {width:150px;float:left;margin-top:20px;}