/*
-----------------------------------------------
jerrykoepp.com Style Sheet 
author:   Jerry Koepp + Aaron Berk
version:  2009.09
----------------------------------------------- */



/* ----------------------------- Page Setup Start ----------------------------- */

* { margin: 0; padding: 0; } /* Resets all Margins and Paddings to 0.  Puts all browsers on the same playing field. */

body {
	position: relative; /* Makes sure everything within the body tags are placed relative to the body. */
	font-size: .625em; /* Matches 10px; */
	background-reapeat: repeat-y;
	font-family: Georgia, Times, serif; font-size:11px; font-weight:normal; line-height:15px; color:#666666; letter-spacing:1px; display:inline;
    background-image: url(../images/bkgd_002.jpg);
	}



fieldset, img { border: 0; }

p, td { Times New Roman, Times, serif; font-size:11px; font-weight:normal; line-height:14px; color:#666666; letter-spacing:1px; padding: .3em 0 .3em 0; }
li {  }
h1	{font-family: Garamond, Georgia, serif; font-size:11px; line-height:14px; color:#666; letter-spacing:1.5px; font-style:italic; display:inline;}
h2	{font-family: Garamond, Georgia, serif; font-size:34px; font-weight:normal; line-height:38px; color:#999966; letter-spacing:1.5px; display:inline;}
h3	{font-family: helvetica, arial, sans-serif; font-size:10.5px; font-weight:bold; line-height:10px; color:#333333; letter-spacing:1px; display:inline; }
h4	{font-family: Garamond, Georgia, serif; font-size:11.5px; font-weight:normal; line-height:13px; color:#666; letter-spacing:1px; display:inline; }
h5	{font-family: helvetica, arial, sans-serif; font-size:10px; font-weight:bold; line-height:10px; color:#636362; letter-spacing:1px; display:inline; }
h6	{font-family: Georgia, serif; font-size:11px; font-weight:normal; font-style:italic; line-height:13px; color:#666; letter-spacing:1/3px;display:inline;}
h7	{font-family: helvetica, arial, sans-serif; font-size:10px; font-weight:normal; line-height:10px; color:#636362; letter-spacing:1px; display:inline; }
h8	{font-family: helvetica, arial, sans-serif; font-size:10px; font-weight:bold; line-height:10px; color:#999999; letter-spacing:1px; display:inline; }
h9	{font-family: helvetica, arial, sans-serif; font-size:10px; font-weight:bold; line-height:10px; color:#999999; letter-spacing:1px; display:inline; }
h10	{font-family: Georgia, serif; font-size:10.5px; font-weight:normal; line-height:11px; color:#999999; letter-spacing:1px; display:inline; }


h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { padding: .3em 0 .5em 0; }
ul { margin: .5em 0; }
li, dd { margin-left: 2em; }
fieldset { padding: .5em; }

a:link { text-decoration: none; -moz-outline: none; color:#006699;}					/* unvisited link */
a:visited {text-decoration: none; -moz-outline: none; color:#006699;}				/* visited link */
a:hover { text-decoration: none; background-color:#F0F0EB; color:#999999;}			/* mouse over link */
a:active { outline: none;}															/* selected link */

ul.menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	ul.vertical li {
		margin: 0;
		padding: 0;
	}
	
	ul.horizontal li {
		margin: 0;
		padding: 0;
		float: left;
	}
	
		ul.graphic li a,
		.image_text {
			display: block;
			overflow: hidden;
			border: 0;
			text-indent: -2000em;
		}
/* ----------------------------- Page Setup End ------------------------------- */

/* ----------------------------- Content Start ----------------------------- */

#main_container {
	position: relative;
	text-align: left;
	margin-left: 20px;
	margin-top: 20px;
	width: 225px;
}

ul#selected_work {
	margin: 100px 0 0 0;
	width: 95%;
	margin-top: 5px;
}

ul#selected_work li {
	width: 95%;
}
	
ul#selected_work li a {
	font-family: "georiga", serif;
	font-size: 11.5px;
	line-height: 17px;
	color: #666666;
	display: block;
	width: 1370px;
	padding-left: 40px;
}
		
ul#selected_work li a.active {
	background: #E0E0D6 url(../images/icons/activearrow.gif) no-repeat 25px 4px;
}
		
ul#selected_work li a:hover {
	background-color: #E8E8E1; 
}




			
#main_stage {
	position: absolute;
	width: 750px;
	height: 500px;
	top: 50px;
	left: 320px;
	overflow: hidden;
}

	ul#main_stage_content {
		position: absolute;
		width: 100%;
	}
	
		ul#main_stage_content li {
			position: relative;
			width: 740px;
			height: 500px;
			overflow: hidden;
		}
		
			ul#main_stage_content li.layout1 {
			
			}
			
				ul#main_stage_content li.layout1 img.main {
					float: left;
					padding: 2px;
				}
				
				ul#main_stage_content li.layout1 div.sub {
					float: right;
					width: 215px;
					overflow: hidden;
				}
				
					ul#main_stage_content li.layout1 div.sub img {
						padding: 2px;
						border: 1px solid #cccccc;
						display: block;
						margin-bottom: 14px;
						background: #ffffff;
					}
				
				ul#main_stage_content li.layout1 p {
					font-family: arial, verdana, sans-serif;
					color: #202020;
					font-size:10px;
					align:left;
				}
			
			ul#main_stage_content li.layout2 {
			
			}
			
				ul#main_stage_content li.layout2 ul {
					margin: 0;
					padding: 0;
					position: relative;
				}
				
					ul#main_stage_content li.layout2 ul li {
						float: left;
						margin: 0 11px 11px 0;
						padding: 0;
						width: 215px;
						height: 151px;
						overflow: hidden;
						background: #ffffff;
					}
					
						ul#main_stage_content li.layout2 ul li img {
							display: inline;
							margin: 0;
							padding: 0;
							padding: 2px;
							border: 1px solid #cccccc;
						}
			
				ul#main_stage_content li.layout2 h1 {
					clear: both;
				}
				
				ul#main_stage_content li.layout2 p {
					font-family: helvetica, sans-serif;
					color: #202020;
				}

/* ----------------------------- Content End ------------------------------- */



#dotted_line { border-bottom: 1px dotted #B2B2B2; padding-bottom: .5em; margin-bottom: .5em;}





/* ----------------------------- Special Start ----------------------------- */

/* Min Width IE CSS Code by Stu Nicholls */
/* For all browsers that understand min-width */
	.minwidth_outer {width:100%; min-width:800px; position: absolute;}

/* Code for IE */
	* html .minwidth_inner {border-left:800px solid #fff; position:relative; float:left; z-index:1;}
	* html .minwidth_content {margin-left:-800px; position:relative; float:left; z-index:2;}

/* ----------------------------- Special End ------------------------------- */