/* ---[ Imports ]------------------------------- */
@import "nav.css";

/* ---[ Global Resets ]------------------------------- */
body, h1, h2, h3, h4, h5, h6, form, img, p{margin:0px; padding:0px; border:0px;}
p{margin-bottom:10px;}
a{outline:none; cursor:pointer;}
img{ border:none;}
a.img{border:none;}

/* ---[ Main Templete ]------------------------------- */
body{
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#EBE7D0;
	background:#4D647C;
}
#site{
	width:750px;
	height:auto;
	margin:0px auto;
}
#headercontainer{
	position:relative;
	width:750px;
	height:110px;
}
#logo{
	position:absolute;
	top:17px;
	width:156px;
	height:80px;
}
#headerInfo1{text-align:right;font-size:10px;padding-top:17px;}
#headerInfo2{text-align:right;font-size:14px;padding-top:22px;}
#navcontainer{
	position:relative;
	z-index:10;
	width:750px;
	height:39px;
	border-top:1px solid #EBE7D0;
	border-bottom:1px solid #EBE7D0;
     background:right repeat-y url(../../images/tpl_main/navBg.jpg);
}
#pageTitle{
	font-size:22px;
	float:left;
	padding-top:6px;
}
#maincontainer{
     position:relative;
     z-index:5;
	width:750px;
	height:auto;
}
#footercontainer{
	position:relative;
	clear:both;
	width:750px;
	padding-top:7px;
	border-top:1px solid #EBE7D0;
}

/*#footerButton{
	text-align:center;
	display:block;
	float:left;
	width: 90px;
	height: 20px;
	padding-top:5px;
	background:url(../../images/tpl_main/linkButtonBg.jpg);
}*/

#footerButton {
	display: -moz-inline-block;
	display: inline-block;
	width: 90px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	border: 1px solid #4D647C;
}

a.navButton,
#contentLeft #footerButton {
	display: -moz-inline-block;
	display: inline-block;
	width: 90px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	background: transparent;
	border: 1px solid #e9e6d8;
	color: #f3f1e4;
}

#contentLeft #footerButton {
	border-color: #4D647C;
}

	#footerButton:hover,
	#contentLeft #footerButton:hover {
		color: #4d647c;
		background-color: #f9f8f2;
		border-color: #e9e6d8;
	}

a.navButton
a:link.navButton,
a:visited.navButton {
	color: #f3f1e4;
}
	a:hover.navButton {
		color: #4d647c;
		background-color: #f9f8f2;
	}

a:visited.navButton.active,	
a.navButton.active {
	color: #4d647c;
	background-color: #f3f1e4;
}
	
.hide { display: none; }
	


/* ---[ content areas ]------------------------------- */
#content100{
	width:100%;
	height:373px;
	padding-top:17px;
}
#content100Globe{
	width:100%;
	height:373px;
	padding-top:17px;
     background:no-repeat top right url(../../images/tpl_main/mainBgGlobe.jpg);
}
#contentLeftScroll{
	float:left;
	width:280px;
	height:357px;
	margin-bottom:16px;
     scrollbar-base-color:#4D647C;
     scrollbar-arrow-color:#EBE7D0;
     scrollbar-3dlight-color:#4D647C;
     scrollbar-darkshadow-color:#4D647C;
     scrollbar-face-color:#4D647C;
     scrollbar-highlight-color:#EBE7D0;
     scrollbar-shadow-color:#EBE7D0;
     scrollbar-track-color:#4D647C;
     overflow:auto;
}
#nav2Container{
     position:relative;
     top:-3px;
     clear:right;
     height:25px;
}
#contentLeftScrollTwo{
     clear:left;
	float:left;
	width:280px;
	height:332px;
	margin-top:0px;
	margin-bottom:16px;
     scrollbar-base-color:#4D647C;
     scrollbar-arrow-color:#EBE7D0;
     scrollbar-3dlight-color:#4D647C;
     scrollbar-darkshadow-color:#4D647C;
     scrollbar-face-color:#4D647C;
     scrollbar-highlight-color:#EBE7D0;
     scrollbar-shadow-color:#EBE7D0;
     scrollbar-track-color:#4D647C;
     overflow:auto;
}
#contentLeft{
	width:260px;
	height:auto;
}
#contentRightScroll{
     float:left;
     clear:right;
     width:470px;
	height:357px;
	margin-bottom:16px;
     scrollbar-base-color:#4D647C;
     scrollbar-arrow-color:#EBE7D0;
     scrollbar-3dlight-color:#4D647C;
     scrollbar-darkshadow-color:#4D647C;
     scrollbar-face-color:#4D647C;
     scrollbar-highlight-color:#EBE7D0;
     scrollbar-shadow-color:#EBE7D0;
     scrollbar-track-color:#4D647C;
     overflow:auto;
}
#contentRight2{
	width:423px;
	height:auto;
	margin: 0px 5px 0px 22px;
}
#contentRight{
     position:relative;
	float:left;
	clear:right;
	width:470px;
}
#contentRight3{
     position:relative;
     float:left;
     clear:right;
     width:410px;
     margin-left:60px;
}
#content66{
	float:left;
	width:280px;
	height:auto;
	margin-bottom:16px;
}
#modulecontainer{
	float:left;
	clear:right;
	width:470px;
}
.modulebox{
     width:470px;
	height:auto;
}

