/* NAV BAR AT THE TOP, LOCAL NAVIGATION ON THE LEFT AND ONE COLUMN OF CONTENT: TABLE OF CONTENTS

	1. = IMPORT NAV
    2. = BODY & PAGE
    3. = HEADER
    4. = NAV
    5. = CONTENT
    6. = FOOTER

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

/* = IMPORT NAV
---------------------------------------------------------
*/

@import url("nav.css");

/* END IMPORT NAV
---------------------------------------------------------
*/

/* = BODY & PAGE
---------------------------------------------------------
*/

body
{
	margin: 0 0 50px 0;
	padding: 0;
	background: #ECF1F6 url('/images/header/body-bg.gif') top left repeat-x;
	text-align: center;
}

div#page
{
	/* width: 760px; */
	width: 980px;
	margin: 0 auto;
	padding: 0 5px;
	background: transparent;
	text-align: center;
}

/* END BODY & PAGE
---------------------------------------------------------
*/

/* = HEADER
---------------------------------------------------------
*/

div#header
{
	margin: 0;
	padding: 20px 0 3px 20px;
	color: black;
	background: white;
	text-align: left;
    position: relative;
}

div#branding
{
	float: left;
	width: 185px;
	margin: 0;
	padding: 0 15px 0 0;
	text-align: left;
}

div#tagline
{
	margin: 22px 0 0 0;
    padding: 0;
}

div#blog-bug
{
	position: absolute;
    right: 0;
    top: 8px;
	margin: 0;
	padding: 0;
	text-align: right;
    background: transparent;
}

/* END HEADER
---------------------------------------------------------
*/

/* = NAV
---------------------------------------------------------
*/

div#nav
{
	font-size: 1em;
	width: 100%;
    margin: 0;
    padding: 0;
	text-align: center;
    background: transparent;
}

/* = END NAV
---------------------------------------------------------
*/

/* = CONTENT
---------------------------------------------------------
*/

div#content
{
    width: 100%;
	margin: 10px auto 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
    background: transparent;
}

div#demo
{
	width: 100%;
    height: 325px;
    text-align: center;
    background: transparent;
}

	#page-demo div#demo
    {
    		margin: 0 0 1.5em 0;
    }

	#page-sub div#demo
    {
    		display: none;
    }

div#promotion
{
	position: relative;
	height: 187px;
    background: transparent url('../../images/promotions/bg-gradient.gif') repeat-x top left;
}
     
div#local
{
	float: left;
	/*width: 150px;*/
    width: 21%;
	margin: 0;
    padding: 0 0 0 0;
    background: white url('/images/header/content-cap-left.gif') no-repeat top left; /* local top left rounded corner */
}

	#page-demo div#local
    {
    		background: white url('/images/header/content-cap-demo-left.gif') no-repeat top left; /* local top left rounded corner */
    }

	div#local div#local-cap
    {
          width: 100%;
          height: 100%;
    		background: transparent url('/images/header/content-cap-right.gif') no-repeat top right; /* local top right rounded corner */
    }
    
    #page-demo div#local div#local-cap
    {
    		background: transparent url('/images/header/content-cap-demo-right.gif') no-repeat top right; /* local top right rounded corner */
    }
    
    #page-home div#local
    {
    		display: none;
    } 

