/* @override 
	http://127.0.0.1/~john/SphereEffect/main.css
	http://sphereeffect.com/new/main.css
*/

/* @group Page Structure */

html, body
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	min-width: 850px;
	background: #3f3f3f url(img/bg.jpg) fixed;
}

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

#pagebg
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 30px;
}

* html #pagebg
{
	position: absolute;
	bottom: auto;
}

body.showcontactinfo #pagebg
{
	bottom: 60px;
}

* html body.showcontactinfo #pagebg
{
	bottom: auto;
}

.pagebg_gradient
{
	display: block;
	width: 850px;
	height: 100%;
	height: expression(document.documentElement.clientHeight-30);
	background: url(img/page_shadow_bg.png) repeat-y;
	margin-right: auto;
	margin-left: auto;
}

* html .pagebg_gradient
{
	height: expression(Math.max(document.documentElement.clientHeight-30, document.body.offsetHeight+240));
	background-image: none;
}

* html body.showcontactinfo .pagebg_gradient
{
	height: expression(Math.max(document.documentElement.clientHeight-60, document.body.offsetHeight+210));
}

.pagebg_gradient span
{
	display: block;
	width: 800px;
	height: 100%;
	height: expression(document.documentElement.clientHeight-30);
	margin-left: 25px;
	border-left: 1px solid #969696;
	border-right: 1px solid #969696;
}

* html .pagebg_gradient span
{
	height: expression(Math.max(document.documentElement.clientHeight-30, document.body.offsetHeight+240));
	background-color: black;
	border-bottom: 1px solid #969696;
}

* html body.showcontactinfo .pagebg_gradient span
{
	height: expression(Math.max(document.documentElement.clientHeight-60, document.body.offsetHeight+210));
}

.pagebg_footerfade
{
	display: block;
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding-left: 1px;
	height: 40px;
	z-index: 1;
}

* html .pagebg_footerfade
{
	display: none;
}

.pagebg_footerfade span
{
	display: block;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background: url(img/footer_fade.png) no-repeat;
}

#main
{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/* @group Forms */

form
{
	margin: 0;
	padding: 0;
}

form ul, form li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

form ul li
{
	height: 25px;
}

label
{
	float: left;
	display: block;
	clear: left;
	width: 120px;
	text-align: right;
	padding-right: 9px;
	line-height: 22px;
	height: 22px;
}

.column2 label
{
	width: 69px;
}

input
{
	display: block;
	width: 180px;
}

select
{
	width: 186px;
	width: expression('186px'); /* I FEEL DIRTY */
	margin-top: expression('1px'); /* STILL FEEL DIRTY */
}

option
{
	height: 19px;
}

input#quantity
{
	width: 90px;
}

textarea
{
	width: 216px;
	width: expression('210px');
	height: 168px;
}

/* @end */

/* @end */

/* @group Header */

/* @group Logo */

#headerlogo
{
	background-image: url(img/header_logo.png);
	width: 302px;
	height: 94px;
	position: absolute;
	top: 0;
	left: 3px;
}

#headerlogo a
{
	text-indent: -9999px;
	position: absolute;
	top: 10px;
	left: 0;
	bottom: 0;
	right: 0;
}

/* @end */

/* @group Order Now */

#ordernow
{
	position: absolute;
	width: 142px;
	height: 36px;
	top: 32px;
	right: 31px;
	background: url(img/ordernow.png) no-repeat;
	font: 14px Verdana, sans-serif;
}

#ordernow a
{
	display: block;
	line-height: 36px;
	text-align: center;
	color: white;
	font-weight: bold;
}

/* @end */

/* @group Main Navigation */

#mainnav
{
	font-size: 14px;
	text-align: center;
	line-height: 16px;
}

#mainnav, #mainnav li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#mainnav li
{
	position: absolute;
	top: 100px;
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
	width: 99px;
	height: 42px;
	border-left: 1px solid #6b6c6c;
}

#mainnav li a
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url(img/button_bar_gradient.png) repeat-x;
	color: #ffffff;
	padding-top: 4px;
	text-shadow: #333 1px 1px 2px;
}

* html #mainnav li a
{
	background-image: none;
	width: 99px;
}

