/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #3C4A5A url(media/bg.gif) top left repeat-x;
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#wrap{
	position: relative;
	width: 883px;
	padding: 0 7px 0 7px;	
	margin: auto;	
	min-height: 757px;
	background: url(media/pbg.gif) top left repeat-y;	
}

	#ls{
		position: absolute;
		top: 0;
		left: 0;
		width: 7px;
		height: 757px;
		background: url(media/left-bar.gif) top left no-repeat;
	}
	
	#rs{
		position: absolute;
		top: 0;
		right: 0;
		width: 7px;
		height: 757px;
		background: url(media/right-bar.gif) top left no-repeat;
	}
	
	* html #rs{
		right: -1px;
	}

	#head{
		position: relative;
		height: 103px;
		background: url(media/head.gif) top left no-repeat;
	}
	
	#head a
	{
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 220px;
    	height: 90px;
	}
 
	.invis
	{
    	display: none;
	}
		
	#nav{
		position: relative;
		height: 27px;
		margin-right: 1px;
		background: url(media/nav-bg.gif) top left;
		overflow:hidden;	

	}
	
		#nav li{
			position: relative;
			float: left;
			height: 27px;
			padding-left: 18px;	
		}
		
		#nav li a{
			position: relative;
			float: left;
			font-size: 13px;
			font-weight: bold;
			padding: 5px 8px 0 16px;
			height: 23px;
			color: #3C4A5A;
			text-decoration: none;
		}
		
		#nav li a:hover{
			color: #2D5598;
		}
		
		#nav li a:visited:hover{
			color: #2D5598;
		}
	
	#page{
		position: relative;
		text-align: left;
		padding: 15px 0 15px 0;
	}
	
		#sidebar{
			position: relative;
			float: left;
			width: 187px;
			padding-left: 17px;	
		}
		
			#sidebar h3{
				position: relative;
				font-weight: bold;
				font-size: 13px;
				height: 20px;
				color: #2d5598;
			}
			
			#sidebar h3 a{
			color: #2D5598;
			}
			
			#sidebar h3 a:hover{
			color: #2D5598;
			}
			
			#sidebar h3 a:visited:hover{
			color: #2D5598;
			}
		
			.box-wrap{
				position: relative;
				padding-bottom: 22px;
				background: url(media/box-bottom.gif) bottom left no-repeat;
			}
			
				.box{
					position: relative;
					padding: 16px 15px 0 15px;
					background: url(media/box-top.gif) top left no-repeat;
				}
			
			#sidebar p{
				position: relative;
				padding-bottom: 1em;	
				line-height: 1.4em;
			}
			
			#sidebar ul{
				position: relative;
				padding-bottom: 1em;
				line-height: 1.4em;	
			}
			
			#sidebar cite{
				position: relative;
				display: block;
				font-style: italic;
			}
			
			#sidebar li{
				position: relative;
			}
			
			#sidebar li a{
				color: #333;
			}
		
		
		#content{
			position: relative;
			float: left;
			width: 630px;
			padding-left: 18px;
			padding-bottom: 130px;
		}
		
			#content h1{
				position: relative;
				padding: 10px 0 18px 0;
				font-size: 1.6em;
			}
			
			#content-top{
				position: relative;
				height: 256px;
			}
			
			#content-top-left{
				position: relative;
				float: left;
				height: 236px;
				text-indent: -9999em;
				width: 319px;
				background: url(media/ipod-title.gif) top left;
			}
			
			#content-top-right{
				position: relative;
				float: left;
				height: 236px;
				text-indent: -9999em;	
				width: 310px;
				background: url(media/s.gif) top left;
			}
			
		#contentsubpage-top{
			padding-left: 10px;
			padding-bottom: 15px;
			padding-right: 0;
			padding-top: 15px;
			position: relative;
			overflow:hidden;	
		}
		
			#contentsubpage-top-img{
				position: relative;
				float: left;
				margin-right: 15px;
			}
			
			#contentsubpage-top h1{
				position: relative;
				font-size: 1.3em;
				padding: 0 0 5px 0;
				margin-bottom: 15px;
				border-bottom: 1px solid #ddd;
			}
			
			#contentsubpage-top h2{
				position: relative;
				font-size: 1.4em;
				padding: 4px 0 10px 0;
			}
			
			#contentsubpage-top h3{
				padding-left: 0;
				padding-bottom: 0px;
				padding-right: 0;
				padding-top: 0px;
				position: relative;
				font-size: 1.3em;
			}
			
			#contentsubpage-top h4{
				position: relative;
				font-size: 1.6em;
				padding: 0px 0 14px 0;
			}
			
			#contentsubpage-top p{
				position: relative;
				line-height: 1.5em;
				padding-bottom: 1em;
			}
			
			#contentsubpage-top a{
				color: #2D5598;
			}
			
			#contentsubpage-top a:hover{
				color: #2D5598;
				text-decoration: underline;
			}
			
			#contentsubpage-top a:visited:hover{
				color: #2D5598;
				text-decoration: underline;
			}

		
		.testimonial{
			padding-left: 0px;
			padding-bottom: 0px;
			padding-right: 0;
			padding-top: 15px;
			position: relative;
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;	
		}
		
			
			.testimonial h2{
				position: relative;
				font-size: 1.6em;
				padding: 4px 0 10px 0;
			}
			
			.testimonial p{
				position: relative;
				line-height: 1.5em;
				padding-bottom: 1em;
			}
			
			.testimonial cite{
				font-style: italic;
				font-weight: bold;
			}
			
		#feature{
			position: relative;
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			padding: 15px 0 15px 20px;	
		}
		
			#feature-img{
				position: relative;
				float: left;
				margin-right: 15px;
			}
			
			#feature h2{
				position: relative;
				font-size: 1.4em;
				padding: 4px 0 10px 0;
			}
			
			#feature p{
				position: relative;
				line-height: 1.5em;
				padding-bottom: 1em;
			}
			
			#feature a{
				color: #333;
			}
			
			#feature a:hover{
				color: #2D5598;
				text-decoration: underline;
			}
			
			#feature a:visited{
				color: #333;
			}
			
			.mi{
				position: relative;
				float: left;
				height: 30px;
				width: 90px;
				text-indent: -9999em;
				background: url(media/btn-info.gif) top left;
			}
			
			.or{
				position: relative;
				float: left;
				height: 30px;
				width: 90px;
			}
			
			.pay{
				position: relative;
				padding: 8px 0 8px 0;
			}
			
			.note{
				
				color: #9c1816;
				font-size: 10px;
				font-weight: bold;
				position:absolute;
				margin-top: -3px;
				left:160px;
			}
			
			.noteblack{
				
				font-size: 10px;
				font-weight: bold;
				position:absolute;
				margin-top: -3px;
				left:160px;
			}
			
			.note2{
				
				font-size: 11px;
				font-weight: bold;
				position:absolute; 
				left:163px;
			}
			
			.question{
				position: absolute; 
				left:370px;
				border: 0px;
				margin-top: -3px;
				padding: 0 0 0 0;	
			}
			
			.links{
				position: relative;
				line-height: 1.5em;
				color: #6c6d6f;	
			}
			
			.links a{
				color: #6c6d6f;
			}
			
			.links a:hover{
				color: #2D5598;
				text-decoration: underline;
			}
			
		
		.item{
			height: auto;
			padding-bottom: 0px;
			padding-left: 12px;
			padding-right: 0;
			padding-top: 10px;
			position: relative;
			border-bottom: 1px solid #ddd;
			overflow:hidden;
		}
		
			.item-img{
				padding-bottom: 0px;
				width: 80px;
				position: relative;
				float: left;
				margin-right: 15px;
				overflow:hidden;
			}
			
			.item h2{
				position: relative;
				font-size: 1.2em;
				padding: 4px 0 10px 0;
			}
			
			.item p{
				position: relative;
				line-height: 1.5em;
				padding-bottom: 1em;
			}
			
			.item a{
				color: #333;
			}
			
			.item a:hover{
				color: #2D5598;
				text-decoration: underline;
			}
			
			.item a:visited{
				color: #333;
			}
			
			.item a:visited:hover{
				color: #2D5598;
				text-decoration: underline;
			}
			
						
		.itemhead h3{
				position: relative;
				font-size: 1.3em;
				padding: 4px 0 10px 0;
				border-bottom: 1px solid #ddd;
				height: 15px;
			}
	
		#alert{
		background: #fff6bf url(media/exclamation.png) center no-repeat;
		background-position: 15px 50%; /* x-pos y-pos */
		text-align: left;
		padding: 5px 20px 5px 45px;
		border-top: 2px solid #ffd324;
		border-bottom: 2px solid #ffd324;
		margin-bottom: 0px;
		margin-left: -30px;
		width: 640px;
		color: #c30012;
		}
		
		#alert a{
		color: #c30012;
		text-decoration: underline;
		}
			
		#foot{
		position: relative;
		margin: auto;
		width: 897px;
		height: 30px;
		background: url(media/foot.gif) top left no-repeat;
		}
	
		#foot-float{
			position: absolute;
			top: -130px;
			right: 34px;
			width: 630px;
			text-align: left;
		}