@charset "utf-8";

/* NAVIGATION */

#nav {
	position: relative;
	margin: 10px auto 0 auto;
	width: 962px;
	height: 59px;
 }
 
.blocked{ 
	display:block; 
	width:100%;
	height:100%; 
	text-decoration:none; 
}
 
#logo {
 	position: absolute;
	top: 6px;
	left: 0;
	z-index: 1;
  }
 
.nav li {
	 background-image: none;
	 display: inline;
	 left: 230px;
	 margin: 0 6px 0 0;
	 position: relative;
	 top: 25px;
	 z-index: 10;
     }
     
/*.here a, .here a:hover, .here a:visited {color:#fff; }*/







/* HEADER */
  
#download {
	position: absolute;
	right: 37px;
	top: 17px;
	z-index: 10;
 }
 
#head {
	position: absolute;
	top: 0px; 
	width: 962px}
 
#head h1 {
	font-size: 1.8em;
	color: #222;
	font-weight:lighter;
	position: absolute;
	top: 17px;
	left: 0px;
 }
 
#video {
	display: inline;
	position: absolute;
	right: 116px;
	top: 20px;
	z-index: 10;
 }
 
.video {
background: url('http://www.picaboo.com/images/arrow_bullet_blue.gif') 100% 90% no-repeat;
display: inline;
position: absolute;
top: 18px;
right: 5px;
width: 100px;

 }
 
.video a:hover {text-decoration: underline;}





/* MAIN CONTENT */

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 962px;
	height: 100%;
 }

#container {
	position: absolute;
	top: 66px;
	left: 0;
	background: #fff url('http://www.picaboo.com/images/container-bg.gif') left top repeat-y;
	border-bottom:2px solid #d8d9db;
	border-left:2px solid #d8d9db;
	border-right:2px solid #d8d9db;
	border-top:1px solid #d8d9db;
	/* height is set in additional external css page to ensure all contents fit inside container */
 }

 
#content-left {
	position: absolute;
	top: 0;
	left: 0;
	color: #777;
	height: 100%;
	width: 204px; 

 }
 
#content-left h2 {
color: #888;
font-size: 0.85em;
font-weight: lighter;
margin:20px;
height:1px;
}

#content-left h3 {
color: #777;
font-size: 0.9em;
font-weight:lighter;
margin: 0 5px 0 25px;
padding-top: 13px;
}

#content-left p {
color:#777;
font-size:0.7em;
margin: 0 5px 0 25px;
}

#content-left div {
margin: 0;padding:0; }

#content-left ul{
position: absolute;
top: 0px;
left:0px; 
margin: 0;
padding: 0;
width:206px;}

#content-left li {
background-color:#fff;
background-image: url('http://www.picaboo.com/adam-staging/content-left-li-transparent-bg.png') left top no-repeat;
height: 50px;
margin: 0;
padding: 0;
width: 207px;
position: relative;
/*zoom: 1;*/
}

#content-left li:hover {background-color:#f6f6f6; text-decoration:none; }

#content-left li a {color: #777; text-decoration:none; display:block; }
#content-left li a:hover {color: #777;text-decoration:none; display:block; }

#content-left li a.active {color: #000;}

.overview {
background: url('http://www.picaboo.com/images/cards-sprite-196px.gif') 0% 0px;
}

.overview:hover {
background: url('http://www.picaboo.com/images/cards-sprite-hover-196px.gif') 0% 0px;
}

.overview-active {
background: #f6f6f6 url('http://www.picaboo.com/images/cards-sprite-active-196px.gif') 0% 0px;
}

.pricing {
background: url('http://www.picaboo.com/images/cards-sprite-196px.gif') 0% 100px;
}

.pricing:hover {
background: #f6f6f6 url('http://www.picaboo.com/images/cards-sprite-hover-196px.gif') 0% 100px;
}

.pricing-active {
background: #f6f6f6 url('http://www.picaboo.com/images/cards-sprite-active-196px.gif') 0% 100px;
}

.shipping {
background: url('http://www.picaboo.com/images/cards-sprite-196px.gif') 0% 50px;
}

.shipping:hover { background: url('http://www.picaboo.com/images/cards-sprite-hover-196px.gif') 0% 50px;}

.shipping-active {
background: #f6f6f6 url('http://www.picaboo.com/images/cards-sprite-active-196px.gif') 0% 50px;
}



#content-right {
	position: absolute;
	top: 0;
	right: 25px;
	width: 664px;
	background: #fff;
    padding:11px 15px;
 }
#content-right h2 {
   color:#111;
   font-size:2.8em;
   font-weight:lighter;
   margin-bottom:10px;
 }
 
#content-right h3{
padding-top:0px;
 }
#content-right h4 {
   color:#888;
   font-size:1.4em;
   font-weight:lighter;
 }
 
#content-right hr {
   color: #d8d9db;
   background-color: #d8d9db;
   height:1px;
   border:none;
   margin-bottom:35px;
}

#content-right div {
    margin-bottom:25px;
    padding:0 0 33px 0;
	max-height:250px;
}

.bordered {border-bottom: 1px solid #f6f6f6;}

#content-right p {
   line-height:1.3em;
   margin: 25px 0;
 }
 
.line-height-one-em {
line-height:0.1em;
 }
 
.img-center {
width:660px;
margin: 5px 7px; }

.img-right{
margin-left:20px;
 }
.img-left{
margin-right:20px;
 }
.hr-bottom{
margin-top:50px;
 }
.next-style{
background: url('http://www.picaboo.com/images/arrow_bullet_blue.gif') 100% 50% no-repeat;
text-align:right; 
padding: 1px 10px 4px 0;
margin: -20px 0 0 0;
line-height: 1.4em;
}

.learn-more-left{
background: url('http://www.picaboo.com/images/arrow_bullet_blue.gif') 100% 50% no-repeat;
text-align:left; 
padding: 1px 10px 4px 0;
margin: -20px 0 0 0;
line-height: 1.4em;
width: 73px;
}







/* TABLES */

table {
	font-size: 1em;
	color: #444;
	border-collapse: collapse;
	width: 100%;
	border: 1px #bbb solid;
	text-align: center;
	margin: 0;
	padding: 0;
}

th {border-right:1px #bbb solid; padding: 7px; }

.borderless {border:none;}

tr {border-bottom: 1px #bbb solid;}

.labels {background-color: #ccc; font-size: 1.05em; font-weight:bold;}

.labels-odd {background-color: #ccc;}

td {padding: 7px; width:160px; vertical-align:top; border-right:1px #bbb solid;}

.gray {background-color: #f9f9f9;}


.sub-table {font-size: 0.95em;
	color: #444;
	border-collapse: collapse;
	width: 100%;
	border:none;
	text-align: center;
}

.sub-table td {width: 80px; text-align:center; vertical-align:middle; padding: 2px;}

.sub-table tr {border:none;}

.dark-gray {background-color: #eee;}

.card-paper {font-size: 0.95em; }

.asterisk {font-size: 0.9em; text-align:left; margin: 0 0 25px 0; padding: 0; }









/* PAGE BOTTOM */

#closer {
	position: absolute;
	left: 25px;
	width: 640px;
	border:none;
}

#footer {
	position: absolute;
	/* top is set in additional external css page */
	width: 962px;
	height: 100px;
	margin-bottom: 15px;
    }