/********ATTENTION!!! THE SETTINGS FOR THE INDEX HOME PAGE ONLY ARE AT BOTTOM OF THIS CSS PAGE*******/

body, html
{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/grey-background-1000x9.jpg);
	/* background tiled grey background */
	background-position: 0 0;
	background-repeat: repeat;
	display: block;
}

h1
{
	
	font-size: 150%;
	color: #000;
}


h2
{
	font-size: 130%;
	color: #0F4087;
}

h3
{	
	font-size: 120%;
	color: #0F4087;
	font-weight: bold;
}

p
{
	font-size: 12px;
}

#blockquote{
	font-size: 11px;
	margin-left: 20px;
}

#blockquote-sitemap{
	font-size: 11px;
	margin-left: 20px;
}

#blockquote-error
{
	font-size: 12px;
	margin-left: 15px;
}

/* testimony within content */
.indent
{
	margin-left: 12px;
	font-size: 10px;
	width: 345px;
}

/* wraps all divs also has repeating background*/
#wrapper
{
	width: 870px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 55px;
	position: relative;
}

/* wraps all divs a second time also has repeating background*/
#innerwrap
{
	width: 850px;
	height: auto;
	padding: 5px;
	padding-top: 0px;/* need this for no gap between header and main content */
	padding-bottom: 0px;/* need this for no gap between header and main content */
	background-image: url(../images/white-background-860x11.jpg);
	background-position: 0 100px;
	background-repeat: repeat-y;
	display: block;
	
}

