/* (c)Jacob Cappell. All rights reserved. */

body
{
	text-align: left;
	font-size:100%; /*for old IE versions */
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	border-style: none;
	min-width:700px;
}

body.faux_column
{
	background-image:url('/faux_column.png');
	background-repeat:repeat-y;
}


div#top-name
{
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	height: 161px;
	min-width:700px;

	margin: 0px;
	padding: 0px;

	border-style:solid;
	border-color:white;
	border-width: 0px 0px 1px 0px;

	background-color: #9dc19d;
	background-image:url('top-name.png');
	background-repeat:no-repeat;

}

div#top-button_container
{
	position:absolute;
	top:161px;
	left:0px;
	right:0px;
	height:32px;


	margin: 0px;
	padding: 0px;

	border-style: solid;
	border-color:white;
	border-width: 0px 0px 0px 1px;

	background-color: #9dc19d;

}

div.top-button
{
	position: absolute;
	top:0px;
	width: 149px;
	height: 30px;

	margin: 0px;
	padding: 0px;

	border-style: solid;
	border-color: white;
	border-width: 1px 1px 0px 0px;

	background-image:url('top-button.png');
}

div.top-button_dark
{
	background-image:url('top-button_dark.png');
}

div.top-button_dark:hover
{
	background-image:url('top-button.png');
}

div#top-button_1{left:0px;}
div#top-button_2{left:150px;}
div#top-button_3{left:300px;}

div#top-button_bg
{
	position:absolute;
	top:161px;
	left:0px;
	right: 0px;
	height:41px;
	min-width:700px;

	border-style: solid;
	border-color: white;
	border-width: 0px 0px 1px 0px;

	background-color: #9dc19d;
	background-image:url('top-button.png');
	background-repeat: repeat-x;
}

div.top-button > a
{
	display:block;
	width: 149px;
	height: 30px;

	margin: 0px;
	padding: 4px;
	text-align:center;
	
	color:white;
	font-weight:bold;
	font-size:1.1em;
	font-style:normal;
	text-decoration:none;
}

div.top-marker
{
	position: absolute;
	top:31px;
	width: 150px;
	height: 5px;

	margin: 0px;
	padding: 0px;

	border-style: solid;
	border-color: white;
	border-width: 1px 0px 0px 0px;


}

div.top-marker_current
{
	position: absolute;
	top:31px;
	width: 149px;
	height: 10px;

	border-style: solid;
	border-color: white;
	border-width: 0px 0px 0px 0px;


}

div#top-marker_1{left:0px;}
div#top-marker_2{left:150px;}
div#top-marker_3{left:300px;}
div#top-marker_blank{width:auto; left:450px; right:0px;}



div#subtop-left
{
	position:absolute;
	left:0px;
	top:193px;
	width:135px;
	height: 15px;

	margin: 0px;
	padding: 0px;

	border-style: solid;
	border-color:white;
	border-width: 0px 0px 1px 1px;

	background-color: #9dc19d;

}

div#left-tinybox
{
	position:absolute;
	left:136px;
	top:202px;
	width:6px;
	height:10px;

	margin: 0px;
	padding: 0px;

	border-style: solid;
	border-color:white;
	border-width: 1px 0px 0px 1px;

	background-color: #9dc19d;
}


div#left-tab_container
{
	position:absolute;
	left:0px;
	top:209px;
	width:142px;
	height: auto;

	margin: 0px;
	padding: 0px;

	border-style: solid;
	border-color:white;
	border-width: 0px 0px 0px 1px;

	background-color: #9dc19d;
}


div.left-tab
{

	width: 135px;
	height: 31px;

	margin: 0px;
	padding: 0px;

	color:white;
	font-size:0.9em;
	font-style:normal;
	text-decoration:none;

	border-style: solid;
	border-color: white;
	border-width: 0px 1px 1px 0px;

	background-color: #9dc19d;
}

div.left-tab > a
{
	display:block;
	width: 125px;
	height: 21px;

	margin: 0px;
	padding: 5px;
	text-align:center;
	

	color:white;
	font-size:0.95em;
	font-style:normal;
	text-decoration:none;
}

div.left-tab:hover
{
	background-color: #adccad;
}

div.left-tab_selected
{

	width: 136px;
	border-style: solid;
	border-color:white;
	border-width: 0px 0px 1px 0px;

	background-color: #9dc19d;
}

div.left-tab_selected:hover
{
	background-color: #9dc19d;
}

div#left-curve
{

	width: 142px;
	height: 240px;

	margin: 0px;
	padding: 0px;

	border-style: none;
	background-image:url('left-curve_2.png');
	background-repeat:no-repeat;
	/*background-attachment:fixed;*/
	background-position:right top;
}

div#content-container
{
	position:absolute;
	left:140px;
	top:202px;
	width:700px;
	height:auto;

	margin: 0px;
	padding: 20px;

	color:black;
	font-size:1em;
}

div#overlay
{
	position:absolute;
	left:90px;
	top:250px;

	opacity:0.2; /*CSS3*/
	color:black;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:5em;

}

div#overlay2
{
	position:absolute;
	left:50px;
	top:50px;

	opacity:0.2; /*CSS3*/
	color:black;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:3em;

}

div#footer
{
	position:absolute;
	left:160px;
	bottom:7px;

	opacity:0.5; /*CSS3*/
	color:black;
	font-family: times, "Times New Roman", serif ;
	font-size:0.75em;

	background-color: #ffffff;
}

div#footer2
{
	padding: 30px 0px 0px 0px;	
	opacity:0.5; /*CSS3*/
	color:black;
	font-family: times, "Times New Roman", serif ;
	font-size:0.75em;
}

div.excerpt
{

	margin: 0px;
	padding: 20px;
	color:white;
	
	font-style:normal;
	text-decoration:none;

	border-style: solid;
	border-color: gray;
	border-width: 2px;

	color:black;
	font-size:1em;
}

img.screenshot
{
	width:370px;
	border-style: solid;
	border-color: gray;
	border-width: 1px;
}