/**
 *	Default CSS Styles
 */
* { margin: 0; padding: 0;}

body {
	margin: 0; padding: 0;
	width: 100%; background-color: #fff;
	font: 76%/115% Verdana, Arial, serif-serif; color: #666;
}
img { border: 0; }
a{ outline: none;  text-decoration: none; color: #666  } a:hover{ text-decoration: underline; }

h1{ font: normal 145% Verdana, Arial, serif-serif; padding: .2em 0 .8em 0; }
h2{ font: bold 135% Verdana, Arial, serif-serif; padding: .3em 0; }
h3{ font: bold 115% Verdana, Arial, serif-serif; padding: .2em 0; }
h4{ font: bold 105% Verdana, Arial, serif-serif; padding: .2em 0; }
h5{ font: bold 100% Verdana, Arial, serif-serif; padding: .2em 0; }

table{ width: 100%; border: none; border-collapse: collapse; }
table td{ text-align: center; vertical-align: top;  }
table td, table th{ padding: .5em .2em; }


#container{ width: 824px; margin: 0 auto; }

#header{ position: relative; width: 824px; height: 262px; background: url("../images/header_bg_1.gif") no-repeat; } 
#header .hr{ position: absolute; top: 92px; width: 824px; height: 170px; background: url("../images/header_bg_2.gif") no-repeat; }
#logo{ position: absolute; top: 68px; left: -6px; width: 210px; height: 72px; background: url("../images/masazas_logo.gif") no-repeat; }
#logo a{ display: block; width: 210px; height: 72px;}
#header cite{ position: absolute; top: 114px; width: 204px; text-align: center; color: #ff9933; font-style: normal; font-weight:  bold; letter-spacing: 3px; }
/* 2:170 1:92 */


#centerbox{ float: left; width: 100%; position: relative; background: url("../images/centerbox_bg.gif") no-repeat; background-position: left bottom; }
.wrapper{ float: left; background: url("../images/wrapper_loop.gif") repeat-y; padding-bottom: 8em; }

#centerbox p{ padding: .8em 0; }

#centerbox .left{ float: left; position: relative; width: 208px;  z-index: 111; }
#centerbox .center{  float: left; position: relative; left: -17px;  width: 389px;  background:  url("../images/center_bg.gif") no-repeat; z-index: 1;}
#centerbox .right{ position: relative; float: left; width: 208px; z-index: 555; margin-top: -10px}

#footer{ position: relative; z-index: 444; }
#footer .hr{ position: absolute; left: 408px; top: -49px; width: 129px; height: 43px; background: url("../images/footer_bg.gif") no-repeat;  }
#footer cite{ position: absolute; left: 0px; top: -25px; display: block; font: normal .8em Verdana, Arial, serif-serif; width: 185px; text-align: left; color: #999; }

#futeris {position: absolute; bottom: 0; left:230px; width: 340px; height: 30px; font-size: 10px; color:#fee2ad;}
#futeris a:active, #futeris a:link, #futeris a:visited {color:#fecb85; text-decoration: none}
#futeris a:hover {color:#fecb85; text-decoration: underline}

div.contactsContainer{ position: relative; background: url("../images/left_bottom_loop.gif") repeat-y;  top: -51px; }
div.contactsContainer .hr{  position: relative; bottom: -39px; width: 100%; height: 39px;  background: url("../images/contacts_foot_bg.png") no-repeat; } 
div.contacts{ min-height: 99px; position: relative; top: -10px; margin: -59px 0 -39px 0; padding: .6em 2em 0 2em; z-index: 333; }
div.contacts acronym a{ display: block; width: 83px; height: 68px; margin: 0 0 .4em 0; background: url("../images/map.png") no-repeat; text-indent: -999em; text-decoration: none !important; }


#centerbox .content{ padding: 0 2.6em 0 3.2em; }

.actionContainer{ position: relative; background: url("../images/action_loop.gif") repeat-y; left: -29px; margin-top: 10px; }
.actionContainer .action{ position: relative; margin-bottom: -39px; padding: 3.6em 2em 0 2em; background: url("../images/action_head_bg.gif") no-repeat; min-height: 120px; }
.actionContainer .hr{ position: relative; bottom: -39px; width: 100%; height: 39px;  background: url("../images/contacts_foot_bg.png") no-repeat; }
.actionContainer .hrsolid{ border: none;  background: url("../images/separator.gif") no-repeat; height: 2px; width: 100%; background-position: -24px top; margin: .4em 0 .6em 0; }
.actionContainer h5 a, .services h5 a{ position: relative; display: block; padding: .4em 3em .4em 0; background: url("../images/arrow2.gif") no-repeat; background-position: right center; }
.actionContainer h5 a:hover{ text-decoration: none; }


.services h5 { padding: .4em 0; min-height: 4.2em; }
.services h5 a{ padding: .9em 3em 1em 6em; }
.services h5 img{ float: left; clear: both; }

table.prices{ margin: 1em 0; width: 466px; }
table.prices td{ border-top: 1px solid #99CC00; vertical-align: top;}
table.prices .first{ text-align: left; }

.siteNavigation{ padding: 2em 0 .4em 1em; text-align: right; font-size: .9em }
.siteNavigation a.back{ padding: .4em 2.2em .4em 0; background: url("../images/arrow3.gif") no-repeat; background-position: right center; font-weight: bold; }


/**
 *	Menu Styles
 */

div.mainMenuContainer{ position: relative; background: url("../images/main_menu_loop.gif") repeat-y; margin-top: -122px; width: 208px;   }
div.mainMenuContainer .hr{ position: relative; z-index: 222; width: 208px;  height: 177px; background: url("../images/main_menu_foot_bg.gif") no-repeat;  }
ul.mainMenu{ list-style-type: none; padding: 7.6em 0 0 0; background: url("../images/main_menu_head_bg.gif") no-repeat; min-height: 140px; }
ul.mainMenu li{ position: relative; padding: .6em 1em .6em 2em; background: url("../images/separator.gif") no-repeat; background-position: left bottom; }
ul.mainMenu li a{ display: block;  width: 124px; padding: 3px 34px 3px 0; background: url("../images/arrow2.gif") no-repeat;  background-position: 130px center; color: #666; font-weight: bold;  }
ul.mainMenu li a:hover, ul.mainMenu li a.active{ background: url("../images/arrow1.gif") no-repeat;  background-position: right center; color: #ff6600; text-decoration: none; }


/**
 *	Misc Styles
 */
.hr hr{ display: none;  }
.hrsolid{ border-top: 1px solid #999; margin: .4em 0; }
.clearfix{ clear: both; }