/***********************************************************************
Description:	The stylesheet of the (website name) website
Project:	(website URL)
HTML:		(developer name)
Graphics:	(designer name)
Created:	(year).(month).(day)
Updated:	(year).(month).(day)
***********************************************************************/


/* -------------------------------------
BEGIN: General Tag Methods
------------------------------------- */

* {
	padding: 0px;
	margin: 0px;
}
html {
	overflow-y: scroll;
}
body {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808186;
	text-align: center; /* This line is here to fix everyone's favorite IE 5.x alignment bug. */
	background-color: #ffffff;
	line-height:130%;
}
img {
	border:0px;
}
h1, h2, h3, h4, h5 {
	color: #808186;
	margin-bottom: 12px;
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1.1em;
}

p {
	margin-bottom: 12px;
}

a {
	cursor: pointer;
	color:#3f4040;
}

a:hover {
	text-decoration:none;
}
a#ravenel_video, a#mcdonell_video {
	text-decoration:underline;
}
a#ravenel_video:hover, a#mcdonell_video:hover {
	text-decoration:none;
}

/* -------------------------------------
END: General Tag Methods
------------------------------------- */

/* -------------------------------------
BEGIN: Main Content Tags
------------------------------------- */

#wrapper {
	width: 680px;
	margin: 0px auto 0px auto;
	text-align:left; /* Treated as align */
	background-image: url("/images/shadow_line.jpg");
}

#content {
	clear: both;
	margin: 10px 15px 0px 15px;
	width: 650px;
}

#content_left {
	float: left;
	width: 350px;
}

#content_left_bottom {
	float: left;
	padding: 10px 15px 0px 15px;
	width: 320px;
}

#content_right {
	padding: 10px 20px 0px 20px;
	background-image: url("/images/divider.jpg");
	background-repeat: no-repeat;
	float: right;
	width: 260px;
}

#client_button {
	position: relative;
	top: 65px;
	left: 150px;
	outline: none;
}

/* -------------------------------------
END: Main Content Tags
------------------------------------- */

/* -------------------------------------
BEGIN: Header Tags
------------------------------------- */
#header {
	width: 680px;
	height: 264px;
	background-image: url("/images/header_back.jpg");
}

#header_content {
	position:relative;
	margin: 0px 0px 0px 15px;
	width: 650px;
	height: 211px;
}
#logo {
	position:absolute;
	bottom:38px;
	left:32px;
}
#header_quotes {
	position:absolute;
	top:0px;
	left:0px;
}
#newtabs {
margin-top:2px;
	width: 620px;
	height: 22px;
	border-bottom:1px;
	border-bottom-color:#404140;
	background-image:none;
	margin-left:15px;
	padding-left:30px;
	text-align:center;
}



.menu {
	z-index: 1000;
	position: relative;
	text-align: center;
	float: left;
	display:inline;
	padding: 7px 0px 0px 0px;
	width: 84px;
	height: 18px;
}

#quote {
	margin: 66px 0px 0px 0px;
}


#newtabs a:link,
#newtabs a:visited,
#newtabs a:active {
     position:relative;
     float:left;
     display: block;
     width: 82px;
	 padding-top:5px;
     height: 17px;
	 margin-right:2px;
     background: transparent url(/images/tab.png) no-repeat scroll 0px 0px;
     cursor: pointer;
     outline: none;
	 	text-decoration: none;
		text-align:center;
		vertical-align:middle;
	font-family:"Times New Roman", Times, serif;
	font-size:11px;
	color: #ffffff;
}

