/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/
body{
margin: 0;
padding: 0;
background: black;
color: #58585a;
}

/**************************************/
/*              GLOBALS               */
/**************************************/
h1 {
color: #573333;
}
h2 {
color: #573333;
}

h3 {
color: #005288;
}
h4 {
color: #005288;
}

.sidebarHeadline {
font-size: 1.25em;
font-weight: bold;
color: #005288;
margin: 8px 0 0 0;
}

.sidebarHeadline a{
color: #005288;
}

.sidebarHeadline a:hover{
text-decoration: underline;
}
.sidebarHeadline a:visited{
color: #005288;
}

.headline {
font-weight: bold;
color: #005288;
margin: 1.07em 0 0.5em 0;
}

.lightblueheadline {
font-weight: bold;
color: #0580cd;
}
.lrgPara {
font-size: 1.5em;
line-height: 1.7em;
}

/**************************************/
/*              HEADER                */
/**************************************/
#header{
position: relative;
width: 950px;
z-index: 9999;
}


/**************************************/
/*             NAVIGATION             */
/**************************************/
#navbar{
background: #d4e3f4 url(../images/nav_bar_shadow.png) bottom no-repeat;
height: 96px;
margin-top: -27px;
margin-bottom: 20px;
}
.navlist {
margin: 35px 7px;
}
.navlist li {
display: inline;
list-style-type: none;
padding-right: 7px;
border-right: 1px solid #77787b;
}

.navlist li a {
color: #77787b;
text-decoration: none;
font-size: 1.25em;
}

.navlist li a:hover {
color: #005288;
text-decoration: underline;
}

/*
.navlist li a:visited {
color: #77787b;
}
*/

.navlist .last {
border: none;
}

.navlist li.active a  {
color: #005288;
font-weight: bold;
}


.navlist li ul.subnavlist {
float: left;
width: 100%;
clear: both;
margin: 0;
}
.navlist li ul.subnavlist li {
display: inline;
list-style-type: none;
padding-right: 7px;
border-right: 1px solid #005288;
}
.navlist li ul.subnavlist li a {
color: #005288;
text-decoration: none;
font-size: 0.92em;
}
.navlist li ul.subnavlist li a:link {
color: #005288;
text-decoration: none;
font-size: 0.92em;
}
.navlist li ul.subnavlist li a:hover {
color: black;
text-decoration: underline;
}

.navlist li ul.subnavlist li a:visited {
color: #005288;
}

.navlist li ul.subnavlist li.last {
border: none;
}
.navlist li ul.subnavlist li.active a {
text-decoration: underline;
}
/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#content {
background: url(../images/background.jpg) repeat-y;
}
#rightcolumn {
border-left: 10px solid #bfcadf;
}
#leftcolumn {
border-right: 10px solid #bfcadf;
}


.sidebar {
width: 240px;
padding-bottom: 7px;
border-bottom: 1px solid #77787b;
margin: 0 0 14px 10px;
}
.sidebarAlt {
margin: 7px 0 7px 10px;
padding-bottom: 7px;
}
#mantra {
position: relative;
width: 240px;
height: 184px;
background: url(../images/mantra_back.jpg);
color:#005288;
font-size: 1.2em;
margin: 0 0 14px 0;
}

#mantraTxt {
position: absolute;
width: 220px;
top:52px;
left: 12px;
}

.calloutGray {
float: left;
width: 177px;
height: 75px;
background: #ccc;
color: #005288;
font-size: 1em;
border-right: 13px solid #005288;
margin-bottom: 15px;
}
.calloutGray p{
margin: 7px;
line-height: 1.2; 
}
.noborder {
border: none;
}
.calloutBlu{
float: left;
width: 170px;
height: 75px;
background: #cee3f6;
color: #005288;
font-size: 1em;
border-right: 13px solid #005288;
margin-bottom: 15px;
}
.calloutBlu p{
margin: 7px;
line-height: 1.2; 
}

.indentedTxt {
padding-left: 30px;
margin: 0;
}

#bluHighlight {
width: 100%;
background: #005288;
margin: 10px 0;
padding: 4px 0;
color: white;
font-weight: bold;
text-align: center;
}
#bluHighlight p{
margin: 4px 0;
vertical-align: middle;
}

.clientList {
margin: 0 0 7px 0;
padding: 0;
}

.clientList li {
list-style: none;
margin: 0;
}

.thumbnailcontain {
float: left;
clear: both;
width: 100%;
margin: 7px 0;
}
.thumbnail {
float: left;
width: 120px;
height: 120px;
margin: 2px 9px 10px 0;
border: 1px solid silver;
}

.portThmb {
float: left;
width: 120px;
height: 120px;
margin: 2px 9px 10px 0;
}

.portThmb img {
border: 1px solid silver;
width: 120px;
height: 120px;
}



/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#000;
	
	width:734px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}



.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;		
}
/* progress indicator (animated gif). should be initially hidden */ 
.progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
} 
 
/* active thumbnail is raised on top of the mask using the z-index property */ 
#thumbs a.active img { 
    outline:1px solid #000; 
    z-index:9999; 
    position:relative; 
}

#ditto_pages {
float: left;
clear: both;
widows: 100%;
margin: 25px auto;
text-align: center;
}


/**************************************/
/*               FOOTER               */
/**************************************/
#footer {
background: #cee3f6;
border-top: 10px solid #005288;
color: #005288;
}

#footer p {
margin:15px 70px 15px 10px;
font-size: 0.86em;
}