body {
  background-color: #F1F2F2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  font-style: italic;
}

a:hover, a:focus {
  color: #000;
  text-decoration: underline;
  font-style: italic;
}

ul {
  list-style-image: url(../../images/template/bullet_default.gif);
  margin: 1em 0 1em 30px;
  padding: 0;
}

li {
  line-height: 1.4em;
}

fieldset p {
  margin-left: 80px;
}

fieldset p label {
  margin-left: -80px;
  float: left;
  font-weight: bold;
}

fieldset p .hint {
  display: block;
  color: #006633;
  font-size: 0.85em;
}

fieldset input[type="text"], fieldset textarea {
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-bottom: 1px solid #777;
  border-right: 1px solid #777;
  width: 220px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 0.2em;
  background-image: url(../../images/template/pagelist1.png);
  background-repeat: repeat-y;
}

fieldset textarea {
  height: 75px;
}

textarea.large {
  width: 360px;
  height: 190px;
}


/* TinyMCE specific rules */
body.mceContentBody {
  background-color: #fff;
}

p, td {
  font-size: 1em;
  line-height: 1.4em;
  margin: 0.3em 0 0.8em 0;
}

h1 {
  font-size: 1.5em;
  margin: 0;
}

h2 {
  font-size: 1.3em;
  margin: 0.8em 0 0 0;
}

img {
  border: 0;
}

hr {
  display: none;
}

.clear_floats {
  clear: both;
}

.highlight {
  font-size: 1.1em;
}


/*
 *  PORTFOLIO (NOT THE DROP-DOWN MENU)
 */

#portfolio_jobdetails p {
  margin: 0 0 0.5em 6.5em;
  clear: left;
}

#portfolio_jobdetails strong {
  margin: 0 0 0 -6.5em;
  display: block;
  float: left;
}

#portfolio_image, #portfolio_slideshow div {
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 2em;
  width: 515px;
}

#portfolio_slideshow div {
  display: block;
  position: absolute;
  left: auto;
  right: auto;
}

#portfolio_image img, #portfolio_slideshow div img {
  border: 3px solid #bbb;
}



/*
 *  HOME PAGE
 */

#home_print {
  float: left;
  width: 267px;
}

#home_design {
  float: left;
  width: 268px;
  padding: 0 10px;
}

#home_web {
  float: right;
  width: 267px;
}

#home_print div {
  background-image: url(../../images/hometitle_print.gif);
}

#home_design div {
  background-image: url(../../images/hometitle_design.gif);
}

#home_web div {
  background-image: url(../../images/hometitle_websites.gif);
}

#home_print div, #home_design div, #home_web div {
  background-repeat: repeat-x;
  height: 24px;
  overflow: hidden;
  border: 1px solid #221E1F;
  margin-top: 3px;
  line-height: 1.4em;
}

#home_print h1 a, #home_design h1 a, #home_web h1 a {
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 2px 5px 0 9px;
  background-image: url(../../images/hometitle_arrow.png);
  background-repeat: no-repeat;
  background-position: 225px 3px;
  text-align: left;
  padding: 1px 13px 4px 0;
  text-decoration: none;
  font-style: normal;
  display: block;
  text-align: center;
}

#home_print p, #home_design p, #home_web p {
  text-align: center;
  font-size: 13px;
  line-height: 17px;
  margin: 10px;
}  


/*
 *  TEMPLATE
 */

#samplebutton {
  width: 115px;
  margin: 1em auto;
}

#samplebutton a {
  display: block;
  height: 115px;
  background-image: url(../../images/template/sample_request.png);
  background-repeat: no-repeat;
}

#samplebutton a:hover{
	background-image: url(../../images/template/sample_request_hover.png);
}


#samplebutton a span {
  display: none;
}

#callrequest {
  margin: 0;
  text-align: center;
  font-size: 1.1em
}

#callrequest strong {
  font-size: 1.2em
}

#quoterequest {
  margin: 1em 0 0 0;
}

#quoterequest a {
  text-align: center;
  background-image: url(../../images/template/quote_print.png);
  background-repeat: no-repeat;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  display: block;
  height: 28px;
  padding-right: 5px;
  padding-top: 1px;
  font-size: 13px;
}

#quoterequest a:hover {
  background-image: url(../../images/template/quote_print_f2.png);
  color: #fff;
  text-decoration: none;
}

#hd h1 {
  margin: 0;
  padding: 4px 0 0 0;
  float: left;
  display: none;
  line-height: 1em;
}

#hd a {
  font-style: normal;
}

#toplinks {
  list-style: none;
  margin: 0;
  padding: 0 0 4px 0;
  font-size: 10px;
  border-bottom: 1px solid #777;
  line-height: 1em;
  list-style-image: none;
}

