body { font-family: "Trebuchet MS"; font-size: 11px; color: #498969; line-height: normal; }
td { font-family: "Trebuchet MS"; font-size: 12px; color: #503C18; line-height: normal; vertical-align:top; }
th { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #503C18; line-height: normal; }
form { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #503C18; line-height: normal; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #503C18; line-height: normal; }
textarea {
 font-family: font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
select { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#530F26; background-color: #D6AE79; }
a:hover { color: #4E9B73; text-decoration: underline; }
.headers { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #7D153A; line-height: 20px; font-weight: bold; font-stretch: normal; font-style: normal; }
.subHeaders { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #5C4825; line-height: 14px; font-weight: bold; font-stretch: normal; font-style: normal; }
.subMenu { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #660000; font-weight: bold; }
.subMenu:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: ##355145; font-weight: bold; text-decoration: none; }
.subMenu:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000; font-weight: bold; text-decoration: none; }
.subMenu:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #72A13B; font-weight: bold; text-decoration: none; }
.subMenu:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #993399; font-weight: bold; text-decoration: none; }
.bodySmall { font-family: "Trebuchet MS"; font-size: 13px; color: #355145; line-height: 19px; }
.captions { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #485C77; font-weight: normal; text-decoration: none; font-style: italic; line-height: 1; }
.captionsBIG { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #002F45; font-weight: normal; text-decoration: none; font-style: italic; }
.tableStyle1 { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; border: thin solid #325251; background-color: #CCCCCC; vertical-align: top; text-align: left; top: auto; vertical-align:top; padding: 6px; }
.tableStyle2 { color: #FDFDFD; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; border: thin solid #325251; background-image: url(images/table2BG.jpg); vertical-align: top; text-align: left; top: auto; vertical-align:top; padding: 4px; }
ul { list-style-type: none; padding-left: 0; margin-left: 0; }
li { background: url(images/bullet.gif) no-repeat left top; padding-left: 16px; margin-bottom: 10px; }
a:focus { outline: none; -moz-outline: none; }
.leftlinks { font-family: "Trebuchet MS"; font-size: 12px; color: #772D1E; line-height: normal; font-weight: bold; text-decoration: none; }

#portfolio { position: relative; left: 54px; width: 898px; height: 494px; background: url(../images/portfolio.jpg) no-repeat; }

/* Portfolio Navigation Styles */

#portNav { position: relative; height: 68px; width: 898px; left: 54px; }
.portNav { position: absolute; margin: 0; padding: 0; list-style: none; top: 0px; left: 0px; z-index: 9000; }
.portNav li { float: left; text-align: center; margin: 0px; padding: 0px; list-style: none; }
.portNav li a { display: block; text-indent: -9999px; vertical-align: middle; height: 68px; text-decoration: none; text-align: center; outline: none; }

/* Vehicles Button */
.portNav li a.nav7 { width: 168px; background: url(../images/portNav.jpg) no-repeat 0 0; }
.portNav li a.nav7:hover, .portNav li.active a.nav7 { background-position: 0 -68px; }

/* Full Wraps Button */
.portNav li a.nav8 { width: 118px; background: url(../images/portNav.jpg) no-repeat -168px 0; }
.portNav li a.nav8:hover, .portNav li.active a.nav8 { background-position: -168px -68px; }

/* Partial Wraps Button */
.portNav li a.nav9 { width: 165px; background: url(../images/portNav.jpg) no-repeat -286px 0; }
.portNav li a.nav9:hover, .portNav li.active a.nav9 { background-position: -286px -68px; }

/* Emergency Vehicles Button */
.portNav li a.nav10 { width: 81px; background: url(../images/portNav.jpg) no-repeat -451px 0; }
.portNav li a.nav10:hover, .portNav li.active a.nav10 { background-position: -451px -68px; }

/* Apparel Button */
.portNav li a.nav11 { width: 70px; background: url(../images/portNav.jpg) no-repeat -532px 0; }
.portNav li a.nav11:hover, .portNav li.active a.nav11 { background-position: -532px -68px; }

/* Logos Button */
.portNav li a.nav12 { width: 66px; background: url(../images/portNav.jpg) no-repeat -602px 0; }
.portNav li a.nav12:hover, .portNav li.active a.nav12 { background-position: -602px -68px; }

/* Signs Button */
.portNav li a.nav13 { width: 64px; background: url(../images/portNav.jpg) no-repeat -668px 0; }
.portNav li a.nav13:hover, .portNav li.active a.nav13 { background-position: -668px -68px; }

/* Baby Band Button */
.portNav li a.nav14 { width: 166px; background: url(../images/portNav.jpg) no-repeat -732px 0; }
.portNav li a.nav14:hover, .portNav li.active a.nav14 { background-position: -732px -68px; }

div#portNav span:hover { display: block; color: #803234; text-decoration: none; margin: 0; background: #BD9A3E; text-align: center; }
#portNav ul li ul a:hover { cursor: pointer; z-index: 100; height: 100%; width: 100%; /* makes the list items fill the list container (ul) */ display: block; text-decoration: none; margin: 0; text-align: center; }
#portNav li ul { display: none; width: 20%; position: absolute; top: 100%; height: 100%; padding: 0; margin: 0; }
#portNav li:hover > ul { display: block; }
#portNav li ul li, #portNav li ul li a { float: none; height: 100%; }
#portNav li ul li { _display: inline; /* for IE6 */ }
#portNav li ul li a { display: block; }

/* Styles for drop downs */
#portNav ul li ul li span { font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; vertical-align: left; letter-spacing: .03em; color: #ffffff; display: block; margin: 0; padding: 8px; text-decoration: none; text-indent: 0px; list-style-type: none; list-style-position: outside; }
#portNav ul li ul { position: absolute; z-index: 1000; top: auto; display: none; text-decoration: none; list-style-type: none; padding: 2px; margin: 0px; background: #2E5273; -webkit-border-radius-bottomleft: 3px; -webkit-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; height: auto; }

/*-----------------------------------*/
/* Forms Styles 
/*-----------------------------------*/

form,input,select,textarea { margin: 0; padding: 0; }
div.box { margin: 0 auto; width: 140px; position: relative; top: 0px; overflow: hidden; }
div.box h3 { font-size: 18px; text-transform: uppercase; padding: 5px 0 5px 5px; }
div.box label { width: 100%; padding: 10px 0 10px 0; }
div.box label span { width: 170px; text-align: right; padding: 5px 20px 0 0; }
div.box .input_text { padding: 5px 5px; }
div.box .message { padding: 7px 7px; width: 350px; background: #262626; overflow: hidden; height: 150px; }
div.box .button { margin: 0 0 10px 0; padding: 4px 7px; border: 0px; position: relative; top: 10px; left: 0px; background: #875B2A; color: #ffffff; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; width: 160px; margin: -30px 0 0 0px; }
#select { width: 140px; }
#comments { width: 140px; }

/*----------------------------------------------------*/
/* Twitter Styles
/*----------------------------------------------------*/


.tweet { width: 212px; margin: 0 0 0 24px; font-size: 11px; }
.tweet_list { padding: 0; margin: 0; overflow: hidden; }
.tweet_list li { line-height: 19px; width: 250px; border-bottom: 1px solid #ccc; }
.tweet_avatar { padding: 0 6px 0 0; }

#twitterTop { width: 262px; height: 58px; background: url(../images/twitterTop.jpg) no-repeat; text-indent: -9999px; }
#twitterTop a { width: 262px; height: 81px; display: block; }
#twitterMiddle { width: 262px; height: 165px; background: url(../images/twitterMiddle.jpg) no-repeat; }
#twitterBottom { width: 262px; height: 32px; background: url(../images/twitterBottom.jpg) no-repeat; }