/* http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; 	padding: 0; border: 0; 	outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
yles! */
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }

/* ---- */

input,select,textarea,body { font: 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; }

/* body.iox { background-color: #888888; background-image: url('../img/background.png'); background-position: 0% 0%; background-repeat: no-repeat; background-fixed: fixed; }
  */
body { background-color: #888888; background-image: url('../img/wadi_rum.jpg'); background-position: 0% 0%; background-repeat: no-repeat; background-fixed: fixed; }

#root { padding:30px 0px 60px; margin:0px auto; width:740px; }
body.iox #root { width:auto; margin:0px 20px; }

#main { -moz-border-radius:20px; -moz-border-radius:20px; background:url(../img/greymatter.png); width:740px; z-index:2 }
body.iox #main { width:80%; margin:0px auto; }

div.limiter { width:auto; margin:0px; padding:0px 10px; }
.limiter { margin:0px auto; }

#page {  -moz-border-radius:5px; background:#fff; }

#page #content { background:#f8f8f8; border-top:1px solid #ddd; padding:19px 20px 20px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; }
#page #content div.block { margin:20px 0px 0px; border-top:1px solid #ddd; padding:19px 0px 0px; }
#page #content h2.block-title { font-weight:300; font-size:18px; margin:0px 0px 10px; }
#page #content div.block-content { -moz-border-radius:10px; background:#fff; padding:10px; }

#footer { text-align:center; color:#fff; font-size:13px; line-height:20px; padding:20px 10px 60px; }
#footer a { color:#adf; }
#footer a:hover { color:#fff; }

div.page-header { padding:10px 20px; }
div.page-header h2.page-title { padding:10px 0px; font-size:24px; font-weight:bold; letter-spacing:-1px; }
div.page-header ul.links { border-top:1px solid #ddd; padding:9px 0px 10px; }
div.page-header ul.links li a { padding:0px 20px 0px 0px; }
div.page-header ul.links li.active a { font-weight:bold; color:#333; }

#branding { padding:10px 10px 0px; }
#branding a { color:#fff; }
#branding div.secondary { padding:20px 0px 10px; height:20px; line-height:20px; font-size:11px; overflow:hidden; }
#branding div.secondary ul.links { float:right; }
#branding div.secondary ul.links li a { border-left:1px solid #111; padding:0px 10px 0px 9px; }
#branding div.secondary ul.links li.first a { border:0px; }
#branding div.primary ul.links { height:40px; line-height:40px; padding:10px 0px; float:right; }
#branding div.primary ul.links li { padding-left:5px; }
#branding div.primary ul.links a { -moz-border-radius:10px; background:#111; padding:0px 15px; }
#branding div.primary ul.links a:hover { background:#39b; }
#branding h1.site-name { font-size:50px; font-weight:300; letter-spacing:-1px; line-height:60px; color: #fff }

/* tabs */ 
ul.primary { border-collapse: collapse; padding: 0 0 0 1em; white-space: nowrap; list-style: none; margin: 5px; height: auto; line-height: normal; border-bottom: 1px solid #bbb; }
ul.primary li { display: inline; }
ul.primary li a { background-color: #ddd; border-color: #bbb; border-width: 1px; border-style: solid solid none solid; height: auto; margin-right: 0.5em; padding: 0 1em; text-decoration: none; }
ul.primary li.active a { background-color: #fff; border: 1px solid #bbb; border-bottom: #fff 1px solid; }
ul.primary li a:hover { background-color: #eee; border-color: #ccc; border-bottom-color: #eee; }
ul.secondary { border-bottom: 1px solid #bbb; padding: 0.5em 1em; margin: 5px; }
ul.secondary li { display: inline; padding: 0 1em; border-right: 1px solid #ccc; }
ul.secondary a { padding: 0; text-decoration: none; }
ul.secondary a.active { border-bottom: 4px solid #999; }
ul.links li,
ul.links li a { float:left; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Flexible background... */
img#expando { position: absolute; display: none; z-index: 1; -ms-interpolation-mode: bicubic; } 
.wide img#expando, .tall img#expando { display: block; } 
.wide img#expando { width: 100%; height: auto; } 
.tall img#expando { width: auto; height: 100%; }
.ie6fixed { position: absolute; top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px') !important; }


/* tables */
table td, table th {
border:2px 0px 2px 0px solid #ccc;
padding:10px 5px 10px 5px;
vertical-align:top;
}

thead th {
border-bottom:3px 0 0 0 solid #CCCCCC;
text-align:left;
}

thead th.logo { width: 75px; }