#toplinks li {
  list-style: none;
  margin: 0 0 3px 0;
  padding: 0;
  text-align: right;
  font-size: 12px;
  line-height: 1em;
  font-weight: bold;
  list-style-image: none;
}

#toplinks a {
  color: #9797A1;
  text-decoration: none;
}

#toplinks a:hover, #toplinks a:focus {
  color: #000;
  text-decoration: none;
}

#toplinks li.greenlink a:hover, #toplinks li.greenlink a:focus {
  color: #33731B;
  text-decoration: none;
}

#left_col h1, #right_col h1 {
  background-repeat: repeat-x;
  color: #fff;
  font-size: 13px;
  border: 1px solid #444;
  padding: 2px 4px 4px 4px;
  margin: 0;
  line-height: 1em;
  text-transform: lowercase;
  text-align: center;
  height: 13px;
}

#left_col a, #right_col a {
  font-style: normal;
}

#left_col h1.bg_print, #right_col h1.bg_print {
  background-image: url(../../images/template/mainmenu_print.png);
}

#left_col h1.bg_design, #right_col h1.bg_design {
  background-image: url(../../images/template/mainmenu_design.png);
}

#left_col h1.bg_websites, #right_col h1.bg_websites {
  background-image: url(../../images/template/mainmenu_websites.png);
}

#left_col h1.bg_digital, #right_col h1.bg_digital {
  background-image: url(../../images/template/mainmenu_digital.png);
}

#left_col h1.bg_mailings, #right_col h1.bg_mailings {
  background-image: url(../../images/template/mainmenu_mailings.png);
}

#left_col h1.bg_photography, #right_col h1.bg_photography {
  background-image: url(../../images/template/mainmenu_photography.png);
}

#pageheader, #newsarea {
  width: 864px;
  margin: 0 auto;
}

#pageheader {
  background-image: url(../../images/template/bg-gradient2.png);
  background-repeat: repeat-x;
  background-color: #FEFEFE;
}

#newsarea h1 {
  margin: 10px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  width: 117px;
  padding: 2px 4px;
  text-transform: uppercase;
  border-color: #444;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  background-image: url(../../images/template/baseline_header.png);
  background-repeat: repeat-x;
}

#news h1 {
  margin-left: 13px;
}

#newsarea a {
  color: #fff;
  text-decoration: none;
  background-image: url(../../images/template/baseline_arrows.png);
  background-repeat: no-repeat;
  background-position: 1px;
  padding-left: 15px;
}

#news, #blog {
  width: 50%;
}

#news {
  float: left;
}

#blog {
  float: right;
}

#news div, #blog div {
  background-image: url(../../images/template/bg-gradient2.png);
  background-repeat: repeat-x;
  background-color: #FEFEFE;
  border-color: #444;
  border-style: solid;
  border-width: 1px 0;
  padding: 12px;
  line-height: 1em;
}

#news div {
  border-left-width: 1px;
  border-right: 1px dashed #999;
}

#blog div {
  border-right-width: 1px;
}

#pageheader {
  border: 1px solid #221E1F;
}

#ft {
  margin: 15px 0;
}

#ft p {
  margin: 2px;
  text-align: center;
  color: #555;
  font-size: 0.8em;
}



/*
 *  TEMPLATE
 */

#wp {
  width:950px;
  margin:0 auto;
}

#hd {
  padding: 10px 0 0 0;
  background-image: url(../../images/template/logo.gif);
  background-position: 0 15px;
  background-repeat: no-repeat;
  width: 834px;
  margin: 0 auto;
  background-color: #fff;
}

#grad {
  background-image: url(../../images/template/bg-gradient.gif);
  background-repeat: repeat-y;
}

#single_col {
  width: 823px;
  margin: 10px auto;
}

#triple_col {
  margin: 10px 0 0 0;
  width: 518px;
  float: left;
}
#left_col {
  margin: 10px 15px 0 59px;
  float: left;
  width: 126px;
}
/*
#left_col {
  margin: 10px 15px 0 42px;
  float: left;
  width: 143px;
}
*/

#right_col {
  margin: 10px 0 0 0;
  width: 172px;
  margin-left: 735px;
}

#complaincelogos {
	height:0;
}

#complaincelogos #html{
	position:relative;
	left:350px;
	top:16px;
}

#complaincelogos #css{
	position:relative;
	right:350px;
	top:16px;
}



/*
 *  Slider
 */

.sliderGallery {
    overflow: hidden;
    position: relative;
    padding: 0px;
    height: 170px;
    width: 864px;
    margin: 0 auto;
    border: 1px solid #221E1F;
    background-image: url(../../images/template/slider_background.png);
    background-repeat: no-repeat;
		margin-top:1px;
}

.sliderGallery ul {
    position: absolute;
    list-style: none;
    overflow: none;
    white-space: nowrap;
    padding: 0;
    margin: 12px 10px;
}

