/* $Id: layout-fixed.css,v 1.2 2008/04/21 17:05:17 johnalbin Exp $ */

/*
 * LAYOUT STYLES
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Border Politics Layout Method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/** body **/
body {
	margin: 0 0 15px;
	padding: 0;
	font-size:0.875em;
	line-height:1.286em;
}

form {
	margin:0;
	padding:0;
}

#wrap {
	margin-left: auto;
	margin-right: auto;
	width: 1044px;
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_wrap.png") 0 0 no-repeat;
}

#wrap-inner {
	margin-left: auto;
	margin-right: auto;
	width: 994px;
	background:#fff url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_wrap_inner.png") 0 0 repeat-x;
}

#page,
#closure-blocks {
	/*
	* If you want to make the page a fixed width and centered in the viewport,
	* this is the standards-compliant way to do that. See also the ie.css file
	* for the necessary IE5 hack to center a div.
	*/
	margin-left: auto;
	margin-right: auto;
	width: 994px;
	min-height:600px;
	border: 0px solid #f00;
}

#page-inner {
	
}

#navigation-top,
#navigation {
	position: absolute; /* Take the named anchors out of the doc flow */
	left: -10000px; /* and prevent any anchor styles from appearing. */
}

#skip-to-nav {
	float: right;
	margin: 0 !important;
	font-size: 0.8em;
}

#skip-to-nav a:link, #skip-to-nav a:visited {
	color: #fff; /* Same as background color of page */
}

#skip-to-nav a:hover {
	color: #000;
	text-decoration: none;
}

/* Alternatively, the skip-to-nav link can be completely hidden until a user tabs
to the link. Un-comment the following CSS to use this technique. */
/*
#skip-to-nav a, #skip-to-nav a:hover, #skip-to-nav a:visited {
	position: absolute;
	left: 0;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#skip-to-nav a:active, #skip-to-nav a:focus {
	position: static;
	width: auto;
	height: auto;
}
*/

/** header **/
#header {
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_header.png") 0 0 no-repeat;
	height:98px;
}

#header-inner {
	position:relative;
	z-index:100;
}

#logo-title {
}

#logo {
	margin: 0 10px 0 0;
	padding: 0;
	position:absolute;
	top:0;
	left:0;
	height:90px;
	width:210px;
}

h1#site-name, div#site-name {
	margin: 0;
	font-size: 2em;
	line-height: 1.3em;
}

#site-slogan {
}

#header-blocks {
	clear: both; /* Clear the logo */
}

/** main (container for everything else) **/
#main {
	position: relative;
	z-index:10;
	border: 0px solid #00f;
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_main.png") 0 0 no-repeat;
	padding:0;
}

#main-inner-wrap {
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_main_inner.png") 0 0 repeat-y;
	*background:none;
}

#main-inner {
	margin-left:auto;
	margin-right:auto;
	width:974px;
	background:#fff;
	padding:0;
	min-height:500px;
	height:auto !important;
	height:500px;
}

/** content **/
#content {
	z-index:50;
}

#content-inner {
	margin: 0;
	padding: 0;
	z-index:60;
	position:relative;
}

.no-sidebars #content-inner,
.section-users #content-inner,
.section-search #content-inner,
.section-node-add #content-inner,
.section-node-edit #content-inner,
.section-admin #content-inner {
	padding:10px;
}

#content,
.two-sidebars #content {
	float: left;
	width: 316px;
	margin-left: 316px; /* The width of #sidebar-left */
	margin-right: -632px; /* Negative value of #content's width + left margin. */
	padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
	border:0px solid #0f0;
}

.page-admin #content {
	width: 650px;
	margin-left: 0;
	margin-right: -650px; /* Negative value of #content's width + left margin. */
}

.sidebar-left #content {
	width: 650px;
	margin-left: 316px; /* The width of #sidebar-left. */
	margin-right: -974px; /* Negative value of #content's width + left margin. */
}

.sidebar-right #content {
	width: 650px;
	margin-left: 0;
	margin-right: -650px; /* Negative value of #content's width + left margin. */
}

.no-sidebars #content {
	width: 650px;
	margin-left: 0;
	margin-right: -650px; /* Negative value of #content's width + left margin. */
}

.section-users #content,
.section-admin #content,
.section-node-add #content,
.section-node-edit #content,
.section-node-search #content,
.framework #content {
	width: 658px;
	margin-left: 316px; /* The width of #sidebar-left. */
	margin-right: -974px; /* Negative value of #content's width + left margin. */
}

.section-users #content-inner,
.section-admin #content-inner,
.section-node-add #content-inner,
.section-node-edit #content-inner,
.section-node-search #content-inner {
	padding:10px 0 10px 13px;
}

.framework #content-inner {
	padding:0 0 10px 13px;
}

.front #content {
	float:none;
	width: 974px;
	margin-left: 0;
	margin-right: -974px; /* Negative value of #content's width + left margin. */
	margin-bottom:10px;
}

/** navbar **/
#navbar {
	position:absolute;
	z-index:200;
	width:773px;
	top:63px;
	right:0;
}

.with-navbar #content,
.with-navbar #sidebar-left,
.with-navbar #sidebar-right {

}

#navbar-inner {
}

#search-box {
	position:absolute;
	right:20px;
	top:5px;
}

#primary {

}

#secondary {

}

/* There are many methods to get navbar links to appear in one line.
* Here's an alternate method: */
/*
#navbar li {
	display: inline;
	padding: 0 10px 0 0;
}
*/

#util-nav {
	position:absolute;
	width:760px;
	top:10px;
	right:20px;
}

#util-nav ul /* Primary and secondary links */ {
	margin: 0;
	padding: 0;
	text-align: right;
}

