@charset "UTF-8";
/* CSS Document */

/* --------------- Font Styles ----------------- */

.normal
{
	color:#FFF;
	font-family:"Calibri",Arial, Helvetica, sans-serif;
	font-size:17px;
}

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

a:hover
{
	color:#fafad7;
	text-decoration:underline;
}


H1
{
	font-family:"Calibri",Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:30px;
	color:#3f1e08;
	margin-top:0px;
	margin-bottom:0px;
}

H2
{
	font-family:"Calibri",Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:22px;
	color:#FFF;
	margin-top:0px;
	margin-bottom:0px;
}

H3
{
	font-family:"Calibri",Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:26px;
	color:#fafad7;
	margin-top:0px;
	margin-bottom:0px;
	text-decoration:underline;
}

p, td, li
{
	font-family:"Calibri",Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#FFF;
}


/* ----------- General Site Layout ------------- */

/* Sticky Footer */
html, body{height:100%;} 
html,body {margin:0;padding:0}
* html #outer {/* ie6 and under only*/ height:100%;}

/* Creates Background Image */
Body
{
	background-image:url(images/pagebackground.jpg);
	background-color:#804d1f;
	background-position:center top;
	background-repeat:repeat-x;
	margin:0 auto;
}

#header
{
	width:100%;
	height:161px;
	background-image:url(images/header.jpg);
	background-repeat:repeat-x;
	position:fixed;
	top:0px;
	z-index:1010;
}

#headercenter
{
	width:990px;
	height:161px;
	margin:0 auto;
	background-image:url(images/headercenter.jpg);
	background-repeat:no-repeat;
}

/* Centers the Site */
#center
{
	width:990px;
	margin:0 auto;
	text-align:left;
	min-height:100%;
	position:relative;
}

#logo
{
	width:281px;
	height:97px;
	margin-left:354px;
	float:left;
	display:inline;
}

#menu
{
	width:990px;
	height:47px;
	margin-top:17px;
	float:left;
	display:inline;
}

#photoframe
{
	width:990px;
	height:381px;
	background-image:url(images/photoframe.jpg);
	background-repeat:no-repeat;
	margin-top:161px;
	float:left;
	display:inline;
}

#photos
{
	width:905px;
	height:416px;
	margin-left:43px;
	margin-top:35px;
	float:left;
	display:inline;
}

#foreground
{
	width:962px;
	margin-top:15px;
	margin-bottom:15px;
	margin-left:15px;
	margin-top:185px;
	margin-bottom:85px;
	text-align:center;
	float:left;
	display:inline;
}

#footer
{
	width:100%;
	height:65px;
	
	position:fixed;
	bottom:0px;
	z-index:1020;
}

#footer2
{
	width:100%;
	height:85px;
	float:left;
	margin-top:900px;
}

.grad
{
	background-color:#000;
	width:100%;
	height:1px;
	float:left;
	display:inline;
}

#grad1
{
	filter:alpha(opacity=1);
	-moz-opacity:.01;
	opacity:.01;
}

#grad2
{
	filter:alpha(opacity=2);
	-moz-opacity:.02;
	opacity:.02;
}

#grad3
{
	filter:alpha(opacity=3);
	-moz-opacity:.03;
	opacity:.03;
}

#grad4
{
	filter:alpha(opacity=4);
	-moz-opacity:.04;
	opacity:.04;
}

#grad5
{
	filter:alpha(opacity=5);
	-moz-opacity:.05;
	opacity:.05;
}

#grad6
{
	filter:alpha(opacity=06);
	-moz-opacity:.06;
	opacity:.06;
}

#grad7
{
	filter:alpha(opacity=7);
	-moz-opacity:.07;
	opacity:.07;
}

#grad8
{
	filter:alpha(opacity=8);
	-moz-opacity:.08;
	opacity:.08;
}

#grad9
{
	filter:alpha(opacity=9);
	-moz-opacity:.09;
	opacity:.09;
}

#grad10
{
	filter:alpha(opacity=10);
	-moz-opacity:.10;
	opacity:.10;
}

#grad11
{
	filter:alpha(opacity=11);
	-moz-opacity:.11;
	opacity:.11;
}

#grad12
{
	filter:alpha(opacity=12);
	-moz-opacity:.12;
	opacity:.12;
}

#grad13
{
	filter:alpha(opacity=13);
	-moz-opacity:.13;
	opacity:.13;
}

#grad14
{
	filter:alpha(opacity=14);
	-moz-opacity:.14;
	opacity:.14;
}

#grad15
{
	filter:alpha(opacity=15);
	-moz-opacity:.15;
	opacity:.15;
}

#grad16
{
	filter:alpha(opacity=16);
	-moz-opacity:.16;
	opacity:.16;
}

