@charset "UTF-8";

/* 
-------------------------
BILLBOARD.NET CSS STYLES 
-------------------------
*/

/*------------------------------------ GENERAL ---*/

body {
	margin:0;
	padding: 0;
	text-align: center;
	background-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	}
	
strong {
	color: #000;
	}
		
h1 {
	font-size:24px;
	color: #9F001C;
	font-weight: normal;
	margin-bottom: 5px;
	margin-top: 0px;
	}
	
h2 {
	font-size: 12px;
	color: #9F001C;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 5px;
	}
	
h3 {
	font-size:20px;
	color: #9F001C;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 0px;
	}
	
h4 {
	font-size: 12px;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 0;
	}
	
	
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #333;
	margin-top: 0;
	}
	
.orange {
	color: #9F001C;
	}
	
#clear {
	clear: both;
	}
	
.clear {
	clear: both;
	}
	
	
	
	
	
/*------------------------------------ WRAPPER ---*/
	
#wrapper {
	width: 788px;
	margin: 0 auto;
	text-align: left;
	background: url(images/outerglow.gif) repeat-y;
	}
	
	
	
	
	
/*------------------------------------ MASTHEAD (INCLUDES: LOGO, NAV, MASTHEAD IMAGE OF PEOPLE) ---*/
	
#masthead {
	width: 780px;
	height: 339px;
	margin: 0 0 0 4px;
	padding: 0;
	background: url(images/OrangeBlueMasthead2.png) no-repeat 0px 102px;
	}
	



/*------------------------------------ MASTHEAD (SECONDARY PAGES. INCLUDES: BACKGROUND STRIP, SECTION NAME IMAGES) ---*/
	
#masthead2 {
	width: 780px;
	height: 197px;
	margin: 0 0 0 4px;
	padding: 0;
	background: url(images/secBgStrip.jpg) repeat-x 0px 130px;
	}
	
	
#logo {
	float: left;
	margin-top: 22px;
	padding-left: 28px;
	width: 187px;
	}
	
/* TOP NAV IE7 hackS */

*:first-child+html #consult_ul{
	top: 15px;
}

*:first-child+html #dev_ul{
	top: 15px;
}

*:first-child+html #nav_container {
	margin-top: 17px;
	}

/***topnav***/

#nav_container {
	float:right;
	width: 555px;
	padding:0;
	margin:0;
		}
		
*html #nav_container {
	margin-top: 17px;
	}

#nav_container ul li {
  float: left;
  position: relative;
  list-style:none;
  width: 100px;
  padding:0;
  margin:0;
  width: 120px;
  line-height:15px;
  }
 
*html #nav_container ul li {
	line-height:17px;
	}
  
  
 /*home*/
 
 #nav_container ul li.home {
  float: left;
  position: relative;
  width: 60px;
  list-style:none;
  }
  
/*about us*/
 
 #nav_container ul li.aboutus {
  float: left;
  position: relative;
  width: 85px;
  list-style:none;
  }
 
/*consult*/
 
 #nav_container ul li.consulting {
  float: left;
  position: relative;
  list-style:none;
  width: 105px;
  }
  
 #nav_container ul li.consulting ul #consult_ul {
 	width: 115px;
	}
  
/*development*/
 
 #nav_container ul li.dev{
  float: left;
  list-style:none;
  width: 115px;
  }
  
  #nav_container ul li.dev ul #dev {
 	width: 115px;
	}
  
 /*projects*/
 
 #nav_container ul li.support{
  float: left;
  list-style:none;
  width: 85px;
  }
  
 /*contact*/
 
 #nav_container ul li.contactus{
  float: left;
  list-style:none;
  width: 75px;
  }
  
#nav_container ul li a {
  	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	color:#333;
	text-transform:uppercase;
	}
	
#nav_container ul li a:hover{ 
  color: #9F001C;
	}
  
#nav_container li ul {
  display: none;
  position: absolute;
  top: 20px;
  left: -40px;
  z-index:500;
  }
  
*html #nav_container li ul {
	display: none;
	position: absolute;
	top:100%;
	left: -40px; 
  }
  
  
#nav_container li ul li a {
 text-transform:none;
 margin:0;
 font-weight:normal;
 color:#666666;
  }

#nav_container li > ul {
	top: auto;
	left: -40px;
	}

#nav_container li:hover ul, #nav_container li.over ul{ 
	display: block;
 }


/***end topnav***/


/*** topnav selected ***/
body.home #nav_container ul li.home a {
	color: #9F001C;
	}
body.aboutus #nav_container ul li.aboutus a {
	color: #9F001C;
	}
body.consulting #nav_container ul li.consulting a {
	color: #9F001C;
	}
body.dev #nav_container ul li.dev a {
	color: #9F001C;
	}
body.projects #nav_container ul li.support a {
	color: #9F001C;
	}
body.contactus #nav_container ul li.contactus a {
	color: #9F001C;
	}
	
/* KEEP DROPDOWN DISPLAYED */
	
