body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #e0dbca;
	background-image:url(images/studio_showcase.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin: 0;
	margin-top:20px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
a {color: #000;}
a:hover {color: #963;}

big {font-size: 1.1em;}

h1,h2,h3 {color: #442; padding: 8px 0 2px;}

h1 {font: normal 1.8em Georgia,"Trebuchet MS",sans-serif;}
h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: normal 1.6em Georgia,"Trebuchet MS",sans-serif;}
h3 {font: bold 1.2em Georgia,"Trebuchet MS",sans-serif;}

blockquote {
	background: url('img/quote.gif') no-repeat;
	display: block;
	font: normal 1.1em Georgia,serif;
	padding-left: 26px
}
.wrapper #container { 
	width: 60em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	background-repeat:no-repeat;
	background-position:top right;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.wrapper #header {
	background: #2A0030;
	background-image:url(images/testsiter_01.png);
	background-position:top;
	height:113px;
} 
.wrapper #signup {
	background: url(img/top_wave.png) top right;
	background-repeat:no-repeat;
	height:92px;
	padding: 0 10px 0 20px; 
} 
.wrapper #signup h3 {font: bold 1.2em Georgia,"Trebuchet MS",sans-serif; margin:0; word-spacing: -0.33em;}
.wrapper #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.wrapper #fredlogo {
	background-image:url(img/fred_astaire_logo.png);
	background-position:left;
	background-repeat:no-repeat;
	height:80px;
	padding:1em;
}
.wrapper #content {
    margin:1em;
	margin-left: 0;
	padding:0;
	float: left;
	width:70%;
}
.wrapper #spcgift {
    margin:1em;
	margin-left: 0;
	padding:0;
	float: left;
	width:50%;
}
.wrapper #sidebar1 {
    margin:0px;
	float: left;
}
.wrapper #benft {
    margin:1.7em;
	margin-top:0em;
	padding:5px;
	float: left;
	background-color:#ebf8ff;
	min-height:96px;
	max-height:600px;
	width:28%;
}
.wrapper #benft hr,h3{
padding:0px;
margin:0px;
}
.wrapper #benft h5,
.wrapper #contactbar h5{
background-color:#bdaa82;
width:100%;
line-height:2em;
display:block;
border: 2px solid #642;
}
.wrapper #benft p {
	margin:0px;
	padding:0px;
	}
.wrapper #contactbar {
    margin:1.7em;
	margin-top:2em;
	padding:5px;
	float: left;
	background-image:url(img/widget-bg-gray.gif);
	min-height:96px;
	max-height:600px;
	width:200px;
}
.wrapper #contactbar h3 {
	margin:0;
 	background-color: #f9f9f9;
	backgroung-position: left top;
 	background-repeat: repeat-x; 
 	padding: 7px 7px 3px 7px;
 	border-bottom: 1px solid #BDAA82;
 	font-size: 1.3em;
 	font-weight: normal;
 	color: #000;
}
.wrapper #contactbar p {
	margin-left:0; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right:0;
	margin-top:0px;
	padding: 0px;
	font-size:0.8em;
	}
.wrapper #sidebar1 h3 {
	margin:0;
 	background-color: #84775B;
	backgroung-position: left top;
 	background-repeat: repeat-x; 
 	padding: 7px 7px 3px 7px;
 	border-bottom: 1px solid #BDAA82;
 	font-size: 1.3em;
 	font-weight: normal;
 	color: #eee;
}
.wrapper #sidebar1 p {
	margin-left:0; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right:0;
	margin-top:0px;
	font-size:0.8em;
	}
.wrapper #pic {
 width: 100%;
 max-width: 300px;
 }
#promos { width:55%; margin:1em; height: 155px; }
#promos img { float: right; border-width: 0; margin: 0 12px 0 0; }
#promos img.last { margin: 0; }  
.wrapper #footer { 
	padding:10px;
	margin:0;
	background:#e1d8be;
	background-image:url(img/footer_logo.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:75px;
} 
.wrapper #footer p {
	margin:0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	margin-right: 5em;
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:10px;
}
.wrapper #footlogo{
	height:70px;
	width:auto;
	float:right;
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltrtsign { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin: 0px;
	margin-top:1em;
	width:55%;
	text-align:right;
}
.fltrtsign h1 {font: bold 2em Georgia,"Trebuchet MS",sans-serif; margin:0px; padding:0px; color:#e8eeef;}
.signbutton {padding:0px; margin:0; margin-top:0.3em; margin-right:2em; float:right;}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.navigation {
 HEIGHT: 50px; width:65%; float:right; padding:0; position:relative; margin:0px;
}
.navigation A {
	BORDER-RIGHT: #c9c6b3 1px solid; padding-top:1em; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 0px; FONT: bold 0.8em Arial, Helvetica, sans-serif; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none; text-transform:uppercase;
}
.navigation A:hover {
	BACKGROUND-POSITION: left bottom;
	COLOR: #ccc;
	font-family: Arial, Helvetica, sans-serif;
}
.navigation A#active {
	BACKGROUND-POSITION: left bottom; COLOR: #000;
}
.navigation A:visited {color:#Fff;
}
#nav {float: left; width: 94%; position: relative; background-color:#84775B; text-align: center; margin: 0 auto; border-top: 1px solid #373227; padding: 0 3%;}
#nav ul {display: block; max-width: 900px; text-align: left; font-size:12px; margin: 0 auto; list-style: none;}
#nav li {float: left; display: inline;padding-bottom: 4px;}
#nav a {float: left; margin: 3px 4px 0 0; padding: 4px 15px 4px 15px; color: #4f4737; text-decoration: none;}
#nav a:hover {position: relative; background: url(images/nav_tl.gif) top left no-repeat #bdaa82; color: #FFF9EB;}
#nav #page a {position: relative; background: url(images/nav_tl.gif) top left no-repeat #000; color: #fff;}
.nav_tr {position: absolute; top: 0; right: 0; display: block; width: 4px; height: 4px; background: url(images/nav_tr.gif) top right;}
.nav_bl {position: absolute; bottom: 0; left: 0; display: block; width: 4px; height: 4px; background: url(images/nav_bl.gif) bottom left;}
.nav_br {position: absolute; bottom: 0; right: 0; display: block; width: 4px; height: 4px; background: url(images/nav_br.gif) bottom right;}
#nav a span {display: none;}
#nav a:hover span, #nav #page a span {display: block;}

.buttons a {position: relative; float: left;background: url(images/but_tl.gif) top left no-repeat; font: 0.7em Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration:none; color: #666666; margin: 0 12px 0 0;}
.buttons .but_br { float: left; background: url(images/but_br.gif) bottom right no-repeat; padding: 6px 25px 7px 25px; white-space: nowrap; cursor: pointer;}
.buttons .but_tr {position: absolute; top: 0; right: 0; display: block; width: 6px; height: 6px; background: url(images/but_tr.gif) top right no-repeat;}
.buttons .but_bl {position: absolute; bottom: 0; left: 0; display: block; width: 6px; height: 6px; background: url(images/but_bl.gif) bottom left no-repeat;}
.buttons .but_buy {color: #2a69a3;}
.buttons a:hover {color: #444;}
.buttons .but_buy:hover {color: #1f4c75;}

--> 
<!--[if IE]> 
/* place css fixes for all versions of IE in this conditional comment */
.wrapper #sidebar1 { padding-top: 30px; }
.wrapper #wrapperContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */