/************************************************/
/*        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;
 }

/* Top Navigation Styles */
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/
/* (MAIN) Container */	
#qm0{	
	width:465px;
	background-color:transparent;
}

/* (MAIN) Items */	
#qm0 a{	
	width:70px;
	height:24px;
	padding:0 0 0 0;
	margin:0px;
	color:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	text-decoration:underline;
	text-align:left;
	line-height:14px;
}

/* (MAIN) Hover State */	
#qm0 a:hover{	
	text-decoration:none;
}

/* (MAIN) Hover State - (duplicated for pure CSS) */	
#qm0 li:hover>a{	
	text-decoration:none;
}

/* (MAIN) Active State */	
body #qm0 .qmactive, 
body #qm0 .qmactive:hover{	
	text-decoration:none;
}

/* (SUB) Container */	
#qm0 div, 
#qm0 ul{	
	padding:0 0 0 0;
	margin:-1px 0px 0px;
	background:#005A9C;
	border:1px solid #ffffff;
}

/* (SUB) Items */	
#qm0 div a, 
#qm0 ul a{	
  width:auto;
  height:20px;
	padding:0 30px 0 10px;
	background:#005A9C;
	font-size:11px;
	line-height:20px;
	text-decoration:none;
}

/* (SUB) Hover State */	
#qm0 div a:hover{	
	background:#8c8a8a;
	text-decoration:underline;
}

/* (SUB) Hover State - (duplicated for pure CSS) */	
#qm0 ul li:hover>a{	
	background:#8c8a8a;
	text-decoration:underline;
}

/* (SUB) Active State */	
body #qm0 div .qmactive, 
body #qm0 div .qmactive:hover{	
  
}

/* Individual Vertical Dividers */	
#qm0 .qmdividery{	
	border-left:30px solid transparent;
	height:24px;
	margin:0px;
}