
body {
margin:.5em;
padding:0;
height:100%;
background: #000 url(../images/bg/body.jpg) top center no-repeat fixed;
color:#000000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
}

.logo {
padding:5px 22px;
}

.topBannerad {
padding:5px 30px;
}

blockquote {
margin:0;
width:970px;
background-color:#C0131A;
}

blockquote p {
margin:.2em;
padding:.7em 4px .7em 4px;
font-size:18px;
color:#ff0;
}

blockquote b {
font-size:21px;
color: white;
}


hr {
margin:7px;
border:none;
width:99%;
border-bottom: 1px dotted #3F0A0A;
height:1px;
clear:both;
}

em {
font-size:10px;
color:#777;
}

#postHeader { 	
margin:0 auto;
padding:0 .2em .3em .2em;
width:972px;
height:232px;
text-align:left;
background: #000 url(../images/bg/header.jpg) top left no-repeat;
}

#centerColumn { 	
margin:0 auto;
padding:.5em;
width:974px;
text-align:left;
vertical-align: middle;	
background-image: url(../images/design/coldark_bg.png);
}

div.img
  {
  margin:4px;
  margin-bottom:8px;
  border:1px solid #171717;
  background-color: #000;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:2px solid #000;
  }
div.img a:hover img
  {
  border:2px solid #fff;
  }
div.desc
  {
  text-align:center;
  font: 11px Georgia;
  width:124px;
  color: #FFCC00;
  margin:2px 2px 4px 2px;
  }
  
#centerColumn h2 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
}

#centerColumn h3 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-size:.8em;
font-weight:lighter;
letter-spacing:.1em;
}

#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}

#customers td, #customers th {
font-size:1.2em;
border:1px solid #a14d15;
padding:3px 7px 2px 7px;
color:#CCCCCC;
}
#customers th {
font-size:1.4em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#D25A0B;
color:#fff;
}

#customers tr.alt td {
color:#000;
background-color:#eac7b0;
}


/**************************************/
/*             NAVIGATION             */
/**************************************/
#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: #D25A0B;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 14px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid transparent;
}

#modernbricksmenu a:hover{
color: #fff;
background-color: #171717; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
border-color: #D25A0B; /*Brown color theme*/ 
color: #fff;
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 2px;
line-height: 2px;
background: #D25A0B; /*Brown color theme*/ 
}


#loUltimo {
margin:0 -1em 0 -1em;
padding:0 0 0 0;
}

#contentBox { 	
margin:0px 2px .5em 0px;
padding:4px;
float:left;
width:510px;
background-color:#000;
}

#contentBox h2 { 
margin-left:4px;	
margin-bottom:4px;	
font-family: Arial;
font-size:24px;
color: #ffcc00;
}

#contentBox p { 
margin-left:4px;	
margin-bottom:4px;	
font-family: Arial;
color: #eee;
}


#sideBox {
margin:0;
padding:2px;
float:left;
width:252px;
background-color: #000;
}

#sideBox h2{
margin:3px 0 0 7px;
padding:2px 0 0 0px;
font-size:24px;
font-weight:300;
text-transform: capitalize;
letter-spacing:.1em;
color:#30C500;
}

#sideBox p{
margin:0 0 0 0;
padding:2px 0 0 10px;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
color:#fff;
}

#miscBox {
margin:0 2px .5em 2px;
padding:6px;
float:left;
width:182px;
background-color:#000;
}

#miscBox h2 {
margin:-6px 2px;
font-family: Arial;
color: #fff;
text-transform:capitalize;
}

.sidemenu{
width: 180px; /*width of menu*/
}

.sidemenu .headerbar{
font: bold 14px Arial;
color: #ffcc00;
background: url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 8px; /*bottom spacing between header and rest of content*/
height:28px;
text-transform: uppercase;
padding: 0px 7px 7px 20px; /*31px is left indentation of header text*/
}

.sidemenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.sidemenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.sidemenu ul li a{
font: normal 12px Arial;
color: #999;
background: #171717;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.sidemenu ul li a:visited{
color: #ff6600;
}

.sidemenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

.barepic {
border:none;
}

.right {
float:right;
margin:5px;
padding:2px;
}

.left {
float:left;
margin:5px;
padding:2px;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}

.news em {
font-size:.8em;
color:#000000;
}

#cell_1 ul.news, #cell_2 ul.news, #cell_3 ul.news {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#cell_1 li.news, #cell_2 li.news, #cell_3 li.news {
margin:0 0 .3em 0;
padding:5px 0 6px 10px;
font-size:.75em;
}

#cell_1 ul, #cell_2 ul, #cell_3 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#cell_1 li, #cell_2 li, #cell_3 li {
margin:0 0 .3em 0;
padding:5px 0 6px 5px;
font-size:.75em;
}

#box_1 {
margin:0 5px 2em 0;
padding:8px;
float:left;
width:150px;
}

#box_2 {
margin:0 7px 2em 16px;
padding:8px;
float:left;
width:150px;
}

#box_3 {
margin:0 14px 2em 11px;
padding:8px;
float:left;
width:150px;
}

#box_4 {
margin:0 0 2em 7px;
padding:8px;
float:left;
width:150px;
}

#box_5 {
margin:0 7px 2em 22px;
padding:8px;
float:left;
width:150px;
}

#box_1 p, #box_2 p, #box_3 p, #box_4 p, #box_5 p {
font-size:.75em;
color:#eee;
}

#box_1 h2, #box_2 h2, #box_3 h2, #box_4 h2, #box_5 h2 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#C0131A;
font-size:.8em;
} 

#box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul, #box_5 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#box_1 li, #box_2 li, #box_3 li, #box_4 li, #box_5 li {
margin:0 0 .3em 0;
padding:5px 0 0 5px;
font-size:.8em;
}

#footer {
position:relative;
clear:both;
bottom:0;
margin:5em 0 0 0;
padding:0;
height:4em;
line-height:4em;
text-align:center;
font-size:.7em;
color: #777;
background-color:#000;
}

#footer a {
color: #777;
text-decoration:none;
}

#footer a:hover {
color: #fff;
text-decoration:none;
}

.formbutton {
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 3px 6px;
margin-right:4px;
background:url(media/formbg.gif) repeat-x left top;
}
