@charset "UTF-8";

/*Case Study Page*/ /*Updaed Version, May 19, 2009*/
img					{ border: 0px; }




/* MENU */
#caseWrapMenu		{ background-color: #EE722D; float: left; margin: 2px 0px 17px 0px; width: 948px; height: 136px;}

.menuLeft			{ background-image: url(../../clients/images/menu-arrow.jpg); background-repeat: no-repeat; float: left; width: 296px; height: 136px;}
.menuRight			{ float: left; width: 651px; height: 136px; }
.category01			{ float: left; width: 170px; height: 136px;}
.category02			{ float: left; width: 168px; height: 136px;}
.category03			{ float: left; width: 168px; height: 136px;}
.category04			{ float: left; width: 145px; height: 136px;}

p.title				{ color: #FFF; font-size: 16px; line-height: 16px; margin: 16px 0px 0px 22px; }
p.menuHeader		{ color: #E5E5E5; font-size: 11px; line-height: 18px; margin: 16px 0px 0px 0px;}
p.menuDivider		{ background-image: url(../../clients/images/hor-dots-white.gif); background-repeat: repeat; margin: 4px 0px 4px 0px; width: 130px; height: 1px; }
p.menuText			{ color: #FFF; font-size: 10px; line-height: 18px; margin: 0 0 0 0; }

a.csLink:link 		{ color: #FFFFFF; text-decoration: none; }
a.csLink:visited 	{ color: #FFFFFF; text-decoration: none; }
a.csLink:active 	{ color: #FFFFFF; text-decoration: none; }
a.csLink:hover 		{ color: #000; text-decoration: none; }




/* CASE STUDY */
#caseWrapClient		{ background-color: #DDDDDD; color: #666; float: left; font-size: 11px; margin: 0 0 0 0; width: 948px; }




/* CASE STUDY LEFT COLUMN */
#caseWrapDesc		{ float: left; margin: 23px 0px 0px 17px; width: 279px;}

p.clientHeader		{ color: #909090; font-size: 20px; line-height: 20px; margin: 0px 0px 20px 5px; }
p.clientBody		{ color: #D7692C; font-size: 14px; line-height: 20px; margin: 0px 35px 18px 5px; }
p.infoDivider		{ background-image: url(../../clients/images/hor-dots.gif); background-repeat: repeat; margin: 18px 0px 18px 0px; width: 250px; height: 1px; }
p.infoHeader		{ line-height: 11px; margin: 0px 35px 10px 5px; }
p.infoBody			{ font-size: 10px; line-height: 14px; margin: 0px 35px 0px 12px; }










#caseWrapScreens	{ float: left; margin: 0 0 0 0; width: 651px; }
#screenTop			{ float: left; margin-top: 24px; width: 651px; }
#screenBtm			{ float: left; margin-top: 13px; width: 651px; }



.screenColLeft		{ float: left; margin: 0; width: 251px; }
.screenColMid		{ float: left; margin: 0; width: 278px; }
.screenColRight		{ float: left; margin: 0; width: 122px; }










p.resultsHeader		{ line-height: 18px; margin: 0 0 0 0; padding: 0; }
p.resultsBody		{ line-height: 15px; margin: 0 0 0 0; padding: 0; }
p.specProjHeader	{ background-color: #B6B6B6; color: #FFF; font-size: 16px; margin: 0 0 0 0; padding-top: 15px; padding-left: 13px; line-height: 16px; }
p.specProjBody		{ background-color: #B6B6B6; font-size: 10px; line-height: 14px; margin: 0 0 0 0; padding-top: 10px; padding-left: 13px; padding-bottom: 12px;}

.arrow				{ background-image: url(../../clients/images/arrow.gif); background-repeat: no-repeat; position: relative; top: 2px; left: -7px; }
.contactBody		{ background-color: #CFCFCF; font-size: 9px; line-height: 22px; margin: 0 0 0 0; padding-top: 10px; padding-left: 13px; height: auto; }
.contactBox			{ width: 170px; height: 14px;}