div#main
{
	float: right;
	width: 535px;
    width: 75%;
	display: inline;
    margin: 0;
    padding: 0 2% 0 0; /* padding instead of margin to put the bg rounded corner image flush right */
}

	#page-sub div#main
    {
     	background: white url('/images/header/content-cap-right.gif') no-repeat top right; /* content top right rounded corner */
			/*min-height: 800px  fixes float flub in IE7 & pushes content down to footer in firefox */
    }
    
    #page-forum div#main
    {
     	background: white url('/images/header/content-cap-right.gif') no-repeat top right; /* content top right rounded corner */
			/*min-height: 800px  fixes float flub in IE7 & pushes content down to footer in firefox */
    }
    
    #page-store div#main
    {
    		width: 98%;
     	background: white url('/images/header/content-cap-right.gif') no-repeat top right; /* content top right rounded corner */
    }
    
    #page-demo div#main
    {
     	background: white url('/images/header/content-cap-demo-right.gif') no-repeat top right; /* content top right rounded corner */
			/*min-height: 800px  fixes float flub in IE7 & pushes content down to footer in firefox */
    }
    
    #page-sub div#main div#main-cap
    {
     	background: white url('/images/header/content-cap-left.gif') no-repeat top left; /* content top left rounded corner */
			padding: 0 0 0 2%;
    }
    
    #page-forum div#main div#main-cap
    {
     	background: white url('/images/header//content-cap-left.gif') no-repeat top left; /* content top left rounded corner */
			padding: 0 0 0 2%;
    }
    
    #page-store div#main div#main-cap
    {
     	background: white url('/images/header/content-cap-left.gif') no-repeat top left; /* content top left rounded corner */
			padding: 1.5em 0 0 2%;
    }
    
    #page-demo div#main div#main-cap
    {
     	background: white url('/images/header/content-cap-demo-left.gif') no-repeat top left; /* content top left rounded corner */
			padding: 0 0 0 2%;
    }
     
    #page-home div#main
    {
			float: left;
          width: 53%;
          margin: 0 0 0 1%;
          padding: 0;
    }
    
    #page-home div#main div#express-store
    {
    		border: 1px solid #FF6600;
          border-top: none;
    }
    
    #page-home div#main div#express-store div#product-box 
    {
    		margin: -1px 0 0 0;
          float: left;
          display: inline;
          width: 35%;
          margin: 0 0 0 10px;
          padding: 0;
    }
    
    #page-home div#main div#express-store div#purchase-info
    {
          float: right;
          display: inline;
          width: 50%;
          margin: 0;
          padding: 0;
    }
    
    div#secondary div#purchase-bug div#purchase-info
    {
    		text-align: center;
    }
    
    #page-home div#main div#reviews
    {
    
    }
    
    #page-home div#main div#review-source
    {
    		margin: 0 15%;
    }
    
    		#page-home div#main div#review-source img,
          #page-home div#main div#review-source p
          {
              float: left;
              display: inline;
          }
          
          #page-home div#main div#review-source p
          {
              margin: 0 0 0 1.5em;
          }
          
    #page-home div#main div#reviews div#review-ctas
    {
    		float: right;
          display: inline;
          margin: 0;
          padding: 0;
    }

    /* = SPECIFIC MAIN CONTENT FORMATTING */
    
    .leadership-headshot
    {
    		width: 100px;
          height: 100px;
          float: left;
          margin: 0;
          padding: 0 1.5em 1.5em 0;
    }
    
    ul#for-media-nav
    {
    		list-style: none;
          margin: 0;
          padding: 0;
    }
    
    		ul#for-media-nav li
          {
          	display: inline;
               margin: 0;
               padding: 0 5px 0 5px;
               border-right: 1px solid gray;
          }
          
          	ul#for-media-nav li.first
               {
               	padding: 0 5px 0 0;
               }
          
          	ul#for-media-nav li.last
               {
               	border-right: none;
               }
    
    .for-media-photo
    {
    		width: 100px;
          height: 100px;
          float: left;
          margin: 0;
          padding: 0 1.5em 1.5em 0;
    }
    
    p.for-media-b-roll-footage
    {
    		width: 215px;
    		float: left;
          margin: 0;
          padding: 0 1.5em 1.5em 0;
    }
    
         p.for-media-b-roll-footage img
         {
         		width: 215px;
          	height: 125px;
         		display: block;
         }
    
    div.sort-chronological
    {
    		padding: 1.5em;
    }
    
    		div.sort-chronological div.sort-years
          {
          	padding: 0;
          	margin: 0 0 1.0em 0;
          }
          
          div.sort-chronological div.sort-months
          {
          	padding: 0;
          }
    
    /* END SPECIFIC MAIN CONTENT FORMATTING */
    
#page-sub div#secondary
{
	width: 150px;
    width: 21%;
   /*  min-height: 450px; pushes content down so rounded corners are on the proper bg color in firefox */
	margin: 0;
    background: white url('/images/header/content-cap-left-bottom.gif') no-repeat bottom left; /* content top left rounded corner */
}

