@charset "utf-8";
/*   
Theme Name: JH Image
Theme URI: http://www.jhimage.net
Author: John Tarvardian
Author URI: http://www.thelegatogroup.com
*/


/*-------------------------------------*/
/*------- General styles */
/*-------------------------------------*/
* {
margin: 0px;
padding: 0px;

}

html, body { 
min-height:101%; 
margin-bottom:1px; 
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
text-align: center;
margin: 0px;
padding: 0px;
background-color: #79745B;
}				

img { 
border: none; 
} 

#wrapper {
width: 980px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-color: #FFFFFF;
padding-top: 0px;
margin-bottom: 7px;
padding-bottom: 0px;
color: #666666;
margin-top: 10px;
position: relative;
}

.clearfloat {
clear: both;
height: 0;
line-height: 0;
font-size: 0;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

h3 {
	line-height:1.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h4 {
font-weight:bold;
line-height:1.3em;
}

p {
font-size: 100%;
line-height: 1.1em;
}

ul {
line-height:1.55em;
}

li {
margin-top:5px;
}

/*Rule to make PVII Equal Column Script Equal*/
.colbottom {
	padding-bottom: 0px;
}

/*-------------------------------------*/
/*------- Universal Styles */
/*-------------------------------------*/

/*-------------------------------------*/
/*---header -- navigation -- footer----*/
#header {
	position: relative;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(../assets/page-elements/page-header.jpg);
	height: 177px;
}

	#navigation {
	position: absolute;
	height: 22px;
	width: 655px;
	top: 94px;
	left: 235px;
	display: inline;
	text-align: right;
	}
	
#glider {
	position: relative;
	background-image: url(../assets/page-elements/header-bottom-border.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 418px;

}

#footer {
background-color:#FFFFFF;
height:47px;
color: #3C3D3E;
}
	
	#footer img {
	margin: 0px;
	padding: 0px;	
	}

#copyright {
background-color:#E1EAF3;
height:35px;
color: #666666;
font-size: 75%;
padding-top: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #A0CDEE;
}
	
	div.row{
	width: 100%;
	}
	
	div.row span.left {
	float: left;
	text-align: left;
	width: 48%;
	padding-top: 9px;
	padding-left: 23px;
	}

	div.row span.right {
	float: right;
	margin: 0;
	text-align: right;
	width: 48%;
	}


#botnav{
list-style:none;
line-height:100%;
font-weight:100;
background:#DFE6D7;
float:left;
width:100%;
font-size: 70%;
letter-spacing: .1em;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #EC6B03;
margin: 0px;
padding: 0px;
}

	#botnav ul{
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C0BEAF;
	}
		
	#botnav li{
	float:left;
	display:block;
	padding:0px;
	margin:0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	}
		
	#botnav li a{
	color:#323232;
	text-decoration:none;
	display:block;
	text-transform:uppercase;
	padding:10px 15px;
	margin:0px;	
	}

	#botnav li.noline{
	border:0;
	}
	
	#botnav li a:hover, {
	color:white!important;
	}
		
	#botnav li a:hover{
	color:#fff;
	background-color: #333333;
	}
	


/*-------------------------------------*/
/*           2 Column Layout           */
/*-------------------------------------*/

/*-------------------------------------*/
/*Left Side Styles                     */

#left {
float: left;
width: 173px;
background-image: url(../assets/page-elements/bg-leftside.jpg);
background-repeat: repeat-y;
background-position: left top;
position: relative;
}

	#left h2 {
	font-size: 110%;
	padding-left: 25px;
	color: #E2E9F3;
	padding-bottom: 5px;
	padding-top: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	#left p {
	font-size: 90%;
	padding-left: 7px;
	padding-right: 20px;
	}
	
	#left ul {
	font-size: 85%;
	color: #856133;
	list-style-type: none;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#left li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
	#left img {
	margin-top: 0px;
	vertical-align: bottom;
	} 
	
	
/*-------------------------------------*/
/*Original Left Column Nav Styles -- Kept Just in Case*/
	#left ul a {
	color: #856133;
	text-decoration: none;
	letter-spacing: .2em;
	padding-bottom: 7px;
	display: block;
	padding-left: 35px;
	padding-top: 7px;
	}	
	
	#left a:link, a:visited, a:active {
	text-decoration: none;
	color: #856133;
	}

	#left a:hover {
	color: #856133;
	text-decoration: none;
	background-position: center;
	}
	
