@charset "UTF-8";


/*
==========================================
 Screeen  and Projector CSS Document 
==========================================
Title: Marianomedia.com
Author: Victor Michael Mariano
email: mike@marianomedia.com	
Updated: 11.2009


+++++++++++++++++++++++++++++++++++++
----    notes to self (colors)  -----
+++++++++++++++++++++++++++++++++++++
base site background color:

Main Font Color: #000000
link color: #FFCC33
visited color: #333333
focus color:
hover color: #FF6600
active color:#999999

+++++++++++++++++++++++++++++++++++++
 
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* text reset */
body,p{
	/*font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.4;*/
}
a:focus{outline:1px dotted invert}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:square}

p,dl,hr,h1,h2,h3,h4,h5,h6,
ol,ul,pre,table,address,
fieldset{margin-bottom:10px}

/* ==============================================
+       start of the site specfic CSS Rules     +
================================================*/

.clear:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

#wrapper{
	
	}

#site{
	background-color: #fff;
	text-align: left;
	display: block;
	margin: 0 auto;
	padding: 0px;
	width: 770px;
	position: relative;
	letter-spacing: 0em;
	vertical-align: 0%;
	word-spacing: 0em;
	}

/*header and branding*/
#header{
	background-color: #b1b1b1;
	background-image: url(../_img/mm_header_bg.png);
	background-repeat:no-repeat;
	background-position: left-top;
	height: 51px;
	width: 770px;
	position: relative;	
	}


#header h1 #logo{
	background-image: url(../_img/mm_header.png);
	background-repeat: no-repeat;
	background-position: left-top;
	margin-left: 10px;
	display: block;
	height: 45px;
	width: 280px;
	text-indent: -999999px;
	
	}

#profile {
	width: 560px;
	height: 420px;
	display: block;
	padding-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
	position: relative;
	line-height: 14px;
	text-align: justify;
   }

#profile h6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold
   }
 
#profilepic { padding-right: 5px; float:left; }  
 
 /*sidebar*/	
#aside{
	background-color: #111111;
	border: 2px solid #090909;
	padding: 5px;
	display: block;
	height: 100px;
	width: 284px;
	position: absolute;
	left: 459px;
	top: 5px;
	line-height: 1.1;
	}

#aside01{
	background-color: #1b1818;
	border: 2px solid #090909;
	padding: 5px;
	display: block;
	height: 100px;
	width: 250px;
	position: absolute;
	left: 185px;
	top: 5px;
	line-height: 1.1;
  	}


.sidebar a:link {color: #FFCC33;}
.sidebar a:visited {color: #FFCC33;}
.sidebar a:active {color: #999999;}
.sidebar a:hover {color: #FF6600;}

.style2 {color: #FFCC00;}

.content {margin-left:7px;}
	
.sidebar
  {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   color: #FFFFFF; 
   }
 
#team-sidebar {
 	width: 180px;
	height: 420px;
	display: block;
	padding-right: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    float:right;
	position: relative;
	line-height: 14px;
	text-align: center;
   }

#team-sidebar a:link { color: #FF6600; }
#team-sidebar a:visited { color: #333333; }
#team-sidebar a:active { color: #999999; }
#team-sidebar a:hover { color:  #FFCC33; }


#team-sidebar li {
   	list-style: none;
	}   

#maincontent{
   background-image: url(../_img/mm_mcontent_bg.png);
   background-repeat: repeat-y;
   background-color: #ffffff;
   display: block;
   height: 420px;
   width: 770px;
   position: relative;  
	}

/*navigation*/
#navigation{
   padding-top: 3px;
   background-image: url(../_img/mm_nav_bg.jpg); 
   background-color: #1e1e1e;
   background-repeat: no-repeat;
   background-position: left-top;
   display: block;
   height: 137px;
   width: 770px;
   position: relative;  	
	}
	
#navigation li { 
  margin-left: 9px;
  list-style: none;
  font-size: 12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-variant: normal;
  font-weight: bold;
  display:block;	
  text-align:left;
  font-weight:500;  }

  
#navigation #mainnav a
 {
  display: block;
  background: #000000;
  padding: 4px 4px;
  text-decoration: none;
  border: 1px solid #171716;
  width: 122px;
  height: 7px;
  color: #FFFFFF;
  white-space: nowrap
  }
   
#navigation #mainnav li a:hover{
 	color: #333333;
	background: #ffcc00;
	width: 122px;
	height: 7px;
	display: block;
    padding: 4px 4px;
	text-decoration: none;
    white-space: nowrap;
	}

#myGallery
{ text-align: left; }


#footer{
   background-color: #111111;
   background-image: url(../_img/linkages.gif);
   background-repeat: no-repeat;
   background-position: left-top;
   display: block;
   height: 25px;
   width: 767px;
   position: relative;
   padding-left:3px; 
   
	}