body {
background: #e7e7e7 url(http://www.mediapdx.com/images/bg.jpg) top left repeat-x;
font-family: cornerstone, arial black, gadget, sans-serif;
padding: 0;
margin: 0;
}

#header {
margin: 0;
}

#header #logo {
font-size: 36pt;
font-weight: normal;
margin: 36px 0 0 48px;
}

#header #logo a {
text-decoration: none;
}

#header #logo img {
border: 0;
}

#header h2 {
position: absolute;
top: 12px;
left: 360px;
font-size: 14pt;
font-weight: normal;
}

#header h3 {
text-align: right;
color: #fff;
margin: 12px 24px;
margin-top: 0;
font-weight: normal;
font-family: sans-serif;
padding: 0;
}

#nav {
background: #000 url(http://www.mediapdx.com/images/nav-bg.gif) top left repeat-x;
}

#nav p {
padding: 12px;
color: #444;
}

#nav a {
color: #ccc;
font-size: 14pt;
padding: 12px;
text-decoration: none;
}

#nav a:hover {
color: #fff;
}

#nav a#selected {
color: #fff;
font-size: 18pt;
}

#page {
background: transparent url(http://www.mediapdx.com/images/tab.gif) top right no-repeat;
border-bottom: 1px solid #e7e7e7;
}

#page h1, h2 {
padding: 0;
margin: 0;
text-align: right;
font-weight: normal;
}

#page h1 {
padding-top: 6px;
padding-right: 84px;
}

#page h2 {
font-family: sans-serif;
padding-right: 24px;
padding-bottom: 6px;
font-size: 14pt;
}

#page h2 a {
color: #222;
text-decoration: none;
font-style: italic;
}

#page h2 a:hover {
text-decoration: underline;
}

#content {
background-color: #e7e7e7;
min-height: 1px;
}

#content a {
color: #d60a0b;
text-decoration: none;
}

#content a:hover {
border-bottom: 1px solid #d60a0b;
}

.col1, .col2, .col3, .col4, .col23 {
float: left;
width: 100%;
background-color: #e7e7e7;
min-height: 1px;
}

.col1 {
width: 99%;
}

.col2 {
width: 50%;
}

.col3 {
width: 33%;
}

.col4 {
width: 24%;
}

.col23 {
width: 66%;
}

.boxsetup {
background: #000 url(http://www.mediapdx.com/images/box-tr.gif) top right no-repeat;
margin: 12px;
padding: 0;
min-height: 1px;
}

.box {
background: transparent url(http://www.mediapdx.com/images/box-bg.png) -60px -60px no-repeat;
margin: 0;
min-height: 1px;
}

.box h2 {
background: transparent url(http://www.mediapdx.com/images/box-tl.gif) top left no-repeat;
color: #d60a0b;
padding: 20px 40px;
font-size: 18pt;
text-align: left;
min-height: 1px;
}

.box h2 .crumbs {
font-size: 14pt;
}

.box p, .box ul {
color: white;
padding: 12px 20px;
padding-top: 0;
font-family: sans-serif;
min-height: 1px;
}

.box ul {
margin-left: 24px;
}

.box .boxfinish {
background: transparent url(http://www.mediapdx.com/images/box-bl2.gif) bottom left no-repeat;
min-height: 1px;
}

.box .more {
background: transparent url(http://www.mediapdx.com/images/box-br2.gif) bottom right no-repeat;
color: #d60a0b;
font-size: 14pt;
text-align: left;
padding-left: 50%;
min-height: 1px;
}

label {
font-family: sans-serif;
font-weight: normal;
color: #fff;
}

form ul {
list-style: none;
}

form ul li {
float: left;
padding-left: 20px;
}

form#orderf input {
font-size: 22pt;
color: #666;
}

form .process {
padding: 60px;
padding-bottom: 0;
clear: both;
}

#ofseries {
font-family: sans-serif;
color: #ccc;
}

.sample {
clear: both;
padding-bottom: 12px;
font-size: 10pt;
}

.sample img {
float: left;
margin-right: 20px;
border: none;
margin-bottom: 24px;
}

.sample br {
clear: both;
}

textarea {
resize: none;
}


#footer {
padding-top: 60px;
clear: both;
text-align: center;
font-family: sans-serif;
}

#footer a {
color: #d60a0b;
}

#footer a:hover {
text-decoration: none;
}