﻿/* A3 IT Solutions */
/* Initial Build: LMA DATE HERE */
/* Revisions:
   INITIAL HERE DATE HERE
*/

/* General Layout Styles */
html, body{
  width:100%;
  margin:0 0 0 0;
  text-align:center;
}

#container{
  width:942px;
  margin:0 auto 0 auto;
  text-align:left;
}

#header{
  width:942px;
}

#PClogo{
  width:210px;
  height:89px;
  float:left;
}

#utilityNav{
  width:522px;
  padding:5px 0 0 0;
  float:left;
  text-align:center;
}

#search{
  width:522px;
  float:left;
  text-align:center;
}

#PPlogo{
  width:210px;
  height:89px;
  float:right; 
}

#nav{
  position:relative;
  z-index:1000 !important;
  width:942px;
  height:35px;
  clear:both;
  background:url(/images/nav/background.jpg) no-repeat;
}

#leftNav{
  width:147px;
  min-height:443px;
  height:auto !important;
  height:443px;
  float:left;
  margin:6px 10px 20px 0;
  padding:10px 0 20px 15px;
  background:#333333;
  border:1px solid #000000;
}

#content{
  width:767px;
  min-height:443px;
  float:left;
  margin:3px 0 0 0;
}

#footer{
  width:944px;
  padding:10px 0 20px 0;
  clear:both;
  text-align:center;
}

#footer .top{
  clear:both;
  height:15px;
  line-height:15px;
  background:url(/images/footer/top.gif) no-repeat 0px 0px;
}

#footer .content{
  background:url(/images/footer/middle.gif) repeat-y 0px 0px;
}

#footer .content .left{
  width:300px;
  min-height:50px;
  height:auto !important;
  height:50px;
  float:left;
  padding:5px 0 0 130px;
  background:url(/images/footer/pc-logo.gif) no-repeat 1% 0%;
}

#footer .content .right{
  width:300px;
  min-height:50px;
  height:auto !important;
  height:50px;
  float:right;
  padding:5px 130px 0 0;
  background:url(/images/footer/pp-logo.gif) no-repeat 99% 0%;
}

#footer .bottom{
  clear:both;
  height:15px;
  line-height:15px;
  margin:0 0 10px 0;
  background:url(/images/footer/bottom.gif) no-repeat 0px 0px;
}

/* General Classes */
hr{
  height:1px;
  border:0px;
  background:#ff9900;
  color:#ff9900;
}

.modalBackground {
  background-color:Gray;
  filter:alpha(opacity=70);
  opacity:0.7;
}

.box{
  width:345px;
  min-height:184px;
  height:auto !important;
  height:184px;
  margin:0 0 10px 0;
  padding:0 0 5px 0;
  background:url(/images/boxBottom.jpg) no-repeat bottom left; 
}

.smallBox{
  width:280px;
  min-height:184px;
  height:auto !important;
  height:184px;
  margin:10px 0 0 0;
  padding:0 0 5px 0; 
  background:url(/images/boxSmallBottom.jpg) no-repeat bottom left; 
}

.bigBox{
  width:571px;
  min-height:199px;
  height:auto !important;
  height:199px;
  margin:10px 0 0 0;
  padding:0 0 5px 0; 
  background:url(/images/boxBigBottom.jpg) no-repeat bottom left; 
}

/* Home Styles */
#homeContainer{
  width:942px;
  margin:0 auto 0 auto;
  text-align:left;
}

#homeContent{
  width:942px;
  margin:3px 0 0 0;
}

#homeLeftColumn{
  width:355px;
  float:left;
  margin:0 6px 0 0; 
}

#homeRightColumn{
  width:571px;
  float:left;
  margin:0 0 0 6px;
}

#homeBottomLinks{
  clear:both;
  width:100%; 
  padding:10px 0 0 0;
}

#homeBottomLinks div{
  width:24%;
  float:left; 
  text-align:center;
}

#banners{
  position:relative;
  top:0px;
  left:0px;
  width:571px;
  height:388px;
}

#applications{
  width:280px;
  float:left;
  min-height:165px;
}

.moldHolder{
  position:relative;
  top:0px;
  left:0px;
  width:500px;
  margin:20px 0 10px 0; 
  float:right;
}

.moldHolder div{
  position:absolute;
  top:0px;
  left:0px;
}

/* Photo Gallery Styles */
#gallerySlides{
  width:570px;
  float:left;
  margin:0 0 0 10px;
}

#gallerySlides div{
  width:110px;
  height:110px;
  float:left;
  text-align:center;
}

#galleryAlbums{
  width:164px;
  float:right;
  padding:10px 0 20px 10px;
  background:#333333;
  border:1px solid #000000;
}

/* Popup Styles */
#popupContainer{
   padding:10px 30px 10px 30px;
   text-align:left;
}


/* Form Styles */
input, select, textarea{
  background:#eeeeee;
  border:1px solid #bd7100;
}

input[type="checkbox"]{
  background:transparent;
  border:0px;
}

input[type="button"], input[type="submit"]{
  background:#333333;
  border:3px double #ff9900;
  color:#ffffff;
  font-weight:bold;
  padding:3px;
}