/*//////////////////////////////////////////////
Style Guide
////////////////////////////////////////////////

#idName {
	display: block; position: absolute; top: 0; left: 0; z-index: 1; width: auto; height: auto; overflow: auto;
	margin: 0; border: 0 solid #FFFFFF; padding: 0; background: #FFFFFF url('../images/spacer.gif') no-repeat top left;
	font: italic small-caps bold 68%/1.4 Verdana, Arial, Helvetica, sans-serif; color: #000000px; text-align: left; text-decoration: none;

//	font: <'font-style'> <'font-variant'> <'font-weight'> <'font-size'>/<'line-height'> <'font-family'>	//
}
*/



/*//////////////////////////////////////////////
------------------------------------------------
Colour Palette for Testing Purposes
------------------------------------------------

#942243  #942243  #E9C46D
#DDDDDD  #EEEEEE  #FFFFFF

//////////////////////////////////////////////*/



/*//////////////////////////////////////////////
General Style Information
//////////////////////////////////////////////*/

/*////////    Structure Module    /////////*/
html {
}
body {
	margin: 0; padding: 0; background: #FFFFFF;
	font: 71%/150% Verdana, Arial, Helvetica, sans-serif; color: #666666;
}
div {
}

/*////////////    Text Module    ///////////*/
p {
	margin: 0; margin-bottom: 1.4em;
}
blockquote {
	margin: 0 3.5em;
}
h1 {
	margin: 0; margin-bottom: 4px;
	font-size: 1.4em; text-transform: uppercase;
}
h2 {
	margin: 0; margin-bottom: 0.3em;
	font-size: 1.3em; text-transform: uppercase;
}
h3 {
	margin: 0; margin-bottom: 0.2em;
	font-size: 1.1em; text-transform: uppercase;
}
h4 {
	margin: 0; margin-bottom: 0.2em;
	color: #777777; font-size: 1.0em; font-variant: small-caps;
}
h5 {
	margin: 0; margin-bottom: 0.1em;
	font-size: 1.0em; font-weight: bold;
}
h6 {
	margin: 0; margin-bottom: 0.1em;
	font-size: 1.0em; font-style: italic;
}

abbr {
	border-bottom: 1px dashed #942243; color: #942243; cursor: help;
}
acronym {
	border-bottom: 1px dashed #942243; color: #942243; cursor: help;
}
address {
}
cite {
	color: #942243; font-size: 1.0em;
}
code {
	color: #942243; font-size: 1.0em;
}
dfn {
	color: #942243; font-size: 1.0em;
}
em {
	color: #942243; font-style: italic;
}
kbd {
	color: #942243; font-size: 1.0em;
}
pre {
	color: #942243; font-size: 1.0em;
}
q {
	font-style: italic; color: #942243;
}
samp {
	color: #942243; font-size: 1.0em;
}
span {
}
strong {
	color: #942243; font-weight: bold;
}
var {
	color: #942243; font-size: 1.0em;
}

/*/////////    Hypertext Module    /////////*/
a:link {
	color: #942243; /* #942243 */ text-decoration: underline;
}
a:visited {
	color: #942243; text-decoration: underline;
}
a:hover {
	color: #942243; text-decoration: underline;
}
a:focus {
	color: #942243; text-decoration: underline;
}
a:active {
	color: #942243; text-decoration: underline;
}

/*/////////////    List Module    ////////////*/
dl {
	margin-bottom: 1.2em;
}
dt {
	margin: 0; margin-top: 1.2em; 
	color: #555555; font-weight: bold;
}
dd {
	margin: 0;
}
ol {
	margin-top: 0; margin-bottom: 1.2em;
}
ul {
	margin-top: 0; margin-bottom: 1.2em;
}
li {
	margin-top: 0; margin-bottom: 0.2em;
}

/*///////    Presentation Module    ///////*/
big {
}
hr {
	width: 50%; height: 1px; margin: 0 auto; margin-bottom: 0.6em; border-bottom: 1px solid #942243; color: #942243; text-align: center;
}
small {
}
sup {
	color: #942243;
}
sub {
	color: #942243;
}

/*///////////    Forms Module    ///////////*/
form {
	text-align: center;
}
form p {
	width: 37em; margin-top: 1.5em; text-align: left; 
}
fieldset {
	display: block; width: 37em; margin: 0em auto 0.6em auto; border: none; padding: 0; text-align: left;
}
legend {
	display: none; margin: 0em 0em 0.6em 0em; padding: 0; color: #942243;
}
label {
	float: left; width: 15em; text-align: left;
}
input, select {
	font: 1.0em Arial, Verdana, sans-serif;
}
input, select, textarea {
	width: 17.4em;
}
select {
	width: 18em;
}
option {
}
textarea {
	font: 1.0em Arial, Verdana, sans-serif;
}
submit, reset, button, .button, #submit {
	width: auto; border: 2px outset #942243; padding: 0 3px; background: #FFBB00; color: #942243; 
}
#submit {
	margin-top: 1.2em; margin-left: 15em;
}