/* ---[ generic links ]------------------------------- */
a:link, a:visited{color:#EBE7D0; text-decoration:none;}
a:hover, a:active{color:#EBE7D0; text-decoration:none;}

a.current:link, a.current:visited, a.current:hover, a.current:active{color:#EBE7D0;}

/* ---[ content boxes ]------------------------------- */
.box100{float:left;clear:both;width:100%;height:auto;}
.box75{float:left;width:75%;height:auto;}
.box50{float:left;width:50%;height:auto;}
.box25{float:left;width:25%;height:auto;}
.box66{float:left;width:66%;height:auto;}
.box33{float:left;width:33%;height:auto;}
.box100pad{float:left;clear:both;width:98%;height:auto;padding:0.5% 1%;}
.box75pad{float:left;width:73%;height:auto;padding:0.5% 1%;}
.box50pad{float:left;width:48%;height:auto;padding:0.5% 1%;}
.box25pad{float:left;width:23%;height:auto;padding:0.5% 1%;}
.box66pad{float:left;width:64%;height:auto;padding:0.5% 1%;}
.box33pad{float:left;width:31%;height:auto;padding:0.5% 1%;}
.label{width:33%;float:left;text-align:right;margin-right:5px;display:block;}/* to be deprecated!! */

/* ---[ form items ]------------------------------- */

/* ---[ misc items ]------------------------------- */
.center{text-align:center;}/* to be deprecated!! */
.txtCenter{text-align:center;}
.right{text-align:right;}/* to be deprecated!! */
.txtLeft{text-align:left;}
.txtRight{text-align:right;}
.txtJustify{text-align:justify;}
.txtUnderline{text-decoration:underline;}
.star{color:red;}/* to be deprecated!! */
.required{color:red;}
.inline{display:inline;}
.PhoneAddress{display:none;}/* to be deprecated!! */
.phoneAddress{display:none;}
.wrap{float:left;}/* to be deprecated!! */
.floatLeft{float:left;}
.first{clear:left;}/* to be deprecated!! */
.clearLeft{clear:left;}
.last{clear:right;}/* to be deprecated!! */
.clearRight{clear:right;}
.clearboth{clear:both;}/* to be deprecated!! */
.clearBoth{clear:both;}
/* ---[ Headers ]------------------------------- */
h1{  /*Biggest, white*/
	color:#000000;
	font-size:16px;
	font-weight:normal;
	margin:0px 0px 8px 0px;
}
h2{ /* Biggest, white */
	color:#000000;
	font-size:14px;
	font-weight:normal;
	margin:0px 0px 8px 0px;
}
h3{ /* Paragraph Headers */
	color:#000000;
	font-size:12px;
	font-weight:normal;
	margin:0px 0px 8px 0px;
}

/* ---[ Headers: Messages ]------------------------------- */
h4{/* to be deprecated!! */
	color:#EBE7D0;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	width:90%;
	height:auto;
	margin:8px auto 8px auto;
	padding:5px;
	border:1px dotted #777777;
	background-color:#4D647C;
}
.sysMessage{
	color:#EBE7D0;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	width:90%;
	height:auto;
	margin:8px auto 8px auto;
	padding:5px;
	border:1px dotted #777777;
	background-color:#4D647C;
}

/* ---[ Headers: Errors ]------------------------------- */
h5{/* to be deprecated!! */
	color:#ba0000;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	width:90%;
	height:auto;
	margin:8px auto 8px auto;
	padding:5px;
	border:1px dotted #9d4243;
	background-color:#ffcdcd;
}
.sysError{
	color:#ba0000;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	width:90%;
	height:auto;
	margin:8px auto 8px auto;
	padding:5px;
	border:1px dotted #9d4243;
	background-color:#ffcdcd;
}
/* ---[ Footer Font ]------------------------------- */
h6{/* to be deprecated!! */
	font-size:10px;
	font-weight:bold;
	float:right;
}
h6 a:link, h6 a:visited{color:red}/* to be deprecated!! */
h6 a:hover, h6 a:active{color:blue}/* to be deprecated!! */

/* ---[ special items ]------------------------------- */
#company1{
     position:absolute;
     left:22px;
     width:104px;
     height:233px;
     background:url(../../images/tpl_main/company1.jpg);
}
#company2{
     position:absolute;
     top:243px;
     left:22px;
     width:104px;
     height:112px;
     background:url(../../images/tpl_main/company2.jpg);
}
#company3{
     position:absolute;
     left:138px;
     width:332px;
     height:355px;
     background:url(../../images/tpl_main/company3.jpg);
}
#previewKerman, #previewKermanFade{
     width:244px;
     height:84px;
}
#previewRick{
     width:244px;
     height:84px;
}
#previewKerman a, #previewRick a{
     display:block;
     width:155px;
     height:52px;
     padding:32px 0px 0px 89px;
}
#previewKerman:hover,
#previewRick:hover {
	background: url(../../images/tpl_main/nav_principle_hover.png) 0 50% no-repeat;
}
#previewKermanFade {
	background:url(../../images/tpl_main/previewKerman.jpg) 0 0 no-repeat;	
}