#newtabs a:hover {
     background: transparent url(/images/tab.png) no-repeat scroll -82px 0px;
}
#web #tab1:link,
#web #tab1:visited,
#web #tab1:active,
#web #tab1:hover {
     background: transparent url(/images/tab.png) no-repeat scroll -82px 0px;
}
#about #tab2:link,
#about #tab2:visited,
#about #tab2:active,
#about #tab2:hover {
     background: transparent url(/images/tab.png) no-repeat scroll -82px 0px;
}
#demo #tab3:link,
#demo #tab3:visited,
#demo #tab3:active,
#demo #tab3:hover {
     background: transparent url(/images/tab.png) no-repeat scroll -82px 0px;
}
#specialties #tab4:link,
#specialties #tab4:visited,
#specialties #tab4:active,
#specialties #tab4:hover {
     background: transparent url(/images/tab.png) no-repeat scroll -82px 0px;
}
#case #tab5:link,
#case #tab5:visited,
#case #tab5:active,
#case #tab5:hover {
     background: transparent url(/images/tab.png) no-repeat scroll -82px 0px;
}
#campaigns #tab6:link,
#campaigns #tab6:visited,
#campaigns #tab6:active,
#campaigns #tab6:hover {
     background: transparent url(/images/tab.png) no-repeat scroll -82px 0px;
}
#contact #tab7:link,
#contact #tab7:visited,
#contact #tab7:active,
#contact #tab7:hover {
     background: transparent url(/images/tab.png) no-repeat scroll -82px 0px;
}
#rclink:link,
#rclink:visited,
#rclink:active {
     position:relative;
     float:left;
     display: block;
     width: 263px;
     height: 185px;
	 margin-left:40px;
     background: transparent url(/images/rc_link.jpg) no-repeat scroll 0px 0px;
     cursor: pointer;
     outline: none;
}

#rclink:hover {
     background: transparent url(/images/rc_link.jpg) no-repeat scroll -263px 0px;
}
#wslink:link,
#wslink:visited,
#wslink:active {
     position:relative;
     float:left;
     display: block;
     width: 263px;
     height: 185px;
	 margin-left:40px;
     background: transparent url(/images/ws_link.jpg) no-repeat scroll 0px 0px;
     cursor: pointer;
     outline: none;
}

#wslink:hover {
     background: transparent url(/images/ws_link.jpg) no-repeat scroll -263px 0px;
}


#ford_btn:link,
#ford_btn:visited,
#ford_btn:active {
     position:relative;
     float:left;
     display: block;
     width: 136px;
     height: 91px;
     background: transparent url(/images/ford_btn.jpg) no-repeat scroll 0px 0px;
     cursor: pointer;
     outline: none;
}

#ford_btn:hover {
     background: transparent url(/images/ford_btn.jpg) no-repeat scroll -136px 0px;
}

#tangier_btn:link,
#tangier_btn:visited,
#tangier_btn:active {
     position:relative;
     float:left;
     display: block;
     width: 135px;
     height: 91px;
     background: transparent url(/images/tangier_btn.jpg) no-repeat scroll 0px 0px;
     cursor: pointer;
     outline: none;
}

#tangier_btn:hover {
     background: transparent url(/images/tangier_btn.jpg) no-repeat scroll -135px 0px;
}


#family_btn{
     position:relative;
     float:left;
     display: block;
     width: 137px;
     height: 91px;
     background: transparent url(/images/btn_family_both.jpg) no-repeat scroll 0px 0px;
     cursor: pointer;
     outline: none;
}

#family_btn:hover {
     background: transparent url(/images/btn_family_both.jpg) no-repeat scroll -137px 0px;
}

#deeds_btn{
     position:relative;
     float:left;
     display: block;
     width: 137px;
     height: 91px;
     background: transparent url(/images/btn_deeds_both.jpg) no-repeat scroll 0px 0px;
     cursor: pointer;
     outline: none;
}

#deeds_btn:hover {
     background: transparent url(/images/btn_deeds_both.jpg) no-repeat scroll -137px 0px;
}

#energy_btn{
     position:relative;
     float:left;
     display: block;
     width: 137px;
     height: 91px;
     background: transparent url(/images/btn_energy_both.jpg) no-repeat scroll 0px 0px;
     cursor: pointer;
     outline: none;
}

