body {
  background: #333;
  font-size: 100%;
  font-family: Calibri, Tahoma, Arial, Sans-serif;
  padding: 0;
  margin: 0;
}

/* Reset classes
------------------------
*/
h1,h2,h3,h4 {
  font-weight: normal;
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: #3399FF;
}

a:hover {
  text-decoration: underline;
}

a img {
  border: 0;
}

table {
  border: 0;
}

.sections a {
  color: #996600;
}

/*
-----------------------
*/

#constrain {
  width: 944px; margin-left: auto; margin-right: auto; margin-top: 22px; padding-bottom: 30px;
}

#constrain .top-navigation {
  color: #C97E0E; font-size: 16px;
}

#constrain .top-navigation p, #constrain .header p {
  margin: 0; padding: 0;
}

#constrain .top-navigation p {
  text-align: right;
}

#constrain .top-navigation a {
  color: #fff;
}

#constrain .top-navigation a:hover {
  color: #ccc;
}

#constrain .header {
  background: #fff url('../images/g-focus-background.jpg') top left repeat-x; margin-top: 10px; width: 944px; height: 298px; position: relative;
}

#constrain .header a {
  color: #000;
}

#constrain .header a:hover {
  color: #FF9900;
  text-decoration: none;
}

#constrain .header .doitall { color: #fff; font-weight: bold; font-size: 20px; position: absolute; text-transform: uppercase; top: 24px; left: 38px; }
#constrain .header .copyshop-tag { color: #000; font-weight: bold; font-size: 20px; position: absolute; text-transform: uppercase; top: 62px; left: 38px; }
#constrain .header .copyshop-tag span { padding-right: 50px; }
#constrain .header .signdesign-tag { color: #000; font-weight: bold; font-size: 20px; position: absolute; text-transform: uppercase; top: 62px; left: 235px; }
#constrain .header .signdesign-tag span { padding-right: 70px; }
#constrain .header .stationary-tag { color: #000; font-weight: bold; font-size: 20px; position: absolute; text-transform: uppercase; top: 62px; left: 496px; }
#constrain .header .copyshop-logo { position: absolute; top: 96px; left: 38px; }
#constrain .header .signdesign-logo { position: absolute; top: 88px; left: 235px; }
#constrain .header .stationary-tag-logo { position: absolute; top: 106px; left: 496px; }
#constrain .header .advert { position: absolute; top: 22px; left: 687px; }

#constrain .header #text-tag { color: #000; font-weight: bold; font-size: 20px; position: absolute; text-transform: uppercase; top: 250px; left: 39px; }
#constrain .header #text-tag span { color: #FF9900; }
#constrain .navigation { margin-top: 14px; background: #FF992A url('../images/g-menu-background.jpg') top left repeat-x; height: 43px; border: 1px solid #FF9900; text-transform: uppercase; }
#constrain .navigation ul li { display: block; float: left; padding-left: 0px; }
#constrain .navigation ul li a { color: #333333; font-size: 20px; display: block; height: 34px; padding-top: 10px; padding-left: 21px; padding-right: 21px; border-right: 1px solid #666; font-style: normal; }
#constrain .navigation ul li a:hover { background: #fff; text-decoration: none; }


#constrain .sub-navigation { margin-top: 14px; background: #FF992A url('../images/g-sub-menu-background.jpg') top left repeat-x; height: 34px; border: 1px solid #FF9900; text-transform: uppercase; font-size: 12px; }
#constrain .sub-navigation ul li { display: block; float: left; padding-left: 0px; line-height: 14px; }
#constrain .sub-navigation ul li a { text-align: center; vertical-align: middle; color: #333333; display: block; height: 30px; padding-bottom: 0; padding-top: 5px; padding-left: 8px; padding-right: 8px; font-style: normal; }
#constrain .sub-navigation ul li a:hover { background: transparent url('../images/g-sub-menu-background-hover.jpg') top left repeat-x; color: #fff; text-decoration: none; }


#constrain .content-area { margin-top: 16px; }
#constrain .content-area .sidebar { width: 180px; float: left; padding-top: 38px; font-size: 17px; line-height: 38px; text-align: right; padding-right: 25px; }
#constrain .content-area .sidebar a { color: #FF9900; }
#constrain .content-area .sidebar a:hover { color: #ccc; text-decoration: none; }

