/* 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: #d3e9f4 url(../images/layout_bg_main.jpg) top repeat-x;	
}

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

/* =Wrappers
------------------------------------------------------------------------*/
#wrapper {
	background: url(../images/layout_bg_wrapper.jpg) top right no-repeat;
	margin: 0px auto;
	min-height: 600px;
	width: 900px;
}

#innerwrapper {
	background: #2c2f30 url(../images/layout_bg_sec_nav.jpg) right repeat-y;
	float: left;
	min-height: 400px;
	width: 900px;
}

/* =Branding
------------------------------------------------------------------------*/
#brand {
	float: left;
	height: 68px;
	margin: 47px auto auto 26px;
	width: 249px;	
}

/* =Images
------------------------------------------------------------------------*/
.loadimages {
	height: 1px;
	left: -10px;
	overflow: hidden;
	position: absolute;
	top: -10px;
	width: 1px;
}

/* =Main nav
------------------------------------------------------------------------*/
#mainnav {
	background: url(../images/layout_bg_nav.jpg) repeat-x;
	float: left;
	height: 30px;
	margin: 35px auto 0px auto;
	padding: 0;
	width: 900px;
}

#mainnav li {
	background: url(../images/layout_nav_separator.jpg) bottom right no-repeat;
	display: inline;
	float: left;
	font-size: 1.4em;
	height: 30px;
	padding: 0;	
	width: 65px;
}

#mainnav a:link {
	color: #ffdf00;
	display: block;
	height: 20px;
	padding: 10px 5px 0 5px;
	text-decoration: none;
}

#mainnav  a:visited {
	color: #ffdf00;
	display: block;
	height: 20px;
	padding: 10px 5px 0 5px;
	text-decoration: none;
}

#mainnav a:hover {
	background: url(../images/layout_bg_nav_ovr.jpg) repeat-x;
	color: #ffffff;
	text-decoration: none;
}

/* =Secondary nav
------------------------------------------------------------------------*/
#secondarynav {
	float: right;	
	margin: 0px auto;
	padding: 0;
	width: 230px;
}

#secondarynav li {
	margin: 0px 0px 2px 0px;
	font-size: 1.4em;
	text-align: left;
}

#secondarynav a:link {
	background: url(../images/layout_btn_secnav.jpg) no-repeat;
	color: #062a38;
	display: block;
	height: 24px;
	padding: 6px 0 0 32px;
	text-decoration: none;
	width: 198px;
}

#secondarynav a:visited {
	background: url(../images/layout_btn_secnav.jpg) no-repeat;
	color: #062a38;
	display: block;
	height: 24px;
	padding: 6px 0 0 32px;
	text-decoration: none;
	width: 198px;
}

#secondarynav a:hover {
	background: url(../images/layout_btn_secnav_ovr.jpg) no-repeat;
	color: #fff;
}

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

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

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

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

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

/* =Footer
------------------------------------------------------------------------*/
#footer {
	background: #2c2f30;
	clear: both;
	color: #ffffff;
	font-size: 1.0em;
	height: 30px;
	margin: 15px auto;
	padding-top: 5px;
	width: 900px;	
}

#footer a:link {
	color: #ffffff;
	text-decoration: none;
}

#footer a:visited {
	color: #bdbdbd;
	text-decoration: none;	
}

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