@charset "utf-8";
/*Note to self: in general, write the html markup before CSS--CSS is worthless without a well formatted document*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {
margin: 0; padding: 0;
}
img{border: 0}
body {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    text-align: center;
    background: #fff url(images/background.jpg) top center no-repeat;
    color: black;
	padding-top: 4px;
}
.oneColFixCtr #container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:636px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#main {
	position:relative;
}
a {
	outline: none;
	text-decoration: none;
	color:#111;
	font-weight:bold;
}
a:hover{color: #C30000;}
.email{
	font-weight:normal;
}
#logo{/* provides a link over the logo on the background*/
position:absolute;
display:block;
top:7px;left:11px;
padding:0px 140px 23px 0px;
text-indent: -5000px;
}
#search_box {
	position:absolute;
	display:block;
	top:15px;left:630px;
    width: 137px;
    height: 19px;
    background: url(images/bg_search_box.jpg) no-repeat;;
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 2px 0 0 6px;
    border: 0;
    width: 112px;
    background: none;
	color: #555;
}
#search_box #go {
    float: right;
    margin: 0 0 0 0;
	width: 19px;
	height:19px;
}
label span{
display:block;
text-indent: -5000px;
}
#btn-printing, #btn-websites, #btn-newmedia, #btn-home, #btn-contact, #btn-july-contact{
display:block;
width: 0px;/* width & height + padding = background image dimensions*/
height: 0px !important; 
text-indent: -5000px;
position:absolute;
}
#btn-printing:hover, #btn-websites:hover, #btn-newmedia:hover { 
background-position: 0 -29px;
}
#btn-home:hover, #btn-contact:hover { 
background-position: 0 -24px;
}
#btn-home{
top:57px;left:205px;
padding:0px 52px 24px 0px;
background: url("images/btn-home.jpg") 0 0 no-repeat;
}
#btn-printing{
top:57px;left:262px;
padding:0px 81px 29px 0px;
background: url("images/btn-printing.jpg") 0 0 no-repeat;
}
#btn-websites{
top:57px;left:343px;
padding:0px 90px 29px 0px;
background: url("images/btn-websites.jpg") 0 0 no-repeat;
}
#btn-newmedia{
top:57px;left:433px;
padding:0px 109px 29px 0px;
background: url("images/btn-newmedia.jpg") 0 0 no-repeat;
}
.graphicalheading{
text-indent: -5000px;
}
#btn-contact{
top:57px;left:547px;
padding:0px 60px 24px 0px;
background: url("images/btn-contact.jpg") 0 0 no-repeat;
}
#bg-paper{
position:absolute;
top:100px;left:7px;
background: #f1f1f5 url("printing/images/grayback.png") repeat-x;
height:490px; width:754px;/**/
}
#bg-blank{
position:absolute;
top:100px;left:7px;width:771px;
background: #fff url("images/bg_blank.jpg") no-repeat;
height:505px
}


#bg-july{
position:absolute;
top:100px;left:7px;width:771px;
background: #fff url("printing/images/bg-july.jpg") no-repeat;
height:855px
}
#btn-july-contact{
top:724px;left:456px;
padding:0px 191px 29px 0px;
background: url("printing/images/july-offer/contact.gif") 0 0 no-repeat;
}
#btn-july-contact:hover{ 
background-position: 0 -29px;
}




#footer{
position:absolute;
top:595px;left:9px;width:771px;
background: #fff url("images/footer.jpg") 5px 0 no-repeat;
height:41px
}
.validators{
position:relative;
top:13px;
float:right;
}
.validators, .validators a{
font-size:10px;
color:#444;
}
.validators a:hover{
color:#c30000;
}
#footer a{
font-weight:normal;
}
#attentiontodetail{
position:absolute;top:59px;left:110px;width:327px;
background: url('images/attentiontodetail.jpg') 0 0px no-repeat;
z-index:5;
}
#mediarevolution{
position:absolute;top:359px;left:213px;width:355px;
background: url('images/mediarevolution.jpg') 0 0px no-repeat;
z-index:5;
}
#printandweb{
position:absolute;top:120px;left:287px;width:480px;height:78px;
background: url('images/printandweb.gif') 0 0px no-repeat;
z-index:5;
}
#craftysyntax{
position:absolute;top:60px;left:632px;
}
.graphicalheading{
line-height: 32px;
text-indent: -5000px;
}
h2,h3{
    font-size: 12px;
	text-decoration:underline;
}
a.over{
color:#C30000
}
a.out{
color:#111
}
a.out:hover{color: #C30000;}