/* CSS Document */
/*------------------------------------------------------------------------
Main style for cms admin area

version:	1.0
created:	2007-01-08
author:		Isaac Castillo
email:		isaac@echods.com
site:		http://www.tri-omni.com

------------------------------------------------------------------------*/

/* =General
------------------------------------------------------------------------*/
/* Remove all padding and margins */
* {
	margin: 0;
	padding: 0;
}

/* Html and body padding & margins */
html, body{
	height: 100%;
	margin: 0;
	padding: 0;	
	
	/* BUG: Fix IE6 bug */
	text-align: center;
}

body {
	/* Sizes all fonts down to 62.5% */
	font-size: 62.5%;
}

/* Remove padding & margins */
h1, h2, h3, h4, h5, h6, p, ul, li {
	margin: 0;
	padding: 0;
}

/* Remove border images */
img {
	border: 0;
}

/* Remove styles from list items */
ul, li {
	list-style:none;
}

body {
	background: #fff url(../images/matt_bg_main.jpg) top left no-repeat;	
}

#secondary {
	background: #fff url(../images/matt_bg_secondary.jpg) top left no-repeat;	
}

/* =Typography
------------------------------------------------------------------------*/
body {
	font-family: Trebuchet MS1, Helvetica, sans-serif;
}

/* =Wrappers
------------------------------------------------------------------------*/
#wrapper {
	float: left;
	min-height: 600px;
	width: 810px;
}

/* =Branding
------------------------------------------------------------------------*/
.brand {
	display: block;
	float: left;
	height: 100px;
	margin: 62px auto auto 225px;
	width: 575px;	
}

/* =Main nav
------------------------------------------------------------------------*/
#mainnav {
	float: right;
	height: 25px;
	margin: 45px auto;
	padding: 0;
	width: 535px;
}

#mainnav li {
	display: inline;
	float: left;
	height: 25px;
	margin-right: 65px;
	padding: 0;
}

.nav1 a:link, .nav1 a:visited {
	background: url(../images/matt_nav_home.gif) no-repeat;
	display: block;
	height: 18px;
	width: 57px;
}

.nav2 a:link, .nav2 a:visited  {
	background: url(../images/matt_nav_about.gif) no-repeat;
	display: block;
	height: 18px;
	width: 62px;
}

.nav3 a:link, .nav3 a:visited {
	background: url(../images/matt_nav_gallery.gif) no-repeat;
	display: block;
	height: 24px;
	width: 77px;
}

.nav4 a:link, .nav4 a:visited  {
	background: url(../images/matt_nav_links.gif) no-repeat;
	display: block;
	height: 18px;
	width: 51px;
}

/* =Main content
------------------------------------------------------------------------*/
#maincontent {
	color: #000;
	float: right;
	font-size: 1.3em;
	line-height: 1.56em;
	margin: 15px 25px auto auto;
	text-align: left;
	width: 555px;	
}

#maincontent p {
	margin-bottom: 15px;
}

#maincontent img {
	margin-right: 5px;
}

#maincontent a:link, #maincontent a:visited {
	color: #006699;
}

#maincontent a:hover {
	text-decoration: none;
}

/* =Footer
------------------------------------------------------------------------*/
#footer {
	clear: both;
	color: #000;
	float: left;
	font-size: 1.0em;
	height: 30px;
	margin: 15px auto auto 15px;
	padding-top: 5px;
	text-align: left;
	width: 500px;	
}

#footer a:link {
	color: #000099;
	text-decoration: underline;
}

#footer a:visited {
	color: #000099;
	text-decoration: underline;	
}

#footer a:hover {
	color: #9fc1d6;
	text-decoration: none;
}

.small-text {
	font-size: 0.8em;
	margin-bottom: 10px;
}