/* Image Master CSS Document */
*
{
	margin: 0px;
	padding: 0px;
}
body
{
	background-color: #dddbd5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a
{
	color: #005C9C;
	text-decoration: none;
}
a:active
{
	color: #005C9C;
	text-decoration: none;
}
a:visited
{
	color: #6482a0;
	text-decoration: none;
}
a:hover
{
	color: #bb1d22;
	text-decoration: underline;
}
h3
{
	font-size: 15px;
	font-weight: bold;
	padding: 35px 0px 10px 55px;
	margin: 0px;
	line-height: 15px;
}
h4
{
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 10px 17px;
	margin: 25px 0px 0px 0px;
	line-height: 16px;
	color: #7E7C63;
}
hr
{
	margin: 15px 0px 0px 15px;
	width: 90%;
	text-align: left;
	color: #e5e5e5;
	height: 1px;
	background-color: #e5e5e5;
}

.spacer
{
	padding: 20px;
}
#welcome1 a
{
	padding: 0px 5px;
}
#info-col a
{
	padding-left: 10px;
}


/*form */
.cssform
{
	padding-top: 10px;
}
.cssform p
{
	width: 700px;
	clear: left;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 230px;
	height: 25px;
}
.cssform label
{
	font-weight: bold;
	float: left;
	margin-left: -210px;
	width: 250px;
}
.cssform #user, #company, #subject, #emailaddress, #organization, #street, #address, #namedeal, #comments
{
	width: 330px;
}
.cssform #state
{
	width: 64px;
}
.cssform #date, #time
{
	width: 125px;
}
.cssform #city, #zip, #phone, #fax
{
	width: 96px;
}
.cssform #colorpages, #pqty, #fqty, #numpages
{
	width: 50px;
}
.cssform input[type="text"]
{
	border: 1px solid #B8B7A5;
	margin: 0px 4px 0px 0px;
	vertical-align: middle;
}
.dealtype input[type="radio"]
{
	margin-right: 5px;
}
.dealtype label
{
	font-weight: normal;
	margin: 2px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: none;
}


.cssform a
{
	font-size: 10px;
	color: #333333;
	margin-left: 10px;
}
#calendar a
{
	vertical-align: top;
	margin: 4px 0px 0px 5px;
	padding: 0px;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
.label1
{
	margin: 0px 4px 0px 2px;
}
.label2
{
	margin: 0px 20px 0px 20px;
}

* html .threepxfix
{
	margin-left: 3px;
}

.sameline ul
{
	width: 700px;
	display: inline;
	float: left;
	margin: 0px;
}
.sameline ul li
{
	width: 250px;
	padding: 0px;
	margin: 0px;
	float: left;
	list-style: none;
}
.sameline #phone
{
	width: 96px;
}
.sameline #ext
{
	width: 30px;
	margin-left: 5px;
}

/*pages */

#header
{
	width: 1024px;
	height: 110px;
	background: url(../images/header.jpg) top center no-repeat;
	margin: 0px auto;
}
#header-main
{
	width: 100%;
	height: 110px;
	background: url(../images/header-main.jpg) top center no-repeat;
	margin: 0px auto;
}

#footer-main
{
	width: 100%;
	height: 40px;
	background: url(../images/footer-main-bg.jpg) top center repeat-x;
	margin: 0px auto;
}
#footer
{
	width: 1000px;
	margin: 0px auto;
	color: #CCCCCC;
	font-size: 10px;
	padding: 10px 0px 0px 125px;
}
#footer a
{
	color: #CCCCCC;
}

/*menu*/
#menu-main a
{
	color: #000;
}
#menu-main
{
	width: 100%;
	background: url(../images/menu-main-bg.jpg) bottom left repeat-x;
	height: 45px;
}
#menu-main1, #menu-main1-sub
{
	width: 873px;
	margin: 0px auto;
}
.slogan
{
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: 250px;
	padding: 15px 0px 0px 0px;
}

.page-header
{
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	line-height: 40px;
}
.page-header1
{
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	line-height: 28px;
	background-color: #B8B4A0;
	padding: 5px 34px;
}

#middle-main
{
	width: 1024px;
	background: url(../images/content-bg.jpg) top center no-repeat;
	display: block;
	background-color: #dddbd5;
	padding-top: 20px;
	margin: 0px auto;
}
#middle
{
	width: 873px;
	border: solid 1px #F5F5F5;
	margin: 0px auto;
	padding: 0px 0px 15px 0px;
	overflow: hidden;
}

#center-main
{
	width: 873px;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
}
#flash
{
	width: 553px;
	padding: 15px 10px 8px 15px;
	float: left;
	margin: 0px auto;
}

#welcome
{
	margin: 0px;
	float: left;
	margin: 20px 0px 10px 15px;
	width: 255px;
}
.big-letter
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}
.big-letter2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #CC0000;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}

#welcome1
{
	width: 255px;
	float: left;
	margin: 15px 0px 10px 15px;
	line-height: 1.5em;
}
#welcome1 span
{
	font-weight: bold;
}

#info-col
{
	width: 873px;
	margin: 0 auto;
	padding: 40px 0px 40px 0px;
	overflow: hidden;
	display: block;
	list-style: none;
	line-height: 18px;
}
#info-col1
{
	background: url(../images/info-col1-img.jpg) left top no-repeat;
	width: 241px;
	display: inline;
	padding: 120px 75px 0px 0px;
	float: left;
}
#info-col2
{
	background: url(../images/info-col2-img.jpg) left top no-repeat;
	width: 241px;
	display: inline;
	padding: 120px 75px 0px 0px;
	float: left;
}
#info-col3
{
	background: url(../images/info-col3-img.jpg) left top no-repeat;
	width: 241px;
	display: inline;
	padding: 120px 0px 0px 0px;
	float: left;
}

#offer
{
	list-style: none;
	margin-left: 4px;
	padding: 0px;
}
#offer li
{
	padding: 0px 0px 5px 0px;
	margin-left: 0px;
}

#info-col3 h3
{
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	line-height: 11px;
}
#info-col3 p
{
	padding: 0px 0px 19px 0px;
	background: url(../images/quote.jpg) top right no-repeat;
	margin: 0px;
}
.qlink
{
	padding: 0px 0px 0px 0px;
	float: right;
	width: 50px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	position: relative;
	top: 0px;
}

/* about Us page */
#main-image
{
	width: 700px;
	height: 285px;
	border: solid 1px #F5F5F5;
	margin: 0px auto;
	padding: 10px 10px 10px 10px;
}
.bg-box
{
	width: 534px;
	height: 249px;
	padding: 10px;
	background-color: #ffffff;
	margin: 0px 0px 5px 0px;
}
.bg-box img
{
	text-decoration: none;
	border: none;
}
#about-head
{
	background: url(../images/about-header.png) left top no-repeat;
	width: 142px;
	height: 74px;
	margin: 5px 0px 20px 70px;
}

#about-content
{
	display: inline;
	width: 853px;
	display: inline;
}
#testimonials
{
	width: 250px;
	margin: 0px 12px 0px 27px;
	float: right;
	list-style: none;
	line-height: 18px;
	background-color: #CAC7B8;
	border: 1px solid #BFBDAA;
	text-align: center;
	padding-bottom: 10px;
}
#testimonials p
{
	border-top: solid 1px #C6C2B3;
	text-align: left;
	width: 205px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
}

.testi-content
{
	font-style: italic;
}
.testi-name
{
	font-size: 11px;
	padding-top: 25px;
	line-height: 12px;
	color: #666666;
}
#about-li
{
	float: left;
	width: 560px;
	text-indent: 0px;
	list-style: none;
}
#text-content
{
	width: 550px;
	line-height: 20px;
}
#text-content h3
{
	font-size: 15px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
#text-content p, #content-policy p
{
	margin: 10px 0px 10px 0px;
}
#content-policy
{
	width: 823px;
	line-height: 20px;
}
#zoom
{
	margin: 0px;
	float: left;
	position: relative;
	top: 219px;
	left: -9px;
}
/* services page */
#services-head
{
	background: url(../images/services-header.png) left top no-repeat;
	width: 142px;
	height: 74px;
	margin: 5px 0px 20px 70px;
}
#service-main
{
	width: 870px;
	padding: 0px 0px 12px 10px;
}
#ser-col1 a
{
	background: url(../images/service-img1.jpg) top center no-repeat;
	width: 244px;
	margin: 0px 40px 0px 0px;
	float: left;
	text-align: center;
	padding-top: 105px;
}
#ser-col2 a
{
	background: url(../images/service-img2.jpg) top center no-repeat;
	width: 244px;
	margin: 0px 40px 0px 0px;
	float: left;
	text-align: center;
	padding-top: 105px;
}
#ser-col3 a
{
	background: url(../images/service-img3.jpg) top center no-repeat;
	width: 244px;
	margin: 0px 40px 0px 0px;
	float: left;
	text-align: center;
	padding-top: 105px;
}

.services-text
{
	padding: 30px;
	width: 756px;
	margin: 0px auto;
	float: left;
	height: 146px;
	background-color: #CAC7B8;
	border: 1px solid #CECDC4;
	border-top: 1px solid #CAC7B8;
	line-height: 20px;
}
.ser-inside li
{
	list-style: circle;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	line-height: 20px;
	list-style-position: inside;
}
.services-text1
{
	padding: 30px 0px;
	width: 450px;
	margin: 0px auto;
	float: left;
}


.shadetabs
{
	list-style-type: none;
	text-align: left;
}

.shadetabs li
{
	display: inline;
	font-size: 10px;
	text-align: center;
}

.shadetabs li a
{
	text-decoration: none;
	color: #2d2b2b;
	border: 1px solid #DDDCD5;
}

.shadetabs li a:visited
{
	color: #2d2b2b;
	border: none;
	border: 1px solid #DDDCD5;
}

.shadetabs li a:hover
{
	text-decoration: underline;
	color: #2d2b2b;
}

#ser-inside li a.selected
{
	/*selected main tab style */
	position: relative;
	border: 1px solid #CECDC4;
	border-bottom: 1px solid #CAC7B8;
	text-align: center;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	background-color: #CAC7B8;
}

.shadetabs li a.selected:hover
{
	/*selected main tab style */
	text-decoration: none;
}

.tabcontent
{
	display: none;
}

/* contact page */
#contact-main
{
	width: 853px;
	border: solid 1px #F5F5F5;
	margin: 0px auto;
	padding: 20px 10px 20px 25px;
	overflow: hidden;
}
#contact-main h3
{
	padding: 0px 0px 20px 0px;
	margin: 0px;
}
.describ-txt p
{
	padding: 0px 0px 0px 21px;
}
#contact-head
{
	background: url(../images/contact-header.png) left top no-repeat;
	width: 142px;
	height: 74px;
	margin: 5px 0px 20px 70px;
}


#contact-raw1
{
	padding: 0px;
	text-align: left;
	list-style: none;
}
#contact-raw1 h4
{
	padding: 10px 0px 0px 30px;
}
#contact-col1
{
	background: url(../images/contact-img1.jpg) left no-repeat;
	width: 744px;
	padding: 20px 0px 10px 300px;
	margin-left: 20px;
	list-style: none;
}
#contact-col2
{
	background: url(../images/contact-img2.jpg) bottom left no-repeat;
	width: 744px;
	padding: 0px 0px 10px 300px;
	margin-left: 20px;
	list-style: none;
}
#contact-col3
{
	background: url(../images/contact-img3.jpg) bottom left no-repeat;
	width: 744px;
	padding: 20px 0px 10px 300px;
	margin-left: 20px;
	list-style: none;
}
#contact-col4
{
	background: url(../images/contact-img4.jpg) bottom left no-repeat;
	width: 744px;
	padding: 20px 0px 10px 300px;
	margin-left: 20px;
	list-style: none;
}

/*get a quote page */

#get-header
{
	background: url(../images/get-header.png) left top no-repeat;
	width: 268px;
	height: 74px;
	margin: 0px 0px 20px 70px;
	padding: 0px;
}
#upload-head
{
	background: url(../images/upload-header.png) left top no-repeat;
	width: 268px;
	height: 74px;
	margin: 0px 0px 20px 70px;
	padding: 0px;
}

/*---------- bubble tooltip  start-----------*/

a.tt
{
	position: relative;
	z-index: 24;
	color: #9B9980;
	text-decoration: none;
}
a.tt span
{
	display: none;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover
{
	z-index: 25;
	color: #BEBDAB;
	background: none;
}
a.tt:hover span.tooltip
{
	display: block;
	position: absolute;
	top: -50px;
	left: -300px;
	padding: 5px;
	width: 300px;
	color: #000;
	text-align: left;
	font-size: 11px;
	background-color: #C7C6B7;
	border: 1px solid #BEBDAB;
}

a.tt:hover span.top
{
	display: block;
	padding: 5px 0px 0px;
}

a.tt:hover span.middle
{
	/* different middle bg for stretch */
	display: block;
	padding: 0 8px;
}
a.tt:hover span.bottom
{
	display: block;
	padding: 3px 8px 10px;
	color: #BEBDAB;
}

a.tt:hover span.b
{
	font-size: 12px;
	padding-top: 5px;
	color: #000000;
	margin: 0px;
}

/*---------- bubble tooltip  end-----------*/
#user-req
{
	visibility: hidden;
	float: left;
}
#user
{
	float: left;
}
#policy-head
{
	background: url(../images/policy-header.png) left top no-repeat;
	width: 268px;
	height: 74px;
	margin: 0px 0px 20px 130px;
	padding: 0px;
}

/*-------------Upload----------------*/

.cssform #contact, #tele
{
	width: 330px;
}
.cssform #instructions
{
	width: 330px;
	border: 1px solid #B8B7A5;
	margin-bottom: 25px;
	margin-left: 10px;
}
.uploadpage
{
	width: 710px;
	margin-left: 240px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#uploadForm1 label
{
	padding-left: 0px;
	width: 100px;
}
#uploadForm1 input[type="text"]
{
	margin-left: 10px;
}
#UploadManagerRequiredFileValidator1
{
	margin-left: 300px;
}
#Valid5
{
	margin-left: 580px;
	
}
h1
{
	font-size: 125%;
}
table.results
{
	border-collapse: collapse;
	border: 1px solid #B8B7A5;
}
table.results td, table.results th
{
	border: 1px solid #B8B7A5;
}
table.results th
{
	background-color: #dddbd5;
}
.response
{
	color: Red;
	font-weight: bold;
}
