/*
E-motion design
joomla css file
*/

/*
Recommended cross-platform font families:

Arial, Helvetica, sans-serif
Verdana, Geneva, sans-serif
"Arial Black", Gadget, sans-serif
"Courier New", Courier, monospace
"Times New Roman", Times, serif

*/

/*
General
*/

body, td, p, div, span , li, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

hr {
	height: 1px;
	border-style: solid;
	border-width: 1px;
	line-height: 1px;
}

p {
margin-top: 0px;
margin-bottom: 10px;
}
ul {
margin-top: 0px;
margin-bottom: 10px;
}

/*
Text rendering
*/

body, td, p, div, span , h1, h2, h3, h4, h5, h6 , .contentheading , .componentheading, .subheading {
	color: #7c7c7c;
}

h1, h2, h3, h4, h5, h6 , .contentheading , .componentheading, .subheading { 
	font-weight: bold;
color: #ed1c24;
font-size: 18px;
}


hr {
	color: #999999;
}

a {
	color: #ed2c24;
	font-weight: bold;

	text-decoration: none;
}

a:hover {
	color: #cd0c04;

	text-decoration: underline;
}

input, textarea, .inputbox, .button {
	background-color: #ffffff;
	border-color: #e2e2e2;
	color: #7c7c7c;
}

/*
Main menu
*/

.mainlevel , .mainlevel_active {
	font-size: 9px;
	color: #7c7c7c;
	font-weight: bold;

	display: block;
	text-decoration: none;
	text-transform: uppercase;
	
	background-image: url(../images/button-off.gif);
	background-repeat: none;
		
	overflow: hidden;
	
	height: 16px;
	padding-top: 6px;

	width: 85px;
	margin-right: 1px;
	
	text-align: center;
}

.mainlevel_active {
	color: #ffffff;
	background-image: url(../images/button-on.gif);
}

.mainlevel:hover {
	background-image: url(../images/button-off-over.gif);
	text-decoration: none;
	color: #7c7c7c;
}
.mainlevel_active:hover {
	background-image: url(../images/button-on-over.gif);
	text-decoration: none;
	color: #ffffff;
}

/* 
Left Modules
*/

.moduletable {
}

.moduletable th {
}

.moduletable td {
}

/*
General mambo styles
*/

.readon {
}

.subheading {
}

.back_button {
	background-color: #999999;

	border-style: solid;
	border-width: 1px;
	border-color: #000000;

	text-align: center;
	display: block;
	width: 60px;
}

.back_button a {
	font-size: 110%;
	color: #ffffff;
	font-weight: bold;

	line-height: 22px;
	width: 100%;
	display: block;
	text-transform: uppercase;
}

.back_button a:hover {
	color: #E0E0E0;

	background-color: #101010;
	text-decoration: none;
}

.pagenav_next , .pagenav_prev {
	font-size: 110%;
}

/*
Template styles
*/



/*
Forms
*/

input, textarea, .inputbox, .button {
	border-style: solid;
	border-width: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.formLabel , .formOpt , .formReq {
}

.formReq {
	color: #A7696B;
}

.button {
  height: 22px;
}

/*
Other styles
*/

.borderedTable {
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}

.borderedTable td {
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.borderedTable td td {
	border-right: none;
	border-bottom: none;
}

/* Div-based layout styles */


#r2 {
margin-top: 89px; 					/* 88 px top row + 1px border */
width: 100%;
float: left;
background-color: #ffffff;
overflow: hidden;
}
#r2c {
width: 769px;
margin: 0 auto;
}
.homepage #r2c1 {
width: 254px;
float: left;
padding-bottom: 32767px !important;
margin-bottom: -32767px !important; 
}
.homepage #r2c2 {
width: 515px;
float: right;
padding-bottom: 32767px !important;
margin-bottom: -32767px !important; 
}
.contentpage #r2c1 {
width: 283px;
float: left;
margin-top: 10px;
}
.contentpage #r2c2 {
width: 446px;
float: right;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 30px;
}
.ie6 .contentpage #r2c2 {
padding-right: 0px;
padding-left: 28px;
}

#r3 {
clear:both;
width: 100%;
background-color: #f8f8f8;
border-bottom: 1px solid #e2e2e2;
background-image: url(../images/solid-e2e2e2.gif);
background-position: top left;
background-repeat: repeat-x;
}
#r3c {
margin: 0 auto;
width: 769px;
overflow: hidden;
background-color: #ffffff;
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
}
#r3c1 {
width: 253px;
float: left;
padding-bottom: 32767px !important;
margin-bottom: -32767px !important; 
background-image: url(../images/hexagon-bottom.png);
background-position: top right;
background-repeat: no-repeat;
}
#r3c2 {
float: left;
width: 257px;
padding-bottom: 32767px !important;
margin-bottom: -32767px !important; 
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-top: 1px solid #e2e2e2;
}
#r3c3 {
float: right;
width: 257px;
padding-bottom: 32767px !important;
margin-bottom: -32767px !important; 
border-top: 1px solid #e2e2e2;
}
.ie6 #r3c2 {
width: 253px;
}

