/* 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:#e7e3d9 url(images/background.gif) repeat-y top center;
}

/* Zeroing out margins on form tags */
form{
  margin:0 0 0 0;
}

/* Site Container */
#Container{
  width:997px;
  margin:0 auto 0 auto;
  background:#ffffff;
  text-align:left;
}

/* Header Div */
#Header{
  width:997px;
  height:138px;
  padding:0 0 9px 0;
}

/* Logo Div */
#Logo{
  width:494px;
  height:138px;
  background:url(images/logo.gif) no-repeat 0px 0px;
  float:left;
}

/* Transparent Gif in Logo Div */
#Logo img{
  width:494px;
  height:138px;
  border:0px;
}

#Nav{
  width:503px;
  height:60px;
  float:left;
  padding:78px 0 0 0;
}

#Banner{
  padding:0 0 6px 0;
}

#Content{
  background:url(images/content.gif) repeat-x 0px 0px;
  padding:9px;
}

#Content .left{
  width:188px;
  float:left;
  margin:0 9px 0 0;
  padding:15px 25px 15px 25px;
  background:#ffffff; 
}

#Content .left a{
  display:block;
  padding:0 0 20px 0;

  font-size:16px;
  font-weight:bold;
  color:#847b77;
  text-decoration:none;
  white-space:nowrap;
}

#Content .left a span{
  font-size:14px;
  font-weight:normal;
  color:#bfb6a3;
  text-decoration:none;
  text-transform:uppercase;
}

#Content .left a.active,
#Content .left a:hover{
  color:#c41230;
}

#Content .left a.active span,
#Content .left a:hover span{
  color:#bfb6a3;
}

#Content .right{
  position:relative;
  top:0px;
  left:0px;
  width:444px;
  min-height:550px;
  height:auto !important;
  height:550px;
  float:left;
  padding:25px 263px 25px 25px;
  background:#ffffff url(images/watermark.gif) no-repeat 95% 95%; 
}

#Footer{
  padding:15px 0 10px 0;
  clear:both;
  border-top:12px solid #e7e3d9;
}

/**************/
/* CMS Styles */
/**************/
#DisplayContentItem{}

#DisplayContentItem .cms-content{}

#DisplayContentItem .cms-title{}

#DisplayContentItem .cms-back{
  padding:5px 0 5px 0;
}

/**********************/
/* Testimonial Styles */
/**********************/
#Content #Testimonial{
  position:absolute;
  top:0px;
  right:0px;
  width:188px;
  min-height:315px;
  height:auto !important;
  height:315px;
  padding:0 25px 25px 25px;
  background:url(images/testimonial.gif) no-repeat 0px 0px;
}

#Home #Testimonial{
  position:relative;
  top:0px;
  left:0px;
  width:570px;
  min-height:65px;
  height:auto !important;
  height:65px;
  padding:26px 95px 0 320px;
  clear:both;
  text-align:right;
}

#Content #Testimonial .quote{
  width:100%;
  height:100px
}

#Home #Testimonial .quote{
  position:absolute;
  top:0px;
  right:-8px;
  width:90px;
  height:125px;
}

#Testimonial .one{
  background:url(images/quote1.gif) no-repeat center center;
}

#Testimonial .two{
  background:url(images/quote2.gif) no-repeat center center;
}

#Testimonial .three{
  background:url(images/quote3.gif) no-repeat center center;
}

#Testimonial .four{
  background:url(images/quote4.gif) no-repeat center center;
}

#Testimonial .five{
  background:url(images/quote5.gif) no-repeat center center;
}

/***************/
/* Home Styles */
/***************/
#Home{
  background:#ffffff;
}

#Home .content{
  padding:9px 5px 9px 4px;
  background:#ffffff url(images/home/content.gif) repeat-x 0px 0px;
}

#Home .banner{
  position:relative;
  width:997px;
  height:246px;
  overflow:hidden;
  border-bottom:6px solid #ffffff;
  background:#ffffff url(/images/home/relationships.jpg) no-repeat 110px 0px;
}

#Home .banner ul {
  list-style:none;
  display:block;
  height:246px;
  width:1994px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#Home .banner ul li {
  float:left;
  cursor:default;
}

#Home .banner ul li a {
  text-indent:-1000px; /* Hides Text */
  background:#ffffff none repeat scroll 0%;
  display:block;
  cursor:default;
  overflow:hidden;
  width:55px;
  height:246px;
}

#Home .banner ul li.relationships a {
  background: url(/images/home/relationships.jpg) repeat scroll 0%;
  min-width:887px; /* Ensures that the last image is open */
  width:auto !important;
  width:887px;
}

#Home .banner ul li.timing a {
  background: url(/images/home/timing.jpg) repeat scroll 0%;
}

#Home .banner ul li.trust a {
  background: url(/images/home/trust.jpg) repeat scroll 0%;
}

#Home .services-box{
  width:214px;
  height:214px;
  float:left;
  display:inline; /* Fixes IE6 Double Margin Bug */
  margin:0 4px 0 5px;
  padding:0 12px 0 12px;
  background:#ffffff;
}

#Home .services-box a{
  display:block;
  padding:20px 0 0 0;
  text-align:center;
}   

/***************/
/* Form Styles */
/***************/
/* Fieldset Styles */
fieldset{
  border:0px;
}

/* Legend Styles */
fieldset legend{
   
}

/* Divs Holding Label, Input, and Errors */
fieldset div{
  position:relative;
  top:0px;
  left:0px;
  float:left;
  padding:10px 0 10px 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:10px 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:0 10px 0 10px;
}