/* CSS Document */

* {
	margin:0;
	padding: 0;
	background-repeat: no-repeat;
}

html, body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:16px;
    text-align:center;
    background: #fff;
}

#wrapper {
    /* width:64em; sets width base on 16 px font 64 x 16 is 1024px */
    width: 60em;
    margin:  1em auto; /* margin from top and bottom then auto centers content in body */
    padding: 0; /* padding around outter edge of main site */
    text-align:left; /* cancels out text align inherited from body */
    background: transparent; 
    height: 800px; /* set height to 768px, if page is longer it should extend for the mini tab pages */
}


#boundingborder {
    margin: 0;
    padding:1em 1.9375em;
	background-color: #fff;
	border: .0625em solid #fff;
}
    
#gnavheader	{
    margin-left: auto; width: 50%; margin-right: 2em; /* half width flush right */
    height: 2em; 
	border: .0625em solid #fff;
	border-bottom: none;
    background-color: #B3C7E3;
}
		
#gnavfooter	{
    float:right;
    margin-left: auto; width: 50%; margin-right: 2em; /* half width flush right */
    height: 2em; 
	border: .0625em solid #fff;
	border-top: none;
    background-color: #B3C7E3;
}

#footer	{
	clear: both;
	height: 2.5em; 
}	

div#header div {
    width: 49%;
    height: 3.5em; 
	margin: 0 0 .5em 0;
} 
        
.logo  {
    float:left;
    background: url(../images/logo_optimum_hrz.png) no-repeat 0 50%;
}	

.tagline {
    float:right;
    background: url(../images/logo_cap.png) no-repeat 80% 55%;
    }

#pnavcontainer{
	clear:both;
	padding-top:1em;
	height: 5em; 
}

#pnavdiv	{
	height: 2.5em; 
}

	
.content	{
	float:left;
	margin-right: 1%;
	width:74%;
	background-color: #fff;
	height: auto;
}

/* masthead */
.masthead {
	float:left;
	margin: 0;
	width:98%;
	height: 12em;
	background-color:#FFFFFF;
	border-top: .0625em solid #B3C7E3;
	border-bottom: .0625em solid #B3C7E3;
	}
	

/* clears and floats */


.clear {
clear:both;
}
		
.clearright {
clear:right;
}

.clearleft {
clear:left;
}

.left {
float:left;
}

.right{
float:right;
}


/* general type styles */

hr {
	clear:both;
	visibility:hidden;
	}

h1, h2, h3, h4, h5, h6, p {
margin: 0 .5em;
border: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-weight: normal;
}	
				
h1 {
font-size: 1.25em; /* body tag bases 16 px */
line-height: 1.625em;
letter-spacing: .0625em;
margin: .25em 0 .25em .5em;
color:#D7181F;
}

h1 a, h1 a:link, h1 a:visited	{
font-weight:normal;
color: #D7181F;
} 
 
h1 span { /* breadcrumbs */
color: #666;
} 

.bar { /* breadcrumbs */
color:#666;
}
 
h2	{
font-size: 1.5em; 
color:#666;
letter-spacing: .0625em;
}		
	
h3	{
padding: 1em 0 0 0;
font-size: .875em; 
line-height: 1.625em;
font-weight: bold;
color:#36a;
}

h4	{
font-size: .875em; 
line-height: 1.625em;
color:#000;
font-weight: bold;
margin: 1em 16em 1em .6875em;
padding: .5em 0 0 0;
border-bottom: .0625em solid #666;
}


h5 {
margin-top: 1.5em;
font-size: .75em; 
line-height: 1.625em;
color:#000;
text-transform: uppercase;
}

h6 {
margin-top:1em;
float:left;
padding-left:2.5em;
}	
/* h6 is the footer this makes it play nice with the gnav footer position */

p	{
font-size: .75em; 
line-height: 1.5em;
color:#333;
padding: .3em 0;

}



* sup {
font-size: smaller;
vertical-align: baseline;
position: relative;
bottom: .33em;
padding-left: .25em;
}