body.consulting #nav_container li ul#consult_ul, #nav_container li.over ul#consult_ul { 
	display: block;
 }
 
body.consulting #nav_container li ul#consult_ul a, #nav_container li.over ul#consult_ul a { 
	color: #666;
 }
 
body.consulting #nav_container li ul#consult_ul a:hover, #nav_container li.over ul#consult_ul a:hover { 
	color: #9F001C;
 }
 
body.dev #nav_container li ul#dev, #nav_container li.over ul#dev_ul { 
	display: block;
 }
 
body.dev #nav_container li ul#dev_ul a, #nav_container li.over ul#dev_ul a { 
	color: #666;
 }
 
body.dev #nav_container li ul#dev_ul a:hover, #nav_container li.over ul#dev_ul a:hover { 
	color: #9F001C;
 }



/*------------------------------------ SECTION HEAD IMAGES ---*/

#sectionhead {
	margin-top: 35px;
	padding-left: 29px;
	}
	
*html #sectionhead {
	margin-top: 36px;
	padding-left: 29px;
	}
	
	
	
	
/*------------------------------------ CONTENT AREA ---*/
	
#contentContainer {
	width: 780px;
	margin: 0 0 0 4px;
	background-color: #f0ebe6;
	padding: 0;
	}
	
#contentContainer a:link, #contentContainer a:visited {
	color: #9F001C;
	text-decoration: underline;
	}
	
#contentContainer a:hover {
	color: #000;
	text-decoration: none;
	}

/* HOMEPAGE ONLY */
#content {
	margin: 0px 28px;
	padding: 28px 0;
	}
	
/* SECONDARY PAGE CONTENT DIVS */
#secondaryContent {
	float: left;
	width: 245px;
	margin: 28px 0 0 15px;
	}
	


#maincontent {
	float: left;
	width: 435px;
	margin: 0 15px 0 28px;
	padding: 28px 20px 28px 0;
	border-right: 1px dotted #000;
	}
	
*html #maincontent {
	float: left;
	margin: 0 0 0 15px;
	padding: 28px 20px 28px 0;
	border-right: 1px dotted #000;
	width: 445px;
	}
	
*html #secondaryContent {
	float: left;
	width: 245px;
	margin: 28px 0 0 20px;
	}
	
	
/* ------- [projects ] ---*/

#projectContent {
	float: left;
	width: 435px;
	margin: 0 15px 0 28px;
	padding: 28px 20px 28px 0;
	}
	
.thumbContainer {
	margin: 5px 0 15px 0;
	width: auto;
	}
	
	
.thumbnails  {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 3px;
	}
	
	
	
/*------------------------------------ FOOTER ---*/
	
#footer {
	background-color: #333333;
	height: 67px;
	width: 780px;
	margin: 0px 0 0 4px;
	}
	
#copyright {
	float: left;
	margin-top: 25px;
	padding-left: 28px;
	}
	
#address {
	float: right;
	margin-top: 25px;
	padding-right: 28px;
	}
	
#copyright p, #address p {
	color: #fff;
	font-size: 11px;
	margin: 0;
	}
	
#btmshadow {
	width: 788px;
	height: 5px;
	background: url(images/btmglow.gif) no-repeat;
	margin: 0 auto;
	}
	
	
	
	
/* -------------------------------------- 4 COLUMNS ON HOMEPAGE ---*/
		
#leftcontent {
	float: left;
	width:160px;
	margin-top: 10px;
	margin-right: 25px;
	top:50px;
		}

#centerleftcontent {
	float:left;
	width:160px;
	margin-top: 10px;
	margin-right: 25px;
	top:50px;
	border-left: 1px dotted #000;
		}

#centerrightcontent {
	float:left;
	width:160px;
	margin-top: 10px;
	margin-right: 25px;
	top:50px;
	border-left: 1px dotted #000;
		}

#rightcontent {
	float: left;
	width:160px;
	margin-top: 10px;
	border-left: 1px dotted #000;
		}
		
#centerleftcontent p, #centerrightcontent p, #rightcontent p {
	margin: 0 0 0 10px;
	font-size: 11px;
	}

#leftcontent p {
	margin: 0;
	font-size: 11px;
	}	
	
#centerleftcontent h2, #centerrightcontent h2, #rightcontent h2 {
	font-size: 12px;
	color: #9F001C;
	text-transform: uppercase;
	margin: 0 0 5px 10px;
	}
	
	
/* ------------------------------------------------------- [ EMAIL FORM ] -- */


form p {
	margin-top: 5px;
	}

input, textarea {
	background-color: #fff;
	border: 1px solid #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 2px;
}

select {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	padding-top: 10px;
	padding-bottom: 2px;
	}

input:focus,
textarea:focus	{
	background-color: #fff;
}

input.button {
	background-color: #000;
	border: 1px solid #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	padding: 2px;
	margin-top: 3px;
	text-transform: uppercase;

}

input.button:hover {
	background-color: #9F001C;
	border: 1px solid #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	padding: 2px;
	margin-top: 3px;
}