#grad17
{
	filter:alpha(opacity=17);
	-moz-opacity:.17;
	opacity:.17;
}

#grad18
{
	filter:alpha(opacity=18);
	-moz-opacity:.18;
	opacity:.18;
}

#grad19
{
	filter:alpha(opacity=19);
	-moz-opacity:.19;
	opacity:.19;
}

#grad20
{
	filter:alpha(opacity=20);
	-moz-opacity:.20;
	opacity:.20;
}

#grad21
{
	filter:alpha(opacity=21);
	-moz-opacity:.21;
	opacity:.21;
}

#grad22
{
	filter:alpha(opacity=22);
	-moz-opacity:.22;
	opacity:.22;
}

#grad23
{
	filter:alpha(opacity=23);
	-moz-opacity:.23;
	opacity:.23;
}

#grad24
{
	filter:alpha(opacity=24);
	-moz-opacity:.24;
	opacity:.24;
}

#grad25
{
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
}

#grad26
{
	filter:alpha(opacity=26);
	-moz-opacity:.26;
	opacity:.26;
}

#grad27
{
	filter:alpha(opacity=27);
	-moz-opacity:.27;
	opacity:.27;
}

#grad28
{
	filter:alpha(opacity=28);
	-moz-opacity:.28;
	opacity:.28;
}

#grad29
{
	filter:alpha(opacity=29);
	-moz-opacity:.29;
	opacity:.29;
}

#grad30
{
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
}

#grad31
{
	filter:alpha(opacity=32);
	-moz-opacity:.32;
	opacity:.32;
}

#grad32
{
	filter:alpha(opacity=34);
	-moz-opacity:.34;
	opacity:.34;
}

#grad33
{
	filter:alpha(opacity=36);
	-moz-opacity:.36;
	opacity:.36;
}

#grad34
{
	filter:alpha(opacity=38);
	-moz-opacity:.38;
	opacity:.38;
}

#grad35
{
	filter:alpha(opacity=40);
	-moz-opacity:.40;
	opacity:.40;
}

