/* CSS Document - DO NOT DELETE!!!!*/


DIV
	{
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	}
	
IMG {border: 0px;}

HR {color: #000000; height: 1px; margin: 5px 15px 10px 15px;}

P {padding: 0px; margin: 0px}

BODY 
	{
	background-color: #2B2B2B;
	background-image: url('/images/background.png');
	font: 10px Verdana, Arial, Sans-serif;
	}

a:link {color: #ffffff;}
a:visited {color: #ffffff;}
a:hover {color: #999999}
a:active{color: #ffffff;text-decoration: none;}

/* wrapper is the div that holds everything together */
#wrapper
	{
	width: 749px;
	height: 463px;
	text-align: center;
	background-color: #2B2B2B;
	background-image: url('/images/background.png');
	position: relative;
	}
	
/* header, name and logo*/
#header
	{
	border:  0px solid none;
	height: 94px;
	width: 749px;
	background-image: url('images/logo.png'); 
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	}
/*navigation*/
#nav
	{
	border:  0px solid none;
	position: absolute;
	top: 70px;
	left: 280px;
	}

#text4
	{
	color:white;
	text-align:left;
	background-color:#454545;
	height: 342px;
	width: 217px;
	position: absolute;
	top: 0px;
	right: 510px;
	border: 1px solid #454545;
	padding: 0px 10px;
	}
	
#text2
	{
	color:white;
	border: 1px solid #454545;
	text-align:left;
	background-color:#454545;
	padding: 0px 10px;
	height:339px;
	width: 217px;
	position: absolute;
	top: 94px;
	right: 510px;
	}
	
	#text2 ul{
	list-style: none;
	margin: 0;
	padding: 0;
	}
	#text3
	{
	float:left;
	color:white;
	border: 1px solid #454545;
	text-align:left;
	background-color:#454545;
	padding: 0px 10px;
	height:400px;
	width: 217px;
	position: absolute;
	top: 94px;
	right: 510px;
	}
	
	#text3 ul{
	list-style: none;
	margin: 0;
	padding: 0;
	}
#textWide
	{
	border:  0px solid none;
	height: 470px;
	width: 749px;
	background-color: #454545;
	color: white;
	text-align: left;
	position: absolute;
	top: 94px;
	left: 0px;
	}
#textWide_2
	{
	border:  0px solid none;
	height: 640px;
	width: 749px;
	background-color: #454545;
	color: white;
	text-align: left;
	position: absolute;
	top: 94px;
	left: 0px;
	}
	#textWide_2 P
	{
	padding: 0px 15px 15px 15px;
	}
	#textWide_3
	{
	border:  0px solid none;
	height: 859px;
	width: 749px;
	background-color: #454545;
	color: white;
	text-align: left;
	position: absolute;
	top: 94px;
	left: 0px;
	}
	#textWide_3 P
	{
	padding: 0px 15px 15px 15px;
	}
/*2 columns for the contact page*/
#left_column {
	float:left;
	width: 254px;
	border: 0px solid none;
	color: white;
}
#contactfix_column {
	float:left;
	width: 495px;
	border: 0px solid none;
	color: white;
}
/*this column for the client page*/
#client_column {
	float:left;
	width: 650px;
	border: 0px solid none;
	color: white;
}
/*left column for the news page*/
#left_column_new {
	float:left;
	width: 190px;
	border: 0px solid none;
	color: white;
}
#text_column{
	float:left;
	width: 725px;
	border: 0px solid none;
	color: white;
	}
#textWide P
	{
	padding: 0px 15px 15px 15px;
	}
	
#slideshow
	{
	width: 700px;
	width: 510px;
	height: 344px;
	background-color: #2B2B2B;
	position: absolute;
	top: 94px;
	left: 239px;	
	}
	
/* footer is where the copyright notice is on homepage, portfolio */
#footer
	{
	height: 25px;	
	color: #9B9B9B;
	text-align: right;
	padding: 10px 10px 10px 0px;	
	}

/* footer2 is where the copyright notice is everywhere else */
#footer2
	{
	position: absolute;
	top: 475px;
	left: 400px;
	width: 390px;
	color: #9B9B9B;
	
	}
	
/* footer3 is where the copyright notice is everywhere else */
#footer3
	{
	position: absolute;
	top: 570px;
	left: 419px;
	color: #9B9B9B;
	}
	
/* footer4 is where the copyright notice is everywhere else */
#footer4
	{
	position: absolute;
	width:390px;
	top: 475px;
	left: 419px;
	color: #9B9B9B;
	}