blockquote {
float: right;
margin:  1em;
padding: 0 1em 0 1em;
border: .0625em solid #999;
border-top: .25em solid #D7181F;
font-size: .8em; 
width: 12em;
}

blockquote p{
font-size: 1em; 
color: #000;
}

blockquote p.attribute {
border-top: .125em solid #D7181F;
font-size: .8em; 
color: #000;
padding-bottom: 0;
}	

blockquote p.company {
font-size: .8em; 
color: #000;
font-style:italic;
line-height: 1em;
padding-bottom: 1em;
}		


/* page styles */


/* masthead */

div.masthead img {
float: left;
margin: .5em 1em .5em .5em;
background: #fff no-repeat top left;
}

div.masthead a img  {
border:0;
}

div.masthead h2 {
clear:right;
margin: .25em 0 .5em 0;
}

div.masthead p {
margin: .25em 0;
padding-right: 1em;
color:#000;
line-height: 1.5em;
}

div.largemast h2  {
margin: 1em .5em .5em .45em;
color:#000;
font-weight:bold;
letter-spacing:normal;
}

div.largemast p  {
margin: .5em 22em .5em 1em;
letter-spacing:normal;
line-height: 1.8em;

}

/* for text with no images */

div.masttxt {
height:auto;
}

div.masttxtnoline {
height:auto;
border-bottom:none;
padding-bottom:.5em;
}


div.masttxt h2 {
margin-left: .25em;
padding-bottom: .5em;
}

div.masttxt p {
margin-left: .8em;
padding-bottom: 1em;
}



/* content article styles */
	
div.article p.indent {
border-left : .125em solid #36a;
width: 80%;
margin: .5em 0 1em 3em ;
padding-left: 1em;
background-color: #E4EFFF;
color:#000;
}		


div.article p {
margin: .5em;
}

div.article p.listlead {
margin-top: 1em;
margin-bottom: -.25em;
font-style:italic;

}

div.article ul {
font-size: .75em; 
color:#333;
line-height: 1.6em;
}

div.article  ul li {
	margin:0 10em .25em 2em;
	padding:0.25em;
}



div.article  ul a, div.article ul a:link {
color:#333;
text-decoration:none;
font-weight: bold;
}

div.article  ul a:hover,
div.article	p a:hover,
div.article  a:hover 
{
color:#000;
text-decoration:underline;
}


div.article  ul a:active,
div.article  ul a.here:link,
div.article  ul a.here:visited {
color:#333;
text-decoration:none;

}
		

/* sidebar */

		
.sidebar {
	float: right;
	width: 24%;
	margin-left:1%;
	margin-top:1.6em;
	color: #666;
}
	
	
.sidebar-module	{
	margin: 1em 0;
	border: .0625em solid #B3C7E3;
	padding: 0.5em;
	height:auto;
	background:#B3C7E3;
	text-align:left;
}


.sidebar-module	h5	{
margin: 0;
padding: 0;
color: #000;
font-size: .75em;
font-weight:bold;
}

.sidebar-module	p	{
margin: 0;
padding:.25em 0;
font-size: .75em; 
line-height: 1.4em;
}


.sidebar-module ul {
padding:.5em 1em 1em 0;
margin:0;
list-style: none;
line-height:1em;
font-size: .75em; 
color:#000;
line-height: 1.6em;
}


.sidebar-module ul LI {
padding-left: 2em;
background: url(../images/bl_redarrow.png) no-repeat 0 .25em;
}



.sidebar-module ul LI.blfirst {
padding-left: 2em;
}

.sidebar-module ul a, 
.sidebar-module ul a:link, 
.sidebar-module ul li a:link
{
color:#000;
text-decoration:none;
font-weight: normal;
font-size: 1em; 
}


.sidebar-module a:hover, 
.sidebar-module	p a:hover,
.sidebar-module ul li a:hover,
.sidebar-module ul a:hover
{
color:#000;
text-decoration:underline;
}

