/**
* Essential.css (Design Essential layouts)
* **************************************************************************************************************
*/

html               { margin: 0; padding: 0; color: white; background: #000; }
body               { margin: 0; padding: 0; background:#000;}

/**
* HTML 5 Fixes !IMPORTANT
* **********************************************************************
*/
section,
article,
header,
footer,
nav,
aside,
hgroup   { display: block; }
/**
* structure
* **********************************************************************
*/
#wrapper        { width: 880px; margin: 0 auto; border: 8px solid #000; color: black; background: white; } 
#wrapper:after     { display: block; clear: both; content: " "; }
#header            { position: relative; width: 100%; height: 150px; }
#content           { display: inline; float: left; width: 619px; margin: 0 0 15px 30px; }
#contactContent           { display: inline; float: left; width: 300px; margin: 0 0 15px 30px; }
#allContent           { display: inline; float: left; width: 820px; margin: 0 0 15px 30px; }
#sidebar           { display: inline; float: right; width: 400px; margin: 50px 30px 15px 0;}
/**
* Header And Footers + Logos etc
* **************************************************************************************************************
*/

/**
* main menu
* **********************************************************************
*/
#mainMenu                          { position: absolute; bottom: 0; left: 0; width: 100%; background: #fff url(../images/gfx/mmenu_rep.gif) 0 0 repeat-x; }
#mainMenu ul                       { margin: 0; padding: 2px 0 0 29px; }
#mainMenu ul li                    { display: inline; float: left; padding: 0; font-weight: bold; background: none; }
#mainMenu ul li a                  { float: left; text-decoration: none; color: #595959; }
#mainMenu ul li a span             { float: left; padding: 11px 17px 7px; }
#mainMenu ul li a:hover,
#mainMenu ul li a:focus,
#mainMenu ul li.active a           { color: black; background: #e5e5e5  url(../images/gfx/mmenu_left.gif) 0 0 no-repeat; }
#mainMenu ul li a:hover span,
#mainMenu ul li a:focus span,
#mainMenu ul li.active a span      { background: url(../images/gfx/mmenu_right.gif) 100% 0 no-repeat; }
/**
* logos
* **********************************************************************
*/
#header 							{background:#000;}
#header .logo                      {  }
#header .logo h1                   { position: absolute; top: 5px; left: 0px; margin: 0; }
#header .logo a:focus              { background-color: transparent; }
#header .logo h2                   { position: absolute; top: 10px; left: 500px; margin: 0; font-size: 20px; color: #f7a33b; text-align:right}
#header .logo h3                   { position: absolute; top: 40px; left: 300px; margin: 0; font-size: 20px; color: #f7a33b; text-align:right}
/**
* formattings
* **********************************************************************
*/
#mainWriteup ul.squares, ul.squares li{
	list-style:square inside !important;
}
#mainWriteup ul.squares li.marg-bottom {
	margin-bottom:13px;
}
hgroup.handsets {
	padding-bottom:3px;border-bottom:#ccc 1px solid;
}
/**
* boxes
* **********************************************************************
*/
.essentialFloats                        { width: 100%; margin: 1em 0;}
.essentialFloats:after                  { display: block; clear: both; content: " "; }
.essentialFloats article                { display: inline; float: left; width: 195px; margin: 0 10px 0 0; background: #fff; }
.essentialFloats article.last           { margin-right: 0; }
.essentialFloats article a              { display: block; padding: 100px 10px 10px; color: black; text-decoration: none; }
.essentialFloats article a:hover        { background: #ddd; }
.essentialFloats article h1           { margin: 0 0 10px; font-size: 1.2em; font-weight: bold; text-align: left; }
.essentialFloats article a p            { margin: 0; }

/**
* footer
* **********************************************************************
*/
#footer                            { width: 100%; font-size: 0.916em; color: #aaa; background: #000000;}
#footer .width                     { position: relative; width: 880px; margin: 0 auto; background: #000000; }
#footer a                          { color: #d5d5d5; }
#footer p                          { margin: 0; }
#footer p small                    { font-size: 1em; }
#footer p.copyright                { display: inline; margin: 35px 0 10px 8px; float: left; }
#footer p.cms                      { display: inline; margin: 35px 8px 10px 0; float: right; }
/**
* extras
* **********************************************************************
*/
#linkbuilding                      { clear: both; }
#linkbuilding ul                   { margin: 0; padding: 1em 1em 2em; color: #aaa; text-align: center; }
#linkbuilding ul li                { display: inline; margin: 0 3px; padding: 0; background: none; }
#linkbuilding ul li a              { color: #aaa; text-decoration: none; }
#linkbuilding ul li a:hover        { text-decoration: underline; }