/**
 * basestyle.css
 *
 * Author: Keith Carr, 2008-Sep-15
 *
 * This file will contain the base styles for the WhoRU website.
 */


/* Zeroing Selectors */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}

/*****************************************/
/* Formatting */
/*****************************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	color: #000000;
	background-color: #000000;
	background: #000000 url(../images/left_col.png) left repeat-y;
	margin: 0px;
	padding: 0px;
	}

h1 {
	font-size: 130%;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 0
	}

h2 {
	font-size: 90%;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	}

h3 {
	font-size: 80%;
	font-weight:bold;
	color: #000000;
	margin: 0 0 5px 0;
	padding: 0;
}

h4 {
	font-size: 1.2em;
	font-weight:bold;
	color: #ffffff;
}

h5 {
	font-size: 85%;
	font-weight:bold;
	color: #ffffff;
}

p {
	color: #000000;
	font-size: 80%;
	line-height: 22px;
	margin-bottom: 10px;
	text-align: left;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

a {
	color: #FF0000;
	text-decoration: underline;
	}


/*****************************************/
/* Page Layout and Structure */
/*****************************************/

#wrapper {
	width: 100%;
	float: left;
	border: 0;
	/* IE 5 centering fix compensation*/
	text-align:left;
	}

#tophead {
	height: 120px;
	width: 100%;
	position: relative;
	background: #ffffff;
	}

#footer {
	float: left;
	clear: both;
	width: 700px;
	margin: 15px 0 0 175px;
	padding-top: 5px;
	}

#footer p {
	text-align: center;
	margin-top: 5px;
	color: #C0C0C0;
	}

#logo {
	float: left;
	padding: 0;
	margin: 15px 0 0 0;
	}

#logo img {
	position: absolute;
	bottom: 2px;
	left: 15px;
	}

#main {
	position: relative;
	float: left;
	clear: both;
	width: 665px;
	height: 460px;
	margin-left: 175px;
	padding: 30px;
	background: url(../images/TL_curve.png) top left no-repeat;
	background-color: #ff0000;
	}

#BL_lady {
	background-image: url(../images/ap_lady.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	position : absolute;
	width : 346px;
	height : 355px;
	display : block;
	bottom: 0;
	left: -155px;
	}

#BR_corner {
	background-image: url(../images/BR_curve.png);
	background-position: right bottom;
	position : absolute;
	width : 60px;
	height : 60px;
	display : block;
	bottom: 0;
	right: 0;
	}

#content_full {
	float: left;
	margin: 30px 15px;
	}

#content_right {
	float: left;
	margin: 30px 0 30px 191px;
	}

.clearit	{
	clear: both;
	font-size: 20%;
	}

img#index {
	width: 374px;
	height: 393px;
	position: fixed;
	top: 200px;
	left: 20px;
	margin-right: 15px;
	}

/*****************************************/
/* Contact Banner */
/*****************************************/

#contact {
	float: right;
	margin-top: .6em;
	margin-right: 15px;
	font-size: 1em;
	font-weight: bold;
	text-align:right;
	}

/*****************************************/
/* Top Menu Structure */
/*****************************************/

#nav {
	float: left;
	position: absolute;
	bottom: 0%;
	left: 235px;
	width: 640px;
	font-size: 100%;
	text-transform:lowercase;
	background-repeat:no-repeat;
	background-position:bottom;
	}

#topnav {
	margin: 0;
	padding: 0;
	height: 20px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#topnav li {
	margin: 0 20px;
	padding: 0;
	list-style: none;
	display: inline;
	float: left
	}

#topnav a {
	float: left;
	padding: 32px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:32px; /* for IE5/Win only */
	}
	
/* #topnav a:hover { */
/* 	background-position: 0 -32px; */
/* 	} */

/* #topnav a:active, #topnav a.active { */
/* 	background-position: 0 -64px; */
/* 	} */

#home a  {
	width: 68px;
	background: url(../images/menu.png) 0 0 no-repeat;
	}

#packages a  {
	width: 106px;
	background: url(../images/menu.png) -68px 0 no-repeat;
	}

#where a  {
	width: 75px;
	background: url(../images/menu.png) -174px 0 no-repeat;
	}

#about a  {
	width: 67px;
	background: url(../images/menu.png) -249px 0 no-repeat;
	}

#contact a  {
	width: 84px;
	background: url(../images/menu.png) -316px 0 no-repeat;
	}

#home a:hover {
	background: url(../images/menu.png) 0 -32px no-repeat;
	}

#packages a:hover {
	background: url(../images/menu.png) -68px -32px no-repeat;
	}

#where a:hover {
	background: url(../images/menu.png) -174px -32px no-repeat;
	}

#about a:hover {
	background: url(../images/menu.png) -249px -32px no-repeat;
	}

#contact a:hover {
	background: url(../images/menu.png) -316px -32px no-repeat;
	}

#home a:active, #home a.active {
	background: url(../images/menu.png) 0 -64px no-repeat;
	}

#packages a:active, #packages a.active {
	background: url(../images/menu.png) -68px -64px no-repeat;
	}

#where a:active, #where a.active {
	background: url(../images/menu.png) -174px -64px no-repeat;
	}

#about a:active, #about a.active {
	background: url(../images/menu.png) -249px -64px no-repeat;
	}

#contact a:active, #contact a.active {
	background: url(../images/menu.png) -316px -64px no-repeat;
	}

/*****************************************/
/* individual page differences */
/*****************************************/

a.mainAreaLink {
	color: #ffffff;
	}

/*****************************************/
/* packages selection */
/*****************************************/

div#packageList {
	width: 550px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	}

.packageListItem_1 {
 float: left;
 padding: 0 25px 0 0;
 border-right: .7px solid #ff5555;
	}

.packageListItem_2 {
 float: left;
 padding: 0 25px;
 border-left: .5px solid #d40000;
 border-right: .7px solid #ff5555;
	}

.packageListItem_3 {
 float: left;
 padding: 0 0 0 25px;
 border-left: .5px solid #d40000;
	}

p.packageCenter {
 text-align: center;
	}

img.imgCenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

/*****************************************/
/* package page */
/*****************************************/

img#packageIcon {
 float: left;
 margin: 0 15px 15px 0;
	}