#page-demo div#secondary
{
	width: 150px;
    width: 21%;
    /* min-height: 450px; pushes content down so rounded corners are on the proper bg color in firefox */
	margin: 0;
    background: white url('/images/header/content-cap-left-bottom.gif') no-repeat bottom left; /* content top left rounded corner */
}
	
    #page-home div#secondary
    {
    		float: right;
          width: 42%;
          margin: 0 1% 0 2%;
          padding: 0;
    		background: transparent;
    }

	#page-sub div#secondary-cap
    {
    		width: 90%;
         /*  height: 100%;
          min-height: 450px; pushes content down so rounded corners are on the proper bg color in firefox */
    		padding: 0 5% 0 5%;
    		background: transparent url('/images/header/content-cap-right-bottom.gif') no-repeat bottom right; /* content bottom right rounded corner */
    }
    
    #page-demo div#secondary-cap
    {
    		width: 90%;
         /*  height: 100%;
          min-height: 450px; pushes content down so rounded corners are on the proper bg color in firefox */
    		padding: 0 5% 0 5%;
    		background: transparent url('/images/header/content-cap-right-bottom.gif') no-repeat bottom right; /* content bottom right rounded corner */
    }
          
    #page-home div#secondary-cap
    {
    		background: transparent;
    }

	/* = Bugs */
    div#secondary div#live-chat-bug,
    div#secondary div#product-demo-bug,
    div#secondary div#vendor-bug,
    div#secondary div#user-tips-bug,
    div#secondary div#tech-support-bug,
    div#secondary div#corporate-address-bug,
    div#secondary div#blog-excerpt-bug,
    div#secondary div#learn-more-bug,
    div#secondary div#common-questions-bug
    {
    		float: left;
          clear: left;
          width: 100%;
    		margin: 1.0em 0 0 0;
          padding: 0;
          background: white url('../../images/callout-gradient-bg.gif') repeat-x bottom center;
    		
    }
    
    div#secondary div#live-chat-bug div.border,
    div#secondary div#product-demo-bug div.border,
    div#secondary div#vendor-bug div.border,
    div#secondary div#user-tips-bug div.border,
    div#secondary div#tech-support-bug div.border,
    div#secondary div#corporate-address-bug div.border,
    div#secondary div#blog-excerpt-bug div.border,
    div#secondary div#learn-more-bug div.border,
    div#secondary div#common-questions-bug div.border
    {
    		margin: 0;
          padding: 0;
    		border: 1px solid #70ABEE;
    }
    
    div#secondary div#live-chat-bug p,
    div#secondary div#product-demo-bug p,
    div#secondary div#vendor-bug p,
    div#secondary div#user-tips-bug p,
    div#secondary div#tech-support-bug p,
    div#secondary div#corporate-address-bug p,
    div#secondary div#blog-excerpt-bug p,
    div#secondary div#learn-more-bug p,
    div#secondary div#common-questions-bug p,
    div#secondary div#purchase-bug p
    {
          padding: 1em;
    }
    
    div#secondary div#live-chat-bug
    {
    		background: white url('../../images/bugs/live-chat-bg.gif') repeat-y top right;
    }
    
    div#secondary div#live-chat-bug div.border
    {
    		background: transparent url('../../images/bugs/live-chat-photo.gif') no-repeat bottom right;
    }
    
    div#secondary div#live-chat-bug div.border p
    {
    		width: 60%;
			color: #FF6600;
    		font-weight: bold;
    }
    
    div#secondary div#purchase-bug
    {
    		float: left;
          clear: left;
          width: 100%;
    		margin: 1.0em 0 0 0;
          padding: 0;
          background: white url('../../images/callout-gradient-bg.gif') repeat-x bottom center;
    		
    }
    
    div#secondary div#purchase-bug div.border
    {
    		border: 1px solid #FF6600;
    }
          
          div#secondary div#purchase-bug div#product-box 
         	{
         		margin: 0;
               padding: 0;
               width: 100%;
               text-align: center;
               background: transparent url('../../images/bugs/express-store-box-bg.gif') no-repeat top center;
         	}
          
          div#secondary div#purchase-bug div#product-box img
          {
          	padding: 1.5em 0;
          }
          
    /* = Specific Bugs */
    
	#page-home div#secondary div#blog-excerpt-bug,
    #page-home div#secondary div#learn-more-bug,
    #page-home div#secondary div#common-questions-bug
    {
     	margin: 0;
     	padding: 0;
     	background: transparent;
			border: none;
    }

