/* CSS Document */
/* link color 336699 underlined
text color 6F6B5F
line color 6F6B5F
content background F6EFCB
page background E6DFC4 */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #E6DFC4;
padding: 2em;
margin: 0px;
font-size: 100%;
color: #6F6B5F;
scrollbar-3dlight-color:6F6B5F;
scrollbar-arrow-color:#6F6B5F;
scrollbar-base-color:#F6EFCB;
scrollbar-darkshadow-color:#6F6B5F;
scrollbar-face-color:#F6EFCB;
scrollbar-highlight-color:#6F6B5F;
scrollbar-track-color:#F6EFCB;
scrollbar-shadow-color:#F6EFCB;
}
/* solves problem of border links around replacement images */
img {border:0;}
.footer { font-size: 10px; }
a { text-decoration: underline;}
a:link { color: #336699; }
a:visited { color: #336699;}
a:active { color: #336699;}
a:hover { text-decoration: underline; }
/* generic */
.clear {
height: 0px;
clear: both;
}
h1 {font-size: 1em}
h3 { margin-top: 1px; margin-bottom: 3px; font-size: 12px; }
h4 { margin-top: 1px; margin-bottom: 3px; font-size: 12px; }
h5 { margin-top: 1px; margin-bottom: 3px; font-size: 12px; }
/* drop cap
This
*/
.cap {font-size:50px; color:#39c; font-weight:bold; float:left; height:34px; line-height:34px; overflow:hidden; margin-top:2px; margin-right:1px;}
* html .cap {margin-right:-2px; margin-top:3px;}
/* drop shadow
*/
.img-shadow {
float:left;
background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
background: url(../images/shadow.gif) no-repeat bottom right;
margin: 10px 0 0 10px !important;
margin: 10px 0 0 5px;
}
.img-shadow img {
display: block;
position: relative;
background-color: #fff;
border: 1px solid #000;
margin: -6px 6px 6px -6px;
padding: 0px;
}
/* sets full size box, margin: auto is what sets it to CENTER THE PAGE !!! */
#content {
background-color: #F6EFCB;
background-image: url(../images/1_bg.gif);
padding: 0px;
margin: auto;
voice-family: "\"}\"";
voice-family:inherit;
background-repeat: no-repeat;
height: 540px;
width: 770px;
}
html>body #content {
width: 770px;
}
#homecontent {
background-color: #F6EFCB;
background-image: url(../images/1_homepage_bg.jpg);
padding: 0px;
margin: auto;
voice-family: "\"}\"";
voice-family:inherit;
background-repeat: no-repeat;
height: 540px;
width: 770px;
}
#homepage {position:absolute;
left: 200px;
left: 200px;
left: 340px;
top:-50px; width:350px; height:198px; z-index:3;}
#homepage div.homepagetext { width: 500px; height: auto; float: right;
font-size: 12px; color: #3b3932; line-height: 16px;}
/* new homepage text layout */
#homepagetwo {position:absolute;
left: 115px;
left: 115px;
left: 115px;
overflow:auto; display:block;
top:-50px; width:600px; height:150px; z-index:3;
}
#homepagetwo div.homepagetexttwo {
float: right; padding-right: 10px;
font-size: 11px; color: #3b3932;
line-height: 16px;}
/* end new homepage text layout */
#homepage font.homepagetitle { font-size: 12px }
/* generic */
#header {
width: 100%;
float: right;
margin-left: -500px;
}
/* generic - space for navigation */
#navbox {
margin-left: 500px;
}
/* generic - top block of text - padding from left 160 and from top 80 */
#contentbox {
float: left;
width: 500px;
padding-top: 10px;
height: 50px;
height: 60px;
}
/* controls look of text in contentbox */
#contentbox div.leftmargin {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 13px;
padding-left: 160px; padding-right: 10px;
}
/* BROWSER SPECIFIC
middle block of text
top right bottom left
set relative because absolute meant the block was static when the browser was resized. */
#bodyblock
{ height: 370px;
height: 50px;
height: 70px;
width: 700px; position: relative; left: 40px; padding: 0px; font-size: 11px; }
#bodyblock td {vertical-align: top;}
#bodyblock td.line {background-color: #6F6B5F; width: 1px; height: auto;}
#bodyblock td.vertline {background-color: #6F6B5F; width: 1px; height: auto;}
#bodyblock div.horzline {background-color: #6F6B5F; width: auto; height: 1px;}
#bodyblock div.horzhalfline { background-color: #6F6B5F; width: auto; height: 1px;}
#bodyblock img.poster {margin: 5px 10px; border: 1px solid #6F6B5F}
#bodyblock img.thumbnail {padding-right: 15px; padding-bottom: 15px;}
#bodyblock td.rightquarter {
text-align: left;
vertical-align: top;
padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 5px;
}
#bodyblock td.leftquarter {
text-align: right;
vertical-align: top;
padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 5px;
}
#bodyblock td.leftbio { text-align: right; vertical-align: top;
padding: 5px; }
/* STYLE 1 SPECIFIC start title
25px margins are too wide for ie mac, looks fine in all others */
#bodyblock div.title ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#bodyblock div.title li {
float: left; width: auto;
}
/* end title */
/* above sets basic title and the following sets specific positions for services
and frameset pages*/
#bodyblock div.servicesposition {
float: right;
padding-right: 45px; padding-bottom: 10px;
margin-top: -10px;
}
#bodyblock div.framsetposition {
margin-left: 25px;
}
/* end title positioning */
/* services table positioning */
#bodyblock td.servicestableleft {
text-align: right;
padding-top: 20px;
padding-right: 45px;
vertical-align: top;
}
#bodyblock td.servicestableright {
text-align: left;
padding-left: 40px;
vertical-align: top;
}
#bodyblock p.subtitle {
font-weight: bold; font-size: 10px; margin-left: 25px; margin-top: 10px; margin-bottom: 10px;
}
#bodyblock font.captionsm { font-size: 11px; white-space: nowrap; padding-right: 5px;}
#bodyblock font.captionlg { font-size: 12px; white-space: nowrap;}
/* will need to set the same for image text */
#arrows { margin-right: 15px; text-align: right; height: 25px;}
#arrows td.leftarrow { background-image: url(../images/1_arrowleft.gif); background-repeat: no-repeat; text-align: right;
vertical-align: top; height: 25px; width: 20px; }
#arrows td.middlearrow { height: 20px; width: auto; text-align: center; padding-top: 5px;
white-space: nowrap; padding-left: 3px; padding-right: 3px; }
#arrows td.rightarrow {
background-image: url(../images/1_arrowright.gif); background-repeat: no-repeat; text-align: left; vertical-align: top;
height: 25px; width: 20px; }
/*colored scroll bar shows up on ie pc, not moz pc - looked it up - you
can not modify scroll bars in ie, best
bet is to just add a border like i have above
the unicode-bidi:bidi-override; direction:rtl; border:1px solid #6F6B5F; sets it to the left versus right
the scrollbar will only appear if there is enough text to make it scroll */
#scroll { display:block;
width:630px; height:230px; overflow:auto; padding-left:10px; text-align: left;}
#scrollnarrow { display:block;
width:290px; height:275px; overflow:auto; padding-left:10px; padding-right:15px; text-align: left;}
#scrollbio { display:block;
width:290px; height:300px; overflow:auto; padding-left:0px; padding-right:15px; text-align: left;}
/* portfolio */
#portfolio img.portfolioimage { border: 1px solid #6F6B5F; }
#portfolio td.portfoliotext {
text-align: center;
padding-top: 10px;
white-space: nowrap;
font-size: 12px;
}
#portfolio a { text-decoration: none;}
#portfolio a:link { color: #6F6B5F; }
#portfolio a:visited { color: #6F6B5F;}
#portfolio a:active { color: #6F6B5F;}
#portfolio a:hover { text-decoration: underline; }
/* index of gallery images */
#gallery td {
width:170px;
text-align: right;
vertical-align: top;
padding-bottom: 20px;
padding-right: 32px;
}
#gallery img.gallerysm { border: 1px solid #6F6B5F; }
/* sets gallery images to grey - auto rollover */
#gallery a:hover img.gallerysm
{ filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.00; opacity:1; }
#gallery a:visited img, #gallery a img
{filter: alpha(opacity=40);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.40; opacity:0.4; }
#gallery a:hover { background-color:transparent; text-decoration:none; font-weight:bold;}
#galleryindiv table { border: 1px solid #6F6B5F;}
#galleryindiv td.middle {
padding-left: 20px;
padding-top: 25px;
padding-left: 20px;
}
/* end index of gallery images */
/* index of download images */
#download td.downloadimg {
width:170px;
text-align: right;
vertical-align: top;
padding-bottom: 20px;
padding-right: 32px;
font-size: 10px; font-weight: bold;
}
#download img.downloadimgsm { border: 1px solid #6F6B5F; }
#download td.downloadtext {
width:auto
vertical-align: top;
padding-top: 20px;
}
/* end index of download images */
#bio {position:relative; top:80px; height:auto; left:150px; }
#webteam {position:relative; top:120px; height:auto; float: right; font-size:10px; }
#webteam div.webteamline
{ position:relative; background-color: #6F6B5F; width: 123px; height: 1px;
top: 0px; margin-left: 0px; margin-bottom: 5px; }
#bio a:visited, #bio a
{text-decoration:none; color:#6F6B5F; font-weight:bold; padding: 5px; }
#bio a:visited img, #bio a img
{filter: alpha(opacity=40);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.40; opacity:0.4; }
#bio a:hover { background-color:transparent; text-decoration:none; font-weight:bold;}
#bio a span {display:none;}
#bio a span.one {filter: alpha(opacity=99);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=99);
-moz-opacity: 0.99; opacity:0.99; }
/* top: 80px for mozilla pc, safari, and net mac; 90px for ie pc*/
#bio a:hover span
{text-decoration:none; display:block; position:absolute; top:89px; left: 0px; margin-left: -118px; font-size:10px; font-weight:bold; color:#6F6B5F;}
{text-decoration:none; display:block; position:absolute; top:80px; left: 0px; margin-left: -118px; font-size:10px; font-weight:bold; color:#6F6B5F;}
#bio a:hover img
{ filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.00; opacity:1; }
#bio div.biolinetop
{ position:relative; background-color: #6F6B5F; width: 123px; height: 1px; top: -28px; margin-left: -118px; }
#bio div.biolinebottom
{ position:relative; background-color: #6F6B5F;
width: 153px; height: 1px; top: 28px; margin-left: -118px; }
#bio div.biolinethree
{ position:relative;
width: 182px; height: 1px; top: 28px; margin-left: -118px; }
#bio div.teamtitle
{ position:absolute; margin-left: -118px;
top: 10px; left: 0px; font-size:10px; font-weight:bold; color:#6F6B5F;}
/* CSS Document */
/* sets postions from top - at 40 */
#nav {
float: left;
padding-top: 24px;
margin: 0px;
}
/* #homecontent #nav {
float: left;
padding-top: 44px;
margin: 0px;
} */
ul {
padding: 0px;
margin: 0px;
list-style: none;
}
/* sets width of the items */
li {
float: left;
position: relative;
width: 80px;
top: 2px; /* top: 15px makes FF PC, FF Mac & Safari drop the menus as you drag down the list. Needs to be less. */
margin-right: 7px;
}
li ul {
display: none;
/* position: absolute; /* removing this fixes IE7 submenu alignment problem */
top: 1em;
left: 0px;
}
li ul#on, li#line span {display: block;}
/* when commented out the nav works in ie mac */
li>ul {
top: auto;
left: auto;
}
li:hover ul, li.over ul, li:hover span, li.over span {
display: block; }
li li a { display: block;
margin-top: -3px;
}
/* sets the look of the line 55 pixels long and 16 from top of the top line */
span.line {
display: none;
position: absolute;
left: -1px;
top: 16px;
height: 0px;
width: 0px;
overflow: hidden;
border-top: 1px solid #6F6B5F;
border-bottom: 75px solid #6F6B5F;
border-bottom: 65px solid #6F6B5F;
border-left: 1px solid #6F6B5F;
border-right: 0px solid #6F6B5F;
}