#constrain .content-area .sidebar ul li {
  font-style: normal;
}

#constrain .content-area .content { background: #fff; width: 687px; float: left; padding-top: 14px; padding-left: 22px; padding-bottom: 14px; padding-right: 22px; border: 4px solid #ccc; min-height: 500px; }

#constrain .content-area .inner-pages { width: 890px; }

#constrain .footer { padding-top: 64px; }
#constrain .footer a { color: #fff; }
#constrain .footer a:hover { color: #ccc; }
#constrain .footer .left { float: left; }
#constrain .footer .right { text-align: right; font-size: 20px; line-height: 30px; color: #fff; }
#constrain .footer .bottom-navigation { text-align: right; color: #FF9900; }
#constrain .footer .left p { color: #fff; font-size: 18px; padding: 0; margin: 0; }
#constrain .footer .right p { color: #fff; padding: 0; margin: 0; }

.focus {   width: 98%; height: 106px; border: 1px solid #FF9900; background: #FF9900 url('../images/g-copyshop-header-bar.jpg') top left repeat-x; position: relative; }
.focus h1 {
	color: #fff;
	position: absolute;
	font-size: 34px;
	top: 60px;
	left: 20px;
	width: 495px;
}

.focus .logo {
  position: absolute;
  top: 5px;
  left: 200px;
}

.focus .logo a {
  position: absolute;
  top: 35px;
  left: 200px;
  width: 300px;
}

h2 {
  font-size: 20px;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #ccc;
  color: #333333;
}

h3 {
  font-size: 16px;
  padding: 5px 0 5px 0;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #ccc;
  color: #666;
}

p.first {
  padding-top: 0;
  margin-top: 0;
}

p.last {
  padding-bottom: 0;
  margin-bottom: 0;
}

p.sub-heading {
  font-style: italic;
  padding: 0;
  margin: 0;
  color: #666;
}

ul {
  padding: 0;
  margin: 0;
}

ul li {
  padding-left: 15px;
  padding-top: 0;
  font-style: italic;
  color: #666;
}

#company-list {
  width: 100%;
}

fieldset dl {
  margin: 0;
  padding-left: 4px;
}

fieldset dl dt {
  width: 150px;
  float: left;
  padding: 6px 0 6px 0;
  color: #666;
}

fieldset dl dd {
  margin-left: 150px;
  padding: 6px 0 6px 0;
  color: #666;
}

fieldset label {
  color: #666;
}

fieldset dl dd input, fieldset dl dd textarea {
  font-family: Calibri, Tahoma, Arial, Sans-serif;
  font-size: 13px;
  width: 240px;
}

fieldset dl dd textarea {
  height: 80px;
}

#submit {
  border: 1px solid #ccc;
  background: #eee;
  font-family: Calibri, Tahoma, Arial, Sans-serif;
  font-size: 12px;
  margin-top: 10px;
}

#company-list tr td { padding-bottom: 10px; vertical-align: top; }
#company-list tr td img { padding-left: 10px; }

.inner-pages .layout {
  margin-top: 10px;
  width: 100%;
}

.layout {
  margin-top: 10px;
  width: 680px;
}

.layout tr td.right {
  vertical-align: top;
  width: 250px;
  padding: 20px;
}

.layout tr td.extend {
  width: 260px;
}


.clear:after {
  content:".";
  height:1px;
  display:block;
  clear:both;
  visibility:hidden;
}

.clr {
  clear: both;
}

.disclaimer li {
  padding-bottom: 6px;
}

.special-offers tr td {
  padding: 4px;
  vertical-align: top;
  font-size: 14px;
}

.special-offers tr td.text {
  width: 240px;
}

.special-offers tr td p {
  padding: 0;
  margin: 0;
}

.multi {
  margin-top: 25px;
}

.multi th {
  width: 167px;
  vertical-align: top;
}

.multi td {
  vertical-align: top;
  width: 260px;
  font-size: 12px;
  line-height: 18px;
}

.heading-title {
  margin-top: 0;
  padding-top: 0;
}

.quick-links {
  float: right;
  width: 200px;
}

hr {
  height: 1px;
  border: 0px;
  background: #ccc;
}