/*      Lux Mundi Main Site CSS */

/* Overall page stuff, keep as light as possible! */
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center;background-color:#999;}
p{margin:0 10px 10px}


/* Header image, and some colour */
div#header{position:relative}
div#header{height:127px}
div#header{background-image:url("banner.png");background-repeat: no-repeat;background-color:#F8970B;background-position:top right}
div#header h1{height:60px;line-height:80px;margin:1;padding-left:10px;color: #FFFFFF;font-size:50px}
div#header p{color:#fff;font-weight:bold}
div#header a{color:#fff;text-decoration:none}
/* Keep the page together somehow, box it */
div#container{text-align:left}
div#container{width:700px;margin:0 auto;background-color:#fff}

/* Middle Section Content */
div#content p{line-height:1.4}
div#content a{color:#474747}
div#content{float:left;width:500px;background-color:FFF;font-family:"Tahoma", Verdana, sans-serif}

/* Navigation, Right side, was blue... */
div#navigation{background-color:#74C2E1;color:#333}
div#navigation{float:right;width:200px;line-height:150%}
div#navigation a{color:#333;text-decoration:none}

/* Notes, Offers, Tips, Random */
div#extra{background-color:#FF8539;color:#333}
div#extra{float:right;clear:right;width:200px;line-height:150%}

/* Footer, a bit of a nightmare to make in the first instance */
div#footer{background-color: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}
div#footer{clear:both;width:100%}
div#footer{text-align:center;font-size:x-small}

/* Build a table, make it look pretty */
#hostingplans {width: 400px;margin: 0px auto;border-collapse: collapse;border: 1px solid #a1a1a1;color: #474747}
#hostingplans .rowa {background: #f7941d;height: 20px}
#hostingplans .rowb {background: #fdc689;height: 20px;}
#hostingplans .cell {padding: 5px;border: 1px solid #a1a1a1;}


/*              End of Lux CSS bye bye! */