body {
	min-width: 780px;
	margin: 0;
	padding: 0;
	background: #AFA782 url(images/page-bg.jpg) repeat-y top center;
	color: #000;
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /* for WinIE5.x */
	}
#wrapper {
	width: 710px;
	margin: 0 auto;
	text-align: left;
	}
#skipnav {
	position: absolute;
	margin: 5px 0 0 -1000px; /* moves links out of window */
	list-style: none;
	}
#skipnav li {
	margin: 0;
	padding: 0;
	position: absolute; /* makes links display in same spot when tabbed to */
	}
#skipnav a:focus, #skipnav a:active {
	width: 12em; /* to keep IE from wrapping text at each word, doesn't hurt other browsers */
	margin-left: 1000px; /* moves links back in window */
	overflow: visible; /* for IE, doesn't hurt others */
	display: block; /* for IE, doesn't hurt others */
	}
#blah:active { /* for IE, doesn't hurt others */
	}
#header {
	clear: both;
	Swidth: 710px; /* needed for MacOpera and Safari */
	width: 710px;
	padding: 0px 0 5px; /* IE ignores top margin, so padding is used instead */
	margin: 0 0 0 0;
	}
#socialnetworking {
	margin: 0 0 0 0;
	float: right;
}
#logo {
	float: left;
	margin: 0 0 15px 0;
	}
#site-nav {
	float: left;
	width: 710px;
/*		margin: 0 0 15px 0;
	padding: 0 0 0 27px;
	border-left: 1px solid #000;
	list-style: none; */
	}
#site-nav li {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #666666;
	}
#site-nav a {
	background: none;
	}

#content {
	float: left;
	width: 502px;
	}
	
#photo-banner {
	clear: both;
	height: 170px;
	border-top: 5px solid #666;
	border-bottom: 5px solid #666;
	background: url(images/photo-banner.jpg) no-repeat;
	margin-bottom: 10px;
	}
	
#sidebar {
	float:right;
	width: 191px;
	background-color:#AFA782;
}

#sidebar bloglink {
	background-color: #FFF;
	
}
	
#sidebar h4{
	background-color:#AFA782;
	border-top: 5px solid #666;
	}
	
#sidebar form {
	margin: 0; /* zeros the margin for a level playing field */
	padding: 0 0 0px 15px; /* creates 10px of padding at the bottom & 5px on the left 	of the form */
  	float: left; /* floating this form element keeps the internal clearing BR's 				
	within the form from clearing the external floated side column. */

	}	

#sidebar fieldset {
	border: 1px solid #666666; /* defines a border around each fieldset */
	margin: 0 0 10px; /* keeps the fieldset's bottom border 10px off the next element */
	padding: 5px 0 15px 15px; /* creates padding to keep the elements inside away from the edge of the fieldset */
}

#sidebar label {
	float: left; /* The label elements in the form are floated left, and the text inside is right aligned. */
 	width: 110px; /* All the labels have the same width, so their right edges line up vertically. */
  	clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
	font-size: 80%;
	text-align: left;
	margin-top: 3px; /* this moves the text/label down away from the top of the input */
	}
#sidebar input, #sidebar textarea, #sidebar select {
	color: #000; /* creates the text color */
	font-size: 80%;
	border: 1px solid #666666; /* gives the input and textarea a border */
	padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
	background: #ffffff; /* creates a background color */
	margin: 3px 5px 2px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	/* width: 280px; creates a consistent width */
	/* float: left; These inputs and the textarea are floated next to the labels. */ 
}

/*\*/ /*/
#sidebar input, #sidebar textarea {
	float: none;
}
/* End show to IE Mac */
/* IEmac must not see these elements floated or it is buggy. That browser, however, is good without floating. The above hack can be read only by IEmac. Be sure you do not add any comments INSIDE the hack or it will close. */

#sidebar input.sminp {
	width: 110px; /* for shorter input boxes. */
	margin-right: 160px; /* this keeps the shorter boxes aligned on the left with the wider ones. */
}

/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#sidebar input:focus, #sidebar input:active, #sidebar textarea:focus, #sidebar textarea:active {
	color: #000;
	background: #ffffff;
}
	
#sidebar p {
	font-size: 80%;
	}
	
#sidebar h2 {
	min-height: 18px;
	mar$gin-top: 0;
	padding: 10px 3px 3px 33px;
/* 	background: url(header-link-bg.jpg) no-repeat;*/
	font-size: 100%;
	}
#content-nav {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	}
#content-nav li {
	margin: 0;
	padding: 0;
	display: inline; /* fixes IE gap caused by display: block on inner a's */
	}
#content-nav a {
	display: block;
	margin: 0 0 3px 0;
	padding: 5px 10px 5px 30px;
	border: 1px solid #2A567F;
	background: url(images/page-icon.gif) no-repeat 5px 50%;
	text-decoration: none;
	}
#content-nav a:hover {
	border: 1px solid #72C0FF
	}
	/* Prefooter is for the ABOUT US only on the homepage */
	
