/*
######################################################################################
######                                                                        #######
######     WEB TEMPLATE STYLES                                               #######
######                                                                      #######
##################################################################################
*/

body {
	background-color: black;
	font-family: Arial, Helvetica, sans-serif;
}
html, body {
	height: 100%;
	min-height: 630px;
}

/********************************************************************************/
/***** WRAPPER STYLES **********************************************************/
/******************************************************************************/

#wrapper {
	width: 984px;
	height: 630px;
	margin: 0 auto;
	}

/***** VERTICAL ALIGNMENT STYLES *****/

#outer {
	position: absolute;
	left: 0;
	top: 0;	
	display: table;
	height: 100%;
	width: 100%;
	overflow: hidden;
	}
#centre {
	display: table-cell;
	vertical-align: middle;
	}
#inner {
	color: white;
	width: 984px;
	margin: auto;
	}

/********************************************************************************/
/***** HEADER STYLES ***********************************************************/
/******************************************************************************/

#header {
	width: 850px;
	height: 42px;
	margin: 0 auto;
	}
	
/***** LOGO *****/
	
	#header .logo {
		width: 197px;
		height: 21px;
		float: left;
		background-image: url(../../images/generic/logo_paulagraphy-web.gif);
		}
		#header .logo img {
			visibility: hidden;
			}

/***** NAVIGATION *****/

	#header .navigation {
		float: right;
		padding: 15px 0 0 0;
		margin: 0;
		list-style: none;
		}
		#header .navigation li {
			float: left;
			display: inline;
			margin: 0 0 0 22px;;
			padding: 0;	
			}
			#header .navigation li a {
				text-transform: uppercase;
				color: white;
				font: bold 1.3em Arial, Helvetica, sans-serif;
				color: white;
				text-decoration: none;
				}
			#header .navigation li a:hover,
			#header .navigation li a.active {
				color: #71dad4;
				text-decoration: none;
				}



/********************************************************************************/
/***** MIDDLE STYLES ***********************************************************/
/******************************************************************************/

#middle {
	width: 984px;
	height: 528px;
	overflow: hidden;
	}


/********************************************************************************/
/***** CONTENT EXTENDED ********************************************************/
/******************************************************************************/

.content-full {
	height: auto !important;
	min-height: 528px;
	height: 528px;
	}


/********************************************************************************/
/***** FOOTER STYLES ***********************************************************/
/******************************************************************************/

#footer {
	width: 850px;
	height: 42px;
	margin: 0 auto;
	color: #6f6f6f;
	text-transform: uppercase;
	}
	#footer a {
		color: #6f6f6f;
		text-decoration: underline;
		}
	#footer a:hover {
		color: white;
		}
	#footer p.copyright {
		float: left;
		margin: 0;
		padding: 10px 0 0 0;
		}

	#footer .right {
		padding-top: 10px;
		float: right;
		margin-bottom: 12px;
		}


/*
######################################################################################
######                                                                        #######
######     GENERIC STYLES                                                    #######
######                                                                      #######
##################################################################################
*/