/* footer5 ftnote page */	
	#footer5
	{
	position: absolute;
	top: 740px;
	left: 419px;
	color: #9B9B9B;
	}
h2
	{
	color:#c9c9c9;
	font-size: 13px;
	font-weight: bold; 
	padding: 25px 15px 10px 15px;
	}
h3
	{
	font-size: 10px;
	font-weight: bold; 
	padding: 25px 15px 10px 15px;
	}
	
#testimonial
	{
		position: absolute;
		top: 290px;
		left: 310px;
		}
	
/* westcott image and link to zip folder */
#westcott
{
	border: 1px solid white;
	position: absolute;
	top: 4px;
	left: 184px;
	}
#control
{
	position: absolute;
	top: 420px;
	left: 350px;	
	}
	/* picture_1 image*/
#picture_1
{
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid white;
	float:left;	
	}
	
/* picture_2 image*/
#picture_2
{
	margin-left:10px;
	margin-top: 10px;
	margin-right: 60px;
	border: 1px solid white;
	float:right;	
	}
	
#tbn_client
{
	position:absolute;
	top:5px;
	left:5px;
	}
#tbn_client_down
{
	position:absolute;
	top:343px;
	left:5px;
	}
/*#home_tab
{
	position:absolute;
	border: 1px solid red;
	width:45;
	height:46;
	top:50px;
	left:273px;
}
#new_tab
{
	position:absolute;
	border: 2px solid white;
	top:150px;
	left:200px;
}
	#vision_tab{}
	#client_tab{}
	#portfolio_tab{}
	#about_tab{}
	#contact_tab{}
.footnote
	{
	color: #6C6C6C
	}
	
 styles to control the nav image rollovers*/

/*.home {
float:left;
width:42px;
height:25px;
background: url(/images/homeNav.png) no-repeat 0 0px;
}
a.home:link, a.home:visited, a.home:active {
color:#FFFFFF;
text-decoration:none;
background: url(/images/homeNav.png) no-repeat 0 0px;
}
a.home:hover {
background: url(/images/homeNav.png) no-repeat -42px 0px;
}

.homeOn {
float:left;
width:42px;
height:25px;
background: url(/images/homeNav.png) no-repeat -42px 0px;
}


.vision {
float:left;
width:56px;
height:25px;
background: url(/images/visionNav.png) no-repeat 0 0px;
}
a.vision:link, a.vision:visited, a.vision:active {
color:#FFFFFF;
text-decoration:none;
background: url(/images/visionNav.png) no-repeat 0 0px;
}
a.vision:hover {
background: url(/images/visionNav.png) no-repeat -56px 0px;
}

.visionOn {
float:left;
width:56px;
height:25px;
background: url(/images/visionNav.png) no-repeat -56px 0px;
}

.portfolio {
float:left;
width:80px;
height:25px;
background: url(/images/portfolioNav.png) no-repeat 0 0px;
}
a.portfolio:link, a.portfolio:visited, a.portfolio:active {
color:#FFFFFF;
text-decoration:none;
background: url(/images/portfolioNav.png) no-repeat 0 0px;
}
a.portfolio:hover {
background: url(/images/portfolioNav.png) no-repeat -80px 0px;
}

.portfolioOn {
float:left;
width:80px;
height:25px;
background: url(/images/portfolioNav.png) no-repeat -80px 0px;
}

.bio {
float:left;
width:39px;
height:25px;
background: url(/images/bioNav.png) no-repeat 0 0px;
}
a.bio:link, a.bio:visited, a.bio:active {
color:#FFFFFF;
text-decoration:none;
background: url(/images/bioNav.png) no-repeat 0 0px;
}
a.bio:hover {
background: url(/images/bioNav.png) no-repeat -39px 0px;
}

.bioOn {
float:left;
width:39px;
height:25px;
background: url(/images/bioNav.png) no-repeat -39px 0px;
}

.contact {
float:left;
width:61px;
height:25px;
background: url(/images/contactNav.png) no-repeat 0 0px;
}
a.contact:link, a.contact:visited, a.contact:active {
color:#FFFFFF;
text-decoration:none;
background: url(/images/contactNav.png) no-repeat 0 0px;
}
a.contact:hover {
background: url(/images/contactNav.png) no-repeat -61px 0px;
}

.contactOn {
float:left;
width:61px;
height:25px;
background: url(/images/contactNav.png) no-repeat -61px 0px;
*/