#mainnav li a:hover
{
	text-decoration: none;
	background-image: url(img/button_bar_gradient_inverted.png);
}

* html #mainnav li a:hover
{
	background-image: none;
}

#mainnav li#professional_printing_link
{
	left: 1px;
	border-left: none;
	background-color: #513e6d;
}

#promotional_products_link
{
	left: 100px;
	background-color: #0a5880;
}

#digital_printing_link
{
	left: 200px;
	background-color: #006c58;
}

#mailing_services_link
{
	left: 300px;
	background-color: #3d7336;
}

#signs_banners_link
{
	left: 400px;
	background-color: #9e9825;
}

#stationery_link
{
	left: 500px;
	background-color: #c25e1f;
}

#finishing_services_link
{
	left: 600px;
	background-color: #b01d19;
}

#mainnav li#website_design_link
{
	left: 700px;
	width: 100px;
	background-color: #a2386d;
}

/* @end */

/* @group Testimonials */

#testimonials_container
{
	position: absolute;
	top: 144px;
	left: 1px;
	width: 800px;
	font-size: 11px;
	line-height: 13px;
	border-bottom: 1px solid #6b6c6c;
	-webkit-transition-property: opacity, height;
	-webkit-transition-duration: 1s;
}

#testimonials_container a
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: block;
	color: #969696;
	background: url(img/testimonal_gradient.png) repeat-x;
	padding: 8px 10px;
	z-index: 1;
	-webkit-transition-property: opacity, height;
	-webkit-transition-duration: 1s;
}

* html #testimonials_container a
{
	background-image: none;
}

#testimonials_container a:hover
{
	color: #b2b4b4;
	text-decoration: none;
}

#testimonials_container a.current_testimonial
{
	z-index: 2;
}

/* @end */

/* @end */

/* @group Content */

#content
{
	clear: both;
	position: relative;
	color: #b0b1b1;
	top: 237px;
	font-size: 13px;
	width: 776px;
	margin-left: auto;
	margin-right: auto;
}

#content p
{
	margin-top: 0;
	text-align: justify;
}

.column1
{
	float: left;
	padding-right: 10px;
	width: 380px;
	padding-top: 2px;
}

.column2
{
	float: left;
	width: 300px;
}

.column2 a
{
	color: #b0b1b1;
	text-decoration: underline;
}

img#animated_logo
{
	width: 221px;
	height: 226px;
}

#content p.sig
{
	text-align: right;
}

#content p.aboutlink
{
	text-align: right;
	margin-right: -30px;
	margin-top: 24px;
	font: bold 22px Verdana, sans-serif;
}

.aboutlink a
{
	color: #5f5f5f;
	opacity: 0.8;
	text-decoration: none;
}

.aboutlink a span
{
	text-decoration: underline;
}

.aboutlink a:hover
{
	color: #8b8c8d;
	text-decoration: none;
}

.aboutlink a:hover span
{
	text-decoration: underline;
}

.after_content
{
	clear: both;
	padding-bottom: 40px;
}

.index .column1, .testimonials .column1, .quote_response .column1
{
	text-align: center;
}

/* @end */

/* @group Footer */

#footer
{
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	height: 30px;
}

* html #footer
{
	position: absolute;
	top: expression(Math.max(document.documentElement.clientHeight-30, document.body.offsetHeight+240));
	bottom: auto;
}

body.showcontactinfo #footer
{
	height: 60px;
}

.footer_gradient
{
	width: 850px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	background: url(img/footer_shadow.png) no-repeat;
}

* html .footer_gradient
{
	display: none;
}

.footer_gradient span
{
	display: block;
	margin-left: 25px;
	margin-right: 23px;
	border-top: 1px solid #969696;
}

.footer_container
{
	position: fixed;
	left: 0;
	z-index: 1;
	right: 0;
	bottom: 0;
}

.footer_content
{
	position: relative;
	width: 802px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	color: #a0a1a1;
	font-size: 13px;
	line-height: 13px;
}

body.showcontactinfo .footer_content
{
	background-image: url(img/bg.jpg);
}

.copyright
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	line-height: 30px;
}

