/* ------------------------------------------------------------------------
CSS sheet for Sleeping with Your Business Partner
Author: Tim Kadec
Date Created: 5/7/2007

All inquiries for this document should be directed to information@virtualtech.com.

--------------------------------------------------------------------------

COLORS

Gray Background - #786F5F
green in header - #647620

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


/* -----------------------------------------------------------------------
MAIN DESIGN ELEMENTS
-------------------------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
}
a{
	color: blue;
	outline: none;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
body{
	background: #4A4A4A;
	color: #fff;
	font: 14px/1.5em Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
}
#wrap{
	width: 779px;
	margin: auto;
	text-align: left;
	background: #fff;
	color: #000;
}
p{
	margin: 0 0 1.5em 0;
	padding: 0 4px;
}
a img{
	border: 0px;
}
/* -----------------------------------------------------------------------
HEADER ELEMENTS
-------------------------------------------------------------------------*/
#header{
	background: url(images/headerbg_swyp_tile.png) #647620;
	display: block;
	width: 100%;
	float: left;
	position: relative;
	border-bottom: 1px solid #647620;
}
#header h1{
	text-indent: -9999px;
	background: url(images/headerbg_swyp.png) no-repeat;
	width: 320px;
	height: 150px;
	float: left;
}
#header h6{
	text-indent: -9999px;
	height: 41px;
	width: 420px;
	position: absolute;
	top: 33px;
	right: 15px;
	display: block;
	background: url(images/swybp_small.png) no-repeat;
}
ul.navigation{
	list-style-type: none;
	width: 458px;
	position: absolute;
	top: 103px;
	left: 320px;
	padding-top: 19px;
	clear: none;
	z-index: 9000;
}
ul.navigation li{
	float: left;
	text-transform: uppercase;
	line-height: 1.2em;
	font-weight: bold;
	font-size: 9pt;
	width: 16%;
	display: block;
	text-align: center;
	position: relative;
}
ul.navigation li ul, ul.navigation li ul li ul{
	display: none;
}
ul.navigation li:hover ul, ul.navigation li.over ul{
	display: block;
	position: absolute;
	top: 28px;
	left: 0px;
	width: 100%;
}
ul.navigation li:hover ul li, ul.navigation li.over ul li{
	display: block;
	width: 120%;
	text-transform: capitalize;
	font-size: 95%;
	background: #58B3DA;
}
#header > ul.navigation li:hover ul li, #header > ul.navigation li.over ul li{
	background: url(images/halfblue.png);
}
#header > ul.navigation li:hover ul li:hover, #header > ul.navigation li.over ul li.over{
	background: #4894B4;
}
ul.navigation li:hover ul li:hover, ul.navigation li.over ul li.over{
	background: #4894B4;
}
ul.navigation a{
	color: #000;
	text-decoration: none;
	padding-bottom: 14px;
	display: block;
}
ul.navigation li:hover ul li a, ul.navigation li.over ul li a{
	padding: 4px 2px;
}
ul.navigation li:hover ul li ul, ul.navigation li.over ul li ul{
	display: none;
}
ul.navigation li ul li:hover ul, ul.navigation li ul li.over ul{
	display: block;
	position: absolute;
	left: 100%;
	top: 0px;
}
/* ---------------------------------------------------------------------
CONTENT ELEMENTS
-------------------------------------------------------------------------*/
h2{
	text-indent: -9999px;
	height: 101px;
	width: 100%;
	clear: both;
}
#content{
	margin: 0 0 0 0;
	padding: 1.4em 0 0 0px;
	clear: both;
}
.iframe{
	float: right;
	margin: 0px 50px 0px 0px;
}
.italics{
	font-style: italics;
}
#top{
	float: left;
	margin: 0px 0px 0px 10px;
}
#top img{
	margin: 0px 40px 0px 50px;
	float: right;
}
#top img.historyjpg{
	margin: 0px 40px 50px 10px;
}
#bottom img{
	margin: 0px 10px 0px 20px;
	float: left;
}
#bottomleft{
	width: 351px;
	float: left;
	margin: 0px 0px 0px 10px;
}
#bottommiddle{
	float: left;
	margin: 0px 0px 0px 40px;
}
#bottomright{
	float: left;
	width: 375px;
	margin: -150px 0px 0px 10px;
}
#right{
	width: 450px;
	float: right;
	margin: 0px 0px 0px 0px;
}
#right img{
	margin: 0px 0px 0px 100px;
}
p.ulheading{
	margin: 0px 0px 0px 0px;
}
ul.bulletedlist{
	margin: 0px 0px 10px 20px;
}
#tips{
	margin: 0px 0px 0px 20px;
}
#tips ul.bulletedlist{ /* Moves the lists on tips.asp further left, but not on any other pages */
	margin: 0px 0px 0px 40px;
}
.ltkimg{ /* Leaders Communication Tookit Image */ 
	float: right;
	margin: 0px 300px 0px 0px;
}
#swybp{
	width: 600px;
}
.swybpimg{
	margin: 0px 0px 0px 0px;
	float: right;
}
ul.list{
	list-style-type: none;
	margin: 0px 0px 0px 20px;
}
ul.helpful li{
	list-style-type: none;
	margin: 0px 0px 5px 20px;
}
.author{
	margin: 0px 0px 10px 30px;
	font-style: italic;
}
p.testimonial{
	margin: 0px 0px 0px 0px;
	
}
p.authorwt{
	margin: -20px 0px 10px 0px;
	font-style: italic;
}
.newpara{
	display: block;
	text-indent: 10px;
}
.zeromargin{ 
	margin: 0px 0px 0px 0px;
}
.zerobtmmargin{
	margin: 0px 0px 10px 0px;
}
ul.tips{
	margin: 0px 0px 0px 20px;
	list-style-type: none;
}
ul.tips li{
	margin: 0px 0px 10px 0px;
}
ul.secondarylist{
	margin: 0px 0px 0px 40px;
}
.topmargin{
	margin: 10px 0px 0px 0px;
}
h3.insight{
	background: url(images/insightlogo.png) no-repeat;
	width: 120px;
	height: 47px;
	margin: 0px 0px 0px 10px;
	text-indent: -9999px;
}
a.insight{
	background: url(images/insightlogo.png) no-repeat;
	width: 120px;
	height: 47px;
	margin: 0px 0px 0px 10px;
	text-indent: -9999px;
	display: block;
}	
#video{
	float: left;
	margin: 10px 100px 0px 50px;
	text-align: center;
	display: block;
	background: transparent;
	z-index: -9999px;
}
#videoList{
	margin-left: 370px;
}
table.downloads{
	border: 1px solid black;
}
table.downloads tr td{
	padding: 4px;
	text-align: center;
	border: 1px solid black;
}
p.adobe{
	float: left;
	text-indent: -9999px;
	background: url(images/adobe.png) no-repeat;
	width: 50px;
	height: 50px;
}
p.downloadadobe{
	font-weight: bold;
	margin: 30px 0px 0px 0px;
}
/* ---------------------------------------------------------------------
BOOKINFO ELEMENTS
-------------------------------------------------------------------------*/
#bookinfo{
	display: block;
	padding: 0 10px;
	z-index: 0;
}
#bookinfo img{
	float: left;
	border: 1px solid #C5C5C5;
	margin-right: 10px;
}
#bookinfo h3{
	font-size: 160%;
	line-height: 1.3em;
}
#bookinfo h4{
	font-size: 140%;
	line-height: 1.4em;
}
#bookinfo p{
	margin-top: 1.5em;
	margin-bottom: 30px;
}
#reviews, #summary{
	clear: both;
	margin-top: 10px;
	display: block;
}
#reviews p{
	margin-bottom: 5px;
}
#reviews p.quoteby{
	text-align: right;
	margin-right: 10px;
	margin-bottom: 1.4em;
}
/* ---------------------------------------------------------------------
BOOKLINKS ELEMENTS
-------------------------------------------------------------------------*/
#sidelinks{
	margin: 0px 0px 18px 0px;
	clear: both;
	text-align: center;
	padding: 0;
}
#sidelinks dl{
	float: left;
	display: block;
	background: url(images/booklinkbg.png) no-repeat;
	width: 380px;
	height: 178px;
	margin: 0 0px 0 2px;
	text-align: left;
}
#sidelinks dl dt{
	text-transform: uppercase;
	color: #333333;
	font-size: 120%;
	font-weight: bold;
	margin: 18px 15px 10px 0;
}
#sidelinks dd{
	margin-right: 15px;
	padding-bottom: 18px;
}
#sidelinks dd a{
	font-size: 14pt;
}
#sidelinks dd.img{
	float: left;
	margin: 10px 2px 0 9px;
	padding-bottom: 0px;
}
#sidelinks dd.img img{
	float: none;
	margin: 0px;
}
#sidelinks dl.insight dd.img{
	margin: 50px 10px 10px 10px;
}
#sidelinks a{
	background-color: #647620;
	color: #fff;
	text-transform: uppercase;
	padding: 2px 29px 2px 5px;
	text-decoration: none;
	margin-top: 12px;
	font-weight: bold;
}
#sidelinks a.moveright{
	margin-left: 190px;
}
#content > #sidelinks a.moveright{
	margin-left: 0px;
}
#sidelinks a.assessments{
	display: block;
	background: url(images/insightlogo.png) no-repeat;
	width: 120px;
	height: 47px;
	text-indent: -9999px;
}
/* ---------------------------------------------------------------------
TABNAV
-------------------------------------------------------------------------*/
#tabnav	{
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	padding-left: 10px;
	background: url(images/tab_bottom.gif) repeat-x bottom;
	clear: both;
}
#tabnav li{
	margin: 0; 
	padding: 0;
  	display: inline;
  	list-style-type: none;
  	text-transform: capitalize;
}
#tabnav a:link, #tabnav a:visited{
	float: left;
	background: #63B9DE;
	color: #fff;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #5CB1D5;
	text-decoration: none;
}
#tabnav a:link.active, #tabnav a:visited.active	{
	border: 1px solid #CCC;
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000;
}
/* ---------------------------------------------------------------------
FOOTER ELEMENTS
-------------------------------------------------------------------------*/
#footer{
	clear: both;
	display: block;
	width: 100%;
	padding: 145px 0px 0px 0px;
	font-size: 90%;
	line-height: 1.5em;
	color: #9d9e96;
	padding-bottom: 2px;
}
#footer a{
	color: #9d9e96;
	text-decoration: none;
}
#footer p{
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #e9eae4;
}
#footer a:hover{
	text-decoration: underline;
}