html{
  font-size: 62.5%;
}
html, body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}
a, a:visited {
  color: black;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.wrap {
  margin: 30px auto;
  text-align: left;
  border: 1px solid #8EA297;
  width: 834px;
  font-size: 1.3em;
  padding: 55px 8px 10px 8px;
  background: url("./image/dot.gif") repeat-x -5px 22px;
}
.clear {
  clear: both;
  visibility: hidden;
}
.centered {
  margin: 0 auto;
}
.righty{float: right; text-align: right;}
img {
  border: 0px;
}
.dotted {
  display: none;
  height: 15px;
  width: 100%;
  margin: 3px 0;
}
#header {
  height: 205px;
  background-color: #86ACA0;
  position: relative;
}
#header #logo {
  background-image: url("./image/mroi-logo.jpg");
  width: 200px;
  height: 70px;
  position: absolute;
  top: -13px;
  right: 0px;
}
#header #phone {
  color: #DBCBA7;
  font-weight: bold;
  font-size: 14px;
  position: relative; bottom: 5px; left: 25px;
  padding: 0;
  width: 135px;
  z-index: 9;
}
#header #menu {
  background-color: #86ACA0;
  width: 215px;
  height: 205px;
  float: left;
  color: #F7FAF5;
}
#header img{
  float: left;
  width: 415px;
  height: 205px;
}
#header ul {
  margin: 0;
  padding: 25px 0 0 55px;
  list-style: none;
  font-size: 12px;
}
#header ul li {
  position: relative;
  padding: 3px 0;
  width: 140px;
}
#header ul li a {
  color: #fff;
  
}
#header ul li div{
  display: none;
  position: absolute; top: 0px; 
  width: 190px;
  background-color: #86ACA0;
  z-index: 10;
}
#meet-the-team{left: 120px;}
#our-services{left: 105px;}
#header ul li .dropdown {
  list-style: none;
  margin: 0; padding: 0;
  border: 2px solid #8EA297;
  z-index: 10;
  font-size: 0.8em;
}
#header ul li .dropdown li {
  width: 180px;
  padding: 7px 0 5px 5px; margin: 0;
  border-bottom: 1px solid #A8BDB0;
  border-collapse: collapse;
}
#header ul li .dropdown li a{
  display: block; padding: 0; margin: 0;
}
#content {
  color: #58585A;
  padding-left: 45px;
   border-top: 1px solid #8FA397;
   z-index: 3;
}
#content .narrowleft {
  float: left;
  width: 320px;
  line-height: 1.3;
  padding: 0 0 50px 20px;
}
#content .left {
  float: left;
  width: 520px;
  line-height: 1.3;
  padding: 0 0 50px 10px;
}
#content .left.withflash{width: 320px;}
#content .left.withnarrowflash{width: 480px;}
#content #flash{float: right; width: 400px;}
#content #narrowflash{float: right; width: 270px;}
#content h1 {
  margin: 20px 0 20px 0;
  padding: 0;
  font-size: 1.8em;
  color: #A1B1A7;
  font-weight: bold;
}
#content .photo {
  float: left;
  margin-right: 15px;
}
#content a, #content a:visited {
  color: #8FA397;
}
#content .left .quote {
  font-weight: bold;
  font-style: italic;
  margin-bottom: 0px;
  
}
#content .left .who {
  margin: 0px;
}

