/* CSS Document */
/* link color FFFFFF bold underlined
text color FFFFFF
line color CC3333
hairline border color CCCCCC
content background 000000
page background 000000
scroll bars 000 main and 666 accent */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #000;
padding: 2em;
margin: 0px;
font-size: 100%;
color: #FFF;
scrollbar-3dlight-color:#333;
scrollbar-arrow-color:#CCC;
scrollbar-base-color:#CCC;
scrollbar-darkshadow-color:#333;
scrollbar-face-color:#333;
scrollbar-highlight-color:#CCC;
scrollbar-track-color:#333;
scrollbar-shadow-color:#CCC;
}
/* solves problem of border links around replacement images */
img {border:0;}
.footer { font-size: 10px; }
a { text-decoration: underline; }
a:link { color: #FFF; font-weight: bold }
a:visited { color: #FFF; font-weight: bold }
a:active { color: #FFF; font-weight: bold }
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:#FFF; 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: #000;
background-image: url(../images/2_bg.jpg);
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: #000;
background-image: url(../images/2_homepage_bg.jpg);
padding: 0px;
margin: auto;
voice-family: "\"}\"";
voice-family:inherit;
background-repeat: no-repeat;
height: 540px;
width: 770px;
}
.homepagetext { width: 500px; height: auto; float: right; line-height: 18px;
font-size: 12px; font-weight: bold; padding-right: 30px;
padding-top: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;}
/* new homepage text layout */
#homepagetwo {position:absolute;
left: 115px;
left: 115px;
left: 115px;
overflow:auto; display:block;
width:575px; height:275px; z-index:3;
}
.homepagetexttwo { width: 500px; height: auto; float: right;
line-height: 18px;
font-size: 11px; font-weight: bold; padding-right: 30px;
padding-top: 10px; margin-right: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFFFFF;}
/* end new homepage text layout */
.homepagetitle {
font-size: 14px;
font-weight: bold;
font-style: italic;
}
/* generic */
#header {
width: 100%;
float: right;
margin-left: -500px;
}
/* places spacer image over ib logo so can link to homepage
a#links { left: 300px; top: 0px; }*/
/* 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: 70px;
}
/* controls look of text in contentbox */
#contentbox div.leftmargin {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
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; width: 700px; position: relative; left: 40px; padding: 0px; font-size: 11px; }
#bodyblock td {vertical-align: top;}
#bodyblock td.line {background-color: #CCC; width: 1px; height: auto;}
#bodyblock td.vertline {background-color: #CCC; width: 2px; height: 325px;}
#bodyblock div.horzline {background-color: #CCC; width: auto; height: 1px;}
#bodyblock div.horzhalfline {width: auto; height: 1px;}
#bodyblock img.poster {margin: 5px 10px; border: 1px solid #CCC; }
#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 2 SPECIFIC start title */url
#bodyblock div.title ul {list-style: none; margin: 0px; padding: 0px; }
#bodyblock div.title li.left { float: left; background-image: url(../images/2_title_headline_left.gif);
position: relative; width: 13px; height: 31px; text-align: left; margin: 0px; padding: 0px;}
#bodyblock div.title li.middle { float: left; background-image: url(../images/2_title_headline_bg.gif);
position: relative; width: auto; height: 31px; background-repeat: repeat-x; padding-top: 6px; padding-left: 3px; margin: 0px;}
#bodyblock div.title li.middlefull { float: left; background-image: url(../images/2_title_headline_bg.gif);
position: relative; width: 600px; height: 31px; background-repeat: repeat-x; padding-top: 6px; padding-left: 3px; margin: 0px;}
#bodyblock div.title li.middle font { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; font-weight: bold; text-align: center; visibility: visible;}
#bodyblock div.title li.right { float: left; background-image: url(../images/2_title_headline_right.gif);
position: relative; width: 13px; height: 31px; text-align: left; margin: 0px; padding: 0px; }
/* 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/2_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; vertical-align: middle;
white-space: nowrap; padding-left: 10px; padding-right: 10px; }
#arrows td.rightarrow {
background-image: url(../images/2_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 #CCC; }
#portfolio td.portfoliotext { text-align: center; padding-top: 10px; white-space: nowrap;
font-size: 12px; }
#portfolio a { text-decoration: none;}
#portfolio a:link { color: #FFF; font-weight: normal;}
#portfolio a:visited { color: #FFF; font-weight: normal;}
#portfolio a:active { color: #FFF; font-weight: normal;}
#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 #CCC; }
/* 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 #C07853;}
#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 #CCC; }
#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:#FFF; 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; color:#FFF;}
{text-decoration:none; display:block; position:absolute; top:80px; left: 0px;
margin-left: -118px; font-size:10px; color:#FFF;}
#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: #CCC;
width: 123px; height: 1px; top: -28px; margin-left: -118px; }
#bio div.biolinebottom
{ position:relative; background-color: #CCC;
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:#CCC;}
/* CSS Document */
/* sets postions from top - at 40 */
#nav { float: left; padding-top: 24px; margin: 0px; }
ul { padding: 0px; margin: 0px; list-style: none; }
/* sets width of the items */
li { float: left; position: relative; width: 80px; top: 15px;
margin-right: 7px;
}
li ul { display: none;
/* position: absolute; /* removing this fixes IE7 submenu alignment problem */
top: 15px;
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: 5px;
height: 0px;
width: 0px;
overflow: hidden;
border-top: 2px solid #CC3333;
border-bottom: 85px solid #CC3333;
border-bottom: 75px solid #CC3333;
border-left: 2px solid #CC3333;
border-right: 0px solid #CC3333;
}
