/* CSS Document for VictoriaHaganHome.com*/

* {
	margin:				0;
	padding:			0;
	border:				0;
}

html,
body {
	height:				100%;
	font-size:			10px;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	color:				#333333;
	background:			#FFFFFF;
}

#positioning {
	float:				left;
	height:				50%;
	margin-bottom:		-235px;
	width:				50%;
}

#container {
	clear:				left;
	height:				470px;
	margin:				0 auto 0 auto;
	position:			relative;
	width:				770px;
	background:			#FFFFFF;
	overflow:			hidden;
}




/**
 * Page Layout
 */
#center {
	width:				310px;
	height:				367px;
	overflow:			hidden;
	display:			block;
	position:			absolute;
	top:				30px;
	left:				50%;
	margin-left:		-155px;
}

#left {
	position:			absolute;
	top:				183px;
	width:				150px;
	left:				50%;
	margin-left:		-305px;
}

#right {
	position:			absolute;
	top:				30px;
	left:				50%;
	margin-left:		175px;
	width:				200px;
	display:			block;
}

/**
 * Vertical layout adjustments
 */
#right.portfolio {
	top:				30px;
}

#right.press {
	top:				185px;
}

#center.entrance {
	top:				105px;
	text-align:			center;
}

/**
 * Menu Styling
 */
ul.menu {
	list-style:			none;
}

ul.menu li {
	display:			block;
	height:				21px;
}

ul.menu a {
	padding:			7px 0 0 15px;
	background:			url(images/button-off.png) no-repeat left top;
}

ul.menu a:hover,
ul.menu li.active a {
	background:			url(images/button-on.png) no-repeat left top;
}



/**
 * Portfolio buttons
 */
.portfoliobuttons {
	width:				160px;
	margin:				5px 0 0 3px;			
}

.portfoliobuttons a.button {
	display:			block;
	float:				left;
	height:				16px;
	width:				16px;
	background:			url(images/button2-off.png) no-repeat top left;
}

.portfoliobuttons a:hover,
.portfoliobuttons a.button.active {
	background:			url(images/button-off.png) no-repeat top left;
}


/**
 * About buttons
 */
/*a.aboutmorebutton {
	display:			block;
	text-align:			center;
	width:				172px;
	margin-top:			35px;
	height:				30px;
	background:			url(images/button-off.png) no-repeat center 18px;
}

a.aboutmorebutton:hover {
	background:			url(images/button-on.png) no-repeat center 18px;
}
*/
a.aboutbackbutton {
	position:			absolute;
	right:				0;
	clear:				both;
}

a.aboutmorebutton {
	display:			block;
	width:				105px;
	overflow:			hidden;
	text-align:			left;
	margin:				4px auto 0 0;
	padding:			0 0 0 15px;
	background:			url(images/button-off.png) no-repeat left 2px;
	clear:				both;
}

a.aboutmorebutton:hover {
	background:			url(images/button-on.png) no-repeat left 2px;
}


/**
 * Entrance button
 */
a.entrancebutton {
	display:			block;
	height:				205px;
	background:			url(images/enter-off.gif) no-repeat center 100px;
}

a.entrancebutton:hover {
	background:			url(images/enter-on.gif) no-repeat center 100px;
}

/**
 * Content Styling
 */
a {
	color:				#CCCCCC;
	text-decoration:	none;
	font-weight:		bold;
}

a:hover {
	text-decoration:	underline;
}

.hidden {
	display:			none;
}

/**
 * Header
 */

#header {
	position:			absolute;
	top:				0;
	text-align:			center;
	width:				100%;
}

/**
 * Footer
 */

#footer {
	position:			absolute;
	bottom:				0;
	text-align:			center;
	width:				100%;
}