/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------

	File: 			layout.css
	Author: 		Walter Botich
	Created: 		08/14/07
	Modified:		03/22/10
	Description: 	Sets the default layout for the site.
					
------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* GLOBALS -------------------------------------------------------------------------------------------------------------------------------------------------------- */
body { margin: 0 auto; font: .9em Arial, Helvetica, sans-serif; color: #000000; text-align: center; background: url('../images/bkgd.jpg') #000000 no-repeat top; }

/* Links */
a, a:link, a:active { color: #971d34;; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { }

/* Horizontal rule style */
hr{border:none; border-bottom: 1px dotted #000; margin:1em 0 1em 0;}

/* Container alignment */
.float-right { float: right; }
.float-left { float: left; }

/* Text and image styles */
p{margin:0 0 1em 0;}
.title{font-size:1.2em; font-weight:bold;}
.red{color:#971d34;}
.image{border:1px solid #8b8b8b; margin-right:.5em;}
.subtitle{
	font-weight:bold;
	color: #900;
}

/* UNIQUE ID ELEMENTS --------------------------------------------------------------------------------------------------------------------------------------------- */

/* Pop-up windows */
#popup { }

/* Can be used as the "root" container */
#page { width: 963px; margin: 0 auto; text-align: left; }

/* Is used as the second "root" container */
#wrapper{ float:left; width:928px; background:url('../images/wrapperBkgd.jpg') repeat-y; }

/* Is used as splash wrapper */ 
#splashWrapper{ float:left; width:928px; background:#ffffff; font-size:.9em; }

/* Header content */
#header { width:928px; height:94px; color: #050102; background:url('../images/headerBkgd.jpg') repeat-x;}       
.logo{margin:0 0 0 20em;}

/* Search area content */
#searchArea{float:right; margin:.5em .5em 0 0; width:13em; }
#searchArea p {color: #050102; font-size: .75em; font-style:italic; margin: 2em 0 0 0;}
.txtSearch {float:left;}

/* Vertical navigation */
#nav-vert { float:left; width:128px;}
#nav-vert ul { margin: 0; padding: 0; }
#nav-vert ul li { position: relative; margin: 0 0 0 0;  padding: 0; list-style-type: none;}
#nav-vert ul li.small a { font-size:.7em; display: block; text-transform:uppercase; text-align:right; color: #ffffff; padding:.9em 1.4em .79em 1.4em; *padding:.64em 1.4em .75em 1.4em;}
#nav-vert ul li.small{background:url('../images/nav-small-off.jpg') no-repeat center;}
#nav-vert ul li:hover.small{background:url('../images/nav-small-on.jpg') no-repeat center;}
#nav-vert ul li:hover.small a {color:#881c33; text-decoration:none;}
#nav-vert ul li.big {background:url('../images/nav-big-off.jpg') no-repeat center;}
#nav-vert ul li.big a { font-size:.7em; display: block; text-transform:uppercase; text-align:right; color: #ffffff; padding:.79em 1.4em .78em 1.4em; *padding:.55em 1.4em .65em 1.4em;}
#nav-vert ul li:hover.big{background:url('../images/nav-big-on.jpg') no-repeat center;}
#nav-vert ul li:hover.big a {color:#881c33; text-decoration:none;}

/* Sub navigation */
#nav-vert ul li:hover ul, #nav-vert ul li.hover ul {display: block; z-index: 5;}
#nav-vert ul li ul {position: absolute; display: none; width: 230px; margin: 0; padding: .5em; top:0px; left:128px; background: #ffffff; border-top: 2px solid #881c33; border-right: 2px solid #881c33; border-bottom: 2px solid #881c33; }

#nav-vert ul li ul li a { background:#ffffff; color:#000000; border-bottom: 1px solid #881c33; text-align:left; padding:.7em 2em .5em 2em;}
#nav-vert ul li.small:hover ul li a{color: #000000;}
#nav-vert ul li.big:hover ul li a{color: #000000;}
#nav-vert ul li:hover ul li a:hover{color: #881c33;}

/* JavaScript active state styles */
#nav-vert ul li.small.selected{position: relative; margin: 0 0 0 0; padding: 0; list-style-type: none; background:url('../images/nav-small-on.jpg') no-repeat center; color:#881c33;}
#nav-vert ul li.small.selected a{color:#881c33;}

#nav-vert ul li.big.selected{position: relative; margin: 0 0 0 0; padding: 0; list-style-type: none; background:url('../images/nav-big-on.jpg') no-repeat center; color:#881c33;}
#nav-vert ul li.big.selected a{color:#881c33;}



/* Main content */
#contentArea { z-index:3; float:left; width:570px; background:#ffffff; display:block; min-width:570px; }
#content{padding:1em; font-size:.9em;}

/* Right side area */
#rightSide{background: url('../images/rightColumnBkgd.jpg') no-repeat top; width:230px; float:left; min-height:543px;}
#rightLinks{background: url('../images/rightBtnsBkgd.jpg') no-repeat top; width:216px;}
#rightLinks img{margin:1em 0 0 1em;}
#rightColumn-bottomImg{padding-bottom:2.1em;}

/* Footer content */
#footer{clear:both; height:35px;}
#mailingList{background-color:#000000; width:295px; float:left; height:35px;}
#mailingList p{color:#ffffff; text-transform:uppercase; font-size:.7em; margin:1.6em 0 0 0; *margin:1.2em 0 0 0;}
.txtJoin{float:left;  width:11em; font-size:.8em; margin:.9em 0 0 .5em; *margin:.5em 0 0 .5em; background:#000000 url('../images/input-mailingList-bkgd.jpg') repeat-x; border:1px solid #000000; color:#ffffff; padding:.3em;}
.btnGo{background: url('../images/btn-go.jpg') no-repeat /*top left*/; border:none; cursor:pointer; float:left; font-size:.7em; width:21px; height:21px; margin:1.1em 0 0 0; *margin:.55em 0 0 0;}
#copyright{background-color:#931d31; color:#000000; font-size:.7em; width:928px; float:left; height:35px;}
#copyright p{margin:1.2em 0 0 1em;}
#copyright a{color:#000000;}

/* Index page content */
#welcome{text-align:center;}
#homeImgText{ padding-top:43px;}


#splashAdvancedPT{ float:left; background-color:#ffffff; width:454px;}
#splashAdvancedPT p{ padding:0 1em 0 1em;}
#splashAdvancedConsulting{ float:left; background-color:#ffffff; width:474px;}
#splashAdvancedConsulting p{0 1em 0 1em;}

/* CLASS ELEMENTS ------------------------------------------------------------------------------------------------------------------------------------------------- */


/* FORMATTING FIXES ----------------------------------------------------------------------------------------------------------------------------------------------- */

/* Substitute for clear='all'(depricated) */
.clear { clear: both; }

/* Force parent element to enclose any floated elements it contains */
.enclose-floats { /* IE fix because it does not recognize ':after' */ zoom: 1; }
.enclose-floats:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* BUG FIXES ------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* For IE6-7 page elements with width set to 100% */
/* 1.) Wrap the element with a div having this class, or 2.) class the parent container */
/* This prevents the element from running outside of their parent container */
.bugfix-ie-width { height: 1%; }

/* For IE6-7 images */
/* Removes the extra pixel space below images */
.bugfix-ie-image { display: block; }

/* For .NET controls that render as tables */
/* 1.) Wrap the element with a div having this class, or 2.) class the parent container */
/* This prevents .NET controls that are nested in tables from getting the parent table's attributes */
.bugfix-net-table table tr td { padding: 0; border-width: 0; }

/* ACCESSIBILITY -------------------------------------------------------------------------------------------------------------------------------------------------- */