body { background: url(Images/bodyBcgr.gif) repeat-x 0 33px #514d4b; font: 75%/1.4em "Trebuchet MS", "Lucida Grande", Verdana, sans-serif; color: #c2c1c1; margin: 0; padding: 0; } #redBcgr { color: #7b2b2e; } #darkerBcgrCol { color: #4e4642 } #lighterBcgrCol { color: #7c746f } a:link, a:visited, a:hover { text-decoration: none; } p#endLine { border-top: 1px solid #23160f; clear: both; font-size: 1px; line-height: 1; overflow: hidden; height: 1px; background-color:#23160f; border-bottom: 1px solid #2b1b13; margin: 0; } ul, li { list-style: none; padding: 0; margin: 0; } .clear { clear: both; height: 1px; line-height: 1px; font-size: 1px !important; } .imageText, p.skipNav {
	position: absolute;
	width: 20em;
	left: -999em;
	margin: 0;
	padding: 0;
	top: 0;
	overflow: hidden;
	font-size: 1px;
	line-height: 1;
	z-index: 1;
} p { margin: 0; padding: 0; } .over { cursor: pointer; } .blockOver, .blockOver a {cursor: pointer; } #jsWarning { position: relative; left: 56px; top: 112px; width: 170px; height: 20px; overflow: hidden; } body.jsWorks #jsWarning { display: none; } .js { display: none; } body.jsWorks span.js { display: inline; } #wrapper { width: 1026px; margin: 0 auto; } #logo { position: relative; width: 1026px; height: 296px; background: url(Images/topLeftRightShades.png) no-repeat transparent; } #logo img.header { display: block; margin-left: 33px; width: 960px; height: 296px; } #tiktak{
	position: absolute;
	left: 388px;
	top: 20px;
	width: 250px;
	height: 233px;
	z-index: 6;
}  #menuMain li{ left: 0px; position: absolute; width: 140px; } #menuMain li.index {top: 0px;} #menuMain li.pricing {top: 40px;} #menuMain li.portfolio{top: 60px;} #menuMain li.services{top: 20px;} #menuMain li.links{top: 80px;} #menuMain li.contact{top: 100px;} #menuMain a{ display: block; width: 140px; height: 20px; text-indent: -999em; background: url(Images/menuMain.gif) 0 0 no-repeat transparent; } body#index #menuMain li.index a, #menuMain li.index a:hover { background-position: -140px 0px;} body#services #menuMain li.services a, #menuMain li.services a:hover { background-position: -140px -20px;} body#pricing #menuMain li.pricing a, #menuMain li.pricing a:hover { background-position: -140px -40px;} body#portfolio #menuMain li.portfolio a, #menuMain li.portfolio a:hover { background-position: -140px -60px;} body#links #menuMain li.links a, #menuMain li.links a:hover { background-position: -140px -80px;} body#contact #menuMain li.contact a, #menuMain li.contact a:hover { background-position: -140px -100px;} body#index #menuMain li.index a:hover, body#pricing #menuMain li.pricing a:hover, body#portfolio #menuMain li.portfolio a:hover, body#links #menuMain li.links a:hover, body#services #menuMain li.services a:hover, body#contact #menuMain li.contact a:hover { cursor: default } #menuMoods {
	position: absolute;
	height: 22px;
	width: 305px;
	left: 20px;
	top: -19px;
	background: url(Images/menuMoodsBcgr.gif) no-repeat;
	z-index: 4;
} #menuMoods li{ position: absolute; } #menuMoods li#orient{ width: 98px; left: 102px; } #menuMoods li#noir{ left: 205px; width: 98px; } #menuMoods a{ display: block; height: 22px; width: inherit; text-indent: -999em; background-image: url(Images/menuMoods.gif); background-position: 0 0; background-repeat:no-repeat; background-color:transparent; } #menuMoods li#orient a:hover{ background-position: 1px -22px; background-repeat:no-repeat; background-color:transparent; } #menuMoods li#noir a:hover{ background-position: -102px -22px; background-repeat:no-repeat; background-color:transparent; } #contentLeft, #contentRight { float: left; } #content { width: 960px; background: url(Images/contentBcgr.gif) repeat-y transparent; padding: 0 33px 20px; } #contentLeft {
	width: 641px;
	padding-left: 15px;
	position: relative;
	left: 17px;
} .borderDoubleTop, #borderDoubleBot, #borderDoubleBotIndex, .borderDoubleBot, .borderDoubleMid, #contentLeftB, #contentLeftA { width: 642px; } .borderDoubleTop {height: 14px; } .borderDoubleMid { background: url(Images/homeBoxDoubleMiddle.gif) left top repeat-y; } .borderDoubleTop { background: url(Images/homeBoxDoubleTop.gif) left top no-repeat; } #borderDoubleBot, #borderDoubleBotIndex, .borderDoubleBot { height: 36px; background: url(Images/homeBoxDoubleBot.gif) left bottom no-repeat; clear: both; } .borderDoubleBot { height: 20px; } body#services.jsOff #borderDoubleBot { height: 119px; } body#index #contentLeftC p { float: left; padding: 40px 0 16px 33px; width: 42%; } body#index #contentLeftC p#almostPersonal { background: url(Images/tPersonal.gif) 33px 12px no-repeat; padding-top: 40px;} body#index #contentLeftC img { text-align: center; padding: 40px 0 0 20px; } #contentLeftB { background: url(Images/homeContentLeftBbcgr.gif) left top no-repeat; height: 205px; padding: 8px 0 0 33px; width: 609px; margin-top: 5px; } #contentLeftB .aArea { float: left; width: 168px; height: 186px; margin-left: 34px; } #contentLeftB .first {margin-left: 0px;} #contentLeftB .last {width: 170px;} #contentLeftB img { border-left: 1px solid #615b57; border-right: 1px solid #615b57; } body#index #contentLeftB { position: relative; } #more {
	position: absolute;
	right: 8px;
	bottom: 18px;
	height: 186px;
	width: 27px;
	display: none;
	z-index: 5;
} body.jsWorks #more { display: block; } #more p { margin: 162px 0 0 0; height: 24px; width: 27px; line-height: 24px; text-align: center; overflow: hidden; font-size: 1.1em; padding: 0 0 0 2px; } #more.over p {background-color: #732529;} #ajaxCont { width: 390px; min-height: 374px; margin: 8px 18px 0px 16px; padding: 6px 0 0 218px; background: url(Images/restLeftOrn.gif) 16px 0px no-repeat; } body#index #ajaxCont, body#contact #ajaxCont { background-image: url(Images/restLeftOrn.gif); } body#index #ajaxCont { min-height: 180px; } body#portfolio #ajaxCont { background-image: none; padding-left: 0; width: 604px; margin-left: 12px;} body#contact #ajaxCont, body#portfolio #ajaxCont { min-height: 0; } #ajaxCont p, #ajaxCont h2 { width: 370px; } #ajaxCont p.halfSpace { padding-top: .6em; } body#index #ajaxCont p { padding: 0; } #ajaxCont h2 { height: 12px; background: url(Images/titlesLeft.gif) no-repeat 0 0; text-indent: -999em; margin: 18px 0 10px 0; padding: 0; font-size: 1px; line-height: 1; } #ajaxCont h2.first, #ajaxCont p.first { margin-top: 4px; } h2#tServices { background-position: 0 -12px;} h2#tProcess { background-position: 0 -24px; clear: both; margin-top: 0;} h2#tChoose { background-position: 0 -36px;} h2#tPricing { background-position: 0 -48px; } h2#tLinks { background-position: 0 -60px;} body#services #ajaxCont ul { float: left; width: 47%; padding-bottom: 18px;} body#pricing table { table-layout: fixed; width: 370px; height: auto; background-color: transparent; border: 0; border-collapse: collapse; margin: 1em 0; } col.c1 {width: 140px;} col.c2 {width: 60px;} body#pricing table thead, body#pricing table tr.foot { background-color: #655c57; padding: 0; } body#pricing table tr.foot td {padding-top: 8px; padding-bottom: 8px; background-color: #655c57;} body#pricing table thead th.a, body#pricing table tr.foot td.a { text-align: left; padding-left: 6px;} body#pricing table td {text-align: center; background-color: transparent; padding: 4px 0; font-size: 1.1em; line-height: 1.4;} body#pricing table td.a {text-align: left; padding-left: 6px; border-left: 0; font-size: 1em; } body#pricing table thead th { font-size: 1em; font-weight: normal;} table td.dmt, table td.ndmt { font: 1.4em/1.4 bold Verdana, sans-serif; } table td.dmt:after { content: "\2726"; } table td.ndmt:after { content: "\2727"; } table td.dmt span, table td.ndmt span { display: none; } body.ie table td.dmt span, body.ie table td.ndmt span { display: inline; font-family:Arial; } #contentRight {
	width: 286px;
	background: url(Images/homeBoxSingleMid.gif) repeat-y;
	position: relative;
	margin: -38px 0 0 0;
	left: 50px;
} #borderSingleTop, #borderSingleTopIndex { background: url(Images/rightBoxSingleTop.gif) no-repeat; height: 90px; line-height: 1px; width: 286px; font-size: 1px; } #borderSingleTopIndex { height: 8px; } #clown { height: 306px; margin: -4px 0 0 11px; float: none; position: relative; padding-left: 40px; background: url(Images/clownBcgr.gif) no-repeat;} #clown img { display: block; } .borderSingleBot, #borderSingleBot { background: url(Images/homeBoxSingleBot.gif) no-repeat left bottom; height: 44px; } body#contact #borderSingleBot { height: 45px; } body#services.jsOff #borderSingleBot { height: 30px; } body#pricing.jsOff #borderSingleBot { height: 226px; } body#portfolio.jsOff #borderSingleBot { height: 116px; } body#links.jsOff #borderSingleBot { height: 91px; } body#contact.jsOff #borderSingleBot { height: 62px; } body#articles.jsOff #borderSingleBot { height: 50px; } #helpfulTips, #listedAt, #testimonial, #vote { margin: 0 0 0 30px; overflow: hidden; width: 256px; } #listedAt { display: none; } body#index #listedAt { display: block; } #testimonial { margin-right: 16px; } ul.tips { width: 246px; } ul.tips li { width: 246px; } ul.tips li.over, ul.tips li:hover { background-color: #732529; } body#portfolio #vote, body#contact #vote { display: none; } #contentRight h2 { height: 12px; text-indent: -999em; margin: 18px 0 10px 0; padding: 0; font-size: 1px; line-height: 1; background: url(Images/titlesRight.gif) no-repeat 0 0; width: 160px; } #helpfulTips h2 { margin-top: 0; } #listedAt h2 { background-position: 0 -12px; } #testimonial h2 { background-position: 0 -24px;} #vote h2 { background-position: 0 -36px;} #testimonial p, #vote p {padding-right: 26px;} #vote p.top {padding-top: 6px;} p.author { text-align: right; padding-right: 36px;} p.site { margin-top: 8px; } span.dict {letter-spacing: 0.1em; } span.nexttip { display: none; } body#articles.jsWorks span.nexttip { display: block; text-align: right; padding: 1em 3em 0 0; } #portfolioFlash { margin-left: 14px; width: 595px; height: 470px; position: relative} #portfolioNoFlash { position: absolute; left: 0; top:0; width: 595px; height: 470px; } body#portfolio #ajaxCont ul { position: absolute; left: 22px; width: 560px; } body#portfolio #ajaxCont ul#lCorporate { top: 47px; } body#portfolio #ajaxCont ul#lBusiness { top: 137px; } body#portfolio #ajaxCont ul#lBusiness2 { top: 208px; } body#portfolio #ajaxCont ul#lCreative { top: 299px; } body#portfolio #ajaxCont ul#lPersonal { top: 395px; } body#portfolio #ajaxCont h2, body#portfolio #ajaxCont h3 { position: absolute; left: -999px;} body#portfolio #ajaxCont li { float: left; margin: 0px 22px 0 0 ; width: 52px; height: 52px; } body#portfolio #ajaxCont li a:link, body#portfolio #ajaxCont li a:visited { display: block; width: 52px; height: 52px; line-height: 52px; background-color: #4e4642; opacity: 0;} body#portfolio #ajaxCont li a:visited { background-color: #4e4642; opacity: .6;} body#portfolio #ajaxCont li a:hover { background-color: #4e4642; border: 1px #7b2b2e solid; opacity: .35;} body#articles.jsWorks #faqAns { display: none;} body#articles #ajaxCont ul { float: none; list-style-type: disc; margin: 0 0 0 0em ; padding: 0 0 0 0em;} body#articles #ajaxCont li { float: none; list-style-type: disc; margin: 0 0 0 0em ; padding: 0 0 0 0em; list-style-position: inside; } body#articles #ajaxCont h2, body#articles #ajaxCont h3 { text-indent: 0em; height: auto; margin: 0px 0 16px 0; padding: 0; font-size: 1em; line-height: 1.3; letter-spacing: 0.1em; width: 360px; text-transform: uppercase; background-image: none;} body#articles #ajaxCont h2 { margin-top: 20px; } body#articles.jsWorks #ajaxCont h2 { margin-top: 0px; } body#articles #ajaxCont h3 { font-size: .9em; margin-top: 16px ;} li.hideQ { display: none; } #displayed { background: #4e4642; } body#articles #ajaxCont #faqAns p, #displayed p { margin: .6em 0 .4em 0; } #pagerNext, #pagerPrev { font-size: 1.3em } #nav { line-height: 1.3; position: absolute; top: 382px; } #nav .hide {display: none; } .navPager a { padding: 0 .3em;} #voteArea { display: none; width: 262px; margin: 0 auto;} #voteInit.over { color: red; } #voteArea div { float: left; width: 82px; margin-left: 8px; text-align: center;} #voteArea div#voteOccident {margin-left: 0;} #contentRightBa p { padding: 8px 0 16px 12px; font-size: 1em; } #voteArea div p.moodName { padding: 0 0 4px 0; } #voteArea div p.moodRes { text-align: left; } #voteArea p.voteGen { padding-top: 0; } #voteArea div button { width: 80px; height: 80px; border: 1px solid #e0c7ab; } #voteArea div button:hover { border: 1px solid #cb474b; } #voteArea.voted div button:hover, #voteArea.voted div button:active { border: 1px solid #e0c7ab; } #voteOccident button {background: url(file:///C|/Documents and Settings/Lisa/My Documents/DEBTPRAC/WEBSITE/Images/voteOccident.jpg) no-repeat;} #voteOrient button {background: url(file:///C|/Documents and Settings/Lisa/My Documents/DEBTPRAC/WEBSITE/Images/voteOrient.jpg) no-repeat;} #voteFilm button {background: url(file:///C|/Documents and Settings/Lisa/My Documents/DEBTPRAC/WEBSITE/Images/voteFilm.jpg) no-repeat;} .jsVote { display: none; } body.jsWorks .jsVote { display: block; } #contentRightBc { background-color: transparent; height: 198px; width: 288px; color: #e0c7ab; margin: 10px auto 0; text-align: center; } #contentRightBc #voteArea { display: block; } #contentRightBc #voteArea div { padding: 0; } #contentRightBc #voteArea p.moodName { padding-top: 1em; } #contentRightBc #voteArea p.moodRes { text-align: center; padding-top: 2px; } html, body { height: 100%; } #voteHint { position: absolute; bottom: 10px; left: 10px; width: 260px; text-align: left; } #voteHint.voted { left: 46px; width: 215px;} a#voteCloseWindow { position: absolute; bottom: 10px; right: 10px; color: #e0c7ab; width: 60px; text-align: right;} a#voteCloseWindow:hover { color: #aa9990; } #voteWindow { position: fixed; background: url(file:///C|/Documents and Settings/Lisa/My Documents/DEBTPRAC/WEBSITE/Images/voteBcgrOcc.gif) repeat-x left bottom #4e4642; width: 354px; height: 208px; top:50%; left: 50%; padding: 0; margin: 0; z-index: 102; display: none; border: 2px solid #e0c7ab; text-align:left; } #voteOverlay {position: fixed; z-index:100; top: 0px; left: 0px; width: 100%; height: 100%; background-color:#000; padding: 0; margin: 0;} #voteLoad{ position: fixed; top: 50%; left: 50%; display:none; height:100px; width:100px; z-index:101; padding: 0; margin: -50px 0 0 -50px;} #voteHideSelect{ z-index:99; position:absolute; top: 0; left: 0; background-color:#fff; border:none; padding: 0; margin: 0; } #voteWindow.credits {height: auto; } #voteWindow.credits #creditArea { padding: 1em; margin-bottom: 3em;} #voteWindow.credits p {padding-bottom: .4em; } #voteWindow.credits p a:link, #voteWindow.credits p a:visited { color: #f9f9f9; } #voteWindow.credits p a:hover {text-decoration: underline; } #footer { clear: both; font-size: 1em; margin: 0 auto; width: auto; padding: 20px 0 10px; text-align: center; } #footer li { display: inline; margin: 0 -4px 0 0; background: url(Images/footerDivider.gif) left center no-repeat; } #footer li.first, #footer li.over, #footer li.index { background-image: none; } #footer li a { padding: 0 14px; } body#index #footer li.index a, body#pricing #footer li.pricing a, body#portfolio #footer li.portfolio a, body#links #footer li.links a, body#services #footer li.services a, body#contact #footer li.contact a, #footer a.current, #content a.current:hover, body#articles .navPager a.pagerHighlight, body#articles .navPager a.pagerHighlight:hover { background-color: transparent; color: #c2c1c1; cursor: default; } body#articles .navPager a.pagerHighlight, body#articles .navPager a.pagerHighlight:hover { color: #969696; } p#copyright { margin: 0; padding-right: 16px; } a:hover { cursor: pointer; } a.current { cursor: default; } #content a, #content a:link, #content a:visited { color: c2c1c1; } #content a:hover, .blockOver a, #content a:hover { color:79282b; background-color: #732529; text-decoration: none; } body#index #contentLeftB a { line-height: 28px; padding: 0 4px; } a:link img { border: 0; } a:focus, a:active, a:visited { outline: none; } a span { display: inherit; width: inherit; height: inherit; } a.opacity span{ background: url(Images/trp15b.png); } body#contact #ajaxCont { position: relative; width: 400px; height: 350px; margin: 8px 18px 16px 16px; padding: 0px 0 0 208px;} body#contact #testimonial { height: 292px; }