body {
  background-repeat : repeat-x;
  background-color  : #fff; /* White */
  background-image  : url(../images/body.jpg);
} 

/* @group  .main-wrapper */

.main-wrapper {
  margin-right : auto;
  margin-left  : auto;
  width        : 930px;
} 

.main-wrapper .logo {
  margin-bottom : 20px;
  background    :  url(../images/rubify-logo.png) top left no-repeat ;
  width         : 354px;
  height        : 118px;
} 

.main-wrapper .content {
  float         : left;
  padding-right : 20px;
  padding-left  : 20px;
  width         : 725px;
} 

.main-wrapper .content h2 {
  margin-top:10px;
  font           : bold 28px Arial, sans-serif;
  margin-bottom: 5px;
  letter-spacing : -1px;
} 

.main-wrapper .content td {
  padding    : 10px;
  text-align : top;
} 

.main-wrapper .content .rowstyle {
  padding     : 15px;
  font-size   : 13px;
  line-height : 18px;
} 

/* @end */

/* @group  .menu */

.menu {
  float       : left;
  padding-top : 10px;
  width       : 150px;
} 

.menu .button {
  display     : block;
  text-align  : center;
  cursor      : pointer;
  background  :  url(../images/button-inactive.jpg) top left no-repeat ;
  width       : 121px;
  height      : 22px;
  padding-top : 4px;
  font        : 11px "Lucida Grande","Lucida Sans Unicode","Lucida", Verdana, Arial, sans-serif;
} 

.menu .button-hover.link, .menu .button-hover.visited  {

} 

.menu .button-hover:hover {
  background-image    : url(../images/button-active.jpg);
  background-position : top left;
} 

/* @end */

/* @group  .box-top */

.box-top {
  padding-top : 40px;
  font-size   : 11px;
  background  :  url(../images/box-top.jpg) top left no-repeat ;
  width       : 632px;
} 

.box-top .box-bottom {
  padding-bottom : 20px;
  background     :  url(../images/box-bottom.jpg) bottom left no-repeat ;
} 

.box-top .box-bottom .box-wrapper { background :  url(../images/box-repeat-y.jpg) top left repeat-y ; } 

.box-top .box-bottom .box-wrapper .text {
  float        : left;
  margin-left  : 20px;
  width        : 150px;
  color        : #eee; /* White Smoke */
  margin-right : 50px;
} 

.box-top .box-bottom .box-wrapper .last { margin-right : 0px; } 

/* @end */

/* @group  .box-text */

.box-text {
  margin-bottom  : 20px;
  font-weight    : bold;
  text-transform : Capitalize;
} 

.box-text .text {
  float        : left;
  margin-left  : 20px;
  text-align   : center;
  width        : 150px;
  color        : #333; /* Dark Slate Gray */
  margin-right : 50px;
} 

.box-text .last { margin-right : 0px; } 

/* @end */

/* @group  .footer */

.footer .footer-left {
  float : left;
  width : 420px;
} 

.footer .footer-left h3 {
  background-color : #FFBFBF; /* Lemon Chiffon */
  padding          : 5px 5px 5px 10px;
} 

.footer .footer-left .combo {
  padding-left : 5px;
  padding-top  : 20px;
} 

.footer .footer-left .combo .combo-rgt {
  float : left;
  width : 240px;
} 

.footer .footer-right {
  float            : left;
  margin-right     : 20px;
  margin-left      : 20px;
  height: 150px;
  padding-top: 10px;
  text-align       : justify;
  width            : 175px;
  padding-left: 10px;
  padding-right: 15px;
  background       :  url(../images/sticky2.png) top left no-repeat; /* Lemon Chiffon */
} 

/* @end */

/* @group  #profile-frame */

#profile-frame {
  padding          : 5px;
  width            : 733px;
  background-image : url(../images/frame-bg.jpg);
  cursor:pointer;
} 

#profile-frame div.pics {
  position : relative;
  overflow : hidden;
  height   : 342px;
} 

#profile-frame div #profile-window {
  position         : absolute;
  top              : 20px;
  left             : 0;
  width            : 1083px;
  height           : 316px;
  background-image : url(../images/profiles.jpg);
} 

#profile-frame #profile-info {
  opacity          : 0.8;	
  filter           : alpha(opacity=80);
  position         : absolute;
  padding-top      : 8px;
  font-weight      : bold;
  text-align       : center;
  display          : block;
  background-color : #191919; /* Black */
  width            : 110px;
  height           : 30px;
  top              : 0px;
  left             : 50px;
  color            : #fff; /* White */
  font-size        : 9px;
} 

#profile-frame #profile-details {
  font-weight      : bold;
  background-color : #191919; /* Black */

  color            : #fff; /* White */
  font-size        : 10px;
  padding          : 8px;
  display          : block;
  min-height       : 30px;
  opacity: 0.85;
  position : relative;
}

#profile-details .content {
  margin-left : 150px;
  top : 0px;
  width : 530px;
} 

#profile-frame div.bar {
  position         : relative;
  margin-top       : 0px;
  background-color : #ccc; /* Dark Gray */
  height           : 24px;
  cursor: pointer;
  border-top: 1px solid #3f3f3f;
} 

#profile-frame div.bar #bar-button {
  position            : absolute;
  background-position : top left;
  text-transform      : Capitalize;
  text-align          : center;
  font-weight         : bold;
  font-size           : 11px;
  top                 : 1px;
  cursor              : pointer;
  padding-top         : 4px;
  left                : 60px;
  width               : 92px;
  background-image    : url(../images/slider-button.jpg);
  height              : 22px;
} 

/* @end */


.line-height-20 {
	line-height: 20px;
}

.normal-link { 
	color: #477EBF;
	font-weight: bold;
}

a.rubify:link, a.rubify:visited {
	color: #AB1024;
	font-weight:bold;
}

.big-text {
	font-size: 13px;
}

.hear-text { 
	background: #FFBFBF;
	padding: 5px;
}

.frame-image { 
	border: 1px solid #000;
	padding: 0px;
}

.image-container {
	border: 3px solid #777777;
}

.justify {
	text-align: justify;
}

.float-left {
	float:left;
}

.right-content { width:210px; margin-left: 20px;line-height:19px; }
.porfolio-entry { margin-bottom: 15px; height: 95px;}

.client-logo { float: left; margin-right: 10px;}

h2.product-header { color: #A6A6A6; font-size: 20px !important; margin-top: 10px;}

.service-header { font-size: 15px; color: #5788AF; font-weight:bold; margin-bottom: 10px;}

.service-entry { margin-bottom: 25px;}

.end-footer { margin-top: 50px; color: #999;}

.rubify-map { margin-left: 300px;}

.rubify-location { margin-top: 0px;}

#home-button {
    background-image    : url(../images/button-active.jpg);
    background-position : top left;
}

#work-button {
    background-image    : url(../images/button-active.jpg);
    background-position : top left;
}

#services-button {
    background-image    : url(../images/button-active.jpg);
    background-position : top left;
}

#team-button {
    background-image    : url(../images/button-active.jpg);
    background-position : top left;
}

#contact-button {
    background-image    : url(../images/button-active.jpg);
    background-position : top left;
}