/* A3 IT Solutions */
/* Initial Build: LMA 05/29/2008 */
/* Revisions:
   INITIAL HERE DATE HERE
*/

/* General Layout Styles */
html, body{
  width:100%;
  margin:0 0 0 0;
  text-align:center;
  background:#000000;
}

#container{
  position:relative;
  top:0px;
  left:0px;
  width:864px;
  margin:70px auto 10px auto;
  padding:0 0 2px 0;
  text-align:left;
  background:#ffffff;
}

#header{
  position:relative;
  top:0px;
  left:0px;
  width:864px;
  height:170px;
  background:url(/images/header/topCorner.gif) no-repeat top right;
}

#userMenu{
  width:554px;
  padding:2px 0 0 50px;
  float:left; 
}

#utilityNav{
  height:29px;
  padding:31px 97px 0 0;
  float:right;
}

#utilityNav img{
  float:left; 
}

#testimonials{
  position:absolute;
  top:50px;
  left:50px;
  width:350px;
}

#nav{
  position:relative;
  top:0px;
  left:0px;
  width:864px;
  overflow:hidden;
  height:82px;
  background:url(/images/nav/background.gif) no-repeat 2px 0px;
}

#nav .item{
  float:left;
  padding:0 0 0 2px;
}

#sectionNav{
  width:608px;
  height:20px;
  padding:4px 0 0 254px;
  clear:both;
  overflow:hidden;
}

#sectionNav #scroller{
  position:absolute;
  top:56px;
  left:2px;
  width:254px;
  height:20px; 
  padding:4px 0 0 0;
  background:#000000;
  text-align:center;
}

#subNav{
  width:576px;
  height:20px;
  overflow:hidden; 
  margin:0 0 0 30px;
}

#subNav.beforeAfter{
  width:100%;
  text-align:center;
  background:url(/images/nav/subNavCorner.gif) no-repeat top right;
  border-bottom:2px solid #ffffff; 
  margin:0;
}

#subNav #scroller{
  position:absolute;
  top:0px;
  left:0px;
  width:20px;
  height:13px; 
  padding:7px 5px 0 5px;
  text-align:center;
}

#leftColumn{
  position:relative;
  top:0px;
  left:0px;
  width:222px;
  height:362px;
  float:left;
  background:url(/images/leftBackground.gif) no-repeat 2px 0px;
  margin:2px 0 2px 0px;
  padding:0 17px 0 17px;
  overflow:auto;
}

#leftColumn.beforeAfter{
  width:708px;
  padding:0 2px 0 2px;
  background:#ffffff;
}

#rightColumn{
  position:relative;
  top:0px;
  left:0px;
  width:591px;
  height:347px;
  float:left;
  background:#000000 url(/images/rightBackground.gif) no-repeat 0px 0px;
  margin:2px 1px 2px 0;
  padding:15px 0 0 15px;
  overflow:auto;
}

#rightColumn.landingPage{
  width:606px;
  height:362px;
  padding:0 0 0 0;
}

#rightColumn.beforeAfter{
  width:120px;
  height:362px;
  padding:0 15px 0 15px;
}

#rightColumnWhite{
  width:607px;
  height:362px;
  float:left;
  background:#ffffff;
  margin:2px 1px 2px 0;
  overflow:auto;
}

#footer{
  position:relative;
  top:0px;
  left:0px;
  width:860px;
  height:28px;
  margin:0 2px 0 2px;
  background:url(/images/footer/background.gif) no-repeat 0px 0px;
  clear:both;
}

#footer #poweredBy{
  position:absolute;
  top:28px;
  left:0px;
  width:860px;
  text-align:center;
}

#footer #map{
  width:60px;
  height:28px;
  padding:0 0 0 5px;
  display:block;
  float:left;
  background:url(/images/footer/map.gif) no-repeat 0px 0px;
}

#footer #map:hover{
  background:url(/images/footer/pixel.gif) no-repeat 0px 0px;
}

#footer #news{
  width:140px;
  height:28px;
  display:block;
  float:right;
  padding:0 10px 0 0;
  text-align:center;
  background:url(/images/footer/news.gif) no-repeat 0px 0px;
}

#footer #news:hover{
  background:url(/images/footer/pixel.gif) no-repeat 0px 0px;
}

/* Home Page Style */
.loading-invisible{
  display:none;
}

.loading-visible{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#000000;
  z-index:1000;
}

.intro{
  width:50%;
  height:50%;
  position:absolute;
  margin:100px 25% 0 25%;
  top:0px;
  left:0px;
  z-index:1001;
}

/* Form Styles */
.label{
  width:130px;
  float:left;
  text-align:right;
}

.errors{
  position:absolute;
  top:0px;
  left:350px;
}

input, select{
  background:#ffffff;
  border:1px solid #000000;
}

button, submit{
  background:#ffffff;
  border:1px solid #000000;
}