#previewRickFade {
	background:url(../../images/tpl_main/previewRick.jpg) 0 0 no-repeat;	
}

/*#previewKerman a:link, #previewKerman a:visited{background:url(../../images/tpl_main/previewKerman.jpg);}
#previewKerman a:hover, #previewKerman a:active{background:url(../../images/tpl_main/previewKermanHvr.jpg);}
#previewRick a:link, #previewRick a:visited{background:url(../../images/tpl_main/previewRick.jpg);}
#previewRick a:hover, #previewRick a:active{background:url(../../images/tpl_main/previewRickHvr.jpg);}*/

.principles {
	margin-left: 10px;
	width: 460px;
}

.principles .thumb {
	float: left;
	margin-left: 5px;
}

.principles .thumb img {
	float: left;
	clear: left;
	margin: 0 0 8px 8px;
/*	border: 1px solid #EDE7D1;*/
	line-height: 0;
	vertical-align: middle;
}

.principles .large {
	position: absolute;
	top: 0; 
	left: 136px;
	width: 334px;
}
	.principles .large img {
		display: none;
	}


.principals1{
     position:absolute;
     left:22px;
     width:105px;
     height:113px;
}
.principals2{
     position:absolute;
     top:122px;
     left:22px;
     width:105px;
     height:113px;
}
.principals3{
     position:absolute;
     top:244px;
     left:22px;
     width:105px;
     height:113px;
}
.principals4{
     position:absolute;
     left:135px;
     width:334px;
     height:357px;
}
#principals1{background:url(../../images/tpl_main/principals1.jpg);}
#principals2{background:url(../../images/tpl_main/principals2.jpg);}
#principals3{background:url(../../images/tpl_main/principals3.jpg);}
#principals4{background:url(../../images/tpl_main/principals4.jpg);}
#pKerman1{background:url(../../images/tpl_main/pKerman1.jpg);}
#pKerman2{background:url(../../images/tpl_main/pKerman2.jpg);}
#pKerman3{background:url(../../images/tpl_main/pKerman3.jpg);}
#pKerman4{background:url(../../images/tpl_main/pKerman4.jpg);}
#pRick1{background:url(../../images/tpl_main/pRick1.jpg);}
#pRick2{background:url(../../images/tpl_main/pRick2.jpg);}
#pRick3{background:url(../../images/tpl_main/pRick3.jpg);}
#pRick4{background:url(../../images/tpl_main/pRick4.jpg);}
#staffPrep{display:hidden;}
div.staffWrapper{
	width:251px;
    height:36px;
    margin-bottom:4px;
}
.staffHvr a{
     display:block;
     width:240px;
     padding: 6px 0px 6px 11px;
}
div.staffHvr.hovered{background:url(../../images/tpl_main/nav_sub_bg_hover.png) 0 50%  no-repeat;color: #f9f8f2;}
.staffHvr a:hover, .staffHvr a:active{background:url(../../images/tpl_main/nav_sub_bg_hover.png) 0 50% no-repeat;color: #f9f8f2;}
div.staffHvr.normal{}
.staffTmbs{
     text-align:center;
     position:absolute;
     display:block;
     width:105px;
     height:113px;
     padding-top:123px;
}
/*#staff1{top:35px; left:20px; background:no-repeat url(../../images/tpl_main/Nicole.jpg);}
#staff2{top:35px; left:135px; background:no-repeat url(../../images/tpl_main/Michael.jpg);}
#staff3{top:35px; left:250px; background:no-repeat url(../../images/tpl_main/Bettye.jpg);}
#staff4{top:35px; left:365px; background:no-repeat url(../../images/tpl_main/Martha.jpg);}*/
#staff1{top:35px; left:80px; background:no-repeat url(../../images/tpl_main/staff/grace_sm.jpg);}
#staff2{top:35px; left:195px; background:no-repeat url(../../images/tpl_main/staff/makoto_sm.jpg);}
#staff3{top:35px; left:310px; background:no-repeat url(../../images/tpl_main/staff/nicole_sm.jpg);}
#staff4{top:188px; left:20px; background:no-repeat url(../../images/tpl_main/staff/michael_sm.jpg);}
#staff5{top:188px; left:135px; background:no-repeat url(../../images/tpl_main/staff/edgar_sm.jpg);}
#staff6{top:188px; left:250px; background:no-repeat url(../../images/tpl_main/staff/jeff_sm.jpg);}
#staff7{top:188px; left:365px; background:no-repeat url(../../images/tpl_main/staff/bettye_sm.jpg);}

.staffInd{
     text-align:right;
     width:180px;
     height:254px;
     padding:103px 290px 0px 0px;
}
#nClark{background:url(../../images/tpl_main/staff/nicole_lg.jpg) no-repeat top right;}
#mFranklin{background:url(../../images/tpl_main/staff/michael_lg.jpg) no-repeat top right;}
#bGriffith{background:url(../../images/tpl_main/staff/bettye_lg.jpg) no-repeat top right;}
#mJackson{background:url(../../images/tpl_main/staff/martha_Lg.jpg) no-repeat top right;}
#mMizutani{background:url(../../images/tpl_main/staff/makoto_lg.jpg) no-repeat top right;}
#eOntiveros{background:url(../../images/tpl_main/staff/edgar_lg.jpg) no-repeat top right;}
#jTaylor{background:url(../../images/tpl_main/staff/jeff_lg.jpg) no-repeat top right;}
#gYao{background:url(../../images/tpl_main/staff/grace_lg.jpg) no-repeat top right;}

#services1{
     position:absolute;
     left:22px;
     width:220px;
     height:235px;
     background:url(../../images/tpl_main/services1.jpg);
}
#services2{
     position:absolute;
     left:250px;
     width:220px;
     height:113px;
     background:url(../../images/tpl_main/services2.jpg);
}
#services3{
     position:absolute;
     top:245px;
     left:22px;
     width:105px;
     height:113px;
     background:url(../../images/tpl_main/services3.jpg);
}
#services4{
     position:absolute;
     top:245px;
     left:137px;
     width:105px;
     height:113px;
     background:url(../../images/tpl_main/services4.jpg);
}
#services5{
     position:absolute;
     top:123px;
     left:250px;
     width:220px;
     height:235px;
     background:url(../../images/tpl_main/services5.jpg);
}
#clientLogo{
     position:absolute;
     top:-25px;
     width:470px;
     margin-left:10px;
}
#clientLogo2{
     position:absolute;
     top:98px;
     width:470px;
     margin-left:10px;
}
#clientLogo3{
     position:absolute;
     top:221px;
     width:470px;
     margin-left:10px;
}
#clientLogoIE #clientLogo, #clientLogoIE #clientLogo2, #clientLogoIE #clientLogo3{margin-left:0px;}
#clientLogo img, #clientLogo2 img, #clientLogo3 img{
     
}
#testLength{clear:both;width:470px;height:20px;background:red;}
#contentRight2 hr{
     border:none 0;
     border-top:1px dashed #EBE7D0;
     width:100%;
     height:1px;
}
.logoGroup {
	position: absolute;
	top: -28px;
	left: 10px;
}
.clientLogoWrapper{
	display:none;
     float:left;
     width:105px;
     height:113px;
     margin: 0 0px 10px 10px;
}
.inTheNews a{text-decoration:underline;}
#allArticleLabel, .newsLabel{
	cursor: pointer;	
}
#allArticleLabel{
	text-decoration: underline;	
}
.csHvr{
     width:251px;
     height:36px;
     margin-bottom:4px;
	 background: none;
}
.csHvr a {
     display:block;
     width:240px;
     padding: 12px 0px 12px 11px;
}

