/* ------------ Child pages stylesheet ------- 
---------- Author: Kimberly Zanini -----------
---------- Copyright 2009 ---------------------*/


/* Table of Contents:
    1. Main Structure
    2. Column Structure
    3. Overview Box
    4. Expand/Collapse styles
    5. Lists
    6. Extras
*/


/* 1. Main Structure 
------------------------------ */

#wrapper{
height:100%;
display:block;
clear:both;
}
	#header img
	{
	border:none;
	}

#main {
left:0;
margin:20px 5px;
position:relative;
text-align:justify;
width:675px;
z-index:1;
float:right;
}


	#main h1{
	font-size:1.8em;
	margin:10px 0px;}
	
	#main h2{
	margin-top:25px;
	margin-left:0px;
	color:#444;
	}

	#main p {
	line-height:1.8em;
	width:auto;
	}
	

	#main .seattle {
	float:right;
	padding:5px 20px;
	}
	#title {
	height: 240px;
}
	#title img{
	float:left;
	}
	#title h1 {
	color:#ff9900;
	font-size:2em;
	display:block;
	position: relative;
	top: 80px;
	left: 50px;
	font-weight: bold;
}
	#title .subtitle {
	font-size:1.2em;
	line-height: 1.6em;
	color: #777;
	position:relative;
	left: 50px;
	top: 90px;
}

#main .virus {
	background: url('images/virus-watermark.png') no-repeat; 
	height:40px;
	width: 40px;
	margin-left: 50%;}

#main hr {
	display:none;
	padding:10px;
}
/*  2. Column Structure
----------------------------------- */
#left{
width:200px;
height: 100%;
margin:0px;
padding:0px;
z-index:99;
}
	

		#left ul li
		{margin-left: 0px;
		padding-left: 5px;
		}
		
		#left ul
		{margin-left: 15px;
		padding-left: 0px;
		}

#left p{
	color:#444;
	line-height: 1.8em;
}

/* 3. Overview Box
------------------------------ */

.overview {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#444;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.overview .content,
.overview .t,
.overview .b,
.overview .b div {
 background:transparent url('images/overview.png') no-repeat top right;
}

.overview .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;

}

.overview .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 background-position:top left;
}

.overview .b {
 /* bottom */
 width:100%;
}

.overview .b,
.overview .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.overview .b {
 background-position:bottom right;
}

.overview .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.overview .hd,
.overview .bd,
.overview .ft {
 position:relative;
}

.overview .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.overview h1,
.overview p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:10px 5px;
}

.overview h1 {
 padding-bottom:0px;
}	

	#main .overview p{
	padding:0px 10px;
	}
	
	#main .overview img {
	float:left;
	padding:0px 5px;
	}	

	
/* 

.overview {
font: normal 14px/1.2em Verdana, arial, sans-serif;
color:#444;
background-color:#e8e8e8;
width: 93%;
padding: 20px;
margin:0 auto;
}

*/

		
/* 4. Expand/Collapse Styles 
----------------------------- */

@media screen, print { 
	/* Turn off list bullets */
	ul.mktree  li { list-style: none; margin:0px; padding:0px;width:380px; height:auto;} 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:15px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet {margin:0px;padding:0px;}
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url('images/minus.gif')   center left no-repeat; padding-left:25px;}
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url('images/plus.gif')   center left no-repeat; padding-left:25px;}
	ul.mktree  li.liBullet  .bullet { background:none; margin-left:-28px; padding-bottom:10px;}
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li {font-weight:bold; }
	ul.mktree  li ul li { font-size: 14px; font-weight:normal;}
}

/* 5. Lists 
-------------------- */

	.check li{
	list-style:square outside url('images/check.gif');
	}
#main ol{
	line-height:1.8em;
	color:#444;
	margin-right:80px;
}	

/* 6. Extras 
---------------------- */

#contact {
background:url('images/contact.png') no-repeat;
width:223px;
height:101px;
padding: 20px 15px 0px 15px;
line-height:18px;
color:#444;
}

	#contact a{
	color:#038be3;
	}

	#contact p{
	margin-top:20px;
	padding:0px;
	}
		
#services-sub{
background:url('images/expand-collapse.png') no-repeat;
height:41px;
width:200px;
padding-top:10px;
padding-left:40px;
position:absolute;
left:450px;
}

#freeb 
{
border: none;
margin: 10px;
width:212px;
height:80px;
}