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

body 		   {margin:0 auto; padding:0; background: #020C15 url(/images/bg.jpg) top center repeat-x;}

h2             {font-family:Lucida Sans, Arial; font-size:22px; margin:0; padding:0; color:#FFFFFF; font-weight:normal; letter-spacing:1px;}

h3             {font-family:Lucida Sans, Arial; font-size:18px; margin:0; padding:0; color:#FFFFFF; font-weight:normal;}

p			   {font-family:Lucida Sans, Arial, Helvetica, sans-serif; color:#EEE; font-size:12px; line-height:20px; font-weight:normal;}

a,a:visited    {color: #EEE; border-bottom: 1px dotted; text-decoration:none}

a:hover		   {color: #084872;}

a.noborder     {border-bottom:none}

a.topbar       {border-bottom:none}

a.topbar:hover		   {color: #FFF;}


h2.design {text-indent:-5000px; background:url(/images/design-services.png) top center no-repeat; width:500px; height:25px}

h2.printing {text-indent:-5000px; background:url(/images/printing-services.png) top center no-repeat; width:500px; height:25px}

h2.marketing {text-indent:-5000px; background:url(/images/marketing-services.png) top center no-repeat; width:500px; height:25px}

h2.data {text-indent:-5000px; background:url(/images/data-services.png) top center no-repeat; width:500px; height:25px}

h2.statement {text-indent:-5000px; background:url(/images/statement-services.png) top center no-repeat; width:500px; height:25px}

h2.lettershop {text-indent:-5000px; background:url(/images/lettershop-services.png) top center no-repeat; width:500px; height:25px}

h2.fullfillment {text-indent:-5000px; background:url(/images/fullfillment-services.png) top center no-repeat; width:500px; height:25px}

h2.about {text-indent:-5000px; background:url(/images/about-heading.png) top center no-repeat; width:500px; height:25px}

h2.contact {text-indent:-5000px; background:url(/images/contact-heading.png) top center no-repeat; width:500px; height:25px}

h4 {font-family:Lucida Sans, Arial, Helvetica; font-size:13px; font-weight:bold; margin:0; padding:0; line-height:16px; color:#FFFFFF; text-transform:uppercase}



#top-blue-bar {background:url(/images/top-blue-bar.jpg); height:25px; width:100%; padding:0; margin:0; font-family: Lucida Sans, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px; font-weight:bold;}

.top-blue-bar-wrapper {width:960px; margin:0 auto; padding-top:7px}

.top-blue-bar-left {float:left; padding-left:30px}

.top-blue-bar-right {float:right; padding-right:7px}


#trans-header {background:url(/images/header-bg.png); height:100px; width:100%; padding:0; margin:0;font-family: Lucida Sans, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:10px; font-weight:bold;}

.trans-header-wrapper {width:960px; margin:0 auto; position:relative}

#logo-holder {top:25px; left:30px; position:absolute}

#toll-free {top:25px; right:200px; position:absolute; width:155px}

h3.toll-free {text-indent:-5000px; background: url(/images/toll-free.png) top center no-repeat; width:154px; height:21px; margin-top:5px}

#local {top:25px; right:0px; position:absolute; width:155px}

h3.local {text-indent:-5000px; background:url(/images/local.png) top center no-repeat; width:151px; height:21px; margin-top:5px}


/* Nav */


#nav-wrapper {background:url(/images/nav-bg.png); height:40px; width:100%; padding:0; font-family: Lucida Sans, Arial, Helvetica, sans-serif; color:#eeeeee; font-size:14px; font-weight:normal; line-height:38px;}

#nav         {width:960px; height:40px; margin:0 auto; position:relative; z-index:5000}

#nav ul.menu {padding: 0; margin: 0; list-style: none; font-size:14px; line-height:38px; color:#EEEEEE}

#nav ul.menu * {margin:0; padding:0}

#nav ul.menu li {display:block;	float: left; width: auto; margin:0 25px; height:40px;}

#nav ul.menu li.seperator {display:block; float: left; width: 1px; margin:0px; padding:0; background:url(/images/nav-seperator.png); height:36px}

#nav ul.menu li a {display: block; width: auto; color:#EEEEEE; font-weight:normal; text-decoration:none; line-height:38px; height:40px; border-bottom:none;}

#nav ul.menu li a:hover,#nav ul.menu li a:active {color: #FFFFFF; background:url(/images/nav-bouncy.png) bottom repeat-x; height:40px;}

#nav ul.menu ul {position:absolute; display:none; opacity:0; list-style:none; width:175px; margin-left:-26px;}

#nav ul.menu ul li{display:block !important;position:relative; border:1px solid #131314; border-top:none; margin:0; height:30px; line-height:21px;}

#nav ul.menu ul li a {display:block !important; padding:3px 0px 3px 7px !important; background-color:#181a1d; color: #666; font-size:11px; font-weight:normal; width:165px; margin:0 !important; height:24px; line-height:21px; }

#nav ul.menu ul li a:hover {display:block; padding:3px 0px 3px 7px !important; font-size:11px; font-weight:normal; width:165px; background: #454545; color: #EEEEEE; margin:0 !important; height:24px; line-height:21px;}



#content-wrapper {width:960px; margin:0 auto; padding:0;}


#main-image-container {float:left; width:680px; height:270px; margin:10px 0 0 0; padding:0}


/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 680px; height: 270px; position: relative; margin: 0; padding:0; }
.anythingSlider .wrapper                { width: 680px; overflow: auto; height: 270px; margin: 0; position: absolute; top: 0; left: 0; padding:0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 270px; width: 680px; margin: 0; padding:0; }
.anythingSlider .arrow                  { display: none; }
/* .anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; } */

#thumbNav                               { position: absolute; top:230px; left:15px; text-align: center; }
#thumbNav a                             { color: #FFFFFF; font-family: Lucida Sans, Arial, Helvetica, sans-serif; font-size:10px; display: inline-block; padding: 5px; height: 13px; width:13px; margin: 0 5px 0 0; background: #000; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration:none; border-bottom: none; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #000; }

#start-stop                             { background: green; background-image: url(/images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; display:none }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }







label {float:left;}

input,textarea {float:right; width:130px; font-family:Lucida Sans, Arial, Helvetica, sans-serif; font-weight:normal; color:#333333; font-size:11px; padding:3px;}

input.button {width:100px !important; height:30px !important; background:url(http://www.gibbardwebdesign.com/transamerican/images/send-now-btn.png) top center no-repeat; margin:0; padding:0;}




#contact-us-bg {float:right; width:260px; height:270px; margin:10px 0 0 0; padding:0; background:url(/images/contact-us-bg.png) bottom center no-repeat}

h3.contact-us-today {text-indent:-5000px; background:url(/images/contact-us-today.png) top center no-repeat; width:163px; height:22px;margin:18px 20px 0px 10px;}

h3.member-login {text-indent:-5000px; background:url(/images/member-login.png) top center no-repeat; width:199px; height:36px;margin:18px 20px 5px 10px;}

#contact-form-wrapper {padding:15px 20px 0px 20px; color:#EDE; font-family: Lucida Sans, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; font-weight:normal;}

.form-line {clear:both; height:31px; margin:0; padding:0}

.message-form-line {clear:both; height:78px; margin:0; padding:0}

.line-break {clear:both; height:7px; font-size:2px; margin:0; padding:0}



#middle-image-wrapper {width:960px; height:94px; margin:5px 0px 10px 0px; clear:both;}

#image-bumpup {}



/* Tooltip */

/* trigger button */
#design {
	background:transparent url(/images/design-btn.png) no-repeat scroll 0 0;
	display:block;
	height:94px;
	overflow:hidden;
	text-indent:-999em;
	width:120px;
	cursor:pointer;
	border-bottom: none;
	float:left;
}

#design-sm {
	background:transparent url(/images/design-btn.png) no-repeat scroll 0 0;
	display:block;
	height:94px;
	overflow:hidden;
	text-indent:-999em;
	width:120px;
	cursor:pointer;
	border-bottom: none;
	float:left;
	margin-right:3px;
}

/* mouseover state */
#design:hover {
	background-position:0 -94px ;		
}

/* clicked state */
#design:focus {
	background-position:0 -94px;
}

#printing {
	background:transparent url(/images/printing-btn.png) no-repeat scroll 0 0;
	display:block;
	height:94px;
	overflow:hidden;
	text-indent:-999em;
	width:120px;
	cursor:pointer;
	border-bottom: none;
	float:left;
	margin-left:19px;
}

#printing-sm {
	background:transparent url(/images/printing-btn.png) no-repeat scroll 0 0;
	display:block;
	height:94px;
	overflow:hidden;
	text-indent:-999em;
	width:120px;
	cursor:pointer;
	border-bottom: none;
	float:left;
	margin-right:3px;
}

/* mouseover state */
#printing:hover {
	background-position:0 -94px ;		
}

/* clicked state */
#printing:focus {
	background-position:0 -94px;
}

#marketing {
	background:transparent url(/images/marketing-btn.png) no-repeat scroll 0 0;
	display:block;
	height:94px;
	overflow:hidden;
	text-indent:-999em;
	width:120px;
	cursor:pointer;
	border-bottom: none;
	float:left;
	margin-left:19px;
}

#marketing-sm {
	background:transparent url(/images/marketing-btn.png) no-repeat scroll 0 0;
	display:block;
	height:94px;
	overflow:hidden;
	text-indent:-999em;
	width:120px;
	cursor:pointer;
	border-bottom: none;
	float:left;
	margin-right:3px;
}

