/**
    container (wrap all other elements)
  +--------------------------------------------+
  |                                            |
  |    header                                  |
  |                                            |
  +--------------------------------------+-----+
  |      wrapper (wrap sidebar and content)    |
  |                                      |  s  |
  |                                      |  i  |
  |                                      |  d  |
  |      content                         |  e  |
  |                                      |  b  |
  |                                      |  a  |
  |                                      |  r  |
  |                                      |     |
  |                                      |     |
  +--------------------------------------+-----+
  |    footer                                  |
  +--------------------------------------------+
	<container>
		<header>...</header>
		<wrapper>
			<sidebar>...</sidebar>
			<content>...</content>
		</wrapper>
		<footer>...</footer>
  </container>
 */


/** 
	Where goes the structural rules,all that defines 
	width, height, margin, padding, position and float to all main elements
 */

body {
margin:0px; 
padding:0px; 
width:100%; 
min-width:100%; 
height:100%; 
min-height:100%;
}

#container {
background-image:url(../images/top.gif);
/*background-image:url(../images/listerine.jpg);*/
background-position:50% 0;
background-repeat:no-repeat;
margin:0;
padding:0;
}

#header { padding:0; height:273px; }

#topbar {
position:absolute;
right:0;
top:-240px;
width:420px;
}

#topsearch { margin-top: 10px; }

#wrapper {
position:relative;
width:1117px;
margin:0 auto;
text-align:left;
/*border:1px solid red;*/
}

#main_sidebar, 
#page_sidebar {
float: right;
width: 333px;
margin-top: 40px;
margin-bottom: 10px;
/* listerine
margin-top: 130px; */
/*background-color: #FAFAFA;*/
}

#content {
float: left;
width: 780px;
margin-top: 40px;
/* listerine
margin-top: 130px; */
/*background-color: #FFFFFF;*/
}

#footer {
clear: both;
width:1117px;
margin:0 auto 30px auto;
}

/* expand content div when showing images */
.content-image #content { width: 84%; }