img {
  border: 0;
}
body {
  margin: 0;
  padding: 0;
  font: small Verdana, sans-serif;
  text-align: center;
  line-height: 1.5em;
  color: #333;
  background: #d3d3d3 url(http://www.conceptclothing.biz/template/images/page-background-fade.jpg) repeat-x 0 0;
}


#wrapper {
  position: relative; 
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 770px;
}




/**------------------- COMMON ELEMENTS -----------------------**/

h1 {
  font: bold 150% "Lucinda Grande", Arial, sans-serif;   
  color: #333;
}

h2 {
  font: bold 120% "Lucinda Grande", Arial, sans-serif;  
  
}
h3 {
  font: bold 110% "Lucinda Grande", Arial, sans-serif;
}
h3 a {
color: #333;
}
.message {
  font-weight: bold;
  color: #0033CC; 
  background-color: #FFFFCC;
}
.error {
  color: #ff3300;
  font-weight: bold;
  display: block;
}
.img_float_right {
  float: right;
  margin: 0 0 0 8px;
  padding: 2px;
  border: 1px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #fff;
}

/**------------------ HEADER  -------------------- **/

#header-top {
 background: #000000 url(../images/header-background.jpg) repeat 0 0;
 color: #000000;
 /* font-size: 120%; */
 margin: 0;
 padding: 0;
}
#header-top a {
  color: #F3F3F3;
}
#header-top img {
  margin: 0;
  padding: 0;
}
#header-bottom {
  color: #e3e3e3;
  text-align: center; 
  background: #c66000 url(../images/header2.jpg) repeat bottom left;
  font: small-caps 90% Univers, Arial, Verdana, sans-serif;
  overflow: hidden;
  margin: 0;
  padding: 5px 0;
}
#header-bottom img {
  vertical-align: center;
  padding: 0 2px 2px 2px;
}





/**------------------- BODY CONTENT ------------------------**/

#body_wrapper {
  float: left;
  background: #ffffff url(../images/header3.jpg) no-repeat 0 0;
  width: 770px;
  padding-top: 5px;
}

#body_wrapper2 {
  float: left;
  width: 770px;
  background: #ffffff url(../images/left-sidebar-background.jpg) repeat-y 0 0;
}

/**------------------- LEFT SIDEBAR -------------------------**/

#sidebar_left {
  float: left;
  width: 102px; 
  margin: 0;
  background: #CD8437 url(../images/left-sidebar-top.jpg) no-repeat 0 0;
  padding-top: 70px;
}
#sidebar_left .sidebar_content {
  padding: 0 1px; 
}


#sidebar_left ul {
  list-style: none;
  margin: 0;
  padding: 0; 

}
#sidebar_left li {
  margin: 0;
  padding: 2px;
  background: url(../images/sidebar-links-bg1.gif) repeat-x 0 0; 
}

#sidebar_left li a {
   font-weight: bold;
  text-decoration: none;
  color: #333;
  margin: 0;
  padding: 2px; 
/*  display: block;
  background: url(../images/sidebar-links-bg2.gif) repeat-x bottom left; */
}

#sidebar_left li a:hover {
  color: #e3e3e3;
}

#link_bottom {
  border-top: 1px solid #333;
}

/**------------------- CONTENT -------------------------------**/

#content {
  float: right;
  margin: 0;  
  width: 660px;   
  padding: 10px 0;
}
#content2 {
  padding: 0 4px;
}




/**------------------- PROJECTS -------------------------------**/

#projects {
  float: left;
  width: 650px;
  padding: 10px 0;
}
#projects dl {
  float: left;
  width: 630px;
  margin: 10px;
  padding: 0;
  display: inline; /* fixes IE/Win double margin bug */
}
#projects dt {
  float: left;
  width: 316px; /* total width (650) - image width - left margin - right margin - image margin - image paddings - image borders */
  margin: 0;
  padding: 0;
  font-size: 120%;
  font-weight: bold;
  letter-spacing: 1px;
}
#projects dd {
  margin: 0;
  padding: 0;
  font-size: 90%;
  line-height: 1.5em;
}
#projects dd.img img {
  float: right;
  margin: 0 0 0 8px;
  padding: 2px;
  border: 1px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #fff;
}

#projects dt.beaf_title {
  float: right;
}
#projects dd.project_img img {
  float: left;
  margin: 0 8px 0 0;
  padding: 2px;
  border: 1px solid #D9E0E6;
  border-bottom-color: #C8CDD2;
  border-right-color: #C8CDD2;
  background: #fff;
}


/**------------------ FOOTER NAVIGATION -----------------------**/

#footer {
  float: left;
  width: 100%;
  clear: both;
  font: 90% "Trebuchet MS", "Lucinda Grande", Arial, sans-serif;
  color: #999999;
  text-align: center;
  padding: 0;
  margin: 0;
  background: #fff;
}
#footer-left {
  float: left;
  width: 102px; 
  margin: 0;
  padding: 100px 0 0 0;
  background: #CD8437 url(../images/left-sidebar-background.jpg) repeat-y 0 0; 
}

#footer-content {
  border-top: 1px solid #d3d3d3;
  float: right;
  margin: 0;  
  width: 640px; 
  margin-top: 30px;  
  padding: 5px 3px 0 3px; 
}
#footer a {
  color: #999;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer ul {
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
}
#footer li {
  display: inline;
  padding: 0 4px;
}
#footer li a {
  color: #666;
}

#footer #copyright {
  clear: both;
  padding: 5px 0;
}

#footer-slogan {
  padding: 2px 10px 4px 10px;
  font-size: 110%;
  color: #333333;
  font-weight: bold;
}


/**------------------------ SERVICES ---------------------*/

.services {
clear: both;
  border-top: 1px solid #eee;
}
/**------------------------ HACKS --------------------------*/
/* font size hack for ie windows */

* html body {
  font-size: x-small; /* for IE5/Win */
  f\ont-size: small; /* for other IE versions */
}