﻿body { text-align:center; font-family:Arial, Verdana, Sans-Serif; font-size:12px; margin:0px; background-color:#696969; }
* html IMG { behavior: url(http://www.centretek.com/styles/styles/pngbehavior.htc); }
* html body { behavior: url(http://www.centretek.com/styles/styles/csshover.htc); }
div, p, th, td { text-align:left; }
h1 { font-size:20px; } 
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:12px; }
img { border:none; }


/* horizontal structure */
#dvElemWrapper { height:0px; margin:0px; padding:0px; text-align:center; position:relative; z-index:2; }
#dvElem { height:0px; margin:0px; padding:0px; position:relative; width:950px; margin-left:auto; margin-right:auto; text-align:left; z-index:2; }

#dvHeaderWrapper { text-align:center;margin:0px; padding:0px; background-color:#ffffff; height:105px; }
#dvHeader { width:950px;text-align:left; padding:0px; margin:0px; margin-left:auto; margin-right:auto; }
/* #dvLogoWrapper { height:105px; width:181px; padding:0px; padding-left:42px; width:0px; float:left; } */
#logoLink { margin:0px; width:181px; height:105px; padding:0px 0px 0px 42px; height:88px; overflow:hidden;  float:left; }
/* #dvLogoWrapper img { display:block; margin:0px; width:139px; height:70px; } */

#dvNav { padding:0px; margin:0px; margin-left:auto; font-size:13px; height:105px; overflow:hidden; text-align:right; }
#dvNav ul { list-style-type:none; text-align:left; margin:0px; margin-left:auto; display:inline; float:right; }
#dvNav ul li { float:left; display:inline; margin:0px; padding:0px; margin-left:2px; }
#dvNav ul li a { background:#FFFFFF url(../images/nav_hover.jpg) repeat-x; background-position: 0px -0px; border:none;  color:#131313; font-weight:bold; font-size:13px; text-decoration:none; display:block; height:37px; padding:0px; padding-top:68px; padding-left:6px; padding-right:6px; }
/*#dvNav ul li a:hover { background-color:#efefef; border:none; border-left:1px solid #9f9f9f; border-right:1px solid #9f9f9f; }*/
#dvNav ul li a.active, #dvNav ul li a:hover { background-position: 0px -105px; border:none;color:#4a4a4a; }

* html #dvNav ul li a { float:left; display:inline; }

/*#dvBannerWrapper { text-align:center; background-color:#ce8f0c; margin:0px; padding:0px; border:none; }*/
#dvBannerWrapper { text-align:center; background-image: url(../images/page_bg_placeholder.jpg); background-position: center top; background-repeat: no-repeat; margin:0px; padding:0px; border:none; }
.banner {height:295px; width:950px; padding:0px; margin:0px; margin-left:auto; margin-right:auto; text-align:center; display:block; border:none; }

#dvCopyWrapper {text-align:center; background-color:#ffffff; margin:0px; padding:0px; }
#dvCopy { width:950px; padding:0px; margin:0px; margin-left:auto; margin-right:auto; text-align:left; }

#dvFooterWrapper { height:39px; margin:0px; padding:0px; text-align:center; text-align:center; background-image:url(../images/footerShadow.gif); background-position:left top; background-repeat:repeat-x; }
#dvFooter { width:950px; height:28px; padding:0px; padding-top:11px; margin:0px; margin-left:auto; margin-right:auto; text-align:center; word-spacing:2px; letter-spacing:1px; }
#dvFooter p { text-align:center; margin-left:auto; margin-right:auto; }
#dvFooterContact { color:#ffffff; margin:0px; margin-left:50px; padding:0px; }
#dvFooterContact a { color:#ffffff; text-decoration:underline; }

#dvPrintHeader { display:none; overflow:hidden; }
#dvPrintHeader h1, #dvPrintHeader h2 { float:right; }

/* vertical structure */

/* 2-column */
#s2ColRtL { width:712px; background-color:#ffffff; margin:0px; padding:0px; border:none; float:left; min-height:280px; background-image:url(../images/copyBG.gif); background-repeat:no-repeat; background-position:left top; }
#s2ColRtR { width:236px; background-color:#edeee4; margin:0px; padding:0px; padding-top:116px; border:none; border-left:1px solid #d1cc98; border-right:1px solid #d1cc98; float:right; min-height:280px; position:relative; }
* html #s2ColRtR { padding-top:138px; }
#s2ColRtR ul li { line-height:19px; margin-top:3px; margin-bottom:3px; }
* html #s2ColRtL { height:280px; }
* html #s2ColRtR { height:280px; }
#s2ColLtL { width:236px; background-color:#e2e5ee; margin:0px; padding:0px; padding-top:64px; border:none; float:left; min-height:280px; position:relative; }
* html #s2ColLtL { padding-top:68px; }
#s2ColLtR { width:712px; background-color:#ffffff; margin:0px; padding:0px; border:none; float:right; min-height:280px; background-image:url(../images/copyBG_r.gif); background-repeat:no-repeat; background-position:right top; }
* html #s2ColLtL { height:280px; }
* html #s2ColLtR { height:280px; }
#s3ColL { width:236px; background-color:#e2e5ee; margin:0px; padding:0px; border:none; float:left; min-height:280px; position:relative; }
#s3ColR { width:236px; background-color:#e2e5ee; margin:0px; padding:0px; border:none; float:right; min-height:280px; position:relative; }
#s3ColC { width:474px; background-color:#ffffff; margin:0px; padding:0px; border:none; min-height:280px; }
* html #s2ColLtL { height:280px; }
* html #s2ColLtR { height:280px; }
* html #s3ColC { height:280px; }

/* tools */
.reset { height:0px; clear:both; padding:0px; margin:0px; overflow:hidden; }
.menuToolTip { width:276px; position:absolute; top:-10px; left:190px; z-index:10; padding:0px; margin:0px; }
.mttHead { background-image:url(../images/mttHead.png); background-position:left top; background-repeat:no-repeat; padding:0px; padding-top:20px; padding-left:16px; margin:0px; height:25px; width:262px; font-size:16px; color:#ec0504; font-weight:bold; }
.mttCopyWrapper { height:240px; background-image:url(../images/mttBG.png); background-position:left top; background-repeat:repeat-y; padding:0px; width:276px; }
.mttCopy { margin-left:12px; margin-right:12px; height:240px; overflow:auto; }
.mttFoot { background-image:url(../images/mttFoot.png); background-position:left top; background-repeat:no-repeat; padding:0px; margin:0px; height:45px; width:276px; font-size:14px; color:#ec0504; font-weight:bold; }
.menuToolTip ul { list-style-type:circle !important; margin:0px; padding:0px;} 
.menuToolTip ul li { list-style-type:circle !important; margin:0px; padding:0px; width:202px; padding-top:3px; padding-bottom:3px;  }
.helpWrapper { width:24px; height:24px; margin:0px; margin-left:5px; margin-top:2px; padding:0px; margin-right:30px; float:right; position:relative; cursor:help; }
.helpToolTip { width:158px; border:1px solid Green; background-color:#d4ffcf; position:absolute; top:6px; left:26px; display:none; padding:6px; }
.helpWrapper:hover .helpToolTip { display:block; }


/* Layer Elements */

.shadow {height: 6px; width: 100%; position: absolute; left: 0px; margin:0px;}
.hShadow { width:6px; position:absolute; margin:0px; top:0px; }

.fourSquare_tr { position:absolute; width:114px; height:73px; right:33px; top:108px; }
.fourSquare_tl { position:absolute; width:114px; height:73px; right:33px; top:253px; }
.fourSquare_bl { position:absolute; width:114px; height:73px; right:90px; top:181px; }
.fourSquare_br { position:absolute; width:114px; height:73px; right:-22px; top:181px; }
.fourSquareActive { position:absolute; width:151px; height:97px; top:282px; right:162px; z-index:60; }

.dvToolBox {
	position:absolute;
	top:388px;
	right:0px;
	padding:4px;
	width:210px;
	height: 40px;
	border-bottom: 1px solid #E0E1D8;
}
.subFlashBanner {position:absolute; right:-10px; width:960px; top:112px; }


.dvBannerTitle { margin:0px; padding:0px; position:absolute; height:34px; left:18px; top:239px; }
.bannerTitle h1 { margin:0px; padding:0px; font-family:Arial; font-weight:bold; font-size:40px; letter-spacing:2px; color:#ffffff; font-variant:small-caps; }

/* homepage specific */
.hp3Col { float:left; margin:0px; padding:0px; height:319px; }
.hp3Col .mockLink {  margin-left:auto; margin-right:auto; }
.l { height:319px; position:relative; overflow:auto; overflow-x:hidden; width:360px; background-image:url(../images/leftcol_bg.gif); background-position:left top; background-repeat:repeat-y; background-color:#ffffff; padding:0px; margin:0px; }
.l h3 { margin-top:16px; margin-bottom:12px; margin-left:35px; }
.m { width:360px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; }
.m h3 { margin-top:16px; margin-bottom:12px; color:#892600; }
.m .intro { color:#817661; font-size:18px; font-weight:bolder; padding:20px; padding-top:44px; text-align:center; }
.r { width:208px; background-image:url(../images/rightcol_bg.gif); background-position:left top; background-repeat:repeat-y; background-color:#ffffff; position:relative; padding-left:10px; padding-right:10px;}
.r h3 { margin-top:16px; margin-bottom:12px; }
#dyk, #nh {}
#dyk ul, #dyk ul li, #nh ul, #nh ul li { list-style-type:none; }
#dyk ul { margin:0px; padding:0px; }
#nh ul { margin:0px; padding:0px; }
#dyk ul li, #nh ul li { margin:0px;}
#dyk ul li:hover, #nh ul li:hover { background-color:#f4f0f0; background-image:url(../images/nhHover_bg.gif); background-position:14px top; background-repeat:repeat-y; }
#dyk ul li:hover { background-position:0px top; }
#nh ul li a { display:block; color:#4b4b4c; text-decoration:none; padding:8px; padding-left: 35px; }
#dyk ul li a { display:block; color:#4b4b4c; text-decoration:none; padding:8px; padding-left: 12px; }
#dyk ul li .dykBlurb, #nh ul li .nhBlurb { font-size:11px; padding-right:18px; padding-top:4px; padding-bottom:2px; padding-left:0px; }
.dykReadMore, .nhReadMore { float:right; width:31px; height:7px; margin-top:6px; margin-right:12px; }

#nh.fp { width:342px; }

#nh.sub h3 { padding:10px; }
#nh.sub li:hover { background-color:#c2c1b2; background-image:none; }
#nh.sub ul { width:236px; }
#nh.sub ul li:hover { background-color:#e4e2c6; }
#nh.sub ul li a { display:block; color:#4b4b4c; text-decoration:none; padding:8px; padding-left: 28px; background-image:url(../images/arrow.png); background-position:8px 10px; background-repeat:no-repeat;  }
#nh.sub ul li a.current { background-color:#fff !important; border-top:1px solid #d1cc98; border-bottom: 1px solid #d1cc98; }
* html #nh.sub ul li a { background-image:url(../images/arrow.gif); }

#partnerWrapper { text-align:center; }
#partnerWrapper img { display:block; margin: 4px auto; }

/* modal popup */
#veil { background-color:#333131; filter: alpha(opacity=90);opacity: 0.9; }
#dvMP { width:596px; }
.mHeader { position:relative; height:63px; background-image:url(../images/modal/mTop.png); background-position:left top; background-repeat:no-repeat; margin:0px; padding:0px; padding-left:66px; padding-top:28px; overflow:hidden; }
* html .mHeader { background-image:url(../images/modal/mTop.gif); }
.mHeader h3 { color:#a5a2a2; font-family:Verdana; font-size:22px; font-weight:bold; margin:0px; margin-bottom:6px; }
.mHeader h3 .red { color:#ec0504; }
.mHeader h4 { color:#a5a2a2; font-family:Verdana; font-size:16px; font-weight:bold; margin:4px; }
#imgCloser { position:absolute; top:16px; right:16px; height:22px; width:22px; cursor:pointer; cursor:hand; }
.mCopy { background-image:url(../images/modal/modalBG.png); background-position:left top; background-repeat:repeat-y; padding:0px; margin:0px; }
* html .mCopy { position:relative; background-image:url(../images/modal/modalBG.gif); }
.mFooter { clear:both; margin:0px; padding:0px; height:21px; width:596px; background-image:url(../images/modal/mBottom.png); background-position:left top; background-repeat:no-repeat;  }
* html .mFooter { position:relative; background-image:url(../images/modal/mBottom.gif); }
.matchupBU { width:259px; height:38px; margin-left:66px; display:block; cursor:pointer; cursor:hand; }
.matchupBU.hovered { margin-left:117px; cursor:pointer; cursor:hand; }
.dvServiceLine { float:right; display:inline; margin:0px; margin-top:0px; margin-right:18px; padding:0px; width:196px; position:relative; }
.dvServiceLine ul { margin:0px; padding:0px; list-style-type:none; display:block; width:196px; position:absolute; top:10px; left:0px; }
.dvServiceLine ul li { list-style-type:none; margin:0px; padding:0px; margin-top:8px; }
.dvServiceLine ul li a { color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold; z-index:10; }
#dvAdRs { width:243px; margin:0px; padding:0px; padding-right:16px; margin-left:66px; margin-top:44px; }
#imgI { float:left; margin-right:8px; }
#adRsLink { display:block; text-decoration:none; color:#330000; font-weight:bold; margin:0px; padding:0px; padding-top:6px; padding-left:8px; }
#JSMX_loading { height:200px; width:200px; background-color:Red; }


/* Featured Client */
div.featureClientMain {margin:10px;}
div.featureClientMain .featuredClientLabel {font-weight:bold;color:#892600;font-size:16px;margin-bottom:10px;}
div.featureClientMain .clientName{font-weight:bold;color:#892600;font-size:14px;font-family:arial; display:block;}
div.featureClientMain a {color:#4b4b4c;text-decoration:none;}
div.featureClientMain .narrative{ padding-top:12px; line-height:16px; overflow:hidden; display:block; }
div.featureClientMain .narrative p a:hover { text-decoration:underline; }
div.featureClientMain img.previewImage {float:right;}
div.featureClientMain div.content {float:left;width:210px;}
div.featureClientMain div.linkDivRight {float:right;}
div.featureClientMain div.linkDivLeft {float:left;}
div.featureClientMain div.wrapper {width:347px;}
div.featureClientMain div.parent {width:347px;overflow:hidden;float:left;}
#featuredClientDynamic {width:347px;}

/* page elements */
#bodyText { padding-top:38px; padding-bottom:20px; }
#bcWrapper { min-height:450px; }
.bcWrapFull { background-image:url(../images/copybg_full.gif); background-position:center top; background-repeat:no-repeat; }

.portfolioItem { clear:both; border-bottom:1px dotted #836811; margin:19px; }
.portfolioItem img { float:left; margin:0px 8px 18px 0px; }

/* carousel styles */
/**
 * Copyright (c) 2006-2007, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 *
 * Version 1.0 - 10.21.2008
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;
	display:none; 
	width:160px !important;
	text-align:center;
}
				
.carousel-component ul.carousel-list 
{
    list-style:none;
    width:1616px;
}
* html .carousel-component ul.carousel-list
{
    width:1620px;
}

.carousel-component ul.carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;  
	width:140px;
	margin-left:4px;
	margin-right:4px;
}


.carousel-component .carousel-clip-region { 
	overflow:hidden; 
	margin:0px;
	width:140px;
	text-align:center;
	margin-left:auto; margin-right:auto;
}

.carousel-component { 
	background-color:Transparent;
	padding:0px;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px;
	line-height:0px;
}
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#666;
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}