#content .right {
  background-color: #DBCCA5;
  position: relative; right: 20px;
  float: right;
  width: 170px;
  margin: 15px 0px 0 0;
  text-align: center;
}
#content .services{background-color: none;}
.bookpiccontainer{ height: 160px; width: auto;}
.read{width: 130px; height: 240px; float: left; position: relative;}
.read .desc{position: relative;padding: 0 15px 0 0; font-size: 95%;}
.read img{border: 1px solid black;}
#content .right .matrioska {
  text-align: left;
  width: 145px;
  margin: 10px 0;
  position: relative;
  z-index: 10;
  float: left;
  padding: 0 0 0 14px;
}
#content .right .linksmenu {
  background-color: #fff;
  padding: 0 0 10px 0;
}
#content .right .image {
  text-align: center;
}
#content .right .top {
  background-image: url('./image/content-right-top.jpg');
  background-repeat: no-repeat;
  height: 20px;
  width: 100%;
  position: absolute;
  top: 58px;
  left: 0; 
}
#content .right.services .top{top: 0px;}
#content .right .bottom {
  background-image: url('./image/content-right-bottom.jpg');
  background-repeat: no-repeat;
  height: 20px;
  width: 100%;
  position: absolute;
  bottom: -20px;
  left: 0; 
}
#content .right h3 {
  font-style: italic;
  font-weight: bold;
  font-size: 1.3em;
  margin: 10px 0 0 0;
}
#content .right h3.sidebar-heading{
  color: #fff;
  font-size: 1.8em;
  font-style: normal;
   margin: 0px 0 10px 0;
}
#content .right a{color: #8FA397;}
#content .right p{margin: 0; font-style: italic;}
#content .right p a{ font-size: 1.2em;}
#content .right ul {
  font-style: italic;
  list-style: none;
  padding: 0; 
  margin: 10px 0 20px 0;
}

#content .right .normal p, #content .right .normal ul{font-style: normal;} 
#content .right .normal ul{
  list-style-type: disc;
  padding: 0 0 0 20px;
}
.price {
 padding-top: 20px;
  float: right;
}
#bottommenu {
  background: url(image/dot.gif) repeat-x left bottom;
  height: 35px;
  width: 100%;
}
#bottommenu ul{
  margin: 0 0 0 220px;
  list-style: none;
  font-size: 0.8em;
  color: #57575A;
}
#bottommenu ul li {
  float: left;
  margin: 0 10px 5px 0; 
}
#bottommenu ul li a{
  padding: 0 5px 0 0;
}

#content .index2 {
  color: #58585A;
  text-align: left;
  font-size: 0.85em; 
  padding: 0 0 20px 0;
}
#content .index2 .quote {
  font-weight: bold;
}
#content .index2 .matrioska{
  width: 140px;
  padding: 0 0 0 15px;
}
#content .index2 .who {
  margin: 2px 0 10px 0;
}
#content .index2 .red {
  color: #D9634D;
  margin: 0 0 10px;
  font-weight: bold;
}
#content .index3 {
  background-color: white;
  position: relative;
  float: right;
  text-align: left;
  width: 175px;
  padding: 10px 0;
  color: #8FA397;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.1em;
}
#content .index3 img {
  padding-bottom: 10px;
}
#content .index3 .who{
  font-weight: bold;
}
#content .index4 {

}
#content .index4 .client {
  width: 150px;
  height: 90px;
  float: left;
  background-position: center;
  background-repeat: no-repeat;
}


#maintwocolumnswrap
{
width: 480px;
}

#mainarealeftbullets
{
float: left;
width: 230px;
}

#mainarearightbullets
{
float: right;
width: 230px;
}

.bullets{height: 200px;}
.bullets ul{padding-left: 15px;}

.withflash #mainarearightbullets, .withflash #mainarealeftbullets{width: 480px; float: none;}


/************* contact form ***************************/
form {
	width: 500px;
	margin: 15px 0 0px 0;
	clear: left;
	color: black;

}

#form-left{
	width: 250px;
	float: left;
}

#form-right{
	width: 250px;
	float: right;
}

.formfield{
	margin: 5px 0;
}
label {
  width: 100px;
  float: left;
}
input, select, textarea{
	border: solid 1px #A7A8A9;
	background: #fff;
	width: 240px;
	margin: 3px 3px 3px 0;
	padding: 2px 2px 2px 0;
	float: left;
}
select {
  width: 246px;
}
textarea{
	width: 240px;
	height: 80px;
	float: left;
}
.submit {
  width: 70px;
  border: none;
  padding: 11px 0;
  margin-left: 100px;
  font-weight: bold;
  border: 0;
}
#submitdiv input{
	background: #fff url(images/contact-button.jpg);
	width: 70px;
	height: 36px;
	margin: 0 30px 0 95px;
	
}

#errormsg{
	width: 270px;
	padding: 10px 10px 10px 70px;
	background: url(images/problem.jpg) #fff no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
	clear: left;
	min-height: 60px;
}
#squeeze-link {
  display: block;
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  border: 1px solid black;
}

.paypal input{width: 0px;}
.paypal .paypalbutton{width: 101px; height: 32px; border: 0;}