/* mouseover state */
#marketing:hover {
	background-position:0 -94px ;		
}

/* clicked state */
#marketing:focus {
	background-position:0 -94px;
}

#envelopes {
	background:transparent url(/images/envelopes-btn.png) no-repeat scroll 0 0;
	display:block;
	height:94px;
	overflow:hidden;
	text-indent:-999em;
	width:120px;
	cursor:pointer;
	border-bottom: none;
	float:left;
	margin-left:19px;
}

/* mouseover state */
#envelopes:hover {
	background-position:0 -94px ;		
}

/* clicked state */
#envelopes:focus {
	background-position:0 -94px;
}

#data {
	background:transparent url(/images/data-btn.png) no-repeat scroll 0 0;
	display:block;
	height:94px;
	overflow:hidden;
	text-indent:-999em;
	width:120px;
	cursor:pointer;
	border-bottom: none;
	float:left;
	margin-left:19px;
}

#data-sm {
	background:transparent url(/images/data-btn.png) no-repeat scroll 0 0;
	display:block;
	height:94px;
	overflow:hidden;
	text-indent:-999em;
	width:120px;
	cursor:pointer;
	border-bottom: none;
	float:left;
	margin-right:3px;
}

/* mouseover state */
#data:hover {
	background-position:0 -94px ;		
}