/*///////////    Table Module    ///////////*/
table {
	margin-bottom: 1.2em; font-size: 1em; border-collapse: separate;
}
caption {
	padding: 8px; border: none; font-size: 0.9em;
}
th {
	padding: 4px 8px; text-align: left; font-weight: bold;
}
tr {
}
td {
	padding: 4px 8px; text-align: left;
}
td form {
	margin: 0;
}

/*////// Image Module //////*/
img {
	display: block; margin: 0; border: none;
}



/*//////////////////////////////////////////////
CLASS and ID Styles
//////////////////////////////////////////////*/

html {
	height: auto !important; height:100%; min-height:100%;
	margin-bottom: 1px;
}
body {
	text-align: center; background: transparent url('../images/bg-body.gif') repeat-x 0 0;
}
#container {
	position: relative; min-width: 760px; width: 75%;
	margin: 0 auto; padding: 0; 
	text-align: left;
}



#skip { 
	position: absolute; width: 100%; z-index: 0;
}
#skip ul, #skip li { 
	margin: 0; padding: 0; list-style-type: none; width: 100%;
}
#skip li a {
	position: absolute; top: -2000em; left: -2000em;
}
#skip li a:focus, #skip li a:active {
	position: absolute; top: 0px; left: 0em; width: 96.1%; height: 39px;
	float: left; display: block; margin: 0; padding: 20px 2% 0px 2%; background: #FFFFFF;
	font-size: 10px; text-align: right; color: #942243; letter-spacing: .08em;
}
#skip li a:hover {
	color: #5F9523;
}



#masthead {
	clear: both; height: 334px; 
	margin: 0; padding: 0; background: transparent url('../images/bg-masthead.gif') no-repeat 90% 0%;
}
#masthead h1 {
	margin: 0; padding: 0;
}
#masthead h1 a {
	position: relative; z-index: 100;
	width: 313px; height: 0 !important; height /**/: 60px; overflow: hidden; 
	display: block; margin: 0 0 0.8em 0; padding: 60px 0 0 0; background: transparent url('../images/logo-mates.gif') no-repeat 0 0;
	color: #942243; text-indent: -999em;
}



#content { 
	float: left; width: 70%; min-height: 100px; 
	margin: 2em 0 0 0; padding: 0; line-height: 175%;
}
#content h2 {
	display: none;
}
#content h3 {
	margin: 0 0 0.6em 0; border-top: 3px solid #777777; border-bottom: 1px solid #777777; padding: 0.1em 0;
	color: #999999; font-size: 1em; line-height: 150%;
}



#related {
	float: right; width: 25%; 
	margin: 2em 0 0 0; padding: 0; 
	line-height: 140%;
}
#related h2 {
	display: none;
}
#related h3 {
	margin: 0 0 0.6em 0; border-top: 3px solid #777777; border-bottom: 1px solid #777777; padding: 0.1em 0;
	color: #999999; font-size: 1em; line-height: 150%;
}

#related .vcard dl {
	margin: 0; padding: 0 0 0.7em 0; overflow: auto;
}
#related .vcard dt {
	display: none; float: left; clear: left; 
	margin: 0; padding: 0; 
	font-weight: normal;
}
#related .vcard dt.abn {
	display: block; padding-right: 0.3em; 
}
#related .vcard .tel dt {
	display: block; width: 5em; 
}
#related .vcard dd {
}
#related .vcard dd span.post-office-box {
	display: block; 
}
#related .vcard dd span.country-name {
	display: block;
}



#navigation {
	position: absolute; top: 296px; left: 0; z-index: 200; 
	clear: both; margin: 0; padding: 0; background: #942243; 
}
#navigation h3 {
	display: none;
}
#navigation ul {
	margin: 0; padding: 0; list-style: none; line-height: 1;
}
#navigation li {
	float: left; display: block; margin: 0; padding: 0; height: 38px; 
}
#navigation a {
	width: 5em; height: 0 !important; height /**/: 38px; overflow: hidden; 
	display: block; margin: 0 0 0.8em 0; padding: 38px 0 0 0; background: transparent url('../images/spacer.gif') no-repeat 0 0;
	color: #FFFFFF; text-indent: -999em;
}
#navigation li.nav-home a 			{ width: 72px; background-image: url('../images/nav-home.gif'); }
#navigation li.nav-products a 		{ width: 88px; background-image: url('../images/nav-products.gif'); }
#navigation li.nav-blog a 			{ width: 61px; background-image: url('../images/nav-blog.gif'); }
#navigation li.nav-resources a 	{ width: 98px; background-image: url('../images/nav-resources.gif'); }
#navigation li.nav-help a 			{ width: 97px; background-image: url('../images/nav-help.gif'); }
#navigation li.nav-about a 			{ width: 70px; background-image: url('../images/nav-about.gif'); }
#navigation li.nav-login a 			{ width: 93px; background-image: url('../images/nav-login.gif'); margin-right: 17%; }

