/* Last update: 3/14/06 */

body { 
  margin:0;
  padding:0;
  background:#fff;
  color:#000;
  font-family: Verdana,Arial,Sans-serif;
  font-size:small;
  } html>body {font-family: Verdana,Arial,Sans-serif; font-size:small;}
  
/* logo */
#header {
  background:#fff;
  height:120px;
  margin-right:0px; 
  /*border-bottom:7px solid #00547D;*/

  } html>body #header {height:114px;}
#logo {
  position:absolute;
  top:0px; left:0px;
  width:300px;
  }
  
/* main nav */
#nav {
  position:relative;
  margin-left:330px;
  height:100%;
  }
#nav div {
  position:absolute;
  width:450px;
  bottom:0;
  padding-top:5px;
  left:0;
  padding-left:4px;
  padding-right:4px;
}
#nav span { vertical-align: bottom; font-size: 16px; font-weight:normal; color: #00547D; font-family: Verdana, Arial, sans-serif; text-decoration: none;}
/* transpball.gif shoves text down on IE */
#nav a { vertical-align: text-top; font-size: 10px; font-weight: bold; color: #00547D; font-family: Verdana, Arial, sans-serif; text-decoration: none; 
		padding-top: 15px; background-image: url(../images/transpball.gif); background-repeat:no-repeat; background-position:top center; height: 20px}
#nav a.highlight  { padding-top: 15px; background-image: url(../images/yellowball.gif); background-repeat:no-repeat; background-position:top center; height: 20px}
#nav a:hover { padding-top: 15px; background-image: url(../images/yellowball.gif); background-repeat:no-repeat; background-position:top center; height: 20px}

/* home page tag line */
#tagline { background-image: url(../images/tagline.gif); background-repeat:repeat-x; padding:0; height:45px;} 
/*#tagline {
  background:#97ADC2; 
  margin:0;
  padding:0;
  border-width:0;
  height:45px;
} */
#tag {
  position:absolute;
  top: 135px;
  left: 15px;
  width:732px;
}

/* common page lines */ 
#darkblueline { background-image: url(../images/darkblueline.gif); background-repeat:repeat-x; padding:0; height:7px; 
		overflow-y: hidden; } /* ie hack */
#bluelines {background-image: url(../images/bluelines.gif); background-repeat:repeat-x; padding:0; height:25px}
#grayline { background-image: url(../images/grayline.gif); background-repeat:repeat-x; padding:0; height:7px; overflow-y: hidden;} 