/* clicked state */
#data:focus {
	background-position:0 -94px;
}

#statement {
	background:transparent url(/images/statement-btn.png) no-repeat scroll 0 0;
	display:block;
	height:94px;
	overflow:hidden;
	text-indent:-999em;
	width:120px;
	cursor:pointer;
	border-bottom: none;
	float:left;
	margin-left:19px;
}

#statement-sm {
	background:transparent url(/images/statement-btn.png) no-repeat scroll 0 0;
	display:block;
	height:94px;
	overflow:hidden;
	text-indent:-999em;
	width:120px;
	cursor:pointer;
	border-bottom: none;
	float:left;
	margin-right:3px;
}

/* mouseover state */
#statement:hover {
	background-position:0 -94px ;		
}

/* clicked state */
#statement:focus {
	background-position:0 -94px;
}

#lettershop {
	background:transparent url(/images/lettershop-btn.png) no-repeat scroll 0 0;
	display:block;
	height:94px;
	overflow:hidden;
	text-indent:-999em;
	width:120px;
	cursor:pointer;
	border-bottom: none;
	float:left;
	margin-left:19px;
}

#lettershop-sm {
	background:transparent url(/images/lettershop-btn.png) no-repeat scroll 0 0;
	display:block;
	height:94px;
	overflow:hidden;
	text-indent:-999em;
	width:120px;
	cursor:pointer;
	border-bottom: none;
	float:left;
	margin-right:3px;
}

/* mouseover state */
#lettershop:hover {
	background-position:0 -94px ;		
}

/* clicked state */
#lettershop:focus {
	background-position:0 -94px;
}

#fulfillment {
	background:transparent url(/images/fulfillment-btn.png) no-repeat scroll 0 0;
	display:block;
	height:94px;
	overflow:hidden;
	text-indent:-999em;
	width:120px;
	cursor:pointer;
	border-bottom: none;
	float:left;
	margin-left:19px;
}

