/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin: 0;
	padding: 0;
	height: 100%; /* needed for wrapper min-height */
	background: #CCC;
	font-family: arial,sans-serif;
	font-size: small;
}

dt {
	font-size: 1.15em;
	font-weight: bold;
	margin-bottom: 1em;
}

dd {
	margin-left: 1em;
}

h1 { 
	font: 1.5em georgia,serif; 
	margin: 0.5em 0;
}

h2 {
	font: 1.25em georgia,serif; 
	margin: 0 0 0.5em;
}
	h1, h2, a {
	}

p { 
	line-height: 1.5; 
	margin: 0 0 1em;
}

img {
    border: 0px;
}

a.noline { text-decoration: none; }

form ul {
	list-style: none;
}
	form li {
		margin: 0;
		padding: 0;
	}
	form label {
		display: block;
		text-align: right;
	}
	form input {
		margin: auto;
		width: 175px;
	}

.button {
	color: #000;
	background-color: yellow;
	margin: 5px;
	padding: 5px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid black;
}
	.button a { text-decoration: none; }

div#wrapper {
	/* Page Wrapper */
	position: relative; /* needed for footer positioning*/
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treated as min-height*/
	min-height: 100%; /* real browsers */
    background-color:  #fff;
    background: black url(../images/bg_content_2.jpg) repeat-x bottom;
	padding-bottom:70px;
}

div#header {
    border-bottom: 2px solid #ffffff;
    height: 89px;
    background-color: #00ff00;
}
    div#hdr_left {
        height: 89px;
        width: 510px;
        float: left;
        color: #ffffff;
        background: white no-repeat url(../images/header_left.jpg);
    }
    div#hdr_right {
        height: 89px;
        width: 510px;
        float: right;
        color: #ffffff;
        background: white no-repeat url(../images/header_right.jpg);
    }
    div#hdr_right.home {
        background: white no-repeat url(../images/header_right_hm.gif);
    }

/* ----- Begin Navigation Bar ----- */

div#nav {
    height: 46px;
    background: url(../images/home_nav_1.jpg) no-repeat top;
	margin-bottom: 3px;
}
	div#nav ul { margin: 0;	}
	ul.nav_links {
        font-weight: bolder;
        font-size: 16px;
        font-stretch: condensed;
		text-transform: uppercase;
        padding-top: 1em;
    }
    	ul.nav_links li {
            display: inline;
            margin-left: 25px;
        }
        	ul.nav_links li a{
                text-decoration: none;
                color: #000000;
            }
            ul.nav_links li a:hover {
                text-decoration: underline;
            }
    
div#buy_now {
    position: relative;
	/*
  	top: 91px;
    left: 720px;
	*/
    height: 53px;
    width: 150px;
    background-color: #ffffff;
    box-shadow: 4px 1px 6px rgba(50, 50, 50, 0.63);
    border-radius: 0 0 3px 3px;
    background: url(../images/buy_now.gif) no-repeat top;
	z-index: 999;
	behavior: url(/css/pie/PIE.php);
}
	
div#close_out {
	display: none;
    position: relative;
	/*
  	top: 91px;
    left: 879px;
	*/
    height: 39px;
    width: 98px;
    background-color: #ffffff;
    box-shadow: 3px 1px 6px rgba(50, 50, 50, 0.63);
    border-radius: 0 0 3px 3px;
    background: url(../images/close_out.gif) no-repeat top;
	behavior: url(/css/pie/PIE.php);
}

/* ----- Begin Content ----- */
div#content {
	margin-top: 3px;
	margin-bottom: 10px;
	width: 100%;
}

#content_wrapper h3 {
	margin-top: 1em;
}

/* ----- Begin Featured -----*/
#featured {
	position: absolute; 
	bottom: 50px; 
	height: 135px; 
	font-size: 11px;
	text-transform: capitalize;
	overflow: visible;
	color: #AAD8FC;
	/*background-color: #212A33;*/
	border-radius: 10px 10px 0 0;
	background-image: url(../images/opac-65.png);
	behavior: url(/css/pie/PIE.php);
}
	#featured_content {
	}
	#featured h6 {
		margin: 0;
		padding: 10px 0 10px 10px;
		font-size: 12px;
		line-height: 1.5em;
		font-weight: bold;
	}
	#featured ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
		#featured ul.grid_3 {
			padding-left: 20px;
			width: 215px;
		}
		#featured li {
			margin: 0;
			padding: 0;
			line-height: 1.35;
		}

/* ----- Begin Footer ----- */

div#footer {
	position: absolute;
	bottom: 0; /* stick to bottom */
	background-color: #000;
    border-top: 2px solid #eff80c;
    color: #aad8fc;
    padding: 10px 0;
    font-family: Arial, Helvetica, sans-serif;
	height: 30px;
	width: 100%;
}
    div#footer ul {
        font-size: 12px;
        margin: 0;
        padding: 0;
    }
    	div#footer ul li {
            margin-left: 3px;
            display: inline;
        }
 	div#footer a {
        color: #aad8fc;
        text-decoration: none;
    }
 	div#footer a:hover {
        color: #aad8fc;
        text-decoration: underline;
    }