/**********************************
 * 
 * Peak Performance Sales Training
 * Site Styles
 * (c) 2009
 *
 * suckerfish.js required with this stylesheet
 * for 2-level menus compat in IE7
 **********************************/
body{
	margin:0px auto;
	background-image: url('../images/bg_fade.png'); 
	background-repeat: repeat-x; 
	background-attachment: scroll; 
	background-color: #DDD;
	font-size: 10pt; 
	color: #000; 
	font-family: Verdana, Sans-Serif;
	
}

a{ text-decoration:none;}

/**Page Container**/ 
table.XSP_OUTLINE{
	height: 100%;
	width: 980px;
	background:none;
}
 /*** MULTI-LEVEL MAIN NAV ***/
    /**container**/
#topNav{
	float:left;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	height: 30px;
	width:960px;
	font-size:11pt;
	text-align:right;
	background-color:#051843;
	margin:0px;
	padding:6px 2px 2px 20px !important;
	padding:4px 2px 2px 25px;
}
#topNav a{color:white; 	text-decoration:none;}
#topNav a:hover{color:#FC3;}
	
	/**the list itself**/
#hozList{float:right; clear:both;}

#hozList li{
	display:inline;
	float:left;
	height:25px;
	margin:2px !important;
	margin:0px;
	padding: 0px 20px 5px !important;
	padding: 0px 20px 7px;
}


/**CLEAN LIST class provides unstyled ul **/
.cleanList li{list-style-type:none;}
#hozList li a{
	display: inline-block;
	vertical-align:middle;
	height:15px;
	padding:5px 0px 0px 0px !important;
	padding:5px 0px;
}

#hozList, #hozList ul{
	float:left;
	width:100%;
	position:relative;
	padding:0px;
	margin:0px;
	list-style:none;
	text-align:right;
	line-height:1;
}

#hozList ul{background-color:#999; width:13em; text-align:left;}


	/**level 2 **/
#hozList li ul{
	position: absolute; 
	margin: 9px 0px 0px !important;
	margin: 28px 0px 0px -55px;
	padding: 0px 3px 3px 0px;
	width:16em;
	left: -999em;
}

#hozList li ul li a{
	width:16em;
	height:12px;
	display:block;
	padding:2px 6px 3px 2px;
	color:black;
}

	/**level 3**/
#hozList li ul ul{
	position:absolute;
	width:20em;
	margin: -1.5em 0 0 14em !important;
	margin: -1em 0 0 14em;
	background-color:#999;
}
#hozList li ul ul a{
	width:20em;
	height:15px;
	padding-bottom:3px;
}

	/**hover effect**/
#hozList li:hover ul ul, #hozList li.sfhover ul ul{
	left: -999em;
}

#hozList li:hover ul, #hozList li li:hover ul, #hozList li.sfhover ul, #hozList li li.sfhover ul{
	left:auto;
}

/**MISC**/
.long{width:11em; text-align:center;}
.short{width:5em;}

/**IE OVERRIDES**/
		/**alt padding for IE on some top-level li's**/
#paddAlt{
	margin: 13px 0px 0px !important;
	margin: 30px 0px 0px -85px;
}

#paddSml{
	margin: 13px 0px 0px !important;
	margin: 30px 0px 0px -55px;
}

#paddLon{
	margin: 13px 0px 0px !important;
	margin: 30px 0px 0px -100px;
}

.call {
font-weight:bold;
}

.call a {
font-weight:bold;
}

.headerimage {
width:978px;
height:212px;
	background-image: url('../images/final-head.jpg'); 
	background-repeat: no-repeat;
	padding-top:0px;
	margin-top:0px;

	}
	
.linkage {
padding-left:75px;
padding-top:20px;
}

.linkage a {
color:#FFFFFF;
text-decoration:underline;
}


.leftcontent {
float:left;
padding-left:20px;
padding-right:10px;
width:710px;
}

.right {
float:right;
width:225px;
}

.right_pad {
float:right;
width:238px;
padding-top:10px;
}

.righthome {
float:right;
width:220px;
padding-right:18px;
}

#footercontact {
width:900px;
float:left;
background-color:#051843;
}

#footermenu{
width:850px;
float:left;
padding-bottom:10px;
padding-left:80px;
}

#footermenubtm{
width:600px;
float:left;
padding-bottom:10px;
padding-left:220px;
}


#footmenu, #footmenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size:13px;
	text-align:center;
}	

#footmenu li {
padding-right:15px;
padding-left:15px;
padding-bottom:10px;
float:left;
}


#footmenu a {
	text-decoration: underline;
	color:#FFFFFF;
	}
	
#boxholder {
width:700px;
float:left;
padding-top:15px;
text-align:center;
}

#boxholderhome {
width:960px;
float:left;
padding-top:5px;
text-align:center;
padding-bottom:15px;
}

#boxholdersolution {
width:950px;
float:left;
padding-top:5px;
text-align:center;
padding-bottom:15px;
padding-left:30px;
}