#footer_a
{
	width:100%;
/*	height:149px; Original Height */
	height:50px;
	background-image:url(http://mariosit.com/images/footerrepeat.jpg);
	background-repeat:repeat-x;
	float:left;
	display:inline;
	text-align:left;
}

#footer_b
{
	width:990px;
/*	height:149px; Original Height */
	height:50px;
	background-image:url(http://mariosit.com/images/footer.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
}

#footer_c
{
	width:990px;
	height:20px;
	margin:0 auto;
	margin-top:11px;
	color:#FFF;
	font-family:"Calibri",Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	float:left;
	display:inline;
}

#footer_c a
{
	font-size:12px;
}

/* --- iPhone Styles --- */
@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio:0)
{
	#footer
	{
		width:100%;
		height:65px;
		position:static;
		float:left;
		display:inline;
		z-index:1020;
	}
	
	#footer2
	{
		width:100%;
		height:65px;
		float:left;
		margin-top:900px;
	}
	
	
	#footer_a
	{
		width:100%;
	/*	height:149px; Original Height */
		height:32px;
		background-image:url(http://mariosit.com/images/footerrepeat.jpg);
		background-repeat:repeat-x;
		float:left;
		display:inline;
		text-align:left;
	}
	
	#footer_b
	{
		width:990px;
	/*	height:149px; Original Height */
		height:32px;
		background-image:url(http://mariosit.com/images/footer.jpg);
		background-repeat:no-repeat;
		margin:0 auto;
	}
	
	#footer_c
	{
		width:990px;
		height:20px;
		margin:0 auto;
		margin-top:11px;
		color:#FFF;
		font-family:"Calibri",Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:center;
		float:left;
		display:inline;
	}

}

/* ============= Menu Styles ============== */


/* Adjusts Submenu Styles */
ul#dropdown1 a
{
	padding-left:18px;
	padding-right:13px;
	padding-top:2px;
	padding-bottom:2px;
	white-space:nowrap;
	width:120px;
}

/* Adjusts Submenu Styles */
ul#dropdown2 a
{
	padding-left:18px;
	padding-right:13px;
	padding-top:2px;
	padding-bottom:2px;
	white-space:nowrap;
	width:138px;
}

/* Adjusts Submenu Styles */
ul#dropdown3 a
{
	padding-left:18px;
	padding-right:13px;
	padding-top:2px;
	padding-bottom:2px;
	white-space:nowrap;
	width:168px;
}

/* Adjusts Submenu Styles */
ul#dropdown4 a
{
	padding-left:18px;
	padding-right:13px;
	padding-top:2px;
	padding-bottom:2px;
	white-space:nowrap;
	width:160px;
}

/* Adjusts Submenu Styles */
ul#dropdown5 a
{
	padding-left:18px;
	padding-right:13px;
	padding-top:2px;
	padding-bottom:2px;
	white-space:nowrap;
	width:138px;
}

/* Adjusts Submenu Styles */
ul#dropdown6 a
{
	padding-left:18px;
	padding-right:13px;
	padding-top:2px;
	padding-bottom:2px;
	white-space:nowrap;
	width:138px;
}

/* Adjusts Submenu Styles */
ul#dropdown7 a
{
	padding-left:18px;
	padding-right:13px;
	padding-top:2px;
	padding-bottom:2px;
	white-space:nowrap;
	width:138px;
}

/* Menu items are a light gray block with padding and no text decoration */
#menu1 a
{
	display: block;
	cursor: pointer;
	background-color: transparent;
	padding: 0px;
	color: #FFF;
	text-decoration: none;
	background-image:url(images/menu_a1.jpg);
	width: 136px;
	height: 47px;
}

/* Menu items that have mouse over or focus have a blue background and white text */
#menu1 a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #473528;
	color: #fafad7;
	background-image:url(images/menu_a2.jpg);
	background-color:transparent;
	width: 136px;
	height: 47px;
}

/* Menu items are a light gray block with padding and no text decoration */
#menu2 a
{
	display: block;
	cursor: pointer;
	background-color: transparent;
	padding: 0px;
	color: #FFF;
	text-decoration: none;
	background-image:url(http://mariosit.com/images/menu_b1.jpg);
	width: 154px;
	height: 47px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
#menu2 a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #473528;
	color: #fafad7;
	background-image:url(images/menu_b2.jpg);
	background-color:transparent;
	width: 154px;
	height: 47px;
}

/* Menu items are a light gray block with padding and no text decoration */
#menu3 a
{
	display: block;
	cursor: pointer;
	background-color: transparent;
	padding: 0px;
	color: #FFF;
	text-decoration: none;
	background-image:url(images/menu_c1.jpg);
	width: 113px;
	height: 47px;
}

/* Menu items that have mouse over or focus have a blue background and white text */
#menu3 a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #473528;
	color: #fafad7;
	background-image:url(images/menu_c2.jpg);
	background-color:transparent;
	width: 113px;
	height: 47px;
}

/* Menu items are a light gray block with padding and no text decoration */
#menu4 a
{
	display: block;
	cursor: pointer;
	background-color: transparent;
	padding: 0px;
	color: #FFF;
	text-decoration: none;
	background-image:url(images/menu_d1.jpg);
	width: 196px;
	height: 47px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
#menu4 a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #473528;
	color: #fafad7;
	background-image:url(images/menu_d2.jpg);
	background-color:transparent;
	width: 196px;
	height: 47px;
}

/* Menu items are a light gray block with padding and no text decoration */
#menu5 a
{
	display: block;
	cursor: pointer;
	background-color: transparent;
	padding: 0px;
	color: #FFF;
	text-decoration: none;
	background-image:url(images/menu_e1.jpg);
	width: 159px;
	height: 47px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
#menu5 a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #473528;
	color: #fafad7;
	background-image:url(images/menu_e2.jpg);
	background-color:transparent;
	width: 159px;
	height: 47px;
}

/* Menu items are a light gray block with padding and no text decoration */
#menu6 a
{
	display: block;
	cursor: pointer;
	background-color: transparent;
	padding: 0px;
	color: #FFF;
	text-decoration: none;
	background-image:url(images/menu_f1.jpg);
	width: 122px;
	height: 47px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
#menu6 a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #473528;
	color: #fafad7;
	background-image:url(http://mariosit.com/images/menu_f2.jpg);
	background-color:transparent;
	width: 122px;
	height: 47px;
}

/* Menu items are a light gray block with padding and no text decoration */
#menu7 a
{
	display: block;
	cursor: pointer;
	background-color: transparent;
	padding: 0px;
	color: #FFF;
	text-decoration: none;
	background-image:url(images/menu_g1.jpg);
	width: 110px;
	height: 47px;
}
/* Menu items that have mouse over or focus have a blue background and white text */
#menu7 a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #473528;
	color: #fafad7;
	background-image:url(images/menu_g2.jpg);
	background-color:transparent;
	width: 110px;
	height: 47px;
}

#endli
{
	display: block;
	cursor: pointer;
	background-color: #000;
	padding: 0px;
	height:13px;
	width: 100%;
}

/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	padding:0px;
	height:auto;
	background-image:none;
	background-color:#000;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	padding:0px;
	background-image:none;
	background-color:#000;
}