/* Alpen Partners CSS Document AP2*/


#fullwrapper {
	width: 810px;
	height:auto;
	min-height:100%;
	margin: 0px auto;
	border-left:1px solid #990000;
	text-align:left;
	background: transparent;
	}
#innerwrapper {
	width:760px;
	height:auto;   /*  1%  */
	margin: 0px auto;
	}
	
/*html . no class or id . generic structure and text display*/	
html {
	height:99%;
	}

body {
	background: url("../commonimages/background_img.gif") repeat 0px 1px #000;
	margin: 10px auto 0 auto;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	border-collapse: collapse;
	padding: 0px;
	color: #000;
	height:99%;
	min-height:99%;
	}
table {
	font-size: 100%;
	margin: 0px;
	border-collapse: collapse;
	border: 0px none;
	border-spacing: 0px;
	}
tr,td {
	text-align:left;
	vertical-align: top;
	padding: 0px;
	border:0px none;
	font-size: 100%;
	}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 4px 0px 4px 0px;
	font-weight:bold;
	}
h2 {
	font-size:13px;
	margin: 3px 0px 3px 0px;
	}	
h3 {
	font-size: 12px;
	margin: 6px 0px 6px 0px;
	}
h4 {
	font-size: 14px;
	}
h5 {
	font-size: 14px;
	}
h6 {
	font-size: 12px;
	font-style: bold;
	}
img {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	}
a {
	color: #000;
	text-decoration: underline;
	outline: none;
	}
a:hover {
	text-decoration: none;
	}
p {
	text-align: left;
	vertical-align: top;
	line-height:auto;
	margin: 0px 0px 7px 0px;
	font-size:1em;/*but body font size set to exact px so wont enlarge anyway..*/
	}
ul {
	margin-left: 15px;
	margin-top:0px;
	padding:0px;
	}
/*end html . no class or id . generic structure and text display*/	

/*****************************
header
******************************/
#logoheader {
	width:760px;
	height:90px;
	}



/***************************
navigation
****************************/
#nav {
	width:760px;
	height:120px;
	margin-bottom:3px;
	}
#nav ul {
	list-style: none;
	margin: 0px;
	padding:0px;
	border:0px;
	}
#nav li {
	float: left;
	border:0px;
	padding:0px;
	}
#nav li a {
	width:125px;
	height:120px;
	display:block;
	text-decoration: none;
	margin: 0px 2px 0px 0px;
	color:#cc0000;
	text-indent:10px;
	}
#nav li a:hover {
	display:block;
	text-decoration: none;
	color:#fff;
	}

li#homenav a {
	background: url("../buttons/ttr_homebut.gif") no-repeat -22px -8px;
	}
li#aboutnav a {
	background: url("../buttons/ttr_aboutbut.gif") no-repeat -22px -8px;
	}
li#projnav a {
	background: url("../buttons/ttr_projectsbut.gif") no-repeat -22px -8px;
	width:124px;
	}
li#jasnav a {
	background: url("../buttons/ttr_jasonbut.gif") no-repeat -22px -8px;
	width:124px;
	}
li#biognav a {
	background: url("../buttons/ttr_biogbut.gif") no-repeat -22px -8px;
	width:124px;
	}
li#contnav a {
	background: url("../buttons/ttr_contactbut.gif") no-repeat -22px -8px;
	}
li#homenav a:hover,
li#aboutnav a:hover,
li#projnav a:hover,
li#jasnav a:hover,
li#biognav a:hover,
li#contnav a:hover {
	background-position: -22px -138px;
	}
/*********end navigation**************************************/	


	
	

/*********************
title images
***********************/
	
#titleimg_index {
	background: #fff url("../titleimages/ttr_titleindex.jpg") no-repeat 253px 0px;
	}
#titleimg_jason {
	background: #fff url("../titleimages/ttr_titlejason.jpg") no-repeat 253px 0px;
	}
#titleimg_1 {
	background: #fff url("../titleimages/ttr_title1.jpg") no-repeat 253px 0px;
	}
#titleimg_2 {
	background: #fff url("../titleimages/ttr_title2.jpg") no-repeat 253px 0px;
	}
#titleimg_3 {
	background: #fff url("../titleimages/ttr_title3.jpg") no-repeat 253px 0px;
	}
	
