@charset "utf-8";
/* CSS Document */


body {
	background-image:url();
	background-repeat:;
	background-position:;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#666699;
	font-family:Helvetica, Century Gothic, Arial;
}

div#container {
	width:1000px;
	min-height:685px;
	margin:0px;
	padding:0px;
	border-left:2px solid #999966;
	border-right:2px solid #999966;
	border-bottom:2px solid #999966;

}

div#topLogo {
	width:1000px;
	height:160px;
	background-image:url(../images/WarrenInteractiveBanner.swf);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:0px;

}

div#navContainer {
	width:1000px;
	height:30px;
	background-image:url(../images/btnBar.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#330033;
	margin:0px;
	padding:0px;
	border-top-color:#999966;
	border-top-style:solid;
	border-top-width:2px;
}

 
div#content {
	width:1000px;
	min-height:495px;
	background-image:url(../images/purpleCurve2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;

}


div#nav {
	margin:0px;
	padding:0px;
	width:473px;
	height:30px;
	position:;
	left:;
	top:;
}

div#nav ul {
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-image:none;

}

div#nav li {
	margin:0px;
	padding:0px;
	float: left;
}


/*NAV BAR*/

/*      About      */
a#about {
display: block;
width: 91px;
height: 30px;
background:url(../images/btn-about.jpg) top left no-repeat;
}

a:hover#about {
background: url(../images/btn-about-hover.jpg) top left;
}

/*      Services      */
a#services {
display: block;
width: 125px;
height: 30px;
background: url(../images/btn-services.jpg) top left no-repeat;
}

a:hover#services {
background: url(../images/btn-services-hover.jpg) top left;
}


/*      Portfolio      */
a#portfolio {
display: block;
width: 128px;
height: 30px;
background: url(../images/btn-portfolio.jpg) top left no-repeat;
}

a:hover#portfolio {
background: url(../images/btn-portfolio-hover.jpg) top left;
}


/*      Web     */
a#web  {
display: block;
width: ;
height: ;
background: url() top left no-repeat;
}

a:hover#web  {
background: url() top left;
}


/*      Print      */
a#print   {
display: block;
width: ;
height: ;
background: url() top left no-repeat;
}

a:hover#print   {
background: url() top left;
}


/*      Contact      */
a#contact   {
display: block;
width: 129px;
height: 30px;
background: url(../images/btn-contact.jpg) top left no-repeat;
}

a:hover#contact    {
background: url(../images/btn-contact-hover.jpg) top left;
}

#nav .active {
background: url() top left;
}

/*     spans      */

#about span, #services span, #portfolio span, #web span, #print span, #contact span {
display: none;
visibility: hidden;
}