/********************************************************************************
 Roy Lindauer Development
 www.roylindauer.com
 4/10/2010
********************************************************************************/

/********************************************************************************
 Layout & Structure
********************************************************************************/

#Container{
	position:relative;
	padding:0;
	width:981px;
	margin:0 auto;
}
#Header{
	position:relative;
	height:200px;
	background:url(../img/header.png) no-repeat;
}
#Page{
	position:relative;
	padding:40px 10px;
	margin:0;
	margin-top:-52px;
	background:url(../img/page.gif) repeat-y;
	min-height:500px;
}
#Footer{
	position:relative;
	padding:100px 10px 10px 10px;
	height:120px;
	margin:0;
	background:url(../img/footer.jpg) no-repeat;
}
#extra1{
	position:absolute;
	right:36px;
	top:20px;
	width:180px;
	height:210px;
	background-image:url(../img/footer_sprite.jpg);
	background-repeat:no-repeat;
	background-position:0 0 ;
}
body#body_home #extra1{
	background-position:0 0;
}
body#body_events #extra1{
	background-position:0 -210px;
}
body#body_services #extra1{
	background-position:0 -420px;
}
body#body_media #extra1{
	background-position:0 -630px;
}
body#body_about #extra1{
	background-position:0 -840px;
}
body#body_contact #extra1{
	background-position:0 -1060px;
}

#Logo{
	position:absolute;
	left:10px;
	top:10px;
}

#MainMenu{
	width:180px;
	height:200px;
	overflow:hidden;
	margin-left:765px;
}

#Nav{
	list-style:none;
	padding:0;
	margin:0;
}
#Nav li{
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	display:inline;
}
#Nav li a{
	display:block;
	padding:0;
	margin:0;
	width:30px;
	height:190px;
	overflow:hidden;
	text-indent:-999999px;
	background-image:url(../img/menu_sprite.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

#Nav li a#mm_home:link,
#Nav li a#mm_home:visited{
	background-position:0 0;
}
#Nav li a#mm_home:hover,
#Nav li a#mm_home:active{
	background-position:0 -380px;
}

#Nav li a#mm_events:link,
#Nav li a#mm_events:visited{
	background-position:-30px 0;
}
#Nav li a#mm_events:hover,
#Nav li a#mm_events:active{
	background-position:-30px -380px;
}

#Nav li a#mm_services:link,
#Nav li a#mm_services:visited{
	background-position:-60px 0;
}
#Nav li a#mm_services:hover,
#Nav li a#mm_services:active{
	background-position:-60px -380px;
}

#Nav li a#mm_media:link,
#Nav li a#mm_media:visited{
	background-position:-90px 0;
}
#Nav li a#mm_media:hover,
#Nav li a#mm_media:active{
	background-position:-90px -380px;
}

#Nav li a#mm_about:link,
#Nav li a#mm_about:visited{
	background-position:-120px 0;
}
#Nav li a#mm_about:hover,
#Nav li a#mm_about:active{
	background-position:-120px -380px;
}

#Nav li a#mm_contact:link,
#Nav li a#mm_contact:visited{
	background-position:-150px 0;
}
#Nav li a#mm_contact:hover,
#Nav li a#mm_contact:active{
	background-position:-150px -380px;
}
body#body_home #Nav li a#mm_home{
	background-position:0 -190px;
}
body#body_events #Nav li a#mm_events{
	background-position:-30px -190px;
}
body#body_services #Nav li a#mm_services{
	background-position:-60px -190px;
}
body#body_media #Nav li a#mm_media{
	background-position:-90px -190px;
}
body#body_about #Nav li a#mm_about{
	background-position:-120px -190px;
}
body#body_contact #Nav li a#mm_contact{
	background-position:-150px -190px;
}

#FooterMenu{
	position:absolute;
	left:420px;
	top:123px;
}

#FooterNav{
	list-style:none;
	padding:0;
	margin:0;
}
#FooterNav li{
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	display:inline;
}
#FooterNav li a{
	display:block;
	padding:0 8px;
	margin:0;
	font-size:.9em;
	text-decoration:none;
}
#FooterNav li a:link,
#FooterNav li a:visited{
	color:#555555;
	text-decoration:none;
}
#FooterNav li a:hover,
#FooterNav li a:active{
	color:#888888;
	text-decoration:none;
}

#DesignerTagline{
	position:absolute;
	left:10px;
	bottom:10px;
}
#DesignerTagline a:link,
#DesignerTagline a:visited,
#DesignerTagline a:hover,
#DesignerTagline a:active{
	color:#555555;
	text-decoration:none;
	border:none;
	background:url(../img/web_design_by_roy_lindauer.gif) no-repeat left top;
	width:192px;
	height:20px;
	text-indent:-999999px;
	display:block;
}

body{
	background:url(../img/body_background.jpg) no-repeat #09090a top center;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/****************************************************************************** 
 Alerts
******************************************************************************/
.info,
.error,
.warning,
.success,
.validation,
.message,
.help {
	border: 1px solid;
	padding: 15px 10px 15px 50px;
	margin: 10px 0 10px 0;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../img/icons/Info.png');
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../img/icons/Cancel.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../img/icons/Attention.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('../img/icons/Valid.png');
}
.validation {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../img/icons/Validation.png');
}
.message {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../img/icons/Message.png');
}
.help {
	color: #643373;
	background-color: #d6c1df;
	background-image: url('../img/icons/Help.png');
}