.sidebar-module ul a:active,
.sidebar-module ul a.here:link,
.sidebar-module ul a.here:visited {
color:#000;
text-decoration:none;
}

.sidebar-module ul LI a:visited /* keeps font properties for main links */
{ 
color:#000;
font-size: 1em; 
}


/* controls  sidebar sub links */
.sidebar-module  ul LI ul li {
padding: 0 0 .5em 1em;
line-height: 1.5em;
background: none ;
}

.sidebar-module ul li ul li a:link,
.sidebar-module ul li ul li a:visited,
.sidebar-module ul li ul li a:active
  {
color:#000;
font-size: 1.25em; 
}



/* tables */

table.article   { margin: 0 0 .5em .5em; width: 99%; border-collapse: collapse; border-spacing:0; 			
font-size: .75em; color:#333;  }
caption { margin-top: .5em; padding-left:.5em; text-align:left; font-weight:bold; padding-bottom:4px; }
table.article th      { text-align: left; background-color:#f1f1f1; padding:4px; }
table.article tr.odd 	{ background-color:#ccc;}
table.article tr 	{ border-bottom: .0625em solid #B3C7E3;}
table.article td      { padding: 4px; vertical-align:top; }
table.article tfoot th {background-color:#D7181F;}
table.article tfoot td p {   padding: 0; font-size: 1em; font-style:italic; }
table.article tfoot td  {   padding: 0;   }

table.article a:link {color: #36a;}
table.article a:visited {color: #36a; }
table.article a:hover {color: #D7181F; text-decoration: none; }
table.article a:active {color: #36a; }




.redtext { /*used on BI page */
color: #D7181F;
}

/* thumbnails */
div.thumbnail
{
	float: left;
	width: auto;
	margin: .5em .5em 2em 0;
	padding: .5em;
	border: .0625em solid #36a;
	
}

div.thumbnail img
{
	margin: 0;
	padding: 0;
}

div.thumbnail p
{
	clear:both;
	margin: 0;
	padding: 0;
}





/* red button */

.button {
margin: 1em 0 0 .6em;
height:2em;
background:url(../images/btn_red.gif) no-repeat 0 50%  ;
}


.button p a, 
.button p a:link,
.button p a:visited,
.button p a:active {
text-transform:uppercase;
margin-top: .25em;
font-weight: normal;
color:#fff;
line-height:2em;
}

.button p a:hover {color: #000; text-decoration: underline; background:transparent; }



/*  text button */
.likabtn a {
display:block;
margin: 0 28em 0 0;
padding: .25em 1em;
background: #f1f1f1;
}


.hilite  {
display:block;
background: #36a;
}



/* psuedo lists */

div.likealist img {
float: left;
margin: .5em;
padding: 0;
}

div.likealist p {
float: left;
margin: 0 1em 0 .5em;
width: 95%;
}

div.likealist p a, 
div.likealist p a:link,
div.likealist p a:visited,
div.likealist p a:active {
margin:0;
padding:0;
line-height: 1em;
font-weight: normal;
color:#36a;
}

#addresslist p {
margin-bottom: -.5em;
}

#addresslist h5 {
margin-top: -.5em;
}

/* industry pages */

.indcolumn	{
	float: left;
	margin-right: 1%;
	padding: .5em 0; 
}

.indwith {
width: 44%;
}


/* psuedo columns */

div.likeacol h5 {
	float: left;
	width: 12em;
	padding: 0;
	margin: 1em 1em 0 1em;
	text-transform:none;
}

div.likeacol h3 {
	clear:right;
	margin: 0 2em 1em 12em; /* align width h5 */
	}		

div.likeacol p {
	clear:right;
	margin: .5em 2em 1em 14em; /* align width h5 */
	}		

div.likeacol p a, 
div.likeacol p a:link {
	padding-left: 1em;
	display:block;
	border-left : .125em solid #D7181F;	
	}		


/* events */
	
.date	{
	float: left;
	margin: 0;
	padding: .625em 0 0 0; /* aligns with h5 */
	}
	
		
div.event h5 {
	margin: 1em 1em 0 12em; /* aligns with p */
	padding:  .5em 0;
	border-top: .125em solid #fff;	
}

div.event p {
	margin: 0 1em 0 12em; /* aligns p with h5 */
	padding: .25em 0;
	}
	


/* toolkit  */

img.tool  {
margin-top: 1em;
}

/* left and right blocks to achive a column layout */

.contain {
	float: left;
	margin-right: 1%;
}

.contain2 {
	float: left;
	margin-left: 1%;
}

.vabot {
	vertical-align: bottom;
}
.vatop {
	vertical-align: top;
}
.bloc {
	display: block;
}


/* client industry pages */

.logotable h5 {
color: #36a;
}

.logotable img {
vertical-align:top;
}


/* page submast tabs */
.row {
	float:left;
	margin: 1em 0 .5em 0;
	width:99%;
	border: .0625em solid #fff;
}
			
.block	{
	float: left;
	background: url(../images/bar_grey.gif) repeat-x; 
	text-align:center;
	font-size: .7em;
	margin-right: 1%;
}


.block a, .block a:link, .block a:visited	{
	display: block;
	height: 3em; 
	color:#000;
	text-transform:uppercase;
	line-height: 2.5em;
}


div.block a:hover		{ 	
color: #36a; 
text-decoration:none; 
} 


.full {
width: 99%
}

.half {
width: 49%
}

.thirds {
width: 32%
}

.fourths {
width: 24%
}

.fifths {
margin-left: -.25%;
width: 19%
}


/* leadership page */
.leadershipname{
margin-bottom: 0em;
border-bottom: none;

}

.leadershiptitle {
margin: .25em 16em 1.5em .8em;
font-weight: bold;
text-transform: capitalize;
border-bottom: .0625em solid #666;
}

/* home page */

.homemasthead {
	height:16.7em; 
	width:100%; 
	border:0; 
	margin-top: -.625em;
	/* background: url(/common/css/images/mastshadow.gif) repeat-x left; */
}

.homesubmast {
	float:left;
	margin: 0;
	height:15em; 
	width:100%; 
	margin-top:.8em; 
	background-color:#FFFFFF;
	border-top: .0625em solid #ccc;
	border-left: .0625em solid #ccc;
	border-right: .0625em solid #ccc;
	border-bottom: .0625em solid #ccc;
}

.homemast {
margin:.9em 8em 0 3.5em;
}

.homemast h2 {
color: #CC0000;
text-transform:uppercase;
font-weight:bold;
}

div.homemast p {
letter-spacing:0;
font-size:1em;
padding-bottom: 1em;
}


.caplogo {
	margin: 1em .5em;
	background:none;
	border:none;
	display:block;
	float:right;
}

.clientloop {
margin-top: 22px;
background:none;
height: 100px;
}

.clientloop h5 {
color:#666; font-size:.6em; padding-bottom: .25em;
}


.sidebar-modulehbox	{
	margin: 1em 0;
	height:auto;
	text-align:left;
}

.sidebar-modulehbox	p {
	margin: .5em 0;
}

.promoblock {
float: left;
position:relative;
width: 32%;
margin-right: 1%;
}

.promobox {
margin-top: 1.2em;
height: 116px;
border: .0625em solid #B3C7E3;
}

/* IE6 Only */
* html .promobox {
margin-top: 1em;
}

.promoimgonly {
margin-top: 1.2em;
height: 64px;
border: .0625em solid #B3C7E3;
text-align:right;
}

.promobox h5 {
display:block;
margin:0;
padding-left: .5em;
text-transform:capitalize;
font-weight:normal;
font-size:.9em;
color:#000;
border-left: .5em solid #B3C7E3;
line-height: 2em;
}

.promobox p {
padding:0;
line-height: 1.5em;
padding-left: .8em;
}

.promobox p a {
display:block;
padding:0;
margin-left: 0.8em;
}


.promobox p.bl {
margin-left: 1.5em;
background-image:url(../images/bl_redarrow.png);
background-position: 0 .25em;
}

/* sidebar contact us promo */
.contactfeatured {
background: url(../images/grad_sidebar.gif) repeat-x bottom left;
padding-top:0;
}

.contactfeatured p, .contactfeatured a{
margin: .5em 0;
font-size: .7em;
}


/* inline floats for cross link refs */

.promo, .promo2 {
float: right;
margin:  .5em 1em;
padding: 0;
border : .0625em solid #999;
width: 12em;
background:#fff;
}

.promo2 h5 {
margin: 0;
padding:0;
background-color:#36a;
color: #fff;
text-align:center;
}

.promo h5 {
margin:0;
padding:0 ;
background-color:#B3C7E3;
text-align:center;
}
.promo p {
color: #000;
}

.promobio {
width: auto;
}


/* home page sidebar toppers */

.hmfeatured {
background: url(../images/grad_sidebar.gif) repeat-x bottom left;
}

div.hilite  {
display:block;
background: #36a;
margin: 0 -.5em 0 -.5em;
}

div.hilite h5  {
color:#fff;
text-transform:capitalize;
font-weight:bold;
text-align:left;
padding: 0 0 .25em .5em;
}



/* project news  */

.prjrow {
	float:left;
	width:99%;
	padding-bottom: .5em;
}

.prjnews	{
float: left;
width: 12em;
margin: 0 .5em 0 0;
padding: .5em;
}

.prjnews img	{
display:block;
margin-left:auto;
margin-right: auto;
}

.prjnews h5 {
border-top: .0625em solid #f1f1f1;
margin-top:.25em;
padding-top: .5em;
font-size: .7em;
color:#36a;
}
.prjnews p {
font-size: .7em;
}


/* featured items  */




.featuredrow {
	float:left;
	width:99%;
	padding-bottom: .5em;
}

.featured	{
float: left;
margin: 0 .5em 0 0;
padding: .25em;
}

.featuredthirds {
width: 12.5em;
}

.featuredhalf {
width: 19.5em;
}

.featuredfull {
width: 26em;
}

.featured img	{
display:block;
border:none;
margin: .25em .25em .25em .25em;
padding:.25em;
}

.featured h5 {
margin-top:0;
padding-left: .5em;
font-size: .7em;
background: #f1f1f1;
color:#000;
line-height: 2.5em;
border-top: .25em solid #36a;
}

.featurehilite h5 {
color: #000;
background:none;
text-transform:capitalize;
font-weight:bold;
border-top:none;
}

.featuredhome h5 {
color: #333;
background: #B3C7E3;
text-transform:none;
font-weight:bold;
border-top:none;

}


.featuredquote h5 {
border-left: .5em solid #36a;
}

.featured p {
font-size: .7em;
padding-left: .5em;
}




div.featured ul {
font-size: .7em;
}


.featured ul li {
	margin: 0 0 0 -1.5em; 
	padding: 0 0 1em 1.5em;
	text-indent: -1.5em;
list-style:  url(../images/bl_greyarrow.png) inside  ;
}


.featured ul li a, 
.featured ul li a:link,
.featured ul li a:visited,
.featured ul li a:active {
color:#36a;
font-weight: normal;
}


.viewall {
margin-top: 1em;
border-top: .0625em solid #ccc;
}



.topic {
	display:block;
	float:left;
	width:12em;
	margin-top: .5em; /* to align with h5 */
	padding-bottom: .5em;
}

.topic p {
font-size: .7em;
font-weight:bold;
}

.subtopic	{
float: left;
width: 28em;
margin-left: .5em;
}

.title {
color:#3366aa;
font-size: .9em;
font-weight: bold;
padding-bottom:0;
}

.subtitle {
padding-top:0;
font-weight: bold;
color:#000000;
}
.orangetext {
	color:#FF6600;
}
.bluetext {
	color:#3366aa;
}