/* 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:10px 0 0 0;
  text-align:center;
}

html{
  background:url(images/tile.gif);
}

body{
  background:url(images/background.gif) no-repeat top center; 
}

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

/* Web Site Container / Wrapper */
#container{
  position:relative;
  top:0px;
  left:0px;
  width:984px;
  height:726px;
  margin:0 auto 0 auto;
  text-align:left;
}

/* Header Div */
#header{
  position:relative;
  top:0px;
  left:0px;
  width:984px;
  height:109px;
}

/* Logo Div */
#logo{
  width:165px;
  height:109px;
  float:right;
}

/* Transparent Gif in Logo Div */
#logo img{
  width:165px;
  height:109px;
  border:0px; 
}

/* Slogan or Call to Action Div */
#slogan{
  width:400px;
  height:30px;
  padding:13px 0 13px 0;
  float:left;
  background:url(images/header/slogan.gif) no-repeat 15px 13px;
}

/* Bread Crumb Div */
#breadCrumb{
  width:215px;
  padding:8px 0 0 15px;
  float:left;
}

/* Top Utility Navigation Div */
#topUtilityNav{
  position:absolute;
  top:0px;
  right:205px;
  text-align:right;
}

/* Utility Navigation Div */
#utilityNav{
  width:350px;
  padding:8px 42px 0 0;
  float:right;
}

/* Main Site Navigation Div */
#nav{
  width:800px;
  height:24px;
  padding:0 0 0 15px;
  float:left;
}

/* Main Site Navigation Link Holder */
#nav div{
  height:14px;
  float:left;
  padding:10px 7px 0 25px;
}

#search{
  height:30px;
  padding:10px 0 0 0;
}

/* Content Div */
#content{
  width:984px;
  background:#000000;
}

#pageHeader{
  width:470px;
  height:30px;
  float:left; 
  padding:10px 0 0 58px;  
}

/* Page Navigation Div */
#pageNavigation{
  width:259px;
  height:416px;
  float:right;
  padding:40px 13px 0 0;
}

/* Page Content Div */
#pageContent{
  position:relative;
  width:687px;
  height:416px;
  background:#242424;
  overflow:hidden;
  margin:0 0 0 13px;
  padding:0 0 0 0;
  float:left;
}

/* Unordered List to Hold Page Content 
#pageContent ul{
  margin:0 0 0 0;
  padding:0 0 0 0;
  list-style:none;
}*/

/* Unordered List Styles 
#pageContent ul li{
  width:687px;
  height:416px;
  margin:0 0 0 0;
  padding:0 0 0 0;
  float:left;
  display:inline;
}*/

/* Resetting the Unordered List Styles */
#pageContent ul li ul{
  margin:10px 10px 10px 30px;
  padding:0px 10px 0 10px;
}

#pageContent ul li ul li{
  min-height:0px;
  height:auto !important;
  height:0px;
  padding:0 0 0 10px;
  background:url(images/bullet.gif) no-repeat 0px 4px;
}

#pageContent ul.omitStyles{
  margin:10px 10px 10px 30px;
  padding:0px 10px 0 10px;
}

#pageContent ul.omitStyles li{
  width:100%;
  min-height:0px;
  height:auto !important;
  height:0px;
  float:none;
  display:list-item;
  padding:0 0 0 10px;
  background:url(images/bullet.gif) no-repeat 0px 4px;
}

#testimonials{
  width:928px;
  min-height:63px;
  height:auto !important;
  height:63px;
  margin:0 0 0 13px;
  padding:10px 10px 10px 20px;
  background:#242424;
  border-top:13px solid #000000;
  border-bottom:13px solid #000000; 
}

/* Footer Div */
#footer{
  width:984px;
  height:9px;
  clear:both;
  text-align:center;
  padding:10px 0 0 0;
}

/* Partner Div */
#partners{
  width:972px;
  height:71px;
  background:#ffffff;
  border:1px solid #000000;
  padding:15px 5px 10px 15px;
  margin:13px 0 0 0;
}

#partners div{
  float:left;
  padding:0 3px 0 3px;
}

/************************/
/* Home Specific Styles */
/************************/

/* Home News Divs */
#homeNews{
  width:159px;
  height:260px;
  float:right;
  padding:5px 20px 0 20px;
  background:url(/images/home/news.gif) no-repeat 10px 5px;
}

#homeMessage{
  width:755px;
  height:77px;
  float:left;
  padding:0 0 0 12px;
  overflow:hidden;
}

#homeFlash{
  float:left;
  padding:0 0 0 7px;
}

#homeBottomBoxes{
  width:990px;
  padding:20px 0 0 7px;
}

#homeBottomBoxes div{
  position:relative;
  top:0px;
  left:0px;
  width:110px;
  height:122px;
  float:left;
  padding:40px 35px 9px 20px;
  cursor:pointer;
}

#homeBottomBoxes div img{
  position:absolute;
  top:0px;
  left:4px;
}

#homeBottomBoxes div img:hover{
  opacity:0;
  filter:alpha(opacity=0);
}