/*********end title images**************************************/	

/*************************
common
**************************/

.content {
	width:758px;
	display:block;
	height:100%;
	margin:0px;
	border-bottom:0px solid green;
	}
.inner {
	padding:5px;
	height:auto;
	clear:both;
	border:0px solid green;
	}
.inner ul {
	margin: 5px 0px 5px 0px;
	list-style: none;
	padding:0px;
	}
.inner ul li {
	list-style: none;
	margin-bottom: 3px;
	padding:0px;
	padding-left:15px;
	background:url("../commonimages/bulletpoint.gif") 0px 1px no-repeat;
	}




/*---- hold the box open - 
--------- use with the float control after it for something solid to push down on (only in floated containers??) -------*/
.prop {
	height:516px;
	float:right;
	width:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	background:transparent;
	}


.hidden {
	visibility:hidden;
	overflow:hidden;
	}
/*.throw {
	position:absolute;
	left:-9999px;
	top:0px;
	width:0;
	height:0;
	overflow:hidden;
	font-size:0px;
	line-height:0px;
	}         /*review this in safari - seems to work ok in xp.*/
div.floatcontrol {
	clear:both;
	line-height:0px;
	font-size:0px;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	/*background:green;*/
	}
	
/*--------------------------------------------------
left column
---------------------------------------------------*/
.left {
	width:253px;
	display:inline;/*"inline" fixes double margin bug in IE6,(floated divs) no other rule applies anything except "none"*/
	float:left;
	height:100%;
	}
	
/*--------------------------------------------------
middle column
---------------------------------------------------*/
.central {
	width:252px;
	display:inline;/*"inline" fixes double margin bug in IE6, no other rule applies anything except "none"*/
	float:left;
	height:100%;
	}
/*div.middleinner {
	width:248px;
	height:auto;
	margin:10px 0 20px 0px;
	display:inline;
	background: #fff;
	padding-bottom:30px;
	float:left;/*does this need to float left?? 5/2/ 09
	/*border:1px solid #ccc;
	}*/
	
/*--------------------------------------------------
right column
---------------------------------------------------*/
.right {
	width:253px;
	display:inline;/*"inline" fixes double margin bug in IE6, no other rule applies anything except "none"*/
	float:left;
	height:100%;
	}


/*----------------------------------------------------
gallerys 
-----------------------------------------------------*/
.galleryleft {
	width:253px;
	height:517px;
	float:left;
	background:#fff;
	}
.galleryleft img {
	margin-left:0;
	margin-right:3px;
	margin-bottom:3px;
	float:left;
	display:inline;
	padding:0;
	}
.galleryleft h3 {
	float:none;
	clear:both;
	}
.galleryright {
	float:right;
	width:500px;
	height:517px;
	text-align:center;
	vertical-align:middle;
	}
.galleryright td {
	text-align:center;
	vertical-align:middle;
	}
.galleryright p {
	color:#fff;
	text-align:center;
	margin:0px;
	}
	
.TvGalleryNav {
	margin-bottom: 20px;
	}

.TvGalleryNav a:hover {
	background:#cc0000;
	color:#fff;
	}





/******************************
footer - update ap too?? with border (or could use any amount of padding on nested div etc - to prevent collapsing margins in ff) on footer.
*********************************/
#footbar {
	height:20px;
	width:758px;
	background: #cc0000;
	clear:both;
	align:left;
	text-align:right;
	color: #cc0000;
	margin:3px 0px 23px 0px;
	}
#footer {
	width:100%;
	height:auto;
	margin: 0px auto 0px auto;
	border-top:1px solid #990000;
	border-bottom:1px solid #262222;/*this gives the nested div margin something to push against - ff fix.- for collapsing margin problem*/
	padding-bottom:10px;
	align:center;
	color: #cc0000;
	background: transparent;
	clear: both;
	}
#footer a {
	color: #cc0000;
	text-decoration:none;
	}
#footer a:hover{
	color: #fff;
	text-decoration:none;
	}
	
.footerstrip {
	width:760px;
	margin:10px 0px 10px 25px;
	display:block;
	border:0px red solid;
	}
p.footleftside {
	text-align:left;
	float:left;
	display:inline;
	}
p.footrightside {
	text-align:right;
	float:right;
	display:inline;
	}
/**************end footer************/