@charset "utf-8";

/*---------------------
Color Palette
orange = rgb(240,142,0)
drk orange = rgb(244,123,32)
teal = rgb(33,141,154)
purple = rgb(77,96,155)
darkgray = rgb(50,50,50)
black = rgb(0,0,0)
white = rgb(255,255,255)

© AccuCopy : Innovative Print, Mail and Distribution Solutions
HTML/CSS -> Chris Gaines, Web Campaign Designer
---------------------*/

/*--- Java Modal Box --------------------------------------------*/
#osx-modal-content, #osx-modal-data {display:none;}

/* Overlay */
#osx-overlay {background-color:#000; cursor:wait;}

/* Container */
#osx-container {background-color:#ddd; color:#fff; font-family:"Lucida Grande",Arial,sans-serif; font-size:.9em; padding-bottom:30px; width:300px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#osx-container a {color:#ddd;}
#osx-container #osx-modal-title {color:#fff; background:url(images/tealBar.png) repeat-x; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-transform:uppercase;}
#osx-container .close {display:none; float:right;}
#osx-container .close a {position:absolute; right:0px; top:3px; color:#fff; font-size:.6em; font-weight:bold; padding:6px 12px 0; text-decoration:none;}
#osx-container .close a:hover {color:#000;}
#osx-container #osx-modal-data {padding:6px 12px;}
#osx-container h2 {margin:10px 0 6px;}
#osx-container p {margin-bottom:10px;}
#osx-container span {color:#777; font-size:.9em;}

