/*
css_section.css
*/
html { height: 101%; }
body { margin-top: 0px; font-family: Verdana, Tahoma, sans-serif; }
h1, h2, h3, h4 { font-family: Arial; }
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
a:active { color: #000; text-decoration: none; }
#pageWrap { /*IE override*/
position: relative; width: 800px; height: 85%; margin: 0px auto 0px auto; padding: 1px 35px 25px 35px;
background: #FFF url('../images/lightGrayGrad-800px-w2.gif') scroll repeat-x 0px 0px;
border-left: 3px solid #DDDDEE; border-right: 3px inset #47478B; border-bottom: 3px inset #484859; /*border-top: 1px solid #DDD; weird!!*/
}
/* overrides css_main... */
#nav { margin: -24px 0px 0px 17px; } /*IE override*/
#nav #homeCell { width: 3.2em; }
#nav #photoCell { width: 6.5em; }
#nav #digimCell { width: 7.7em; }
#nav #webdevCell { width: 9.4em; }
#nav #aboutCell { width: 4.6em; }
#nav #contactCell { width: 6.0em; }
#nav .spacerMain { color: #999; font-size: 0.8em; width: 13px; margin-left: -10px; padding: 4px 10px 0px 0px; }
#nav .last { padding-bottom: 5px; }
#nav #lineBelow { width: 758px; line-height: 1px; margin: 0px auto 0px 0px; border-bottom: 1px solid #DDD; }
#subNav { font-size: 0.9em; margin: 0px auto 0px -20px; letter-spacing: 0.1em; white-space: nowrap; }
#subNav a:link { color: #669; }
#subNav a:visited { color: #669; }
#subNav a:hover { color: #558; font-style: normal; }
#subNav a:active { color: #669; }
.subNavSpacer { color: #999; font-size: 0.8em; padding: 0px 3px; vertical-align: 1px; }
#subNavLineAbove { display: none; /*width: 775px; height: 1px; margin: 0px auto 10px 8px; border-bottom: 1px solid #EEE;*/ }
#subNavLineBelow { width: 775px; height: 1px; margin: 12px auto -30px 8px; border-bottom: 1px solid #EEE; }
div.subSubNav { color: #999; font-size: 0.9em; letter-spacing: 0.1em; }
#content div.subSubNav a:link { color: #999; text-decoration: none; }
#content div.subSubNav a:visited { color: #999; text-decoration: none; }
#content div.subSubNav a:hover { color: #99B; text-decoration: underline; }
#content div.subSubNav a:active { color: #999; text-decoration: none; }
div.subSubNav#webDevBottom { margin: 30px auto -30px -20px; text-align: center; line-height: 2.0em; border: 0px solid blue; }
div.subSubNav#photoBottom { margin: 40px auto -30px -20px; text-align: center; line-height: 2.0em; border: 0px solid blue; }
div.subSubNav#aboutOi { margin: 10px auto; text-align: center; line-height: 2.0em; border: 0px solid blue; }
#midContact { margin: 50px auto 0px -34px; }
#midContactOIeye { margin: 0px 2px 0px 0px; padding: 0px; vertical-align: -7px; }
#header {
position: absolute; top: 22px; left: 0px; margin: 0px;
}
#header a:link { color: #000; text-decoration: none; }
#header a:visited { color: #000; text-decoration: none; }
#header a:hover { color: #333; font-style: normal; text-decoration: underline; }
#header a:active { color: #555; font-style: normal; text-decoration: none; }
#header #headerImage { position: relative; top: 20px; left: -77px; }
#content { margin: 15px 150px 70px 150px; clear: both; text-align: left; position: relative; border: 0px solid blue; }
#content h1, #content h2, #content h3 { color: #666; }
#content h1,h2 { display: inline; font-size: 17px; font-style: normal; font-weight: 400; letter-spacing: 2px; }
#content h1 small { font-size: 0.8em; letter-spacing: 1px; }
#content h2 { font-size: 14px; }
#content h3 { font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: 2px; }
#content h4 {
color: #AAA; font-size: 1.0em; font-style: italic; letter-spacing: 1px; text-decoration: underline; text-align: left; margin: 0px 0px -10px 0px;
}
#content p { text-align: left; line-height: 1.4em; }
#content ul { margin: 0px 20px 0px 20px; list-style-type: circle; font-size: 0.95em; }
#content li { margin: 0px 0px 10px 0px; }
#content ul ul { margin: 0.4em 0px 0px -18px; padding-bottom: 2px; list-style-type: disc; }
#content a:link { color: #449; text-decoration: none; }
#content a:visited { color: #449; text-decoration: none; }
#content a:hover { color: #77A; text-decoration: underline; }
#content a:active { color: #449; text-decoration: none; }
/*
#content a:link { color: #00A; text-decoration: underline; }
#content a:visited { color: #00A; text-decoration: underline; }
#content a:hover { color: #22C; font-style: italic; text-decoration: none; }
#content a:active { color: #000; font-style: italic; text-decoration: underline; }
*/
.textBoxLeft {
position: relative; background: #F5F5F5; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC;
left: -184px; width: 500px; padding: 10px 25px 10px 185px; text-align: left;
}
.textBoxLeft .urc {
position: absolute; top: -1px; right: -1px; width: 14px; height: 14px;
background: transparent url('../images/common/littleGrayRoundCorner3topRight1.gif') scroll no-repeat top right;
}
.textBoxLeft .brc {
position: absolute; bottom: -1px; right: -1px; width: 14px; height: 14px;
background: transparent url('../images/common/littleGrayRoundCorner3botRight1.gif') scroll no-repeat bottom right;
}
.textBoxRight {
position: relative; background: #F5F5F5; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC;
right: 33px; width: 508px; padding: 10px 190px 10px 18px; text-align: left;
}
.textBoxRight .ulc {
position: absolute; top: -1px; left: -1px; width: 14px; height: 14px;
background: transparent url('../images/common/littleGrayRoundCorner3topLeft1.gif') scroll no-repeat top left;
}
.textBoxRight .blc {
position: absolute; bottom: -1px; left: -1px; width: 14px; height: 14px;
background: transparent url('../images/common/littleGrayRoundCorner3botLeft1.gif') scroll no-repeat bottom left;
}
#imageRow { text-align: center; white-space: nowrap; }
#imageRow img { margin: -20px 20px 60px 20px; border: 0px solid blue; }
#footer {
color: #777; font-size: 9px; letter-spacing: 0.3em; text-align: center; font-variant: small-caps;
position: relative; clear: both; margin: 40px auto 0px -10px;
}
#footer big { font-size: 9px; }
#footer a:link { color: #777; text-decoration: none; }
#footer a:visited { color: #777; text-decoration: none; }
#footer a:hover { color: #333; font-style: normal; text-decoration: underline; }
#footer a:active { color: #777; font-style: normal; text-decoration: none; }
#rightsReserved { color: #888; font-style: italic; letter-spacing: 0.1em; } /* ?? */
#footer em { color: #777; font-size: 9px; font-variant: normal; letter-spacing: 0.25em; }
#footerHook {
color: #777; font-size: 9px; font-weight: 400; text-align: center; letter-spacing: 0.25em; white-space: nowrap; line-height: 2.3em;
position: relative; clear: both; margin: 9px auto 0px -10px;
}
.footerCircle { font-weight: 200; vertical-align: 1px; } /* ?? */
/* about */
#header #headerImageAbout { position: absolute; top: 45px; left: -95px; }
#aboutHeader { margin-left: -15px; }
#LawrencePhoto { float: right; margin: 5px -25px 0px 18px; }
#aboutQuotes { font-size: 0.9em; letter-spacing: 1px; }
#aboutQuotes #readMore { float: right; font-size: 0.8em; }
#aboutQuotes #readMore a { color: #777; }
#aboutQuotes p { margin-top: 0px; padding: 0px 7px; }
#aboutQuotes p:first-letter { margin-left: -0.4em; }
#aboutQuotes .author { color: #777; margin-top: -0.8em; margin-left: 0.5em; font-size: 0.9em; }
#testimonialsFixed {
color: #777; font-size: 0.9em; letter-spacing: 1px; margin: 50px -20px 0px -10px; padding: 0px 0px 0px 0px; border: 0px solid blue;
}
#testimonialsFixed h2 { display: block; }
#testimonialsFixed .author { color: #BBB; margin-top: -0.8em; margin-left: 0.5em; padding-bottom: 20px; font-size: 0.9em; }
/* about Lawrence */
#aboutLawrenceTop { margin-left: -25px; margin-right: 95px; border: 0px solid blue; }
#content #aboutLawrenceHeader { font-size: 1.0em; line-height: 1.4em; }
#aboutLawrenceTopImage {
position: absolute; top: 10px; right: -55px;
/*float: right; margin: 20px -70px 0px 10px; */
}
#content #educationHeader { font-size: 1.0em; display: block; margin-top: 3.0em; margin-bottom: 1.0em; }
#educationList li { list-style-type: none; margin: 10px auto 2.0em -50px; }
#educationList li em { vertical-align: 2px; }
.gradDate { color: #999; font-size: 0.9em; }
#content #workedWithHeader { font-size: 1.0em; clear: both; display: block; margin: 3.0em auto 1.0em 0px; border: 0px solid purple; }
#workedWithList li { list-style-type: none; margin: 7px auto 7px -50px; }
#workedWithList a:link { color: #000; }
#workedWithList a:visited { color: #000; }
#workedWithList a:hover { color: #009; }
#workedWithList a:active { color: #000; }
.workedDate { color: #999; font-size: 0.9em; }
/* contact */
#header.contact { margin-left: 150px; border: 0px solid blue; }
#header.contact img { position: relative; top: 35px; left: 0px; }
#contactAddr { color: #777; margin: 30px auto 20px 140px; /*IE override*/ border: 0px solid red; }
#contactAddr h1 { display: block; margin-bottom: 0.5em; }
#contactAddr em { font-size: 0.9em; font-style: normal; }
#contactForm { width: 550px; margin-left: 4px; border: 0px solid blue; }
#contactCommonInfo { width: 600px; margin-left: 40px; border: 0px solid purple; }
#contactCommonInfo label {
display: block; position: relative; float: left; text-align: right; margin-top: 4px;
padding-right: 0.5em; width: 134px; font-weight: 700; font-size: 0.8em;
}
#contactCommonInfo label em { color: #77B; padding-right: 4px; }
#contactForm .error { color: #009; }
#contactForm div.error { display: inline; margin: 0px; vertical-align: 3px; font-size: 0.8em; }
#contactPref { margin-top: 2px; }
#contactPref label { margin-top: 1px; }
#contactPref input { vertical-align: -2px; }
#contactPref a { font-style: normal; font-size: 0.9em; vertical-align: 1px; padding-left: 0.3em; }
#contactNav { display: block; margin: 25px auto 0px 10px; width: 600px; height: 1.2em; }
#contactNav ul { list-style-type: none; margin: 0; padding: 0; }
#contactNav li {
float: left; margin: 0px 10px 0px 0px; padding: 2px 6px 2px 6px; position: relative; z-index: 10; background: #F5F5F5;
border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; border-bottom: 0px solid purple; /*needed*/
}
#contactNav .content {
position: relative; z-index: 2;
}
#contactNav .ulc {
position: absolute; top: -1px; left: -1px; width: 14px; height: 14px; z-index: 1;
background: transparent url('../images/common/littleGrayRoundCorner3topLeft1.gif') scroll no-repeat top left;
}
#contactNav .urc {
position: absolute; top: -1px; right: -1px; width: 14px; height: 14px; z-index: 1;
background: transparent url('../images/common/littleGrayRoundCorner3topRight1.gif') scroll no-repeat top right;
}
#contactSubformWrap {
margin: 4px 0px 0px 0px; padding: 0px 0px 30px 35px; position: relative; left: -65px; width: 580px;
background: #F5F5F5; border: 1px solid #CCC;
}
#contactSubformWrap .ulc {
position: absolute; top: -1px; left: -1px; width: 14px; height: 14px; z-index: 1;
background: transparent url('../images/common/littleGrayRoundCorner3topLeft1.gif') scroll no-repeat top left;
}
#contactSubformWrap .urc {
position: absolute; top: -1px; right: -1px; width: 14px; height: 14px; z-index: 1;
background: transparent url('../images/common/littleGrayRoundCorner3topRight1.gif') scroll no-repeat top right;
}
#contactSubformWrap .brc {
position: absolute; bottom: -1px; right: -1px; width: 14px; height: 14px;
background: transparent url('../images/common/littleGrayRoundCorner3botRight1.gif') scroll no-repeat bottom right;
}
#contactSubformWrap .blc {
position: absolute; bottom: -1px; left: -1px; width: 14px; height: 14px;
background: transparent url('../images/common/littleGrayRoundCorner3botLeft1.gif') scroll no-repeat bottom left;
}
#contactForm div.subform { display: none; margin-left: 40px; }
#contactForm #generalInquiry { display: block; }
#contactForm #contactNavFirst { text-decoration: underline; }
#contactForm #contactNavFirst.selectOther{ text-decoration: none; }
#contactForm #submitInquiry { display: block; }
#contactForm input#submitButton{ margin-top: 10px; margin-left: -1px; }
#contactForm #generalInquiry.selectOther { display: none; }
#contactForm #photoInquiry.selected { display: block; }
#contactForm #webDevInquiry.selected { display: block; }
#contactNav li .selected a { text-decoration: underline; }
#contactForm .subform div { margin: 0px; padding: 15px 0px 0px 0px; border: 0px solid purple; }
#contactForm .subform label { display: block; clear: both; }
#contactForm .subform label em { display: block; font-style: normal; font-size: 0.9em; }
#contactForm ul.checkbox { list-style-type: none; margin: 0.5em 1.6em 0px -3px; padding: 0px; float: left; width: 11.5em; font-size: 0.9em; }
#contactForm ul.checkbox.wide { width: 15.5em; border: 0px solid yellow; }
#contactForm .subform ul.checkbox li { margin: 0px; float: none; white-space: nowrap; }
#contactForm input.checkbox { }
#contactForm label.checkbox { display: inline; margin-left: -2px; vertical-align: 2px; }
#contactForm ul.checkbox a:link, #contactPref a:link { color: #444; }
#contactForm ul.checkbox a:visited, #contactPref a:visited { color: #444; }
#contactForm ul.checkbox a:hover, #contactPref a:hover { color: #777; }
#contactForm ul.checkbox a:active, #contactPref a:active { color: #444; }
#contactThankYou { text-align: left; position: relative; width: 360px; left: 80px; margin: 50px auto 40px 40px; border: 0px solid blue; }
#contactOutput { text-align: left; border: 1px solid #CCC; }
#contactOutput div { padding: 10px; }
#contactOutput div label { padding-right: 5px; }
#contactOutput div div { padding: 2px 0px; }
/* client login */
#clientLogin { position: absolute; top: 15px; right: 12px; z-index: 3; font-size: 0.95em; line-height: 1.5em; text-align: right; }
#clientLoginBox { margin-top: 70px; margin-left: 110px; }
#clientLoginBox .headerImage { position: absolute; top: -10px; left: -40px; /*float: left; margin: -8px 36px 50px -56px; /*IE override*/ }
#clientLoginBox h4 { display: block; margin: -10px auto 0px 0px; }
#clientLoginBox table { margin: 0px auto 0px 0px; }
#clientLoginBox table th { text-align: right; }
#clientLoginBox table td { text-align: left; padding-right: 20px; }
#clientLoginBox p { color: #999; font-size: 0.9em; font-style: italic; margin: 70px 25px 70px 30px; text-indent: 0px; left: -40px; position: relative; }
#clientLoginBox p strong { padding-right: 5px; }
#clientLoginBox p a { color: #449; }
#loginFailure, #logoutSuccess { margin: 50px auto -25px 112px; display: block; }
#loginFailure { color: #009; }
#loginFailure strong { color: #709; }
#logoutSuccess { color: #009; }
#logoutSuccess strong { color: #50A; }
/* photography */
#photoBlockMain { width: 720px; margin: -2px auto 0px -114px; /*IE override*/ border: 0px solid blue; }
#photoBlockMain img { float: left; }
#photoLeadText { clear: both; margin-top: 30px; }
#photoLeadText h1 { display: block; margin: -5px auto 4px 0px; }
#photoLeadText h1 sup { color: #AAA; font-size: 0.8em; vertical-align: 0.3em; margin-left: -2px; /*IE overrides*/ }
#photoBullets { padding: 20px 0px 0px 40px; }
#photoBullets li { margin-left: -25px; }
#content #photoTypeBullets { padding: 2px 0px 0px 40px; list-style-type: none; }
#photoTypeBullets li { margin: 0px auto 4px -25px; }
#photoTypeBullets h3 { margin: 20px auto 10px -41px; }
/*#photoPacksList { padding: 20px 10px 0px 21px; }*/
/* photos ~> print provider iframe and such */
#digibugIframe { margin-left: -185px; margin-top: -19px; border: 0px solid blue; }
/* table { border: 0px solid blue; } */
#pageWrap.photos { width: 850px; }
#photoGeneralSamples { width: 750px; margin-left: -123px; border: 0px solid blue; }
#photoGeneralSamples div { float: left; text-align: center; line-height: 2.5em; margin: 5px; }
/* wedding photography */
#photoLeadText.weddingPackages { padding-left: 158px; }
#photoLeadText.weddingPackages .author { color: #777; margin-top: 0.5em; margin-left: 0.0em; font-size: 0.9em; }
#weddingRightCol { margin-left: 25px; }
#weddingRightWrap { float: right; position: relative; width: 250px; height: 400px; margin: 18px -90px 35px 0px; }
#weddingControls { text-align: right; margin-right: -20px; }
#weddingLeftCol { margin-left: -25px; margin-top: 0px; padding-top: 14px; border: 0px solid blue; }
#weddingLeftCol p { margin-top: 0px; }
.weddingPackage { margin: 2.0em auto; clear: both; }
.weddingPackage h2 { display: block; margin: 0px 0px 2px 0px; }
#weddingComparison { border-collapse: collapse; margin-top: 4.0em; }
#weddingComparison th { color: #999; font-size: 0.9em; }
#weddingComparison .topRow th { text-align: center; border-bottom: 1px solid #999; }
#weddingComparison .rows td { padding: 2px 13px; }
#weddingComparison .rows th { text-align: right; padding-right: 0.7em; border-right: 1px solid #999; }
#weddingComparison .rows td { text-align: center; }
#weddingComparison .bottomRow td { text-align: center; padding-top: 0.5em; }
/* commercial photography *Note: right left flip-flopped */
#photoLeadText.commercialPackages { padding-left: 182px; }
#commerceRightWrap {
position: relative; width: 470px; height: 470px; margin: 0px -100px 35px 0px; padding-top: 10px; text-align: center;
}
#commerceRightWrap object { }
#commerceRightCol { width: 470px; height: 470px; position: relative; }
#commerceControls { text-align: right; padding-right: 13px; }
#commerceLeftCol {
position: absolute; top: 7.0em; right: 0px; float: right; margin-right: -145px; margin-top: 0px; padding-top: 14px; border: 0px solid blue;
}
#commerceLeftCol ul { list-style-type: none; margin-left: 0px; /*affects IE only*/ padding-left: 0px; }
#commerceLeftCol li { color: #999; letter-spacing: 1px; }
/* portrait photography *Note: right left flip-flopped */
#photoLeadText.commercialPackages { padding-left: 182px; }
#portraitsRightWrap {
position: relative; width: 470px; height: 470px; margin: 0px -100px 35px 0px; padding-top: 10px; text-align: center;
}
#portraitsRightWrap object { }
#portraitsRightCol { width: 470px; height: 470px; position: relative; }
#portraitsControls { text-align: right; padding-right: 13px; }
#portraitsLeftCol {
position: absolute; top: 7.0em; right: 0px; float: right; margin-right: -145px; margin-top: 0px; padding-top: 14px; border: 0px solid blue;
}
#portraitsLeftCol ul { list-style-type: none; margin-left: 0px; /*affects IE only*/ padding-left: 0px; }
#portraitsLeftCol li { color: #999; letter-spacing: 1px; }
/* photo prints */
.printHeader { display: block; margin: 3.0em auto 0.5em 0px; }
.printSubHeader { color: #777; font-style: italic; }
.printSubNotes { color: #999; font-style: italic; font-size: 0.9em; margin-top: 3.0em; }
.printPacks { border-collapse: collapse; margin-top: 1.0em; margin-left: 25px; }
.printPacks th { color: #999; font-size: 0.9em; }
.printPacks .topRow th { text-align: center; padding: 2px 13px; white-space: nowrap; border-bottom: 1px solid #999; }
.printPacks .rows td { padding: 2px; }
.printPacks .rows th { text-align: right; padding-right: 0.7em; border-right: 1px solid #999; }
.printPacks .rows td { text-align: center; }
.printPacks .bottomRow td { text-align: center; padding-top: 0.5em; }
/* digital imaging */
#header #headerImageDigim { position: relative; top: 45px; left: -110px; }
/*h1#digimHeader { }*/
#content #digimBullets { position: relative; z-index: 10; }
#content #digimBullets h2 { font-size: 1.0em; display: block; margin: 0px 0px 0.7em 0px; }
#content #digimBullets ul { list-style-type: circle; margin: 0.5em 0px 1.5em 0.7em; padding: 0px; white-space: nowrap; }
#digimBullets li { margin: 0.4em 0px 0px 12px; }
#digimTopLeft { position: absolute; top: 20px; left: -120px; }
#digimTopRight { float: right; margin: 20px -185px -50px 20px; }
#digimLeadText { letter-spacing: 1px; font-size: 0.9em; }
#content #digImDeliverablesHeader { font-size: 1.1em; margin-left: -18px; }
#digImDeliverablesList { line-height: 1.3em; padding-top: 1px; }
#digImDeliverablesList li { list-style-type: none; margin: 20px -40px 14px -70px; }
#digImDeliverablesList li strong { margin-left: -0.5em; padding-right: 0.5em; }
#digimPriceWrap {}
#digimPriceWrap p { margin-top: 0.5em; }
#gicleePrintTable { margin: 0px 0px 0px -50px; }
#gicleePrintTable caption { font-size: 17px; font-weight: 400; letter-spacing: 2px; text-align: left; padding: 30px 0px 0px 0px; margin: 0px 0px 0px -50px; }
#gicleePrintTable th { white-space: nowrap; text-align: right; padding-right: 7px; font-size: 0.9em; }
#gicleePrintTable td { white-space: nowrap; text-align: center; }
/* photo retouching / photo restoration */
.digimRestoreTop { float: left; margin: 5px 11px 5px 0px; border: 0px solid blue; }
.digimRestoreTop.right { margin-right: 0px; }
.digimRestoreTop h2 { display: block; margin: 1.0em auto 0.5em 0px; }
/* web development */
#webDevLeadText { letter-spacing: 1px; font-size: 0.9em; }
#content h1.webDev { display: block; font-size: 1.2em; margin: 0 0 4px 0; }
#header #headerImageWebDev { position: relative; top: 3px; /*IE override*/ left: 0px; border: 0px solid blue; }
#webDevTopSpace { height: 75px; }
#webDevLeadImage {
background: transparent url('../images/common/heading-text_web-development-w4.gif') scroll no-repeat 0 0; /* background-code-w2.jpg */
position: absolute; top: 4.5em; left: 30px; width: 318px; height: 452px; border: 0px solid blue;
}
#digimFlash { position: relative; width: 400px; height: 145px; margin: -65px auto 65px 20px; background: transparent; border: 0px solid blue; }
#webDevCoreSkills { margin-top: 2.0em; }
#webDevCoreSkills, #webDevPriceWrap { margin-left: 60px; }
#webDevCoreSkills h2 { font-size: 1.0em; }
#webDevCoreSkills ul { list-style-type: none; margin: 0.5em 0px 2.5em 0em; padding: 0px; border: 0px solid blue; }
#webDevCoreSkills ul.left { float: left; margin-right: 4.0em; }
#webDevCoreSkills ul.right { float: left; }
#webDevCoreSkills li { margin: 0.4em 0px 0px 0px; }
#webDevPriceWrap { margin-bottom: 3.0em; margin-top: 0px; display: none; border: 0px solid blue; }
#webDevPriceWrap h2 { }
#webDevPriceWrap p { margin-top: 0.7em; }
#webDevRightSideImage {
position: absolute; right: -145px; top: 60px; z-index: 10;
}
#webDevCoding {
width: 870px; margin-left: -186px; background: transparent url('../images/common/background-code-w3.jpg') scroll no-repeat 0px 0px;
border: 0px solid blue;
}
#webDevCoding p, #webDevCoding h4 { padding: 0px 180px 0px 185px; }
#content #webDevDeliverablesHeader { font-size: 1.1em; margin: 10px auto 25px -50px; }
#webDevDeliverablesIntro { margin-left: -25px; }
#webDevDeliverablesList { line-height: 1.3em; padding-top: 1px; }
#webDevDeliverablesList li { list-style-type: none; margin: 20px -40px 14px -100px; }
#webDevDeliverablesList li strong { margin-left: -0.5em; padding-right: 0.5em; }
#content #webDevLangHeader { font-size: 1.1em; margin: 25px auto 25px -50px; }
#webDevLangList { line-height: 1.3em; padding-top: 0px; }
#webDevLangList li { list-style-type: none; margin: 20px -40px 14px -100px; }
#webDevLangList li strong { margin-left: -0.5em; }
#content h1.webDevLeadText { font-size: 1.1em; font-style: italic; text-align: left; margin: 0px 0px -10px 0px; display: none; }
#content #webDevLegal { color: #999; font-size: 0.8em; font-style: italic; margin: 40px -45px 0px -47px; text-indent: -5px; }
#webDevLegal strong { color: #777; padding-right: 4px; }
/* client list */
#header.clientList { margin-left: 90px; }
#header.clientList img { position: relative; top: 35px; left: 0px; }
#content #clientListHeader { font-size: 1.0em; margin: 25px auto 0px 71px; }
#content #clientList { text-align: left; margin: 19px 0px 40px 21px; }
#clientList li { float: none; list-style-type: none; margin: 9px auto 9px 10px; }
#clientList a:link { color: #449; text-decoration: none; }
#clientList a:visited { color: #449; text-decoration: none; }
#clientList a:hover { color: #55A; text-decoration: underline; }
#clientList a:active { color: #449; text-decoration: none; }
#clientList a span { color: #777; }
/* clientPrintsTable */
#clientPrintsTable { margin: 25px 0px 25px -76px; }
#clientPrintsTable caption { font-size: 17px; font-weight: 400; letter-spacing: 2px; text-align: left; padding: 30px 0px 0px 0px; margin: 0px 0px 0px -50px; }
#clientPrintsTable th { white-space: nowrap; text-align: right; padding-right: 7px; font-size: 0.9em; }
#clientPrintsTable td { white-space: nowrap; text-align: right; padding-right: 7px; padding-left: 4px; border-top: 1px solid #DDD; border-left: 1px solid #DDD; }
#clientPrintsTable td.center { text-align: center; color: #666; }
ul#clientPrintsSubnote {
color: #999; font-size: 0.9em; font-style: italic; list-style-type: none; margin: 0; padding: 20px 0px 0px 0px;
}
#clientPrintsSubnote li { margin-left: 0; }
/* portfolio */
#portfolioImageWrap { float: right; margin: 10px -3px 0px 8px; height: 330px; } /* for slide show on main portfolio page */
#portfolioImageRow img { margin: 0px 10px 0px 10px; } /* for specific image pages */
.portfolioButton { vertical-align: 20px; }
#portfolioImageInfo { margin: 0px auto 50px auto; }
#portfolioImageInfo table { margin: 0px auto 0px auto; padding: 0px 50px; }
#portfolioImageInfo th { text-align: right; }
#portfolioImageInfo td { text-align: left; padding: 0px 0px 0px 5px; }
#portfolioImageInfo a:link { color: #000; text-decoration: none; }
#portfolioImageInfo a:visited { color: #000; text-decoration: none; }
#portfolioImageInfo a:hover { color: #555; font-style: italic; text-decoration: underline; }
#portfolioImageInfo a:active { color: #555; font-style: italic; text-decoration: none; }
#beginCustomerList { line-height: 60px; display: none; }
#customersWrap { display: none; }
#customersList { padding: 9px 0px 0px 0px; }
#customersList li { margin: 0px 0px 0px -4px; }
#projectsWrap { display: none; }
#projectsList { padding: 9px 0px 0px 0px; }
#projectsList li { margin: 0px 0px 0px -4px; }
.portfolio ul { list-style-type: circle; padding: 15px 0px 0px 0px; }
.portfolio li { margin: 0px 0px 1px -15px; }
.portfolio a:link { color: #000; text-decoration: none; }
.portfolio a:visited { color: #000; text-decoration: none; }
.portfolio a:hover { color: #555; font-style: italic; text-decoration: underline; }
.portfolio a:active { color: #555; font-style: italic; text-decoration: none; }
.portfolio h3 { font-size: 18px; display: inline; }
.portfolio h4 { display: inline; margin: 0px 0px 0px 15px; }
/* documents & articles */
#header #headerImageDocs { float: left; margin: 50px 20px 0px 40px; /*position: absolute; top: 20px; left: -142px;*/ }
#content.articlesAndDocs { margin: 30px auto 90px 160px; width: 520px; border: 0px solid blue; }
#content.articlesAndDocs ul { margin-left: -24px; }
#content.articlesAndDocs ul ul { margin: 10px auto 5px -17px; }
#content.articlesAndDocs h4 { font-size: 1.2em; font-weight: 400; padding-bottom: 10px; }
/* frequenstly asked questions */
#faq {}
#faq .topList { margin: 1.0em auto 2.2em 0em; padding: 0px; list-style-type: none; }
#faq .topList li a { color: #777; }
#faq .topList li a:link, #faq .topList li a:visited { text-decoration: underline; }
#faq .topList ul { list-style-type: circle; margin: 1.0em auto 0px 1.5em; padding-left: 0px; }
#faq .topList ul a:link { color: #449; text-decoration: none; }
#faq .topList ul a:visited { color: #449; text-decoration: none; }
#faq .topList ul a:hover { color: #77A; text-decoration: none; }
#faq .topList ul a:active { color: #449; text-decoration: none; }
#faq .topLink { color: #999; font-size: 0.9em; float: right; margin-top: 1.0em; }
#faq h2 { display: block; margin: 3.0em auto 1.0em 0px; border: 0px solid blue; }
#faq dl { margin: 10px 0px 20px 0px; }
#faq dt { margin: 0px 0px 0.7em 0px; font-style: italic; }
#faq dd { margin: 0px 0px 2.0em 0px; }
#faq dl strong { color: #999; font-style: normal; font-size: 0.9em; padding-right: 0.3em; margin-left: -1.9em; }
#faq dd ul { margin: 1.0em auto 0px 0px; padding-left: 1.5em; }