/*-------------------------------------*/
/*Left Column Uberlink Styles*/
	#sidebar {
	position: absolute;
	left: 0px;
	top: 52px;
	width: 173px;
	font-size: 0.8em;
	}

	#navlist {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none;
	}

	#navlist a, #navlist a:visited {
	display: block;
	text-decoration: none;
	font-size: 110%;
	}

	#navlist a:hover {
	background-image:  url(../assets/backgrounds/pmm_sheer_subs.png);
	color: #856133;
	}

	#sidebar #navlist .uberlink {
	background-image:  url(../assets/backgrounds/pmm_sheer_subs.png);
	background-position: center;
	color: #856133 !important;
	cursor: default;
	}


/*-------------------------------------*/
/*Right Side Styles                     */
#right {
float: right;
width: 807px;
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
background-color: #FFFFFF;
background-image: url(../assets/page-elements/bg-right.jpg);
background-repeat: repeat-y;
background-position: 620px top;
}
	
	#innerwrap {
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	background-image: url(../assets/page-elements/script-text.jpg);
	background-repeat: no-repeat;
	background-position: 7px 9px;

	}
	
	#colcontent {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	font-size: 90%;
	padding-left: 100px;
	padding-top: 85px;
	}
		
		#colcontent h1 {
		color: #856133;
		font-size: 150%;
		margin-bottom: 7px;
		}
			
		#colcontent h2 {
		font-size: 130%;
		color: #856133;
		margin-bottom: 7px;
		}

		#colcontent h3 {
		font-size: 120%;
		color: #856133;
		margin-bottom: 7px;
		}

		#colcontent p {
		padding-bottom: 10px;
		line-height: 1.3em;
		padding-right: 115px;
		}
		
		#colcontent img {
		padding-right: 12px;
		padding-top: 9px;
		margin-top: 0px;
		padding-bottom: 9px;
		} 
	
		.scriptheading {
		padding-right: 12px;
		padding-top: 9px;
		margin-top: 0px;
		margin-bottom: 10px;
		padding-left: 7px;
		}
	
		#colcontent a:link, a:visited, a:active {
		color: #856133;
		}

		#colcontent a:hover {
		color: #BFC292;
		}
			
			.center_testimonial {
			margin-bottom: 0px;
			font-style: italic;
			padding-left: 3px;
			color: #856133;
			font-size: 95%;
			line-height: 1.2em;
			}

			.center_attribution {
			margin-top: 0px;
			padding-left: 2px;
			text-align: right;
			font-size: 95%;
			padding-bottom: 0px;
			}
			
			.underline {
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #A0CDEE;
			margin-bottom: 20px;
			padding-top: 0px;
			padding-right: 50px;
			padding-bottom: 0;
			padding-left: 100px;
			margin-left: 25px;
			width: 310px;
			}



/*-------------------------------------*/
/*           3 Column Layout           */
/*-------------------------------------*/

/*-------------------------------------*/
/*Center & Right Column Styles*/

#center {
width: 507px;
float: right;
font-size: 90%;
padding-top: 85px;
padding-left: 100px;
}

	#center h1 {
	color: #856133;
	font-size: 150%;
	margin-bottom: 7px;
	}
			
	#center h2 {
	font-size: 130%;
	color: #856133;
	margin-bottom: 5px;
	}

	#center h3 {
	font-size: 120%;
	color: #856133;
	margin-bottom: 5px;
	}
	
	#center h4 {
	font-size: 110%;
	color: #856133;
	margin-bottom: 0px;
	}

	#center p {
	padding-bottom: 10px;
	line-height: 1.3em;
	padding-right: 50px;
	}
	
	#center ul {
	LIST-STYLE-IMAGE: url(../assets/page-elements/blue-green-bullet.jpg);
	padding-left: 17px;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	padding-bottom: 8px;
	}

	#center li {
	margin-top:0px;
	padding-top: 0px;
	padding-bottom: 5px;
	line-height: 1.2em;
	}
		
	#center img {
	margin-top: 3px;
	float: left;
	border: 2px solid #C9CCA1;
	margin-right: 12px;
	margin-bottom: 4px;
	margin-left: 0px;
	} 
	
	.scriptheading {
	padding-right: 12px;
	padding-top: 9px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 7px;
	}
	
	#center a:link, a:visited, a:active {
	color: #856133;
	}

	#center a:hover {
	color: #BFC292;
	}


#rightcol {
width: 200px;
float: right;
padding-top: 75px;
padding-bottom: 15px;
text-align: right;
}

	#rightcol p {
	font-size: 80%;
	padding:0px 18px 0px 17px;
	line-height: 1.2em;
	}
	
	.testimonial {
	margin-bottom: 7px;
	font-style: italic;
	padding-left: 3px;
	color: #856133;
	line-height: 1.5em;
	}

	.attribution {
	margin-top: 0px;
	padding-left: 2px;
	}
	
	#right a:link, #right a:visited, #right a:active {
	text-decoration: underline;
	color: #856133;
	}

	#right a:hover {
	color: #B0B67A;
	text-decoration: underline;
	background-position: center;
	}