#navigation a:hover {
	background-position: 0 -40px;
}

#navigation li ul {
	display: none; /* Hide Sub-Menus for this design */
	position: absolute; left: -999em; width: 10em;
	background: orange;
}
#navigation li ul ul {
	margin: -1em 0 0 10em;
}
#navigation li:hover ul ul, #navigation li.sfhover ul ul {
	left: -999em;
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul {
	left: auto;
}
#navigation li:hover, #navigation li.sfhover {
	position: static;
}

#navigation li.nav-login {
	float: right; 
}
#navigation .nav-site {
	display: none;
}



#footer {
	display: block; clear: both; height: 100px;
	margin: 2em 0 0 0; border-top: 1px solid #D398AA; padding: 0.4em 0 1.8em 0; background: #F4DFE6 url('../images/bg-footer.gif') repeat-x 50% 0%;
	font-size: 1.0em; text-align: center; color: #B15773;
}
#footer ul {
	margin: 0 auto; padding: 0; list-style: none;
}
#footer li {
	display: inline; margin: 0; padding: 0 1.0em 0 1.5em; list-style: none; background: transparent url('../images/separator-footer.gif') no-repeat 0% 50%;
}
#footer a {
	color: #AF5770; text-decoration: none;
}
#footer a:hover {
	color: #76082A; text-decoration: underline;
}
#footer li.noBG {
	background: none;
}



#validate {
	margin: 0; border-bottom: 1px solid #D398AA; padding: 0; background: #F4DFE6;
	font-size: 0.9em; text-align: center; color: #E0BAC7;
}
#validate ul {
	position: relative; top: -102px; height: 0px; 
	margin: 0 auto; padding: 0; list-style: none;
}
#validate li {
	display: inline; margin: 0; padding: 0 0.6em; list-style: none;
}
#validate a {
	color: #E0BAC7; text-decoration: none;
}
#validate a:hover {
	color: #76082A; text-decoration: underline;
}



/*//////////////////////////////////////////////
General Styles
//////////////////////////////////////////////*/

.callout {
	color: #A43152; text-transform: uppercase; 
	font: normal 1.3em/170% Arial Narrow, Tahoma, Verdana, Arial, sans-serif; letter-spacing: .08em;
}

.image {
	float: right; margin: 0 0 1.0em 1.0em;
}

#main-products {
	position: absolute; top: 100px; left: 5%; 
	margin: 0; padding: 0; list-style: none;
}
#main-products li {
	margin: 0 0 20px 0; padding: 0; list-style: none;
}
#main-products a {
	width: 172px; height: 0 !important; height /**/: 37px; overflow: hidden;
	display: block; margin: 0; border: 1px solid #FFFFFF; padding: 37px 0 0 0; 
	color: #FFFFFF; text-indent: -999em;
}
#main01 { background: #942243 url('../images/main-products.gif') no-repeat 20px 0px; }
#main02 { background: #942243 url('../images/main-products.gif') no-repeat 20px -50px; }
#main03 { background: #942243 url('../images/main-products.gif') no-repeat 20px -100px; }

#login .radio label {
	width: auto; margin: 0; padding: 0 0 0 15em;
}
#login .radio input {
	width: auto; margin: 0 0.3em 0 0; padding: 0;
}

#rssList .image {
	float: right; margin: -1.5em 0 1.0em 1.0em;
}
#rssList p {
	margin: 0 0 0.4em 0; padding: 0;
}
#rssList ul {
	padding-bottom: 1.0em;
}
#rssList li {
	padding-bottom: 0.6em;
}
#rssList .timestamp {
	padding-left: 0.7em;
	color: #999999; /* font-style: italic; */
}
#rssList a.feed {
	display: inline; width: 14em; padding: 0 0 0 16px; background: transparent url('../images/icon-rss-feed.gif') no-repeat 0 50%;
	color: #67A311 !important;
} 
#rssList a.feed:hover {
	padding: 0 0 0 16px; background: url('../images/icon-rss-feed.gif') no-repeat -989px 50%;
	color: #E9AB02 !important;
}