/* home page stuff */
#hometable {
	width:500px;
	padding:5px;
	position:absolute;
	margin-top:50px;
	margin-left:180px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size : 12px;
	font-style: normal; 
	font-weight: normal; 
	color : #000;
}
#reliable {
	position:absolute;
	margin-left:0px;
}
#solutions {
	position:absolute;
	margin-left:112px;
	margin-top:26px;
}
#drupal {
	position:absolute;
	margin-top:50px;
	margin-left:440px;
}
#happy {
	position:absolute;
	margin-top:220px;
	margin-left:120px;
}
#clients {
	position:absolute;
	margin-top:245px;
	margin-left:285px;
}
#tourlink {
	position:absolute;
	margin-top:350px;
	margin-left:370px;
	height:30px;
	width:200px;
}
/* home page body links */
a.homelink:link { text-decoration: none; color: #00547D; font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; }
a.homelink:visited { text-decoration: none; color: #80AAC2; font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; }
a.homelink:hover { text-decoration: underline; color: #80AAC2; font-family: Verdana, Arial, sans-serif; font-size: 14px; font-weight: bold; }


/* footer - used for home page positioning only*/
#footer {	
	position:absolute;
    margin-top:475px;
	margin-left:260px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size : 10px;
	font-style: normal; 
	font-weight: normal; 
	color : #666;
}
/* end home page stuff */

/* subheader title background */
.bluegreybg {background-color: #80AAC2; vertical-align: middle; }  

/* white lettering */
.pageHeaderWhite  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	color : #FFFFFF;
}

/* site links */
a:link { text-decoration: none; color: #00547D; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
a:visited { text-decoration: none; color: #80AAC2; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
a:hover { text-decoration: underline; color: #80AAC2; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }

/* portfolio left subheader */
.bluebg { background-color: #00547D; vertical-align: middle; }

/* porfolio left nav links */
a.body:link { text-decoration: none; color: #006699; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
a.body:visited { text-decoration: none; color: #006699; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
a.body:hover { text-decoration: underline; color: #006699; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }

a.section:link { text-decoration: none; color: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
a.section:visited { text-decoration: none; color: #ffffff; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }
a.section:hover { text-decoration: none; color: #006699; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; }


.greybg { background-color : #EEEEEE; vertical-align: middle; }



.graybg {background-color: #aab6ba; vertical-align: middle; }

.dkgraybg {background-color: #999999; vertical-align: middle; }

.bodyFont  {
	color: #000000;
	font-size : 10px;
	font-Family : Verdana, Arial, Helvetica, sans-serif;
	font-Weight : normal;
}

.bodyFontBold  {
	color: #000000;
	font-size : 10px;
	font-Family : Verdana, Arial, Helvetica, sans-serif;
	font-Weight : bold;
}

.bodyFontGrey { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size : 10px;
	font-style: normal; 
	font-weight: normal; 
	color : #666666;
}

.bodyFontBlue { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size : 10px;
	font-style: normal; 
	font-weight: normal; 
	color : #00547D;
}

.onlink  { color: #010066; font-size : 11px; font-Family : Verdana, Helvetica, sans-serif; font-Weight : normal; }
	
.smallButton  {
	font-size : 10px;
	font-Family : Arial, Helvetica, sans-serif;
	font-Weight : normal;
}

.subHeader  {
	font-size : 14px;
	font-Family : Arial, Helvetica, sans-serif;
	font-Weight : bold;
	color : #000000;
}

.indexHeader  {
	font-size : 16px;
	font-Family : Arial, Helvetica, sans-serif;
	font-Weight : bold;
	color : #000099;
}
.subHeaderGrey  {
	font-size : 16px;
	font-Family : Arial, Helvetica, sans-serif;
	font-Weight : bold;
	color : #808080;
}

.subHeaderBlue  {
	font-size : 14px;
	font-Family : Arial, Helvetica, sans-serif;
	font-Weight : Bold;
	color : #000099;
}

.leftnav:hover	{
 	color : #000000; 
}

.cursorhand  {
	cursor : hand;
}

.star	{
 	color : #CC3366; 
}

/* P {
	font-size : 12px;
	font-Family : Verdana, Arial, Helvetica, sans-serif;
	font-Weight : normal;
} */



.printFont  {
	font-size : 12px;
	font-Family : Arial, Helvetica, sans-serif;
	font-Weight : normal;
}



.bodyFontWhite  {
	font-size : 12px;
	font-Family : Verdana, Arial, Helvetica, sans-serif;
	font-Weight : normal;
	color : #FFFFFF;
}

.tableHeader  {
	font-size : 14px;
	font-Family : Verdana, Arial, Helvetica, sans-serif;
	font-Weight : normal;
	color : #FFFFFF;
}

.tableHeaderBold  {
	font-size : 14px;
	font-Family : Verdana, Arial, Helvetica, sans-serif;
	font-Weight : bold;
	color : #FFFFFF;
}

.tableWhiteBold  {
	font-size : 10px;
	font-Family : Verdana, Arial, Helvetica, sans-serif;
	font-Weight : bold;
	color : #FFFFFF;
}

.tablewhite  {
	font-size : 12px;
	font-Family : Verdana, Arial, Helvetica, sans-serif;
	font-Weight : normal;
	color : #FFFFFF;
}

.tableFont  {
	font-size : 10px;
	font-Family : Arial, Helvetica, sans-serif;
	font-Weight : normal;
}

.tableFontBold  {
	font-size : 10px;
	font-Family : Arial, Helvetica, sans-serif;
	font-Weight : bold;
}

.buttonFont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: 606060;
}