/* Anthony Marketing website styles


CONTENTS

* funky weird stuff
* general, typography
* Samples Frame Stuff
* 
* 
=============================== */


/* funky weird stuff
=============================== */

/* I don't understand why this just wasn't done as
a.whatever  or #whatever a 
{ color: #fc3; } ???

*/


body#about_over a#about_over,
body#about_loc a#about_loc,
body#about_corp a#about_corp,
body#brand_vision a#brand_vision,
body#brand_design a#brand_design,
body#brand_strategy a#brand_strategy,
body#identity_design a#identity_design,
body#identity_naming a#identity_naming,
body#identity_packaging a#identity_packaging,
body#advertising_print a#advertising_print,
body#advertising_outdoor a#advertising_outdoor,
body#advertising_mm a#advertising_mm,
body#advertising_broadcast a#advertising_broadcast,
body#collateral_catalog a#collateral_catalog,
body#collateral_POS a#collateral_POS,
body#collateral_areport a#collateral_areport,
body#collateral_brochures a#collateral_brochures,
body#multimedia_cd a#multimedia_cd,
body#multimedia_kiosk a#multimedia_kiosk,
body#multimedia_web a#multimedia_web,
body#multimedia_laptop a#multimedia_laptop,
body#websites_promo a#websites_promo,
body#websites_emarketing a#websites_emarketing,
body#websites_ecomm a#websites_ecomm,
body#exhibits_design a#exhibits_design,
body#exhibits_display a#exhibits_display,
body#exhibits_fabrication a#exhibits_fabrication
{
 color: #FFCC33;
}


/* duplicate rules also found in <head><style>
=============================== */
/*

/* these rules are also in a <style> tag in the head of the template  so that dreamweaver can manage the relative paths
of the images and so they don't break when we move from the test site to live (as extra insurance in case we forget to update these)
after the site is live, we can fix these paths and delete it from the template
*/

#top-container
{
 background: url(/images/top-bg.gif) top repeat-x;
}

body.sub-page #banner-container
{
 background: #fbaf41 url(/images/subpage-banner-bg.gif) repeat-x top;
 height: 64px;
 text-align: center;
}

#footer-container
{
 height: 3.5em;
 padding-top: 1em;
 background: url(/images/footerbkgrnd.jpg) top repeat-x;
}

/* general, typography
=============================== */

html, body {
 margin: 0;
 background-color: #FFFFFF;
}
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #666666;
 vertical-align: top;
}

#body-container
{
 font-size: 12px;
}

#col-1
{
  font-size: 10px;
}


h1.logo
{
 margin: 0;
}

h2 {
 font-size: 10px;
 font-weight: bold;
 text-transform: uppercase;
}

#banner-container h2
{
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-weight: bold;
 text-transform: none;
 color: #fff;
 font-weight: normal;
 font-size: 24px;
 text-align: left;
 margin: 0 auto;
 width: 955px;
 padding-top: 0.75em;
}


#subhead h2 {
 margin: 1em 0;
 padding-bottom: 0.5em;
 border-bottom: 1px solid #e4e4e4;
}


a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: underline;
	color: #FFCC33;
}
a:active {
	text-decoration: none;
	color: #FFCC33;
}

a img
{
 border: none;
}

a.current:link,
a.current:visited
{
 color: #fbaf41;
}

#col-1 a.current:link,
#col-1 a.current:visited
{
 font-weight: bold;
}













/* general layout
=============================== */
.clear {
 clear: both;
}


#top-container-inner,
#banner,
#body-inner,
#footer-inner
{
 width: 955px;
 margin: 0 auto;
}




#search-nav,
#search-nav table td
{
 vertical-align: middle;
}

#search-nav table
{
 position: relative;
 top: 5px;
}


body.main-page #banner-container
{
 background: #fbaf41;
 height: 324px; 
 text-align: center;
}



#banner-container object
{
 position: relative;
}




#body-cols
{
 height: 350px;
 margin-bottom: 1em;
}

#body-cols td
{
 vertical-align: top;
}

#col-1
{
 width: 124px;
}

#col-2
{
 width: 561px;
 border-right: 2px solid #e4e4e4; 
}

#col-2 .inner
{
 padding: 0 1em;
}

#col-3
{
 width: 268px;
 text-align: center;
}



.sub-page #col-1
{
 width: 115px;
}

.sub-page #col-2
{
 width: 546px;
}

.sub-page #col-3
{
 width: 292px;
}


#col-2 p
{
 margin-top: 0;
}


body.full-width #col-2
{
 width: 100%;
}

body.full-width #col-3
{
 display: none;
}

body.full-width #footer-inner .copyright
{
 text-align: right;
 right: 0;
}


.contact-button
{
 margin-left: 1em;
}


/* top navigation 
============================== */

#nav-container
{
 height: 27px;
 text-align: center;
}

#nav
{
 text-transform: uppercase;
 margin: 3px auto;
}

#nav ul
{
 margin: 0 auto;
 display: block;
 list-style: none;
 text-align: center;
}

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

#nav ul a
{
 display: block;
 font-family: "Century Gothic",Arial, Helvetica,sans-serif!important;
 font-size: 12px;
/* padding: 3px 2px 4px 5px; */
 padding: 2px 1.2em;
 text-align: center;
 border-right: 1px solid #666;
 margin: 0;
}

#nav ul a:hover
{
 color: #orange;
 text-decoration: none;
}

#nav ul li.first a
{
 border-left: none;
}

#nav ul li.last a
{
 border-right: none;
}


#nav ul a.menuselected, #nav ul li.first a.menuselected
{
 color: red;
}















/* search bar & nav
=============================== */

#search-nav
{
 vertical-align: bottom;
 padding-bottom: 1em;
}

#search-nav-inner div
{
 float: right;
 height: 18px;
 margin: 0 0.5em;
 line-height: 18px;

}

* html #search-nav-inner div
{
 position: relative;
 top: 18px;
}

.sbox label
{
 display: none;
}

.sbox input
{
 color: #888;
 height: 14px;
 width: 170px;
 padding-left: 3px;
 border: 1px solid #999;
 background: #eee;
 font-family: Arial, sans-serif;
 font-size: 12px;
}










/* footer
================================ */

#footer
{
 vertical-align: middle;
}

#footer td
{
 text-align: center;
}

#footer-inner
{
 position: relative;
}

#footer-inner .copyright
{
 display: inline;
 position: absolute;
 left: 685px;
}

.sub-page #footer-inner .copyright
{
 left: 660px;
}








/* Samples frame stuff 
============================= */


.samples-main-container a img
{
 border: none;
}

.samples-main-container a
{
 text-decoration: none;
 color: #ff5d0c;
 font-size: 14px;
 font-weight: bold;
/* color: #333; */
}

.samples-main-container a:hover
{
 color: #fc3;
}

.samples-main-container .navlinks a .text
{
 position: relative;
 top: -5px;
}

.samples-main-container .previous .text
{
 margin-right: 5px;
}

.samples-main-container .previous
{
 float: left;
}

.samples-main-container .next
{
 float: right;
}

.samples-main-container
{
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 10px;
}

.samples-main-container .sample-image
{
 clear: both;
}

.leftmenutext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	line-height: 20px;
}
