﻿/************************************************/
/*        Written by: Lars Michael Astrom       */
/*            2008 A3 IT Solutions              */
/************************************************/

/* General Layout Styles */
body,html {
  width:100%;
  margin:0 0 0 0;
  text-align:center;
  background:#f5f9fc url(/images/background.jpg) repeat-x top center;
}

#container{
  position:relative;
  top:0px;
  left:0px;
  width:974px;
  margin:0 auto 0 auto;
  text-align:left;
  background:#f1f6fa;
  border:1px solid #005a9c;
  border-top:0px;
}

#header{
  width:974px;
  min-height:90px;
  background:url(/images/header/background.jpg) no-repeat;
}

#logo{
  float:left; 
}

#utilityNav{
  width:600px;
  padding:0 15px 15px 0;
  float:right;
  text-align:right;
  color:#ffffff;
}

#topNav{
  width:600px;
  padding:0 20px 0 0;
  float:right;
  text-align:right;
}

#rightImages{
  position:relative;
  top:-33px;
  right:10px;
  float:right;
  width:280px;
}

#content{
  width:612px;
  min-height:577px;
  height:auto !important;
  height:577px;
  margin:10px 0 3px 20px;
  padding:10px 20px 10px 20px;
  background:#ffffff;
  border:1px solid #b2cde1;
}

#pageTitle{
  width:642px;
  height:27px;
  padding:3px 0 0 10px;
  margin:10px 0 3px 20px;
  background:url(/images/pageTitle.jpg) repeat-x; 
}

#footer{
  width:974px;
  background:#005a9c;
  text-align:center;
  clear:both;
}

hr{
  height:1px;
  background:#8c8a8a;
  color:#8c8a8a; 
}

/* Home Page Layout Styles */
#homeContent{
  width:974px;
  float:left;
}

#homeLeftColumn{
  width:560px;
  padding:20px 0 0 20px;
  float:left;
}

.newsItem{
  width:207px;
  margin:10px;
  padding:0 0 5px 0;
  border-bottom:1px solid #454545;
  
  font-family:Arial, Verdana, Sans-Serif;
  font-size:11px;
  color:#ffffff;
  line-height:16px;
}

.homeText{
  width:250px;
  height:100px;
  float:left;
  margin:0 20px 0 0; 
}

#homeRightColumn{
  padding-top:30px;
  width:380px;
  float:left;
}

#homeCaseStudies{
  position:relative;
  top:0px;
  left:0px;
  width:160px;
  height:197px;
  padding:5px 25px 0 28px;
  margin:10px 0 0 0;
  background:url(/images/home/caseStudy.jpg) no-repeat;
}

#homeCaseStudyVideo{
  position:absolute;
  top:39px;
  left:8px;
  text-align:center;
}

#homeTestimonials{
  padding:0 10px 0 10px;
}

/* Gallery */

#leftColumn{
  width:178px;
  height:300px;
  padding:0 4px 0 0px;
  margin:0 0 10px 0;
  float:left;
  overflow:auto;
}

#rightColumn{
  position:relative;
  top:0px;
  width:425px;
  height:285px;
  float:right;
}

#galleryHolder{
  width:600px;
  margin:10px 0 0 0; 
}

#scrollingGallery{
  width:600px;
  float:left;
  height:135px;
  padding:0 0 0 0;
  overflow:auto; 
}

#titleOverlay{
  position:absolute;
  top:282px;
  left:0px;
  height:18px;
  padding:0 10px 0 10px;
  background:#025b9d;
  /* Font Styles */
  font-family:Verdana, Arial, Sans-Serif;
  font-size:11px;
  color:#ffffff;
  line-height:18px;
}


/* Form Elements */
input{
  border:1px solid #000000;
  background:#ffffff;
  font-size:12px; 
}

.label{
    text-align:right;
    font-family:Arial, Verdana, Sans-Serif; 
    font-size:12px;
    font-weight:bold; 
    color:#000000; 
    line-height:18px;
}

.noborder{
 border:0;
 }
