#framework {
margin:0 auto;
padding:0px 0;
width:820px;
}
#framework #page {
width:800px;
height:700px;
background:transparent;
padding-top:0px;
padding-left:20px;
padding-right:0px;
}
#framework #page #header {
background:transparent url(../images/reddo-logo.png) no-repeat 0px 0px;
height:214px;
width: 780px;
}
#framework #page #header #ball-1 {
position:relative;
width:23px;
height:34px;
background:url(../images/ball-1.png) no-repeat;
top:-5px;
left:194px;
}
#framework #page #header #ball-2{
position:relative;
width:36px;
height:65px;
background:url(../images/ball-2.png) no-repeat;
top:45px;
left:470px;
}
#framework #page #header #ball-3 {
position:relative;
width:23px;
height:39px;
background:url(../images/ball-3.png) no-repeat;
top:-16px;
left:640px;
}
#framework #page #header #menuBox {
margin-left:295px;
margin-top:48px;
height:20px;
}
#framework #page #header #menuBox-en {
margin-left:395px;
margin-top:48px;
height:20px;
}
#framework #page #header .menu {
float:left;
}
#framework #page #header .menu li {
background:transparent url(../images/li-image.png) no-repeat scroll 0 3px;
float:left;
font-size:15px;
margin:0px 2px 0px;
padding:0px 2px 0px 12px;
}
#framework #page #header .menu li.first {
background:none;
}
#framework #page #header .menu li.last {
margin-right:12px;
}
#framework #page #header .lang  a{
font-size:10px;
}
#framework #page #content {
width:700px;
height:394px;
background:url(../images/content-bg.png) no-repeat 1px 0;
padding:35px 30px 0px 50px;
}
#contact-form {
height:350px;
width:65%;
overflow:visible;
}
#framework #page #content #text-content {
float:left;
width:310px;
height:350px;
padding-right:20px;
}
#framework #page #content #text-content #subMenuBox {
margin-left:0px;
margin-top:0px;
height:20px;
margin-bottom:10px;
}
#framework #page #content #text-content .subMenu {
float:left;
margin-left:-13px;
}
#framework #page #content #text-content .subMenu li {
background:transparent url(../images/li-image.png) no-repeat scroll 0 3px;
float:left;
font-size:13px;
margin:0px 2px 0px;
padding:0px 2px 0px 12px;
}
#framework #page #content #text-content .subMenu li.first {
background:none;
}
#framework #page #content #text-content .subMenu li.last {
margin-right:7px;
}
#framework #page #content #image-content  {
float:left;
width:360px;
height:350px;
margin-bottom:4px;
}
.front{
background:url(../images/carousel.png) no-repeat scroll 35px 34px;
}
.services{
background:url(../images/advertisements.png) no-repeat scroll 0px 4px;
}
.contact {
background:url(../images/contact.png) no-repeat scroll 190px bottom;
}
.consulting {
background:url(../images/consulting.png) no-repeat scroll 50px 4px;
}
.button {
border:2px solid #d0d0d0;
color:#333333;
font-family:trebuchet ms, arial;
padding:0px 5px 0px 5px;
font-size:11px;
background:url(../images/button-down-bg.png) repeat-x;
margin-right:4px;
}
.button:hover {
background:url(../images/button-bg.png) repeat-x;
color:#444444;
}
#framework #page #blog-content {
width:778px;
background:url(../images/content-bg.png) no-repeat 1px 0;
padding:35px 0 0 0;
z-index:10;
}
#blog-content a {
color:#e35555;
}
#blog-content a:hover {
text-decoration:underline;
}
#blog {
width:700px;
height:100%;
min-height:800px;
background:url(../images/content-bg-strip.png) repeat-y 1px 0;
z-index:20;
padding:0px 30px 30px 48px;
}
#footer {
display:block;
width:100%;
color:#ffffff;
font-size:10px;
line-height:1.3em;
}
#contact {
background:url(../images/contact-form.png) no-repeat;
padding-left:25px;
margin-top:1px;
height:24px;
margin-right:8px;
float:right;
padding-top:5px;
}
#social-media {
position:fixed;
overflow:hidden;
z-index:10000;
top:10px;
right:10px;
height:100px;
width:40px;
}
#social-media ul {
margin:0;
padding:0;
}
#social-media li {
width:40px;
height:40px;
margin-bottom:8px;
}
#social-media a img:hover {
/* padding-top:1px; */
}
a.contact-link {
font-size:11px;
font-weight:bold;
font-family:arial;
color:#ffffff;
text-decoration:underline;
height:24px;
}
a.bold {
font-weight:bold;
}
div.gray-panel {
padding:10px;
margin-bottom:15px;
background:#eeeeee;
}