#homeBottomBoxes #homeMarketing{
  background:url(/images/home/marketing_bg.jpg) no-repeat 4px 0px;
}

#homeBottomBoxes #homeManage{
  background:url(/images/home/manage_bg.jpg) no-repeat 4px 0px;
}

#homeBottomBoxes #homeDevelopment{
  background:url(/images/home/development_bg.jpg) no-repeat 4px 0px;
}

#homeBottomBoxes #homeInteractive{
  background:url(/images/home/interactive_bg.jpg) no-repeat 4px 0px;
}

#homeBottomBoxes #homeConsulting{
  background:url(/images/home/consulting_bg.jpg) no-repeat 4px 0px;
}

#homeBottomBoxes #homeGovernment{
  background:url(/images/home/government_bg.jpg) no-repeat 4px 0px;
}

/***************************/
/* Section Specific Styles */
/***************************/
/* Main Site Navigation Link Triangles */
#nav div.marketing{
  background:url(images/nav/marketing.gif) no-repeat 0px 0px;
}

#nav div.manage{
  background:url(images/nav/manage.gif) no-repeat 0px 0px;
}

#nav div.development{
  background:url(images/nav/development.gif) no-repeat 0px 0px;
}

#nav div.interactive{
  background:url(images/nav/interactive.gif) no-repeat 0px 0px;
}

#nav div.consulting{
  background:url(images/nav/consulting.gif) no-repeat 0px 0px;
}

#nav div.government{
  background:url(images/nav/government.gif) no-repeat 0px 0px;
}

/* Page Header Backgrounds */
#pageHeader{
  background:url(/images/icon.gif) no-repeat 13px 0px;
}

#pageHeader.marketing{
  background:url(/images/marketing/icon.jpg) no-repeat 13px 0px;
}

#pageHeader.manage{
  background:url(/images/manage/icon.jpg) no-repeat 13px 0px;
}

#pageHeader.development{
  background:url(/images/development/icon.jpg) no-repeat 13px 0px;
}

#pageHeader.interactive{
  background:url(/images/interactive/icon.jpg) no-repeat 13px 0px;
}

#pageHeader.consulting{
  background:url(/images/consulting/icon.jpg) no-repeat 13px 0px;
}

#pageHeader.government{
  background:url(/images/government/icon.jpg) no-repeat 13px 0px;
}

/* Right Navigation Link Backgrounds */
#pageNavigation.marketing{
  background:url(/images/marketing/main.jpg) no-repeat bottom left;
}

#pageNavigation.manage{
  background:url(/images/manage/main.jpg) no-repeat bottom left;
}

#pageNavigation.development{
  background:url(/images/development/main.jpg) no-repeat bottom left;
}

#pageNavigation.interactive{
  background:url(/images/interactive/main.jpg) no-repeat bottom left;
}

#pageNavigation.consulting{
  background:url(/images/consulting/main.jpg) no-repeat bottom left;
}

#pageNavigation.government{
  background:url(/images/government/main.jpg) no-repeat bottom left;
}

/***************/
/* Form Styles */
/***************/
.genericForm{
  padding:10px; 
}

.genericForm label{
  display:block;
  float:left;
  width:75px;
  padding:2px 5px 0 0;
  text-align:right; 
  white-space:nowrap;
}

.checkbox label{
  width:140px; 
}

.genericForm input, .genericForm textarea, .genericForm .dropdown{
  margin:2px 0 0 0; 
  float:left;
}

.genericForm br{
  clear:both; 
}


/* Textboxes and Drop Downs */
input, select, textarea{
  background:#ffffff;
  border:1px solid #000000;
}

.checkbox input{
  background:transparent;
  border:0px; 
}

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


/******************/
/* jScroll Styles */
/******************/
.scroll-pane{
  padding:15px 20px 15px 20px;
  width:647px;
  height:386px;
}

.jScrollPaneContainer {
  position:relative;
  overflow:hidden;
  z-index:1;
}

.jScrollPaneTrack {
  position:absolute;
  cursor:pointer;
  right:0;
  top:0;
  height:100%;
  background:#aaaaaa;
}

.jScrollPaneDrag {
  position:absolute;
  background:#666666;
  cursor:pointer;
  overflow:hidden;
}

.jScrollPaneDragTop {
  position:absolute;
  top:0;
  left:0;
  overflow:hidden;
}

.jScrollPaneDragBottom {
  position:absolute;
  bottom:0;
  left:0;
  overflow:hidden;
}

a.jScrollArrowUp {
  display:block;
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  text-indent:-2000px;
  overflow:hidden;
  /*background-color: #666;*/
  height:9px;
}

a.jScrollArrowUp:hover {
  /*background-color: #f60;*/
}

a.jScrollArrowDown {
  display:block;
  position:absolute;
  z-index:1;
  bottom:0;
  right:0;
  text-indent:-2000px;
  overflow:hidden;
  /*background-color: #666;*/
  height:9px;
}

a.jScrollArrowDown:hover {
  /*background-color: #f60;*/
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
  /*background-color: #f00;*/
}