.csHvr2{
     width:251px;
     height:36px;
     margin-bottom:4px;
}
.csHvr2 a{
     display:block;
     width:240px;
     padding: 6px 0px 6px 11px;
}
div.csHvr.hovered,
div.csHvr a:hover {background:url(../../images/tpl_main/nav_sub_bg_hover.png) 0 50%  no-repeat; color: #f9f8f2;}

div.csHvr.normal{}
div.csHvr2.hovered,
div.csHvr2 a:hover { background:url(../../images/tpl_main/nav_sub_bg_hover.png) 0 50%  no-repeat;color: #f9f8f2;}

div.csHvr2.normal{}
.csTmbs{
     text-align:center;
     position:absolute;
     display:block;
     width:105px;
     height:113px;
     padding-top:123px;
}
#cstmb1{top:35px; left:20px; background:no-repeat url(../../images/tpl_main/cs1.jpg);}
#cstmb2{top:35px; left:135px; background:no-repeat url(../../images/tpl_main/cs2.jpg);}
#cstmb3{top:35px; left:250px; background:no-repeat url(../../images/tpl_main/cs3.jpg);}
#cstmb4{top:35px; left:365px; background:no-repeat url(../../images/tpl_main/cs4.jpg);}
#cstmb5{top:188px; left:20px; background:no-repeat url(../../images/tpl_main/cs5.jpg);}
#cstmb6{top:188px; left:135px; background:no-repeat url(../../images/tpl_main/cs6.jpg);}
#cstmb7{top:188px; left:250px; background:no-repeat url(../../images/tpl_main/cs7.jpg);}
#cstmb8{top:188px; left:365px; background:no-repeat url(../../images/tpl_main/cs8.jpg);}

.caseStudy{
     width:470px;
     height:341px;
}
#cs1{background:url(../../images/tpl_main/caseStudy-FAME.jpg);}
#cs2{background:url(../../images/tpl_main/caseStudy-fox.jpg);}
#cs3{background:url(../../images/tpl_main/caseStudy-lawaPart161.jpg);}
#cs4{background:url(../../images/tpl_main/caseStudy-laPartnership.jpg);}
#cs5{background:url(../../images/tpl_main/caseStudy-providence.jpg);}
#cs6{background:url(../../images/tpl_main/caseStudy-measureB.jpg);}
#cs7{background:url(../../images/tpl_main/caseStudy-houseOfBlues.jpg);}
#cs8{background:url(../../images/tpl_main/caseStudy-greenDot.jpg);}