#gallery {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
}
#prefooter {
	clear: both;
	padding: 3px 5px;
	background-color:#AFA782;
	border-bottom: 5px solid #fff;
	text-align: left;
	font-size: 90%;
	}
#footer {
	clear: both;
	padding: 3px 0 15px 0;
	border-top: 5px solid #666;
	text-align: center;
	font-size: 90%;
	}
	
/* THREE COLUMN PAGE --------------------------------------- */
/* --------------------------------------------------------- */
#threecol #container {
	float: left; /* makes it contain children floats */
	width: 710px; /* needed for MacOpera and Safari */
	margin: 15px 0;
	background: url(images/home-bg.gif) repeat-y;
	}
#main-content {
	float: left;
	width: 270px;
	padding-top: 155px;
	background: url(images/main-content-photo.jpg) no-repeat;
	margin-top: 5px;
	}
#feature {
	width: 190px;
	margin-left: 295px;
	}
#feature h2 {
	min-height: 18px;
	margin-top: 0;
	padding: 10px 3px 3px 29px;
	/* background: url(header-list-bg.jpg) no-repeat; */
	font-size: 100%;
	}

/* TWO COLUMN PAGE ----------------------------------------- */
/* --------------------------------------------------------- */
#twocol #container {
	float: left; /* makes it contain children floats */
	width: 710px; /* needed for MacOpera and Safari */
	margin: 15px 0;
	background: url(images/home-bg.gif) repeat-y;
	}
#twocol-content {
	float: left;
	width: 500px;
	margin-top: 5px;
	}	
	
#twocol h2 {
	font-size: 120%;
	color: #333333;
	font-weight: bold;
	}
#twocol h3 {
	font-size: 100%;
	color: #333333;
	font-weight: bold;
	}	
#twocol h5 {
	font-size: 200%;
	color:#C00;
	font-weight: bold;
	}	

/* TEXT ---------------------------------------------------- */
/* --------------------------------------------------------- */
p {
	margin: 0 0 1.2em 0;
	line-height: 1.2;
	}
h1 {
	margin: 0 0 1em 0;
	font-size: 150%;
	font-family:"Trebuchet MS", Arial;
	}
h2 {
	margin: 0 0 .6em 0;
	font-size: 120%;
	}
h3 {
	margin: 0;
	font-size: 100%;
	}
h4  {
	margin: 0 0 1em;
	font-family:"Trebuchet MS", Arial;
	font-size:  100%;
	font-weight: bold;
	background-color:#AFA782;
	color:#333333;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	}

/* --------------------------------------------------------- */
a {
	padding: 1px 3px;
/* 	background: #6998BE;*/
	color: #000;
	text-decoration: underline;
	}
a:hover {
	text-decoration: underline;
	}
.image-link {
	background: transparent;
	}
	
/* LISTS --------------------------------------------------- */
/* --------------------------------------------------------- */
dt {
	margin: 1em 0 0 0;
	font-weight: bold;
	}
dd {
	margin: 0;
	}

/* TABLES -------------------------------------------------- */
/* --------------------------------------------------------- */
table {
	margin: 0 0 1.5em 0;
	border-collapse: collapse;
	}
th {
	padding: 7px 15px 7px 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
	background-color:#FF0000;
	border: 1 solid #333333;
	
	}
td {
	padding: 7px 15px 7px 5px;
	border: 1 solid #333333;
	text-align: left;
	}	
	
/* SOCIAL NETWORKING   -------------------------------------------------- */
/* --------------------------------------------------------- */
ul#navTop {
  background: url('http://www.remodelco.com/images/top-nav.png');
  background-repeat:no-repeat;
  width: 250px;
  height: 27px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0 40px;
  float: right;
/*  position: absolute; */
  right: 0;
  top: 0;

}

ul#navTop li {
margin-right: 5px;
margin-top: 5px

  }
  
ul#navTop li a {
color: #fff;
font-size: 12px;
text-decoration: none;

display: inline-block;
padding-right: 5px;

    }
    
ul#navTop a:hover {
text-decoration: underline;
    }
  


a#iTunes {
  display: inline-block;
  background: url('images/itunes.gif') no-repeat; 
  height: 18px;
  width: 91px;
}

a#iTunes span {
  display: none;
  }

ul.external-links li a {
  padding-left: 20px;
}

.blog {
  background: url('images/blog-icon.png') no-repeat;
}

.youtube {
  background: url('http://www.remodelco.com/images/Youtube-16x16.png') no-repeat;
}

.podcast {
  background: url('images/podcast-icon.png') no-repeat;
}

.twitter {
  background: url('http://www.remodelco.com/images/twitter-icon.png') no-repeat;
}

.linkedin {
  background: url('images/linkedin-icon.gif') no-repeat;
}

.facebook {
  background: url('http://www.remodelco.com/images/facebook-icon.gif') no-repeat;
}


ul.inline-list {
  margin-left: 0;
}
  ul.inline-list li {
    display: inline;
    float: left;
    list-style: none;
  }
    ul.inline-list li a {
      float: left;
    }