#energy_btn:hover {
     background: transparent url(/images/btn_energy_both.jpg) no-repeat scroll -137px 0px;
}

#jobsgovernor_btn{
     position:relative;
     float:left;
     display: block;
     width: 137px;
     height: 91px;
     background: transparent url(/images/btn_jobsgovernor_both.jpg) no-repeat scroll 0px 0px;
     cursor: pointer;
     outline: none;
}

#jobsgovernor_btn:hover {
     background: transparent url(/images/btn_jobsgovernor_both.jpg) no-repeat scroll -137px 0px;
}

#results_btn{
     position:relative;
     float:left;
     display: block;
     width: 137px;
     height: 91px;
     background: transparent url(/images/btn_results_both.jpg) no-repeat scroll 0px 0px;
     cursor: pointer;
     outline: none;
}

#results_btn:hover {
     background: transparent url(/images/btn_results_both.jpg) no-repeat scroll -137px 0px;
}

#westvaco_btn{
     position:relative;
     float:left;
     display: block;
     width: 137px;
     height: 91px;
     background: transparent url(/images/btn_westvaco_both.jpg) no-repeat scroll 0px 0px;
     cursor: pointer;
     outline: none;
}

#westvaco_btn:hover {
     background: transparent url(/images/btn_estvaco_both.jpg) no-repeat scroll -137px 0px;
}









/* -------------------------------------
END: Header Tags
------------------------------------- */

/* -------------------------------------
BEGIN: Footer Tags
------------------------------------- */

#footer {
	padding: 20px 0px 0px 0px;
	width: 680px;
	height: 55px;
	clear: both;
	text-align: center;
	color: #B3B2B2;
	background-image: url("/images/footer_back.jpg");
}

#footer a {
	color: #b3b2b2;
	text-decoration: none;
}

#footer a:hover {
	color: #000000;
}

/* -------------------------------------
END: Footer Tags
------------------------------------- */

/* -------------------------------------
BEGIN: About Tags
------------------------------------- */

.about_table {
	width: 100%;
	height: 20px;
	margin: -34px 0px 14px 0px;
	font-family:"Times New Roman", Times, serif;

	
}

.about_table img {
	border: 0px;
}

.about_td {
	width: 25%;
	text-align: center;
}

.about_td a {
	font-weight: bold;
	font-size: 1.1em;
	color: #ffffff;	
	text-decoration: none;
}
#replay{
padding-left:15px;
	font-size: 1.1em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808186;

}
.about_td a:hover {
	font-weight: bold;
	font-size: 1.1em;
	color: #ffffff;	
	text-decoration: underline;
}

/* -------------------------------------
END: About Tags
------------------------------------- */

/* -------------------------------------
BEGIN: Specialties Tags
------------------------------------- */

.specialties_ul {
	margin: 0px 0px 0px 12px;
}

#specialties .about_td {
	width: 25%;
}

/* -------------------------------------
END: Specialties Tags
------------------------------------- */

/* -------------------------------------
BEGIN: Campaign Tags
------------------------------------- */

#campaigns #content_left {
	padding: 0px 0px 0px 12px;
	width: 313px;
}

#campaigns #content_right {
	padding: 28px 0px 0px 24px;
	width: 301px;
}

.campaigns_ul {
	list-style-type: none;
	margin: 0px 0px 12px 12px;
}
/* -------------------------------------
END: Campaign Tags
------------------------------------- */

/* -------------------------------------
BEGIN: Video Menu Tags
------------------------------------- */

#video_menu {
	width: 650px;
	height: 200px;
	margin: -10px 0px 0px 0px;
	background-image:none;
	background-color:#000000;
}

/* -------------------------------------
END: Video Menu Tags
------------------------------------- */

/* -------------------------------------
BEGIN: Case Studies Tags
------------------------------------- */

/* -------------------------------------
END: Case Studies Tags
------------------------------------- */