#r4 {
clear: both;
background-color: #fafaf8;
	background-image: url(../images/bottom-fade.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#r4c {
margin: 0 auto;
width: 769px;
text-align: center;
height: 84px;
overflow: hidden;
}
#r4c .moduletable , #r4c .moduletable_footer {
margin: 0 auto;
}
#r4c .moduletable_footer {
margin-top: 15px;
margin-bottom: -2px;
}
#r4c p {
padding: 0px;
margin: 3px;
}
.borderTop {
border-top: 1px solid #e2e2e2;
}	
	
	
	
body , html {
padding: 0px;
margin: 0px;
}
body , html {

}
body {
	background-image: url(../images/background.png);
	background-repeat: both;
}
.contentpane {
background-image: none;
}



#r1 {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
background-color: #f8f8f8;
height: 88px;
overflow: hidden;
border-bottom: 1px solid #e2e2e2;
}
#r1c {
margin: 0 auto;
width: 769px;
overflow: hidden;
height: 88px;
}
#r1c1 {
width: 254px;
float: left;
height: 88px;
/*padding-bottom: 32767px !important;
margin-bottom: -32767px !important;*/ 
}
#r1c2 {
width: 515px;
float: right;
height: 88px;
/*padding-bottom: 32767px !important;
margin-bottom: -32767px !important; */
}





#r1c1 .moduletable td {
height: 88px;
}
#r1c2 .moduletable {
position: absolute;
top: 66px;
right: 0px;
}
#r1c2w {
position: relative;
}

.hexagonTitle {
position: relative;
}

.hexagonTitleInside {
text-transform: uppercase;
font-weight: bold;
}

.homepage .hexagonTitleInside {
width: 96px;
height: 15px;
position: absolute;
top: -38px;
right: 2px;
text-align: center;
color: #ffffff;
}
.contentpage .hexagonTitleInside {
position: absolute;
right: 52px;
top: -63px;
width: 90px;
height: 15px;
text-align: center;
color: #ffffff;
}
.ie6 .contentpage .hexagonTitleInside {
right: 50px;
}


#r2c1 .moduletable td {
font-size: 0px;
}



#r3c1 .moduletable {
width: 100%;
}
#r3c1 th {
height: 42px;
padding-top: 18px;
text-align: left;
font-size: 14px;
color: #7c7c7c;
font-weight: normal;
padding-left: 12px;
border-bottom: 1px solid #eeeeed;
overflow: hidden;
}
.ie #r3c1 th , .webkit #r3c1 th {
height: 24px;
}
#r3c2 .moduletable {
width: 100%;
}
#r3c2 th {
height: 41px;
padding-top: 18px;
text-align: left;
font-size: 14px;
color: #ffffff;
font-weight: normal;
padding-left: 12px;
background-color: #7c7c7c;
overflow: hidden;
}
.ie #r3c2 th , .webkit #r3c2 th {
height: 23px;
}
#r3c3 .moduletable {
width: 100%;
}
#r3c3 th {
height: 41px;
padding-top: 18px;
text-align: left;
font-size: 14px;
color: #ffffff;
font-weight: normal;
padding-left: 12px;
background-color: #ed1c24;
overflow: hidden;
}
.ie #r3c3 th , .webkit #r3c3 th {
height: 23px;
}

.homepage #r2c2 {
background-image: url(../images/hexagon-right.png);
background-position: 0px 30px;
background-repeat: no-repeat;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 68px;
width: 437px;
}

#r4c td , #r4c p , #r4c span , #r4c div , #r4c a {
font-size: 10px;
color: #bfbfbe;
}

.mainlevel_footer , .mainlevel_footer_active , .moduletable_footer td {
font-size: 10px;
color: #bfbfbe;
text-transform: uppercase;
}
.mainlevel_footer:hover , .mainlevel_footer_active:hover , #r4c a:hover {
color: #9f9f9e;
}

#r4c .brandingText {
color: #ed1c24;
font-weight: bold;
}



.moduletable_contact th {
font-size: 14px;
text-align: left;
padding-left: 10px;
padding-bottom: 2px;
border-bottom: 1px solid #e2e2e2;
font-weight: normal;
}
.moduletable_contact .contentpaneopen {
margin-top: 8px;
}


.moduletable_bottom th {
text-align: left;
padding-left: 2px;
padding-bottom: 3px;
text-transform: lowercase;
}