/* holds all top nav content */ 
#header
{
	width: 838px;
	margin-left: 8px;
	height: 100px;
	background-image: url(../images/topnavbg-838x100.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	display: block;
	position: relative;
}

#header-bc
{
	width: 838px;
	margin-left: 8px;
	height: 100px;
	background-image: url(../images/topnavbg4-838x100.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	display: block;
	position: relative;
}

#header-cq
{
	width: 838px;
	margin-left: 8px;
	height: 100px;
	background-image: url(../images/topnavbg3-838x100.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	display: block;
	position: relative;
}

#header-cs
{
	width: 838px;
	margin-left: 8px;
	height: 100px;
	background-image: url(../images/topnavbg2-838x100.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	display: block;
	position: relative;
}

.content-header
{
	margin-left: -5px;
}

#welcome
{
	width: 185px;
	margin: 5px;
	padding: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-top: 10px;
	height: auto;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	}



/******************* top navigation menu settings****************************/
/******************* top navigation menu settings****************************/
/******************* top navigation menu settings****************************/
.top-nav-container
{
	position: absolute;
	top: 5px;
	left: 205px;
	height: auto;
	width: 56%; 
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font-family: arial, helvetica, sans-serif;
}


#nav a {
	display: block;
	padding-bottom: 25px;/* the distance between main nav and hovered list */
	width: 70px;
	text-decoration: none;
}


/* home button settings */
.home-button
{
	background-image: url(../images/nav-buttons/home-64x176.gif);
	background-repeat: no-repeat;
	background-position: 0 -98px;	
	height: 83px;
	width: 64px;
	display: block;
	
}

/* home button hover settings */
.home-button a:hover
{
	background-image: url(../images/nav-buttons/home-64x176.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;	
	height: 83px;
	width: 64px;
	display: block;
}

/* added height so that the entire background image would be selectable */
li.home-button a
{
	height: 63px;
}

/* services button settings */
.services-button
{
	background-image: url(../images/nav-buttons/services-64x176.gif);
	background-repeat: no-repeat;
	background-position: 0 -93px;
	margin-left: 4px;
	height: 67px;
	width: 64px;
	display: block;
	
}

/* services button hover settings */
.services-button a:hover
{
	background-image: url(../images/nav-buttons/services-64x176.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;	
	height: 67px;
	width: 64px;
	display: block;
}


* html .services-button 
{
		height: 100px;
		padding-bottom: 20px;
		margin-left: 2px;
}

/* added height so that the entire background image would be selectable */
li.services-button a
{
	height: 67px;
	
}

* html li.services-button a:hover
{
	width: 70px;
	height: 67px;
	
}

/* need height for ie */
* html li.services-button a
{
	height: 18px;
	
}

/* fixes the ie hover jogging up on hover */

* html li.services-button ul 
{
	position: relative;
	top: 90px;

}

/* clients button settings */
.clients-button
{
	background-image: url(../images/nav-buttons/clients-64x176.gif);
	background-repeat: no-repeat;
	background-position: 0 -93px;	
	height: 83px;
	width: 64px;
	display: block;
	margin-left: 6px;
}

* html .clients-button
{
	margin-left: 2px;
	padding-right: 2px;
	
}

/* clients button hover settings */
.clients-button a:hover
{
	background-image: url(../images/nav-buttons/clients-64x176.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;	
	margin-left: 0px;
	height: 65px;
	width: 64px;
	display: block;
}

/* added height so that the entire background image on hover would be selectable */
li.clients-button a
{
	height: 63px;
}

/* partners button settings */
.partners-button
{
	background-image: url(../images/nav-buttons/partners-64x176.gif);
	background-repeat: no-repeat;
	background-position: 0 -93px;	
	height: 83px;
	width: 64px;
	display: block;
	margin-left: 10px;
}

* html .partners-button
{
	margin-left: 1px;
	padding-right: 3px;
	
}

/* partners button hover settings */
.partners-button a:hover
{
	background-image: url(../images/nav-buttons/partners-64x176.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;	
	height: 65px;
	width: 64px;
	display: block;
}

/* added height so that the entire background image on hover would be selectable */
li.partners-button a
{
	height: 63px;
}

/* about button settings */
.about-button
{
	background-image: url(../images/nav-buttons/about-64x176.gif);
	background-repeat: no-repeat;
	background-position: 0 -93px;
	height: 83px;
	width: 64px;
	display: block;
	margin-left: 14px;
	
	
}

* html .about-button
{
	margin-left: -1px;
}
/* partners button hover settings */
.about-button a:hover
{
	background-image: url(../images/nav-buttons/about-64x176.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;	
	height: 65px;
	width: 64px;
	display: block;
	
}

* html .about-button
{
	margin-left: 4px;
	padding-left: 0px;
}

* html .about-button a:hover
{
	margin-left: 0px;
}

/* added height so that the entire background image on hover would be selectable */
li.about-button a
{
	height: 63px;
}


/* contact button settings */
.contact-button
{
	background-image: url(../images/nav-buttons/contact-64x176.gif);
	background-repeat: no-repeat;
	background-position: 0 -93px;
	height: 83px;
	width: 64px;
	margin-left: 12px;
	padding-left: 3px;
}

/* contact button hover settings */
.contact-button a:hover
{
	background-image: url(../images/nav-buttons/contact-64x176.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;	
	height: 65px;
	width: 64px;
}

* html .contact-button
{
	margin-left: 6px;
	padding-left: 0px;
}

/* added height so that the entire background image on hover would be selectable */
li.contact-button a
{
	height: 63px;
}

/* The next six rules were made for the blue background to appear
without hover while on that particular page. */
/* selected home page background for top nav */
#nav li .selected1
{

	background-image: url(../images/nav-buttons/home-64x176.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 64px;
	height: 65px;
	display: block;
	z-index: 100;
	
}

/* selected services page background for top nav */
#nav li .selected2
{

	background-image: url(../images/nav-buttons/services-64x176.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 64px;
	height: 65px;
	display: block;
	z-index: 100;
	
}
/* selected clients page background for top nav */
#nav li .selected3
{

	background-image: url(../images/nav-buttons/clients-64x176.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
/*	width: 64px;
	height: 65px;
	display: block;
	z-index: 100;
	*/
}

/* selected partners page background for top nav */
#nav li .selected4
{

	background-image: url(../images/nav-buttons/partners-64x176.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 64px;
	height: 65px;
	display: block;
	z-index: 100;
	
}
/* selected page background for top nav */
#nav li .selected5
{

	background-image: url(../images/nav-buttons/about-64x176.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 64px;
	height: 65px;
	display: block;
	z-index: 100;
	
}
/* selected contact page background for top nav */
#nav li .selected6
{

	background-image: url(../images/nav-buttons/contact-64x176.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 64px;
	height: 65px;
	display: block;
	z-index: 100;
	
}

#nav li { /* all list items */
	float: left;
	width: 64px; /* width needed or else Opera goes nuts */	
	text-decoration: none;
	
}

/* drop down ul container */
#nav li ul { /* second-level lists */
	position: absolute;
	background-image: url(../images/dropdownbg.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;	
	width: 185px;
	height: 170px;
	margin-left: -17px;
	padding-top: 0px;
	margin-top: -5px;
	padding-left: 4px;
	left: -999em; 
	/* using left instead of display to hide menus because display: none isn't read by screen readers */
}


/* THIS HAS TO STAY FOR IE6 TO WORK!!! */
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	
}

/* dropdown navigation highlighted selection button (orange bullseye image) */
.visited
{
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	
}

/* dropdown list  */
#nav li ul li
{
	line-height: 18px;
	white-space: nowrap;
	height: 18px;
	width: 185px;
	
}

/* dropdown links  */
#nav li ul li a
{
	padding-left: 20px;
 	padding-top: 2px;
 	padding-bottom: 0px; /* to keep the drop down from a padding of 20 bottom as stated in #nav li ul */
}

/* bullseye appears in top nav dropdown while hovering over link */
#nav li ul li a:hover
{

	line-height: 18px;
	height: 18px;
	background-image: url(../images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0;	
	padding-left: 20px;
	padding-top: 2px;
}
/*******************END top navigation menu settings****************************/
/*******************END top navigation menu settings****************************/
/*******************END top navigation menu settings****************************/


/* subheader directly below the header div */
#subheader
{
	
	width: 623px;
	float: left;
	clear: none;
	padding-left: 5px;
}
.logo 
{
	
}


/* subheader directly below the header div */
.inner-subheader
{
	margin: 5px;
	padding: 5px;
}




/* this is the inner side navigation div that holds the information */
/************************** BEGIN SIDENAV STYLES **********************************/
/************************** BEGIN SIDENAV STYLES **********************************/
/************************** BEGIN SIDENAV STYLES **********************************/

/* this is the outer div that holds the containers for the side navigation */
#sidenav
{
	width: 200px;
	padding-left: 5px;
	padding-bottom: 10px;
	min-height: 400px !important; 
	height: auto;
	float: left;
	clear: left;
	position: relative;
}
.inner-sidenav
{
	width: 185px;
	margin: 5px;
	padding: 5px;
	padding-left: 0px;
	padding-bottom: 10px;
	height: auto;
	
}

.inner-sidenav-contact
{
	width: 185px;
	margin: 5px;
	padding: 5px;
	padding-left: 0px;
	padding-bottom: 10px;
	height: auto;
	font-size: 11px;
	
}

.inner-sidenav ul
{
	list-style-type: none;
	padding-left: 0px;

	
}

*:first-child+html .inner-sidenav ul
{
	margin-left: 0px;
	
}

* html .inner-sidenav ul
{
	margin-left: 0px;

}

.inner-sidenav li
{
	line-height: 12px;
	display: block;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 20px;
	margin-top: 5px;
}


.inner-sidenav li a 
{
	
	font-size: 10px;
	text-decoration: none;
	color: #666666;
}

.inner-sidenav ul li a:hover
{
	width: 185px;
	white-space: nowrap;
}


/* bullseye appears in side nav while hovering over link */
.inner-sidenav li a:hover
{
	width: 48px;
	padding: 5px;
	padding-left: 20px;
	margin-left: -20px;
	padding-top: 5px;
	height: 15px;
	background-image: url(../images/sideorangedot-48x17.jpg);
	background-repeat: no-repeat;
	background-position: 2px 2px;

}

/* next 2 rules are settings for the sidenav in IE7 */
*:first-child+html .inner-sidenav li 
{
	
	padding-top: 0px;
	line-height: 12px;
	height: 12px;
}

/* hover rules for sidenav in ie7 */
*:first-child+html .inner-sidenav li a:hover
{
	position: relative;
	display: block;
	line-height: 12px;
	height: 22px;
	padding-top: 0px;
	padding-bottom: 2px;
	margin-bottom: 0px;
	background-position: 2px -2px;
	width: 100%;

}


/* next 2 rules are settings for the sidenav in IE6 */
* html .inner-sidenav li 
{

	padding-top: 0px;
	height: 14px;
	line-height: 12px;
	width: 100%;
	background-position: 2px -2px;
}

* html .inner-sidenav li a:hover
{
	position: relative;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 14px;
	line-height: 12px;
	background-position: 2px -2px;
	width: 100%;
}



/* orange dot for side navigation settings */
.inner-sidenav .highlight
{

	width: 48px;
	height: 17px;
	padding: 5px;
	padding-left: 20px;
	margin-left: -20px;
	background-image: url(../images/sideorangedot-48x17.jpg);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

/* targets IE7 only - valid CSS */
*:first-child+html .inner-sidenav .highlight
{
	display: block;
	width: 180px;
	padding: 0px;
	padding-left: 20px;
	margin-left: -20px;
	background-position: 2px -2px;
	
}

/* targets IE6 only - valid CSS  for */
* html .inner-sidenav .highlight
{
	display: block;
	width: 180px;
	padding: 0px;
	height: 14px;
	padding-left: 20px;
	margin-left: -20px;
	background-position: 2px -2px;
	/* need z-index and relative position for ie6  other wise the orange dot
	   falls under the structure and only half the highlight dot appears.*/
	z-index: 2001;
	position: relative;
}
.inner-sidenav li a:hover
{
	text-decoration: none;
	
}
/************************** END SIDENAV STYLES **********************************/
/************************** END SIDENAV STYLES **********************************/
/************************** END SIDENAV STYLES **********************************/


/* this is the outer div for the main middle column */
#content-wrapper
{
	width: 420px;
	min-height: 400px !important; 
	height: auto;
	float: right;
	clear: none;
	padding-bottom: 10px;
}

/* ie6 specific this is the outer div for the main middle column*/
* html #content-wrapper
{
	width: 426px;
	height: 500px;
}

/* this is the INNER div for the main middle column */
.content
{
	height: auto;
	z-index: +1;
	padding-left:12px;
	
}

/* phone number in main content text color */
.orange-type
{
	color: #FF6600;
	font-weight: bold;
	font-size: 12px;
}

.orange-type2
{
	color: #FF6600;
	font-weight: bold;
	font-size: 14px;
}

.orange-type3
{
	color: #FF6600;
	font-weight: bold;
	font-size: 16px;
}



.blue-type
{
	color: #0F4087;
	font-weight: bold;
	font-size: 12px;
}

.black-type
{
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}

.sem-list
{
	color:#000000;
	font-size:12px;
}

.odot
{
	position: relative;
	margin-left: -12px;
	
}

.blk-headertype
{
	color: #000000;
	font-weight: bold;
	font-size: 14px;
}

.blk-headertype2
{
	color: #000000;
	font-weight: bold;
	font-size: 16px;
}


/* this is the outer div for the 3rd column */
#third-column
{
	background-image: url(../images/gold-background-187x424.jpg);
	background-position: 12px -13px;
	background-repeat: no-repeat;
	display: block;
	width: 200px;
	padding-right: 19px;
	min-height: 400px !important; 
	height: auto;
	float: right;

}

#third-column-clients
{
	background-image: url(../images/white-background-187x424.jpg);
	background-position: 12px -13px;
	background-repeat: no-repeat;
	display: block;
	width: 200px;
	padding-right: 19px;
	min-height: 400px !important; 
	height: 300px;
	float: right;

}


/* this is the INNER div for the 3rd column */
.inner-third-column
{
	width: 160px;
	margin: 5px;
	margin-left: 25px;
	padding: 5px;
	height: auto;
}

#prefooter
{
	width: 100%;
	height: 150px;
	background-image: url(../images/testimonybg825x126.gif);
	background-position: 5px 10px;
	background-repeat: no-repeat;
	position: relative;
	
}

#prefooter-main
{
	width: 100%;
	height: 150px;
	background-image: url(../images/testimonybgnoquote.gif);
	background-position: 5px 0px;
	background-repeat: no-repeat;
	position: relative;
	
}


#prefooter-sub
{
	width: 100%;
	height: 55px;
	background-image: url(../images/footer-bar.jpg);
	background-position: 5px 10px;
	background-repeat: no-repeat;
	position: relative;
	
}


*:first-child+html #prefooter
{
	background-position: 5px 0px;
}

* html #prefooter
{
	background-position: 5px 0px;
}

.video-buttons
{
	position: absolute;
	left: 692px;
	top: 0px;
}

.video-buttons img
{
	border: 0px;
}




.video-buttons2
{
	position: absolute;
	left: 561px;
	top: 0px;
}

.video-buttons2 img
{
	border: 0px;
}









*:first-child+html .video-buttons
{
	top: -1px;
}

* html .video-buttons
{
	display: inline;
	height: 132px;
	top: -1px;
	width: 270px;
}

#prefooter p
{
	color: #333333;
	font-family: arial, helvetica, sans-serif;
	
}


.prefooter-type-style
{
	
	font-style: italic;
	font-size: 14px;
	color: #0f0f0f;
}

.prefooter-name
{
	
	font-weight: bold;
	font-size: 10px;
	color: #000;
}



.inner-prefooter
{
	font-size:12px;
	width: 650px;
	margin-left: 70px;
	padding: 5px;
	padding-top: 20px;
	
}

#footer
{
	width: 100%;
	height: 150px;
	background-image: url(../images/bottom-corners-845x112.jpg);
	background-position: 6px 0px;
	background-repeat: no-repeat;
	display: block;
	margin-top: -20px;
	
}

.footer-text
{
	width: 800px;
	margin: 15px;
	margin-top: 0px;
	padding: 5px;
	padding-top: 0px;
	font-size: 8px;
}

.footer-links
{
	font-size: 10px;
	text-decoration: none;
}

.footer-links a
{
	font-size: 10px;
	text-decoration: none;
	color: black;
}

.yahoo-google
{
	float: right;
	margin-top: -30px;
}

*:first-child+html .yahoo-google
{
	float: right;
	margin-left: 10px;
	margin-top: -50px;
}

* html .yahoo-google
{
	float: right;
	margin-left: 10px;
	margin-top: -50px;
}

.yahoo-google img
{
	border: 0px;	
}

/* phone number in footer text color */
.type-color
{	/* blue */
	color: #1755B8;
	font-size: 12px;
}

.p-footer
{
	font-size: 10px;
}

.clear
{
	clear: both;
	width: 100%;
	height: 0px;
}

/* menu settings */


#photo-table{
	
	font-size: 12px;
	
}




/*************************BELOW ARE SETTINGS FOR THE HOME PAGE ONLY ****************************/
/*************************BELOW ARE SETTINGS FOR THE HOME PAGE ONLY ****************************/
/*************************BELOW ARE SETTINGS FOR THE HOME PAGE ONLY ****************************/
/*************************BELOW ARE SETTINGS FOR THE HOME PAGE ONLY ****************************/

/* essentially the topnav on the home page */
#home-header
{
	width: 838px;
	margin-left: 8px;
	height: 100px;
	background-image: url(../images/home-images/home-topnav-bg-840x102.jpg);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	display: block;
	position: relative;
}

/* essentially the left column on the home page */
#column1
{
	width: 380px;
	padding-left: 5px;
	padding-bottom: 10px;
	height: 165px;
	float: left;
	clear: left;
	position: relative;
}
/* essentially the inside left column on the home page */
.inner-column1
{
	width: 435px;
	height: 165px;
	margin: 5px;
	padding: 5px;
	padding-left: 0px;
	padding-bottom: 10px;
}

#column1 img
{
	border: 0px;
}

/* this is the right column that holds the interactive buttons HOME SPECIFIC*/
#home-third-column
{
	display: block;
	width: 450px;
	margin-right: 9px;
	margin-left: 0px;
	float: right;
}

*:first-child+html #home-third-column
{
	margin-top: -5px;
	margin-left: 0px;
}

* html #home-third-column
{
	margin-top: -3px;
	margin-left: 18px;
}

/* this is the INNER div for the 3rd column this is the right column that holds the interactive buttons HOME SPECIFIC*/
.home-inner-third-column
{
	width: 160px;
	margin: 0px;
	margin-top: -11px;
	margin-left: 5px;
	padding: 5px;
	height: auto;
	border: 0px;
}

* html .home-inner-third-column
{
	margin-top: -9px;
	
}
*:first-child+html .home-inner-third-column
{
	margin-top: -5px;

}

.home-inner-third-column img
{
 	border: 0px;
 	margin-top: -3px;
}

* html .home-inner-third-column img
{
 	border: 0px;
 	margin-top: -2px;
}

/* right column buttons for the next 3 rules homepage specific*/
#homebuttons1
{
	margin-left: 0px;
}

#homebuttons2
{
	margin-left: 0px;
}
#homebuttons3
{
	margin-left: 0px;
}

/* website publicity logo home page specific */
#home-subheader
{
	float: left;
	clear: none;
	padding-left: 5px;
}

/* subheader directly below the header div */
.home-inner-subheader
{
	margin: 5px;
	padding: 5px;
}

/* website publicity home page specific */
#home-header
{
	width: 838px;
	margin-left: 3px;
	height: 100px;
	background-image: url(../images/home-images/home-topnav-bg5.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	display: block;
	position: relative;
}


/* home page specific */
.home-top-nav-container
{
	position: absolute;
	top: 7px;
	left: 345px;
	height: auto;
	width: 57%; 
}

.home-top-nav-container li 
{
	margin-right: 6px;
	
	
}

/* about button settings */
.home-about-button
{
	background-image: url(../images/nav-buttons/about-64x176.gif);
	background-repeat: no-repeat;
	background-position: 0 -93px;
	height: 83px;
	width: 64px;
	display: block;
	margin-left: 8px;	
}

/* partners button hover settings */
.home-about-button a:hover
{
	background-image: url(../images/nav-buttons/about-64x176.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;	
	height: 65px;
	width: 64px;
	display: block;
	
}

* html .home-about-button
{
	margin-left: 2px;
}

* html .home-about-button a:hover
{
	margin-left: 0px;
}


#nav li a
{
height: 65px;
z-index: 100;
}

* html #nav ul li a
{
height: 14px;
}