#boxholderrecruit {
width:810px;
float:left;
padding-top:5px;
text-align:center;
padding-bottom:15px;
padding-left:150px;
}

#boxholdertraining {
width:740px;
float:left;
padding-top:5px;
text-align:center;
padding-bottom:15px;
padding-left:200px;
}

#boxholdertwo {
width:665px;
float:left;
padding-top:15px;
text-align:center;
padding-left:35px;
}

#boxes, #boxes ul{
	padding: 0;
	margin: 0;
	list-style: none;
	font-size:14px;
	text-align:center;
}	

#boxes li {
width: 260px;
background-color:#051843;
float:left;
margin-left:10px;
margin-bottom:10px;
text-align:center;
height:30px;
padding-top:5px;
}

#boxes li.small {
width: 160px;
margin-left:0px;
}

#boxes li.tall {
height:70px;
width:280px;
}

#boxes li.home {
width:305px;
}

#boxes li.long {
width:500px;
padding-left:20px;
padding-right:20px;
}

#boxes li.longest {
width:600px;
padding-left:20px;
padding-right:20px;
}

#boxes li.longtall {
width:500px;
padding-left:20px;
padding-right:20px;
height:70px;
}

#boxes li.three {
height:70px;
width:200px;
}

#boxes li.four {
height:90px;
width:220px;
}

#boxes li.fourtall {
height:120px;
width:220px;
}

#boxes li.two {
height:70px;
width:300px;
}

#boxes li.twolong {
height:70px;
width:463px;
}

#boxes li.twotall {
height:100px;
width:300px;
}

#boxes li.twoshort {
height:40px;
width:300px;
}

#boxes a {
	text-decoration: underline;
	color:#FFFFFF;
	}

.redbox {
width:225px;
background-color:#051843;
color:#FFFFFF;
font-size:14px;
padding:5px 5px 20px 5px;
margin-bottom:10px;
float:left;
}

.redbox2 {
width:225px;
background-color:#051843;
color:#FFFFFF;
font-size:14px;
padding:5px 5px 20px 5px;
margin-bottom:10px;
float:right;
}

.redbox_right {
width:225px;
height:400px;
background-color:#051843;
color:#FFFFFF;
font-size:12px;
padding:20px 5px 0px 15px;
margin:10px 15px 10px 0;
float:left;
}

.redbox a {
	text-decoration: underline;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	}
	
.redbox2 a {
	text-decoration: underline;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	}

.redbox_right a {
	text-decoration: underline;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	}
	
.redbox ul {
margin:0px;
padding-left:20px;
	}
	
.bluebox {
width:225px;
background-color:#051843;
color:#FFFFFF;
font-size:14px;
padding:5px 5px 20px 5px;
margin-top:10px;
margin-bottom:10px;
float:left;
}

.bluebox1 {
width:225px;
background-color:#051843;
color:#FFFFFF;
font-size:14px;
padding:5px 5px 20px 5px;
margin-top:10px;
margin-bottom:10px;
float:right;
}

.blueboxtall {
width:225px;
background-color:#051843;
color:#FFFFFF;
font-size:14px;
padding:20px 5px 0 5px;
margin-top:10px;
margin-bottom:10px;
float:left;
height:400px;
}

.bluebox a {
	text-decoration: underline;
	color:#FFFFFF;
	font-size:14px;
}

.bluebox1 a {
	text-decoration: underline;
	color:#FFFFFF;
	font-size:14px;
}

.bluebox ol li {
padding-bottom: 10px;
}

.bluebox1 ol li {
padding-bottom: 10px;
}

.blueboxtall a {
	text-decoration: underline;
	color:#FFFFFF;
	font-size:14px;
}

.blueboxtall ol li {
padding-bottom: 10px;
}

.blueboxinside {
width:150px;
padding:10px;
margin-left:20px;
border-style:solid;
border-width:2px;
border-color:#FFFFFF;
float:left;
}

.imagepad {
padding-bottom:20px;
float:left;
}

.formbox {
width:220px;
border-style:solid;
border-width:2px;
border-color:#051843;
font-size:15px;
padding:5px 5px 20px 5px;
margin-top:10px;
margin-bottom:10px;
float:right;
}

.formbox1 {
width:220px;
border-style:solid;
border-width:2px;
border-color:#051843;
font-size:15px;
padding:20px 5px 0px 5px;
margin-top:10px;
margin-bottom:10px;
margin-right:15px;
float:left;
height:400px;
}

.formbox table {
font-size:13px;
}

.formbox1redbox table {
font-size:13px;
}

.smallest {
font-size:12px;
}

.bigger {
font-size:14px;
}


#homeimage {
width:910px;
float:left;
padding-bottom:15px;
padding-left:50px;
text-align:center;
}

.top {
width:960px;
float:left;
padding-left:15px;
padding-right:15px;
}

.inside {
width:860px;
float:left;
padding-left:100px;
}

.toppadding {
width:925px;
float:left;
padding-left:20px;
padding-right:15px;
}