/* Template styles */



/* pre-load images */

.hidden {
	visibility: hidden;
	display: none;
	width: 0px;
	height: 0px;
}

.firefox .sitemap {
margin-top: -12px;
}
.ie .sitemap .componentheading {
padding-top: 3px;
}

.contentheading , .componentheading {
text-transform: lowercase;
}

.replacement {
	border: none;
}


ul li {
list-style-image: url(../images/list-icon.gif);
}

















/* transmenu fix */
#r1 , #r1c  { overflow: visible; }


.transMenu .items {
background-color: #fff;
border-top: 1px solid #e2e2e2;
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
margin-top: -1px;
padding-top: 0px;
}

.transMenu td {
border-bottom: 1px solid #e2e2e2;
}
.transMenu .item td {
border-bottom: 1px solid #e2e2e2;
visibility: visible;
}

.item .sublevel {
color: #7c7c7c;
font-size: 9px;
text-transform: uppercase;
}

.item:hover {
background-color: #f5f5f5;
text-decoration: none;
}































.ddmx a.item1,
.ddmx a.item1-active {
 font-size: 9px; 
 text-align: center; 
 font-weight: bold; 
color: #7c7c7c;
padding-top: 5px;
 text-decoration: none; 
 display: block; 
 position: relative; 
 width:85px; 
 height:17px; 
text-transform: uppercase;
border-bottom: 1px solid #e2e2e2;
margin-right: 1px;
background-image: url(../images/button-off.gif);
}
.ie6 .ddmx .item1, .ie6 .ddmx .item1-active , .ie7 .ddmx .item1 , .ie7 .ddmx .item1-active {
padding-top: 6px;
height: 16px;
}


.ddmx a.item1:hover ,
.ddmx a.item1-active:hover {
background-image: url(../images/button-off-over.gif);
}

.ddmx .item11-acton .item1 ,
.ddmx .item11-acton-last .item1 {
background-image: url(../images/button-on.gif);
}
.ddmx .item11-acton .item1:hover ,
.ddmx .item11-acton-last .item1:hover {
background-image: url(../images/button-on-over.gif);
}

.ddmx .item11 a.item1-active ,
.ddmx .item11-last a.item1-active {
background-image: url(../images/button-off-over.gif);
}
.ddmx .item11-acton a.item1-active ,
.ddmx .item11-acton-last a.item1-active ,
.ddmx .item11-acton a.item1-active:hover ,
.ddmx .item11-acton-last a.item1-active:hover {
background-image: url(../images/button-on-over.gif);
}

.ddmx .item11-acton a ,
.ddmx .item11-acton-last a {
color: #ffffff;
}

.ddmx .section {
 position: absolute; 
 visibility: hidden; 
 display: block; 
 z-index: -1; 
margin-top: -5px;
margin-left: -1px;
border-top: 1px solid #e2e2e2;

}


.ddmx .item2 {
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
display: block;
width: 152px;
padding-top: 5px;
height: 17px;
padding-left: 17px;
background-color: #ffffff;
text-decoration: none;
text-transform: uppercase;
font-size: 9px;
color: #7c7c7c;
}

.ddmx .item2:hover {
background-color: #f5f5f5;
}
.ddmx .item11-acton .item2 {
color: #7c7c7c;
}

.ie7 .ddmx .section , .ie6 .ddmx .section {
margin-top: -71px;
margin-left: 0px;
}
.ie7 .ddmx .item2 {
width: 150px;
}
.ie6 .ddmx .item2 {
width: 133px;
}