div#tertiary
{
	display: none;
}

/* END CONTENT
---------------------------------------------------------
*/

/* = FOOTER
---------------------------------------------------------
*/

div#footer
{
	/*float: right;*/
	clear: both;
	color: gray;
	background: white url('/images/header/content-cap-left-bottom.gif') no-repeat bottom left; /* footer bottom left rounded corner */
	width: 535px;
    width: 77%;
    margin: 0 0 10em 0;
    text-align: center;
    border-top: 1px solid #669ACC;
}

	/* footer rounded corners in forum */ 
	#page-sub div#footer,
    #page-demo div#footer
    {
    		width: 104.5%;
          margin: 0 -2.5% 0 -2.0%;
    }
    
   	#page-sub div#footer div#footer-cap,
    #page-demo div#footer div#footer-cap
    {
    		width: 100%;
          margin: 0;
    }
    
    #page-forum div#footer,
    #page-store div#footer
    {
    		width: 100%;
          margin: 0 -2.5% 0 0;
    }
    
    #page-forum div#footer div#footer-cap,
    #page-store div#footer div#footer-cap
    {
    		width: 100%;
          margin: 0;
    }

	#page-home div#footer
    {
    		width: 100%;
          margin: 5em 0;
    		background: transparent;
    }

div#footer div#footer-cap
{
	width: 100%;
    /*height: 100%;*/
    padding: 1.5em 0 5em 0;
	background: transparent url('/images/header/content-cap-right-bottom.gif') no-repeat bottom right; /* footer bottom right rounded corner */
}

	#page-home div#footer div#footer-cap
    {
    		background: transparent;
    }

/* = Footer Navigation */

div#footer ul
{
	width: auto;
	padding: 5px 0;
    margin: 0;
	list-style: none;
}

div#footer ul li
{
	display: inline;
    padding: 0 5px;
    margin: 0;
    border-right: 1px solid gray;
}

div#footer ul li.first
{
	padding: 0 5px 0 0;
}

div#footer ul li.last
{
	border-right: none;
}

div#footer ul li a,
div#footer ul li a:link,
div#footer ul li a:active,
div#footer ul li a:visited
{
	margin: 0;
	padding: 0;
	color: #676767;
    text-decoration: underline;
}

div#footer ul li a:hover
{
	margin: 0;
	padding: 0;
	color: #676767;
    text-decoration: none;
}

div#footer p
{
	font-size: 1em;
	margin: 1.0em 0;
	padding: 0;
}

/* END FOOTER
---------------------------------------------------------
*/

/* = SHOP
---------------------------------------------------------
*/



/* product list */

#page-store table
{
}

#page-store table tr
{

}

#page-store table tr td
{
	padding: 0.5em 0;
	color: black;
	background: white;
}

#page-store table tr td font b
{
	color: black;
    font-style: italic;
	background: white;
}

#page-store table div#product-list table tr td font
{
	color: #FF6600;
	background: white;
}

#page-store table div#product-list table
{
	margin: 0 0 1.5em 0;
    border-bottom: none;
}

#page-store table div#product-list table tr
{
}

#page-store table div#product-list table tr td
{
	/* layout */
	width: auto;
    padding: 1.5em 0 0.5em 0;
    vertical-align: top;
    text-align: left;
	border-bottom: 1px solid #CCCCCC;
    
    /* type */
    font-weight: bold;
    color: #FF6600;
}

#page-store table div#product-list table tr td input
{
	margin: 0 0 0 8.0em;
}

#page-store table div#product-list table tr td a,
#page-store table div#product-list table tr td a:link,
#page-store table div#product-list table tr td a:active,
#page-store table div#product-list table tr td a:visited,
#page-store table div#product-list table tr td a:hover
{
	font-weight: normal;
}

/* store navigation */

#page-store table table
{
	padding: 0 0 1.5em 0;
	border-bottom: 1px solid #0050A4;
}

#page-store table table tr
{

}

#page-store table table tr td
{

}

/* */

#page-store table table table
{
	margin: 0.5em 0;
	padding: 0.5em 0;
	border-bottom: none;
}

#page-store table table table tr
{
}

#page-store table table table tr td
{
	padding: 0.5em 0;
}