﻿/* A3 IT Solutions */
/* Initial Build: INITIAL HERE DATE HERE */
/* Revisions:
   INITIAL HERE DATE HERE
*/

/*************************/
/* General Layout Styles */
/*************************/
/* HTML and body tag styles */
html, body{
  width:100%;
  margin:0 0 0 0;
  text-align:center;
}

html{
  background:#440707 url(images/background.gif) repeat-x 0px 0px;
}

/* Zeroing out margins on form tags */
form{
  margin:0 0 0 0;
}

/* Site Container */
#Container{
  width:1006px;
  margin:0 auto 0 auto;
  text-align:left;
  border:1px solid #720b0c;
}

/* Header Div */
#Header{
  width:1006px;
  height:137px;
  background:url(images/header.jpg) no-repeat 0px 0px;
}

/* Logo Div */
#Logo{
  width:228px;
  height:116px;
}

/* Transparent Gif in Logo Div */
#Logo img{
  width:228px;
  height:116px;
  border:0px; 
}

/* Main Site Navigation Div */
#Nav{
  height:21px;
  padding:0 50px 0 50px;
}

/* Content Div */
#Content{
  width:994px;
  padding:0 6px 20px 6px;
  margin:6px 0 6px 0;
  background:url(images/content.gif) repeat-y 6px 0px;
}

#Content .left{
  position:relative;
  top:0px;
  left:0px;
  width:716px;
  padding:0 25px 0 25px;
  float:left;
}

#Content .right{
  width:222px;
  float:right;
}

#Content .header{
  position:relative;
  top:0px;
  left:-25px;
  padding:0 0 20px 0;
}

/* Footer Div */
#Footer{
  width:1006px;
  padding:10px 0 0 0;
  margin:0 auto 0 auto;
}

/***************/
/* Home Styles */
/***************/
#Home{
  width:994px;
  padding:6px;
}

#Home .top-left{
  width:482px;
  height:282px;
  background:#efefef;
  float:left;
  padding:0px 10px 20px 20px;
  margin:0 0 6px 0;
}

#Home .homeLeft{
  width:502px;
  height:272px;
  float:left;
  padding:10px 0 20px 10px;
  margin:0 0 6px 0;
  background-color:#eeeeee;
}

/**************/
/* CMS Styles */
/**************/
/* Content Listing */
#ContentItemListing{}

#ContentItemListing .cms-content{}

#ContentItemListing .cms-header{}

#ContentItemListing .cms-listing{}

#ContentItemListing .cms-listing strong{}

#ContentItemListing .cms-listing a{}

/* Content Display */
#DisplayContentItem .cms-content{}

#DisplayContentItem .cms-title{}

#DisplayContentItem .cms-title h1{}

#DisplayContentItem .cms-back{}

#DisplayContentItem .cms-back a{}

#Home .top-left .header{
  position:relative;
  top:0px;
  left:-20px;
  padding:0 0 5px 0;
}

#Home .top-right{
  position:relative;
  top:0px;
  left:0px;
  width:476px;
  height:302px;
  float:right;
  background:#000000;
  margin:0 0 6px 0;
}

#Home .bottom-left{
  width:202px;
  height:201px;
  background:#4c4e5a;
  float:left;
  padding:0px 10px 10px 10px;
  overflow:auto; 
}

#Home .bottom-center{
  width:518px;
  height:201px;
  background:#4c4e5a;
  float:left;
  margin:0 6px;
  padding:0px 10px 10px 10px;
}

#Home .bottom-right{
  width:202px;
  height:201px;
  background:#4c4e5a;
  float:left;
  padding:0px 10px 10px 10px; 
  }

/***************/
/* Form Styles */
/***************/
/* Fieldset Styles */
fieldset{
  border:1px solid #000000;
  padding:10px 0 20px 0;
}

/* Legend Styles */
fieldset legend{
  padding:0 5px 0 5px;
}

/* Divs Holding Label, Input, and Errors */
fieldset div{
  position:relative;
  top:0px;
  left:0px;
  float:left;
  padding:2px 0 2px 0; /* Spacing */
}

/* Styling All the Labels */
fieldset div label{
  display:block;
  float:left;
  width:90px; /* Set Width Here */
  padding:2px 5px 0 0;
  text-align:right; 
  white-space:nowrap;
}

/* Styling the Input Elements */
fieldset div input,
fieldset div select,
fieldset div textarea{
  background:#ffffff;
  border:1px solid #000000;
}

/* Styles to Get Rid of Borders in IE for Radio and Check Boxes  */
fieldset div .checkbox input,
fieldset div .radiobox input{
  background:transparent;
  border:0px; 
}

/* Layer Errors on Top of Each Other */
fieldset div.error{
  position:absolute;
  top:0px;
  left:100%;
  width:auto;
  padding:3px 0 0 10px;
}

/* Required Field Marker Styles */
fieldset span.error{
   
}

/* Using br Tag to Clear the Floats */
fieldset br{
  clear:both; 
}

/* Holder for the Submit / Reset Buttons */
fieldset div#FormControls{
  padding:0 0 0 95px;
}

/* Submit / Reset Form Elements */
fieldset div#FormControls input{
  background:#ffffff;
  border:1px solid #000000;
  padding:2px 5px 2px 5px;
}