* {margin: 0; padding: 0}
body {background: #eaeaea url(../images/background-main.gif) repeat-x center top; font-family: "Arial", sans-serif; font-size: 62.5%; color: #595959}
img {display: block}
a img {border: 0}
ul, ol {list-style-type: none}
h1, h2, h3, h4 {font-weight: normal}

a {}	
a:hover {}

.clear {clear: both}
.left {float: left}
.right {float: right}
.hide {display: none}
:focus {outline: 0}


/* START THE REST OF YOUR CODE BELOW HERE */
/**********************************************************************************************************************************************/
#wrapper {width: 904px; margin: 0 auto; background: transparent url(../images/background-body.png) repeat-y center top; overflow: hidden}

#wrapper-bottom {height: 60px; width: 904px; margin: 0 auto 50px auto; background: transparent url(../images/background-body-bottom.png) repeat-y center bottom; overflow: hidden}

#header {width: 884px; margin: 0 auto 20px auto}
h1 {height: 89px; width: 191px; margin: 30px 0 0 40px}
h1 a {height: 89px; width: 191px; background: #ffffff url(../images/premier-placement-logo.gif) no-repeat left top; text-indent: -9999em; display: block}


/* NAVIGATION */
/**********************************************************************************************************************************************/
#nav {height: 45px; background: #ffffff url(../images/background-nav.gif) no-repeat left bottom}
#nav ul {height: 30px; margin: 0 35px 0 0; float: right; display: inline}
#nav ul li {height: 30px; width: 106px; margin: 0 5px 0 0; float: left}
#nav ul li a {height: 30px; width: 106px; text-indent: -9999em; display: block}
#nav ul li#home a {background: transparent url(../images/background-nav-text.gif) no-repeat 0 0}
#nav ul li#home a:hover {background: transparent url(../images/background-nav-text.gif) no-repeat 0 -30px}
body#home #nav ul li#home a {background: transparent url(../images/background-nav-text.gif) no-repeat 0 -30px}
#nav ul li#services a {background: transparent url(../images/background-nav-text.gif) no-repeat -111px 0}
#nav ul li#services a:hover {background: transparent url(../images/background-nav-text.gif) no-repeat -111px -30px}
body#services #nav ul li#services a {background: transparent url(../images/background-nav-text.gif) no-repeat -111px -30px}
#nav ul li#about a {background: transparent url(../images/background-nav-text.gif) no-repeat -222px 0}
#nav ul li#about a:hover {background: transparent url(../images/background-nav-text.gif) no-repeat -222px -30px}
body#about #nav ul li#about a {background: transparent url(../images/background-nav-text.gif) no-repeat -222px -30px}
#nav ul li#contact a {background: transparent url(../images/background-nav-text.gif) no-repeat -333px 0}
#nav ul li#contact a:hover {background: transparent url(../images/background-nav-text.gif) no-repeat -333px -30px}
body#contact #nav ul li#contact a {background: transparent url(../images/background-nav-text.gif) no-repeat -333px -30px}


/* CONTENT */
/**********************************************************************************************************************************************/
#content {width: 804px; margin: 0 auto}
.push {margin: 0 0 25px 0}
#col-a {width: 242px; margin: 0 0 0 10px; float: left; display: inline}
#col-b {width: 242px; float: left}
#col-c {width: 242px; float: left}
#col-a p,
#col-a h2,
#col-b p,
#col-b h2,
#col-c p {margin: 12px 0 0 0; font-size: 1.2em; line-height: 1.6em}
#col-a a,
#col-b a,
#col-c a {padding: 0 12px 0 0; color: #000000; text-decoration: none; background: transparent url(../images/icon-arrows.gif) no-repeat right center}
#col-a a:hover,
#col-b a:hover,
#col-c a:hover {text-decoration: underline}
#col-d {width: 517px; float: left}
#col-d p {margin: 8px 130px 0 0; font-size: 1.2em; line-height: 1.6em}
#col-d p.do {margin: 8px 0 0 0; font-size: 1.2em; line-height: 1.6em}
#col-d h2 {margin: 10px 0 0 0; font-size: 1.3em}
#col-d h3#sm {height: 15px; width: 113px; text-indent: -9999em; background: #ffffff url(../images/heading-search-marketing.gif) no-repeat left top}
#col-d h3#mr {height: 12px; width: 124px; margin: 20px 0 0 0; text-indent: -9999em; background: #ffffff url(../images/heading-measurable-results.gif) no-repeat left top}
#col-d h3#ct {height: 15px; width: 125px; text-indent: -9999em; background: #ffffff url(../images/heading-campaign-tracking.gif) no-repeat left top}
#col-d h3#co {height: 15px; width: 143px; margin: 20px 0 0 0; text-indent: -9999em; background: #ffffff url(../images/heading-creative-optimization.gif) no-repeat left top}
#col-d a {color: #f69817}
#col-d a:hover {text-decoration: none}
#col-d img#logos {margin: 25px 0 0 0; float: right}
#col-e {width: 255px; padding: 0 0 50px 0; background: #ffffff url(../images/background-right-col.gif) no-repeat right top; float: left}
#col-e p {margin: 12px 0 0 0; font-size: 1.2em; line-height: 1.6em}
#col-e a {padding: 0 12px 0 0; color: #f69817; background: transparent url(../images/icon-arrows-orange.gif) no-repeat right center}
#col-e a:hover {text-decoration: none}
#col-e h3#cs {height: 12px; width: 141px; margin: 35px 0 0 0; text-indent: -9999em; background: #ffffff url(../images/heading-customized-solutions.gif) no-repeat left top}
#col-e h3#wc {height: 12px; width: 109px; margin: 35px 0 0 0; text-indent: -9999em; background: #ffffff url(../images/headings-web-consultants.gif) no-repeat left top}
#col-e img {margin: 12px 0 0 0}
#col-f {width: 366px; float: left}
#col-f h2 {margin: 10px 0 0 0; font-size: 1.2em}
#col-f h3#tt {height: 13px; width: 198px; text-indent: -9999em; background: #ffffff url(../images/heading-title.gif) no-repeat left top}
#col-f p {margin: 12px 130px 0 0; font-size: 1.2em; line-height: 1.6em}
#col-f a {color: #f69817}
#col-f a:hover {text-decoration: none}
#col-g {width: 410px; float: right}
#col-g p {margin: 25px 0 10px 112px; font-size: 1.2em}
.divider-home {height: 240px; width: 30px; background: transparent url(../images/homepage-divider.gif) repeat-y center top; float: left}
.divider-services {height: 347px; width: 30px; margin: 33px 0 0 0; background: transparent url(../images/homepage-divider.gif) repeat-y center top; float: left}
.line {margin: 10px 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #e5e5e5}
.line-alt {width: 200px; margin: 5px 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #e5e5e5}


/* FORMS */
/**********************************************************************************************************************************************/
form {margin: 30px 0 0 0}
label {width: 102px; margin: 3px 0 0 0; font-size: 1.2em; display: block; float: left; text-align: right}
label.alt {width: 72px; font-size: 1.2em; display: block; float: left; text-align: right}
.a {width: 295px; margin: 0 0 12px 5px; padding: 2px 0}
.b {width: 130px; margin: 0 0 12px 5px; padding: 2px 0}
.c {width: 75px; margin: 0 0 12px 5px; padding: 2px 0}
textarea {height: 125px; width: 295px; margin: 0 0 0 5px; padding: 2px 0}
#diva {width: 250px; float: left}
#divb {width: 158px; float: left}
#button {margin: 0 0 0 112px; padding: 0 8px}

#note .notification_error {width: 275px; margin: 0 5px 0 0; padding: 5px 10px; background: #f4f4f4; border: 1px solid #cccccc; text-align: center; float: right}
#note .notification_error p {margin: 5px 0; color: #ff0000; font-weight: bold}
#note .notification {width: 275px; margin: 0 5px 0 0; padding: 5px 10px; background: #f4f4f4; border: 1px solid #cccccc; text-align: center; float: right}
#note .notification p.gr {margin: 5px 0; font-size: 1.2em; font-weight: bold; color: #45a600}


/* FOOTER */
/**********************************************************************************************************************************************/
#footer {width: 884px; margin: 31px auto 0 auto; background: #c6bebe}
#footer p {padding: 3px 0 3px 40px; font-size: 1em; text-transform: uppercase}