#util-nav li /* A simple method to get navbar links to appear in one line. */ {
	float: right;
	padding: 0 0 0 20px;
}

#util-nav li#util-nav-country {
	cursor:pointer;
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_util_nav_flag_mini_us.png") 20px 4px no-repeat;
	padding:0 0 0 42px;
	_padding:2px 0 0 42px;
}

#util-nav li#util-nav-country a em {
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_util_nav_arrow_down.png") 0 0 no-repeat;
	width:8px;
	height:5px;
	display:inline-block;
	_position:relative;
	_top:4px;
}

#util-nav-country-selector {
	width:304px;
	height:199px;
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_country_selector.png") 0 0 no-repeat;
	*background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_country_selector.gif") 0 0 no-repeat;
	position:absolute;
	top:19px;
	right:2px;
	z-index:2000;
	display:none;
}

#util-nav-country-selector-title {
	position:absolute;
	top:25px;
	left:21px;
	font-size:11px;
}

#util-nav-countries-wrap {
	position:absolute;
	top:57px;
	left:21px;
	font-size:11px;
}

#util-nav-countries-wrap a {
	padding:0 0 0 28px;
	border:none;
}

#util-nav-countries-wrap a.belgium {
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_util_nav_flag_belgium.png") 0 1px no-repeat;
}

#util-nav-countries-wrap a.benelux {
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_util_nav_flag_benelux.png") 0 1px no-repeat;
}

#util-nav-countries-wrap a.china {
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_util_nav_flag_china.png") 0 1px no-repeat;
}

#util-nav-countries-wrap a.europe {
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_util_nav_flag_europe.png") 0 1px no-repeat;
}

#util-nav-countries-wrap a.france {
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_util_nav_flag_france.png") 0 1px no-repeat;
}

#util-nav-countries-wrap a.germany {
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_util_nav_flag_germany.png") 0 1px no-repeat;
}

#util-nav-countries-wrap a.holland {
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_util_nav_flag_holland.png") 0 1px no-repeat;
}

#util-nav-countries-wrap a.japan {
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_util_nav_flag_japan.png") 0 1px no-repeat;
}

#util-nav-countries-wrap a.korea {
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_util_nav_flag_korea.png") 0 1px no-repeat;
}

#util-nav-countries-wrap a.spain {
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_util_nav_flag_spain.png") 0 1px no-repeat;
}

#util-nav-countries-wrap a.united-states {
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_util_nav_flag_us.png") 0 1px no-repeat;
}

#util-nav-countries-right {
	position:absolute;
	left:120px;
	top:0;
	width:150px;
}

ul.util-nav-countries {
	padding:0;
}

ul.util-nav-countries li {
	font-size:11px;
	margin:0 0 5px;
}

ul.util-nav-countries li a {
	font-size:11px;
}

/** sidebar-left **/
#sidebar-left {
	float: left;
	width: 316px;
	margin-left: 0;
	margin-right: -316px; /* Negative value of #sidebar-left's width + left margin. */
	padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
	min-height:500px;
	height:auto !important;
	height:500px;
}

#sidebar-left-inner {
	margin: 0;
	padding: 0 10px;
}

.page-admin #sidebar-left {
	display:none;
}

/** sidebar-right **/
#sidebar-right {
	float: left;
	width: 316px;
	margin-left: 658px; /* Width of content + sidebar-left. */
	margin-right: -974px; /* Negative value of #sidebar-right's width + left margin. */
	padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
	/*min-height:500px;
	height:auto !important;
	height:500px;*/
}

#sidebar-right-inner {
	margin: 0;
	padding: 0;
}

/** Override sidebar-right so that it becomes sidebar-left **/
.section-users #sidebar-right,
.section-admin #sidebar-right,
.section-node-add #sidebar-right,
.section-node-edit #sidebar-right,
.section-node-search #sidebar-right,
.framework #sidebar-right {
	float: left;
	width: 316px;
	margin-left: 0;
	margin-right: -316px; /* Negative value of #sidebar-left's width + left margin. */
	padding: 0;
	min-height:500px;
	height:auto !important;
	height:500px;
}

.front #sidebar-right {
	float:none;
	width: 974px;
	margin-left: 0;
	margin-right: -974px; /* Negative value of #content's width + left margin. */
	_height:1%;
	overflow:hidden;
}

.front .block {
	width:316px;
	float:left;
	margin:0 0 10px 11px;
}

.front #block-block-6 {
	margin:0 0 10px;
}


/** footer **/
#footer {
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_footer.png") 0 0 no-repeat;
	height:83px;
}

#footer-inner {
	background:transparent url("http://www.raesystems.com/sites/all/themes/zen/rae/images/bg_footer_inner.png") 0 0 repeat-x;
	position:relative;
	height:83px;
	width:974px;
	margin-left:auto;
	margin-right:auto;
}

#footer-left {
	height:83px;
	width:496px;
	position:absolute;
	top:0;
	left:0;
}

#footer-logo-iso {
	position:absolute;
	bottom:0;
	left:4px;
}

#footer-copyright {
	position:absolute;
	bottom:0;
	left:76px;
}

#footer-right {
	height:83px;
	width:496px;
	position:absolute;
	top:0;
	right:0;
}

#footer-links {
	position:absolute;
	bottom:0;
	right:16px;
}

/** closure **/
#closure-blocks /* See also the #page declaration above that this div shares. */ {
}

/** Prevent overflowing content **/
#header,
#content,
#navbar,
#sidebar-left,
#sidebar-right,
#footer,
#closure-blocks {
	overflow: visible;
	word-wrap: break-word; /* A very nice CSS3 property */
}

#navbar {
	/*overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
}