.contact_info
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	line-height: 30px;
}

.contact_phone
{
	margin-left: 30px;
}

#contact_more
{
	color: #a0a1a1;
	margin-left: 30px;
	text-transform: capitalize;
}

a#contact_more:hover
{
	color: #cbcccd;
	text-decoration: none;
}

.additional_contact_info
{
	display: none;
}

body.showcontactinfo .additional_contact_info
{
	display: block;
}

body.showcontactinfo span.contact_fax
{
	display: block;
	position: absolute;
	top: -15px;
	right: 99px;
}

body.showcontactinfo span.snailmail
{
	display: block;
	position: absolute;
	top: -15px;
	left: 0;
	width: 100%;
	text-align: center;
}

/* @end */

/* @group Subpages */

.product_list, .product_list li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.product_list
{
	width: 150px;
	float: left;
	line-height: 18px;
}

.bulletless, .bulletless li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 18px;
}

div.photo
{
	position: relative;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #6b6c6c;
}

div.photo img
{
	display: block;
	position: absolute;
	top: 9px;
	left: 9px;
	border: 1px solid #6b6c6c;
}

#content .column1 .caption
{
	text-align: right;
	width: 320px;
	padding-top: 0;
	font-size: 11px;
	margin: -27px auto 16px;
	padding-bottom: 0;
}

#request_quote, #request_quote a
{
	width: 220px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-decoration: none;
}

#request_quote a:hover
{
	text-decoration: underline;
}

#request_quote
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 10px;
	padding: 0;
	/* TODO: remove this later */
	border: expression('1px solid #6b6c6c');
}

#request_quote a
{
	display: block;
	line-height: 20px;
	color: white;
	background: url(img/button_bar_gradient.png) repeat-x 0 -1px;
}

* html #request_quote a
{
	background-image: none;
}

/* @group About */

.about div.photo
{
	margin-top: 0;
	margin-bottom: 30px;
}

/* @end */

/* @group Testimonials */

.testimonials .column2 p
{
	margin-bottom: 22px;
}

.testimonials .column2 p span
{
	display: block;
	text-align: right;
	font-style: italic;
}

/* @end */

/* @group Printing */

.printing #request_quote, .printing #request_quote a
{
	width: 256px;
}

.printing #request_quote
{
	background-color: #513e6d;
}

/* @end */

/* @group Digital */

.digital #request_quote, .digital #request_quote a
{
	width: 220px;
}

.digital #request_quote
{
	background-color: #006c58;
}

/* @end */

/* @group Mailing */

.mailing #request_quote, .mailing #request_quote a
{
	width: 233px;
}

.mailing #request_quote
{
	background-color: #3d7336;
}

/* @end */

/* @group Stationery */

.stationery #request_quote, .stationery #request_quote a
{
	width: 197px;
}

.stationery #request_quote
{
	background-color: #c25e1f;
}

/* @end */

/* @group Signs */

.signs #request_quote, .signs #request_quote a
{
	width: 232px;
}

.signs #request_quote
{
	background-color: #9e9825;
}

.signs #request_quote a
{
	background-position: 0 -6px;
}

.signs .column2 ul.product_list
{
	margin-bottom: expression('30px'); /* IE hack */
}

.signs .column1 ul.product_list
{
	margin-top: 30px;
	margin-bottom: expression('20px'); /* IE hack */
}

.signs .column1 ul.product_list.first
{
	margin-left: 30px;
}

/* @end */

/* @group Finishing */

.finishing #request_quote, .finishing #request_quote a
{
	width: 240px;
}

.finishing #request_quote
{
	background-color: #b01d19;
}

/* @end */

/* @group Websites */

.websites #request_quote, .websites #request_quote a
{
	width: 230px;
}

.websites #request_quote
{
	background-color: #a2386d;
}

.websites .bulletless
{
	margin-bottom: 14px;
}

/* @end */

/* @group Quote */

.quote #request_quote
{
	clear: both;
	background-color: #3d7336;
}

.quote .column1
{
	padding-bottom: 25px;
}

.quote_response h2
{
	padding-top: 0;
	margin-top: 0;
}

/* @end */

/* @end */