form {margin:0 auto;}
label {color:#333; font-family:"Lucida Grande",Arial,sans-serif; font-weight:bold; font-size:.9em;}
 
/*--- GLOBALS --------------------------------------------------*/
* {margin:0; padding:0;}
body {background:#000; min-width:950px;}
a {text-decoration:none; cursor:pointer; border:none; outline:none; color:rgb(244,123,32);}
a img {border:none;}

/*--- TEXT STYLE ----------------------------------------------*/
::selection {background:rgba(240,142,0,.9); color:#fff;}
::-moz-selection {background:rgba(240,142,0,.9); color:#fff;}
 
.loc {font:bold 20px Trebuchet MS, Verdana, Geneva, sans-serif; text-transform:uppercase;}
.addr {font:bold 16px Trebuchet MS, Verdana, Geneva, sans-serif;}
.email a {font:bold 12px Trebuchet MS, Verdana, Geneva, sans-serif; text-decoration:none; color:rgb(240,142,0);}
.email a:hover {color:#fff;}

h1 {font:bold 11px Trebuchet MS, Verdana, Geneva, sans-serif; color:rgb(244,123,32); text-align:center; text-transform:uppercase;}
h2 {position:relative; top:25px; font:bold 13px Trebuchet MS, Verdana, Geneva, sans-serif; color:#fff; text-align:center; text-transform:uppercase;}
h3 {font:bold 15px Trebuchet MS, Verdana, Geneva, sans-serif; color:rgb(33,141,154); text-align:left; text-transform:none; padding:20px 0 6px 0;}

p {font:normal 12px Trebuchet MS, Verdana, Geneva, sans-serif; line-height:1.5em; padding-bottom:8px; color:#333;}
p.solo {width:570px; padding-bottom:12px;}

/*--- HEADER LAYOUT DIVS -------------------------------------------*/
#wholeWrap {width:100%; float:left; position:relative; background:#fff;}
#headerWrap {width:950px; margin:0 auto;}
#header {width:950px; float:left; position:relative;}
#logo {float:left; position:relative; width:242px; height:122px; background:url(images/accuCopyLogo.jpg) no-repeat center; text-indent:-9999px; padding:10px 0;}

/*--- TOP MENU -----------------------------------------------------*/
#addressArea {float:right; position:relative; width:590px; top:20px;}
p.locationHeader {text-align:right; font:bold 17px Trebuchet MS, Verdana, Geneva, sans-serif; color:rgb(240,142,0); text-transform:uppercase; padding:0;}
p.numbers {text-align:right; font:bold 17px Trebuchet MS, Verdana, Geneva, sans-serif; color:rgb(33,141,154); padding:0;}
ul.locationLinks {float:right; position:relative; padding:0 0 20px 0;}
ul.locationLinks li {padding:0 0 0 10px; display:inline; float:left; list-type:none; font:bold 9px Trebuchet MS, Verdana, Geneva, sans-serif; color:rgb(240,142,0);}
ul.locationLinks li a {text-decoration:none; color:rgb(33,141,154);} 
ul.locationLinks li a:hover {color:#777;}

ul.headLink {float:right; position:relative; list-style:none; width:550px; height:20px;}
ul.headLink li {float:left; position:relative; font:bold 12px Trebuchet MS, Verdana, Geneva, sans-serif; color:rgb(240,142,0); display:inline; padding:10px 0 0 15px; text-transform:uppercase; top:20px;}
ul.headLink li a {font:bold 10px Trebuchet MS, Verdana, Geneva, sans-serif; color:#555;}
ul.headLink li a:hover {color:rgb(33,141,154);}
ul.headLink li a.yousendit {background:url(images/yousendit.jpg) no-repeat right; padding:10px 21px 0 0;}

ul.headLink2 {float:right; position:relative; list-style:none; width:143px; height:50px;}
ul.headLink2 li {float:left; position:relative; font:bold 12px Trebuchet MS, Verdana, Geneva, sans-serif; color:rgb(240,142,0); display:inline; padding:0 0 0 15px; text-transform:uppercase;}
ul.headLink2 li a.quickContact {background:url(images/quickContact.png) no-repeat; background-position:0px -2px; text-indent:-9999px; width:143px; height:50px; display:block;}
ul.headLink2 li a.quickContact:hover {background-position:0px -4px;}

#orangeBar {float:left; position:relative; background:url(images/orangeBar.png) repeat-x; min-width:950px; width:100%; height:32px; padding:0 0 10px 0;}
#orangeBar p {font:bold 15px Trebuchet MS, Verdana, Geneva, sans-serif; color:#fff; margin-top:0.3em; text-align:center; text-transform:uppercase;}


/*--- CONTENT LAYOUT DIVS -----------------------------------------*/
#contentWrap {width:950px; margin:0 auto;}
#content {width:950px; float:left; position:relative;} 
#contactForm {margin:0 auto; width:auto; background:#ccc; font:bold 12px Trebuchet MS, Verdana, Geneva, sans-serif;}
#textblock {float:left; position:relative; width:233px;}
#note {font:normal 12px Trebuchet MS, Verdana, Geneva, sans-serif; color:#C00;}
fieldset {border:none; padding:8px;}
#information {float:left; padding:0; width:950px; color:#333;}


/*--- BREADCRUMB ---------------------------------------------------*/
#breadCrumb {position:relative;}
ul.crumbs {list-style:none;}
ul.crumbs li {display:inline; font:bold 10px Trebuchet MS, Verdana, Geneva, sans-serif; color:#777;}
ul.crumbs li a {color:rgb(244,123,32); text-decoration:underline;}
ul.crumbs li a:hover {color:#333;}

/*--- Unordered Lists ---------------------------------------------*/
ul.noBullets li.heading {font:bold 11px Trebuchet MS, Verdana, Geneva, sans-serif; color:#333; list-style-type:none; padding:2px 0 0 0;}
ul.noBullets li.headingUnderlined {font:bold 10px Trebuchet MS, Verdana, Geneva, sans-serif; color:rgb(77,96,155); list-style-type:none; padding:20px 0 0 0; border-bottom:1px dotted #bbb; margin-bottom:8px; text-transform:uppercase;}
ul.noBullets p {text-transform:none; font-size:11px;}
ul.noBullets li.heading a {text-decoration:underline;}
ul.noBullets li {font:normal 12px Trebuchet MS, Verdana, Geneva, sans-serif; color:#333; list-style-type:none; padding-bottom:1px;}
ul.noBullets li ul {padding:0 0 2px 30px;}
ul.noBullets li ul li {list-style-type:square; color:#444; font-size:11px; margin:0; padding:0; text-transform:none;}
ul.noBullets li ul li ul li{list-style-type:circle; padding-bottom:1px;}
ul.noBullets li a {text-decoration:none; color:#333;}
ul.noBullets li a:hover {color:rgb(244,123,32);}


ul.noBullets li.heading a.orderButton1 {float:right; position:relative; display:block; width:120px; height:25px; background:url(images/orderButton.jpg) no-repeat; text-indent:-9999px; margin:0; padding:0; top:-5px; /top:-20px;}
ul.noBullets li.heading a.orderButton1:hover {background-position:0 -27px;}

ul.noBullets li.heading a.orderButton {float:right; position:relative; display:block; width:180px; height:25px; background:url(images/orderButton.jpg) no-repeat; text-indent:-9999px; margin:0; padding:0; top:-5px; /top:-20px;}
ul.noBullets li.heading a.orderButton:hover {background-position:0 -27px;}

ul.map {width:400px; height:400px; float:left; position:relative; padding:0 0 0 10px;}


/*--- BUTTONS LAYOUT DIVS -----------------------------------------*/
#oneButton {width:250px; height:255px; float:left; position:relative;}
	#oneButton ul.accuButton {float:left; position:relative; list-style-type:none;}
	#oneButton a {text-indent:-9999px; float:left; position:relative;}
	#oneButton a.promo {background:url(images/AccuButtons.jpg) no-repeat; background-position:0px -6px; width:270px; height:57px;}
	#oneButton a.wedding {background:url(images/AccuButtons.jpg) no-repeat; background-position:0px -69px; width:270px; height:57px;}
	#oneButton a.forms {background:url(images/AccuButtons.jpg) no-repeat; background-position:0px -131px; width:270px; height:57px;}
	#oneButton a.portfolio {background:url(images/AccuButtons.jpg) no-repeat; background-position:0px -190px; width:270px; height:57px;}
		#oneButton a.promo:hover {background-position:-270px -6px;}
		#oneButton a.wedding:hover {background-position:-270px -69px;}
		#oneButton a.forms:hover {background-position:-270px -131px;}
		#oneButton a.portfolio:hover {background-position:-270px -190px;}		

#mainButtons {width:930px; margin:0 auto;}

#twoButton {float:left; position:relative; width:333px; height:255px; left:0px; top:-14px;}
	#twoButton ul.buttons {float:left; position:relative; list-style:none;}
	#twoButton a {text-indent:-9999px; float:left; position:relative;}
	#twoButton a.printing {background:url(images/bigButtons.png) no-repeat; background-position:0px 0px; width:333px; height:255px;}
	#twoButton a.printing:hover {background-position:0px -257px;}

#threeButton {float:left; position:relative; width:333px; height:255px; left:0px; top:-14px;}
	#threeButton ul.buttons {float:left; position:relative; list-style:none;}
	#threeButton a {text-indent:-9999px; float:left; position:relative;}
	#threeButton a.onTarget {background:url(images/bigButtons.png) no-repeat; background-position:-333px 0px; width:333px; height:255px;}
	#threeButton a.onTarget:hover {background-position:-333px -257px;}

/*--- FOOTER LAYOUT DIVS -----------------------------------------*/
#footerWrap {float:left; position:relative; width:100%; height:100px; background:#000; top:20px;}
#footer {width:950px; margin:0 auto; padding:20px 0 0 0;}
#poweredBy {float:right; position:relative; width:93px; height:25px; background:url(images/poweredByAcculink.png) no-repeat; text-indent:-9999px; padding:0 30px 0 0;}
#tagLine {float:right; position:relative; width:259px; height:35px; background:url(images/tagLine.png) no-repeat; text-indent:-9999px;}