#fulfillment-sm {
	background:transparent url(/images/fulfillment-btn.png) no-repeat scroll 0 0;
	display:block;
	height:94px;
	overflow:hidden;
	text-indent:-999em;
	width:120px;
	cursor:pointer;
	border-bottom: none;
	float:left;
	margin-right:3px;
}

/* mouseover state */
#fulfillment:hover {
	background-position:0 -94px ;		
}

/* clicked state */
#fulfillment:focus {
	background-position:0 -94px;
}

/* tooltip styling */
.tooltip-padding {padding:10px;}

.tooltip,.tooltip-design,.tooltip-fulfillment,.tooltip-printing,.tooltip-statement,.tooltip-data,.tooltip-envelopes,.tooltip-lettershop {
	display:none;
	background:url(/images/black_arrow.png);
	height:102px;
	padding:10px;
	width:189px;
	font-size:11px;
	color:#fff;
	font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:75px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}




.homepage-text-topper {background:url(/images/homepage-bottom-text-topper.png); width:960px; height:15px; font-size:10px; margin:0; padding:0}

.homepage-text-bg {background:url(/images/homepage-bottom-text-bg.png) repeat-y; width:960px; height:500px;}

.homepage-text-footer {background:url(/images/homepage-bottom-text-footer.png); width:960px; height:15px; font-size:10px; margin:0; padding:0}

.homepage-bottom-left {float:left; padding:10px 40px 0px 40px; width:410px; background:url(/images/bottom-dash-v.png) bottom right no-repeat;}

h2.transamericanmailing {text-indent:-5000px; background:url(/images/transamerican-mailing.png) top center no-repeat; width:269px; height:26px}

.homepage-bottom-right {float:right; padding:10px 40px 0px 40px; width:390px}

h2.ourservices {text-indent:-5000px; background:url(/images/our-services.png) top center no-repeat; width:147px; height:26px}

.bottom-dotted {background: url(/images/bottom-dash-h.png); height:2px; font-size:1px}

#homepage-list {font-size:11px; color:#CCCCCC; font-family:Lucida Sans, Arial, Helvetica, sans-serif; padding:10px; margin:10px; list-style: disc inside}

#homepage-list li{font-size:11px; color:#CCCCCC; font-family:Lucida Sans, Arial, Helvetica, sans-serif; padding:3px 0px; margin:0px; list-style: disc inside}

.page-left {float:left; width:695px;}

.page-right {float:right; width:260px;}

.page-header {width:630px; height:100px; margin:0 0 20px 0; padding:0}

.page-text-topper {background:url(/images/page-text-topper.png) top center no-repeat; width:670px; height:20px; padding:0; margin:10px 0 0 0}

.page-text-bg {background: url(/images/page-text-bg.png) top center repeat-y; width:670px; height:auto; padding:0; margin:0;}

.page-text-pad {padding:0px 20px 10px 20px}

.page-text-footer {background: url(/images/page-text-footer.png) bottom center no-repeat; width:670px; height:20px; padding:0; margin:0}

#related-services-bg {float:right; width:260px; height:249px; margin:10px 0 10px 0; padding:0; background: url(/images/related-services-bg.png) bottom right no-repeat}

h3.related-services {text-indent:-5000px; background:url(/images/related-services.png) top center no-repeat; width:151px; height:21px; margin:10px 0px 0px 10px; padding:0;}

#related-services-wrapper {padding:0px 0px 0px 10px; margin:0; width:250px; height:230px; float:left;}

.contact-left {float:left; padding:15px 0px; width:230px}

.contact-right {float:right; width:390px; margin:15px 5px 0 0}




/* Footer */

#footer-wrapper {width:960px; margin:0 auto; font-family:Lucida Sans, Arial, Helvetica; color:#EEE; font-size:11px;}

a.footerlink,a.footerlink:visited{color:#EEE; border-bottom:none !important; line-height:16px}

a.footerlink:hover{color:#084872; border-bottom:none !important;}

.footer-left {float:left; width:200; padding:20px 30px; margin:0; text-align:left;}

.footer-mid {float:left; width:300; padding:20px 40px; margin:0; text-align:left;}

.footer-right {float:right; width:500; padding:20px 30px; margin:0; text-align:right;}

.footer-right-text-pad {padding-right:15px;}