.gecko .ddmx a.item1 ,
.gecko .ddmx a.item2 , 
.mac.firefox .ddmx a.item1 ,
.mac.firefox .ddmx a.item2 , 
.webkit .ddmx a.item1 , 
.webkit .ddmx a.item2 , 
.opera .ddmx a.item1 , 
.opera .ddmx a.item2 ,
.gecko .ddmx a.item1:hover ,
.gecko .ddmx a.item2:hover , 
.mac.firefox .ddmx a.item1:hover ,
.mac.firefox .ddmx a.item2:hover , 
.webkit .ddmx a.item1:hover , 
.webkit .ddmx a.item2:hover , 
.opera .ddmx a.item1:hover , 
.opera .ddmx a.item2:hover ,
.opera .ddmx .item11-acton a.item1-active ,
.opera .ddmx .item11-acton-last a.item1-active ,
.opera .ddmx .item11-acton a.item1-active:hover ,
.opera .ddmx .item11-acton-last a.item1-active:hover ,
.gecko .ddmx .item11-acton a.item1-active ,
.gecko .ddmx .item11-acton-last a.item1-active ,
.gecko .ddmx .item11-acton a.item1-active:hover ,
.gecko .ddmx .item11-acton-last a.item1-active:hover 
.mac.firefox .ddmx .item11-acton a.item1-active ,
.mac.firefox .ddmx .item11-acton-last a.item1-active ,
.mac.firefox .ddmx .item11-acton a.item1-active:hover ,
.mac.firefox .ddmx .item11-acton-last a.item1-active:hover 
.webkit .ddmx .item11-acton a.item1-active ,
.webkit .ddmx .item11-acton-last a.item1-active ,
.webkit .ddmx .item11-acton a.item1-active:hover ,
.webkit .ddmx .item11-acton-last a.item1-active:hover ,
.opera .ddmx a.item1:hover ,
.opera .ddmx a.item1-active:hover ,
.webkit .ddmx a.item1:hover ,
.webkit .ddmx a.item1-active:hover ,
.gecko .ddmx a.item1:hover ,
.gecko .ddmx a.item1-active:hover ,
.mac.firefox .ddmx a.item1:hover ,
.mac.firefox .ddmx a.item1-active:hover ,
.opera .ddmx .item11-acton .item1 ,
.opera .ddmx .item11-acton-last .item1 ,
.gecko .ddmx .item11-acton .item1 ,
.gecko .ddmx .item11-acton-last .item1 ,
.mac.firefox .ddmx .item11-acton .item1 ,
.mac.firefox .ddmx .item11-acton-last .item1 ,
.webkit .ddmx .item11-acton .item1 ,
.webkit .ddmx .item11-acton-last .item1 ,
.opera .ddmx .item11-acton .item1:hover ,
.opera .ddmx .item11-acton-last .item1:hover ,
.gecko .ddmx .item11-acton .item1:hover ,
.gecko .ddmx .item11-acton-last .item1:hover ,
.mac.firefox .ddmx .item11-acton .item1:hover ,
.mac.firefox .ddmx .item11-acton-last .item1:hover ,
.opera .ddmx .item11-acton a ,
.opera .ddmx .item11-acton-last a ,
.gecko .ddmx .item11-acton a ,
.gecko .ddmx .item11-acton-last a ,
.mac.firefox .ddmx .item11-acton a ,
.mac.firefox .ddmx .item11-acton-last a ,
.webkit .ddmx .item11-acton a ,
.webkit .ddmx .item11-acton-last a ,
.opera .ddmx .item11 a.item1-active ,
.opera .ddmx .item11-last a.item1-active ,
.gecko .ddmx .item11 a.item1-active ,
.gecko .ddmx .item11-last a.item1-active ,
.mac.firefox .ddmx .item11 a.item1-active ,
.mac.firefox .ddmx .item11-last a.item1-active ,
.webkit .ddmx .item11 a.item1-active ,
.webkit .ddmx .item11-last a.item1-active
{
padding-top: 6px;
height: 16px;
}



.opera .section , .webkit .section {
margin-left: 0px;
margin-top: -71px;
}




#r3c3 img {
border: none;
margin-top: -2px;
margin-bottom: 10px;
margin-left: -1px;
margin-right: 0px;
padding: 0px;
}
#r3c3 .contentpaneopen {
width: 100%;
}
#r3c3 .contentpaneopen , #r3c3 .contentpaneopen td , #r3c3 .contentpaneopen div  {
margin: 0px;
padding: 0px;
}
#r3c3 a , #r3c3 a:hover , #r3c3 a span , #r3c3 a span:hover {
text-decoration: none;
color: #ed1c24;
}





#r3c2 .contentheading {
padding-top: 10px;
}

#r3c2 .contentpaneopen {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
}



#r3c1 .moduletable td {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
#r3c1 .moduletable td td {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}



.article_seperator , .article_separator {
height: 0px;
display: none;
visibility: hidden;
}
.homepage #r2c2 {
overflow: hidden;
height: 296px;
}
.homepage #r2c1 .moduletable {
 height: 306px;
}
.homepage #r2c1 .moduletable td {
 vertical-align: bottom;
}




.moduletable_contact {
padding-bottom: 10px;
}



.contentpage .contentpaneopen table , .contentpage .blog table {
border-top: 1px solid #e2e2e2;
}
.contentpage .contentpaneopen table table , .contentpage .blog table table {
border-top: none;
}



.ie #mod_login_remember {
	border: none;
}

#mod_login_username , #mod_login_password {
width: 150px;
}



/* make sub-headings a bit smaller than the main headings */
.contentpagetitle {
 font-size: 15px;
}
#r3c3 .contentheading, #r3c2 .contentheading {
 font-size: 15px;
}
.moduletable_bottom th {
	font-weight: bold;
color: #ed1c24;
font-size: 15px;
}
