/** layout CSS **/

/** 1008 x 12 columns: 54 px columns, 15 px margins

		c1		c2		c3		c4		c5		c6		c7		c8		c9		c10		c11		c12
x		15	69	99	153	183	237	267	321	351	405	435	489	519	573	603	657	687	741	771	825	855	909	939	993
wid		54		138		222		306		390		474		558		642		726		810		894		978

**/


/**************************************** grid guides **/
body.grid-guides
{
	background: url(img/1008.png) center repeat-y;
}

.grid-guides #top_navbar,
.grid-guides #header,
.grid-guides #navbar,
.grid-guides #sidebar_left,
.grid-guides #main,
.grid-guides #sidebar_right,
.grid-guides #footer
{
	background-color: rgba(255, 255, 0, 0.2);
}

/**************************************** column margins **/

#header-inner,
#top_navbar,
#navbar,
#sidebar_left,
#main,
#sidebar_right
{
	margin-left: 28px;
	margin-right: 28px;
}

/**************************************** page **/
body
{
	padding: 0;
	margin: 0;
	height: 100%;
}
#page,
#header-inner,
#footer-inner,
#footer_bottom-inner
{
	width: 1000px;
	margin: 0 auto;
}

#page
{
	position: relative;
	z-index: 10;
	margin-top:-86px
}
#page-inner
{
	padding-top: 70px;
	padding-bottom: 15px;
}

#container
{
	clear: both;
}
#container-inner
{
	padding-top: 25px;
}

/**************************************** blocks **/
.block
{
	margin-bottom: 30px;
}
#top_navbar .block,
#header .block,
#navbar .block,
#footer .block
{
	margin-bottom: 0;
}

/**************************************** header **/

#header
{
	position: relative;
	z-index: 15;
	width: 100%;
	height: 53px;
	padding: 0;
}
#header-inner
{
	padding-top: 12px;
}

#header #search-box,
#header #header_content
{
	float: right;
}

/**************************************** navbars **/
#top_navbar,
#navbar
{
	margin-top: 13px;
	margin-bottom: 0;
}
#top_navbar li,
#navbar li
{
	float: left;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

/**************************************** sidebars **/
#sidebar_left,
#sidebar_right
{
	float: left;
}
#sidebar_left 	{	width: 180px; }
#sidebar_right 	{ width: 310px; }

/**************************************** main content **/
#main
{
	float: left;
}
.no-sidebars #main		{ width: 944px; }
.left-sidebar #main		{ width: 570px; }
.right-sidebar #main	{ width: 570px; }
.two-sidebars #main		{ width: 390px; }

#content,
#content-inner,
#content_bottom
{
	clear: both;
}

/**************************************** footer **/
#footer
{
	margin-top: -100px;
	padding: 40px 25px 0 25px;
}
#footer-inner
{
	margin-top: 77px;
}

#footer_bottom
{
	padding: 0 25px !important;
}

#footer_bottom-inner
{
	margin-top: 15px;
	margin-bottom: 15px;
}

#footer_bottom li
{
	display: inline;
	margin: 0;
	padding: 0;
}

/**************************************** special media types **/

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */

  body
  {
  	width: 1048px;
  }
  #header,
  #footer,
  #footer-bottom
  {
  	width: 1048px;
  }
  #header-inner,
	#page
	{
		margin-left: 24px;
		margin-right: 24px;
	}
	#footer-inner,
	#footer_bottom-inner
	{
		margin-left: 0;
		margin-right: 0;
	}
	#footer #footer_content-inner
	{
		margin-left: 0;
		margin-right: 0;
	}
	
	#footer
	{ 
		position: static;
		width: 998px;
		margin-left: 0;
		margin-right: 0;
	}
	
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
	
}