.sliderGallery ul li {
    display: inline;
    margin: 0 13px;
}

.slider {
  position: absolute;
  margin-left: 39px;
  width: 788px;
}


.handle {
    position: absolute;
    cursor: move;
    top: 0;
    z-index: 10;
    /* bespoke to your own solution */
    height: 18px;
    width: 80px;
    margin-top: 144px;
    background-image: url(../../images/template/slider_handle.png);
    background-repeat: no-repeat;
}

.slider span {
  position: absolute;
  color: #fff;
  display: block;
  margin-top: 145px;
  float: left;
  font-size: 11px;
  font-weight: normal;
  z-index: 20;
  cursor: pointer;
}

.slider-lbl {
  margin-left: 100px;
}

.slider-lb2 {
  margin-left: 370px;
}

.slider-lb3 {
  margin-left: 640px;
}

.goto_start {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 145px;
  left: 22px;
  cursor: pointer;
}

.goto_end {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 145px;
  left: 829px;
  cursor: pointer;
}

/*
 *  New Bottom Ads
 */
#newads{
  margin-left: 65px;
	overflow: auto;
	clear:left;
}

#newads h2{
  color: white;
	margin:0;
	line-height: 25px;
}

#newads #lithoad a, #newads #indigoad a{
  	font-style: normal;
		display: block;
		text-decoration:none;
		padding:8px;
}


#newads #indigoad a{
  background: #748107  url(../../images/ads/indigoad.png); ;
}

#newads #lithoad a{
  background: #9a0012 url(../../images/ads/lithoad.png);
}

#newads #indigoad a:hover{
  background-image:none;
}

#newads #lithoad a:hover{
  background-image: none;
}

#newads img{
    border:1px solid #666;
}

#newads span.p{
	display: block;
  margin:0;
	line-height: 1.2em;
	font-size: 0.9em;
	color:white;
	font-weight: bold;
}

#newads #lithoad{
	float: left;
	margin-top: 20px;
	width: 317px;
	border: 1px solid #666;
}

#newads #xpressad{
	float: left;
	width: 170px;
	height: 190px;
	margin-left: 14px;
	background: url(../../images/ads/xp.gif) no-repeat;
}

#newads #indigoad{
	float: left;
	text-align: right;
	margin-top: 20px;
	width: 317px;
	border: 1px solid #666;
}

#newads #lithoad span.head{
	display: block;
	color:white;
	margin-top:-2px;
	font-family: Arial Black;
  font-weight: bold;
	font-size: 28px;
	line-height: 28px;
}

#newads #xpressad a{
  display: block;
	text-decoration: none;
	font-style: normal;
	color:white;
	text-align:center;
	color:black;
	font-weight: bold;
	font-family: Arial Black;
	padding-top:160px;
	margin-right:15px;
	font-size: 18px;
}

#newads #lithoad span.p{
	display: block;
  margin-top:4px;
	line-height: 1.3em;
}

#newads #indigoad span.head{
	display: block;
	color:white;
	margin-top:-5px;
	font-family:arial black;
  font-weight: bold;
	font-size: 20px;
	line-height: 26px;
}

#newads #lithoad img{
    float:right;
		position: relative;
}

#newads #indigoad img{
    float: left;
		position:relative;
}

#xpresspage{
  background: transparent url(../../images/template/xpressbg.jpg) no-repeat;
	margin:10px auto;
	width:834px;
	height:787px;
	color:white;
}

#xpresspage p{
  font-size: 1.2em;
}

#xpresspage h1{
  font-family: Arial Black;
	font-size: 2.1em;
	line-height: 1em;
	padding-top:5px;
	color:white;
}

#xpresspage h2{
	font-size: 2.1em;
	line-height: 1em;
  color:white;
	margin:0;
	font-weight: normal;
}

#xpresspage #button{
	border: 1px solid white;
	margin: 0px auto;
	background: #000000 url(../../images/ads/xpressbuttonbg.jpg);
	color: white;
	width: 100px;
	text-decoration: none;
	text-align:center;
	font-style: normal;
	font-size: 0.95em;
	line-height: 1.2em;
	padding:15px 5px;
}

#xpresspage #button a{
  color:white;
	font-weight: bold;
	font-style: normal;
	text-decoration:none;
	font-size: 1.2em;
	line-height: 1.2em;
}


#xpresspage #button:hover{
	color:#888;
}


#xpresspage li{
  list-style: outside;
	list-style-type: disc;
	list-style-image: none;
	font-size: 1.2em;
}

#xpresspage div.buttons a{
  display: block;
	float: left;
	width:85px;
	margin-left:12px;
	margin-right:12px;
}

#xpresspage div.buttons{
  text-align: center;
}

#xpresspage div.buttons img{
  border:0;
	display: block;
	margin-top:23px;
}