/*\\\\\\\\\\ mg33.net CSS /////////////////*/



body 
	{
	padding: 0px 0px 0px 0px;
	position: relative;
	background-position:top;
        background-color: #0c0c0e;
        margin:auto;
	}


/*\\\\\\\\\\ TypeFace CONTROL /////////////////*/

#header-container {
	background-color: #585858;
}

.page-title 
{
	font-family: Miso;
	font-size: 25px;
	color: #c50520;
	margin: 20px 0 7px 0;
	line-height: 100%;
}

.section-title 
{
	font-family: Miso;
	font-size: 18px;
	color: #c50520;
	margin: 20px 0 7px 0;
	line-height: 100%;
}

.small-title 
{
	font-family: Miso;
	font-size: 14px;
	color: white;
text-decoration:underline;
	margin: 20px 0 7px 0;
	line-height: 100%;
}

/*\\\\\\\\\\ TEXT CONTROL /////////////////*/

p 
	{
	font-family: arial, verdana sans-serif;
	font-size:11px;
	padding-left: 10px;
        padding-right: 12px;
	color:#DBDBDB;
	text-align:left;
	}


.footer 
	{
	font-family: arial, verdana sans-serif;
	font-size:9px;
	color:#A41D2C;
	text-align:center;
	}

h1
	{
	font-family: arial, verdana sans-serif;
	font-size:11px;
	padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 10px;
	color:#2A3644;
	text-align:left;
	}

.bold
	{
	font-family: arial, verdana sans-serif;
	font-size:11px;
	padding-left: 0px;
        padding-right: 0px;
	color:#A41D2C;
	text-align:left;
	}

.hidden

{
display: none;
}
	
/*\\\\\\\\\\ LINK CONTROL /////////////////*/

a 
	{
	font-family: arial, verdana sans-serif;
	font-size:11px;
	text-decoration:underline;
	color:#A41D2C;
	text-align:left;
	}
	
a:link {color:#A41D2C; text-decoration:none; font-size:11px;}
a:visited {color:#A41D2C;text-decoration:none; font-size:11px;}
a:hover {color:#A41D2C; text-decoration:underline; font-size:11px;}
a:active {color:#A41D2C; text-decoration:none; font-size:11px;}

a.footer2:link {color:white; text-decoration:none; font-size:9px;}
a.footer2:visited {color:white;  text-decoration:none; font-size:9px;}
a.footer2:hover {color:white; text-decoration:underline; font-size:9px;}
a.footer2:active {color:white;  text-decoration:none; font-size:9px;}


/*\\\\\\\\\\  NAVIGATION  /////////////////*/

#nav_top
{	PADDING:0px;
	HEIGHT:36px;
       	WIDTH:900px;
	LEFT:0px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	background-position:top center;
background-image: url("http://www.mg33.net/images2/nav_top.jpg"); 
	background-repeat: no-repeat;
}

#nav_bottom
{	PADDING:0px;
	HEIGHT:19px;
       	WIDTH:900px;
	LEFT:0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-position:top center;
background-image: url("http://www.mg33.net/images2/nav_bottom.jpg"); 
	background-repeat: no-repeat;
}

#navbar
{	PADDING:0px;
	HEIGHT:35px;
       	WIDTH:900px;
	LEFT:0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-position:top center;
background-image: url("http://www.mg33.net/images2/navbar.jpg"); 
	background-repeat: no-repeat;
}

#navbar a{
	PADDING: 0px;
	POSITION: absolute; 
	HEIGHT:35px;
}

A.portfolio
{   LEFT: 217px;
    WIDTH: 137px;
}
A.portfolio:hover
{
    BACKGROUND: url(http://www.mg33.net/images2/portfolio_over.jpg) no-repeat;
}

A.photos
{   LEFT: 354px;
    WIDTH: 118px;
}
A.photos:hover
{
    BACKGROUND: url(http://www.mg33.net/images2/photos_over.jpg) no-repeat;
}
A.music
{   LEFT: 472px;
    WIDTH: 98px;
}
A.music:hover
{
    BACKGROUND: url(http://www.mg33.net/images2/music_over.jpg) no-repeat;
}

A.blog
{   LEFT: 570px;
    WIDTH: 80px;
}
A.blog:hover
{
    BACKGROUND: url(http://www.mg33.net/images2/blog_over.jpg) no-repeat;
}

A.information
{   LEFT: 650px;
    WIDTH: 190px;
}
A.information:hover
{
    BACKGROUND: url(http://www.mg33.net/images2/info_over.jpg) no-repeat;
}


/*\\\\\\\\\\\\\\\\\END OF NAVIGATION///////////////////*/


/*\\\\\\\\\\ PAGE LAYOUT & FORMATTING /////////////////*/

.container 
	{
	padding: 0px 0px 0px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
	background:url("http://www.mg33.net/images2/background.jpg") repeat-y;
voice-family: "\"}\"";
	voice-family: inherit;
	}

.content
{
width:830px;
height:100%;
	margin-left: 45px;
	position: relative;
	text-align: left;

}


div.spacer {
  clear: both;
  }

div.float {
  float: left;
width:190px;
height:100%;
padding-bottom:10px;
margin-left:0px;
margin-right:15px;
  }

div.float2 {
  float: left;
width:390px;
height:100%;
padding-bottom:10px;
margin-left:0px;
margin-right:15px;
  }

div.float3 {
  float: left;
width:800px;
height:100%;
padding-bottom:10px;
margin-left:0px;
margin-right:15px;
  }
  
div.float p, div.float3 p {
text-align: left;
padding-left:0px;
padding-bottom:0px;
font-family:arial;
font-size:11px;
   }


.divider
{
width: 648px;
height: 1px;
position: relative;
background-position:top center;
	background-image: url("http://www.mg33.net/images/divider.jpg"); 
	background-repeat: no-repeat;
text-align: center;
}

#form {
	width: 200px;
	padding:2px;
 font-size: 11px;
color: white;
 background-color: #0c0c0e;
 border: 1px solid #666666;
	}

#comment {
	width: 500px;
	padding:2px;
 font-size: 11px;
color: white;
 background-color: #0c0c0e;
 border: 1px solid #666666;
	}

#submit {
 border: 1px solid #666666;
 font-size: 11px;
color: white;
    background: #0c0c0e;
	padding: 1px;
	}

#title
	{
	position:relative;
	left:0px;
	height:14px;
	margin-right: auto;
	margin-left: auto;
	margin-top:30px;
	width:648px;
        }

#copyright 
	{
	position:relative;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
height:9px;
	width:900px;
	text-align: center;
	background-image: url("http://www.mg33.net/images2/footer.jpg");
background-repeat:no-repeat;
	}