@charset "UTF-8";
/* CSS Document */



/* HEADER */

#header {margin: 0 auto; margin-top: 15px; width: 1000px;}
.logo {padding-left: 15px;}
.pages {margin-top: 35px; padding-right: 15px;}
.links {margin-top: 15px; padding-right: 15px;}

h1 {font: .75em "Arial", sans-serif; color:#000000; letter-spacing: .01em; line-height: 1.5em;}
h2 {font: .70em "Arial", sans-serif; color:#ffffff; letter-spacing: .03em; line-height: 1.9em;}

.links {font: .55em "Arial", sans-serif; color:#cccccc; word-spacing: .5em; letter-spacing:.05em;}
.links a:link {color:#cccccc; text-decoration:none;}
.links a:visited { color:#cccccc; text-decoration:none;}
.links a:focus {color:#cccccc; text-decoration:underline;}
.links a:hover {color:#cccccc; text-decoration:underline;}
.links a:active {color:#cccccc; text-decoration:none;}


/* BODY */

#wrap {margin: 0 auto; height: 615px;}
#subheadlinks {height: 17px;}
#newswrap {height: 620px}


/* HORIZONTAL RULES */

#headerrule {width: 1000px; color: #fff; background-color: #fff; border: 2px dotted #70A5BF; border-style: none none dotted; margin: 0 auto; margin-top: 10px;}
#contentrule {width: 1000px; color: #fff; background-color: #fff; border: 2px dotted #cccccc; border-style: none none dotted; margin: 0 auto; margin-top: 15px;}
#footerrule {width: 1000px; color: #fff; background-color: #fff; border: 2px dotted #cccccc; border-style: none none dotted; margin: 0 auto; margin-top: 113px;}
.footerrule {width: 1000px; color: #fff; background-color: #fff; border: 2px dotted #cccccc; border-style: none none dotted; margin: 0 auto;}


/* FEATURED CONTENT */

#homefeatured {width: 1000px; height: 249px; background: url() left repeat; margin: 0 auto; margin-top: 20px;}
#homefeaturedheader {width: 1000px; position: relative; float: left;}
#featured {width: 1000px; height: 129px; background: url(images/pages_bg.png) left repeat; margin: 0 auto; margin-top: 20px;}
#featuredheader {width: 450px; position: relative; padding-left: 15px; padding-top: 48px; float: left;}
#featuredsnip {width: 520px; position: relative; text-align: right; padding-right: 15px; padding-top: 21px; float: right;}



/* HOME CONTENT */

#homecontent {width: 1000px; height: 201px; margin: 0 auto; margin-top: 3px;}
#homecontent {font: .75em "Arial", sans-serif; color:#000000; letter-spacing: .01em; line-height: 1.5em;}
#homecontent a {line-height: 1.3em;}

#onlinemarketingresearch {width: 300px; margin-top: 15px; margin-left: 15px; position: relative; float: left;}
#loyaltymarketing {width: 300px; margin-top: 15px; margin-left: 36px; position: relative; float: left}
#currentnews {width: 300px; margin-top: 15px; margin-left: 36px; position: relative; float: left;}

#contentlinks {width: 1000px; height: 30px; margin: 0 auto; }
#contentlinks {font: .75em "Arial", sans-serif; color:#000000; letter-spacing: .01em; line-height: 1.5em;}

#readmoreresearch {width: 300px; text-align: right; margin-left: 15px; position: relative; float: left;}
#readmoremarketing {width: 300px; text-align: right; margin-left: 36px; position: relative; float: left;}
#readmorenews  {width: 300px; text-align: right; margin-left: 36px; position: relative; float: left;}

a:link {color:#70A5BF; text-decoration:none;}
a:visited {color:#989898; text-decoration:none;}
a:focus {color:#70A5BF; text-decoration:underline;}
a:hover {color:#70A5BF; text-decoration:underline;}
a:active {color:#70A5BF; text-decoration:none;}



/* PAGE CONTENT */

#minipagelinks {width: 1000px; margin: 0 auto;}
.minipages {margin-top: 15px; padding-left: 15px;}

#pagecenter {width: 1000px; height: 387px; margin: 0 auto;}
.subheader {width: 1000px; margin: 0 auto; margin-top: 15px; padding-left: 15px;}
#pagecontent {width: 973px; margin: 0 auto; margin-left: 15px;}

.logos {position: relative; float: right; margin-top: -15px;}
.ourworkcontent {width: 650px; position: relative;}

/*what we do divs*/
.paragraph1 {width: 468px; margin-top: 3px; position: relative; float: left;}
.paragraph2 {width: 468px; margin-top: 3px; margin-left: 36px; position: relative; float: left;}

/*contact*/
#contactnameemail {width: 250px; margin-top: 15px; postion: relative; float: left;}
#contactcomments {width: 400px; margin-top: 15px; margin-left: 215px; position: relative; float: left;}
.submit {width: 507px; margin-top: 15px; m}
#contactnameemail textarea {font: .8em "Arial", sans-serif; min-width: 400px; min-height: 20px;max-width: 400px; max-height: 20px; padding: 2px;}
#contactcomments textarea {font: .8em "Arial", sans-serif; min-width: 500px; min-height: 150px;max-width: 500px; max-height: 150px; padding: 2px;}

/*news articles and overflow*/
#newsimage {position: relative; float: right;}
#newsarticles {height: 387px; overflow: auto;}
#newspagecenter {width: 1000px; height: 387px; margin: 0 auto;}
#articlecontent {width: 960px; margin: 0 auto; height: 495px; overflow: auto; padding-right:15px;}
#scrollingbox {margin-top: 7px; padding-left: 15px;}


#navigationarrows {position: relative; float: right; margin-top: -25px; padding-right: 15px;}



/* FOOTER */

#footer {font: .55em "Arial", sans-serif; color:#cccccc; letter-spacing:.05em; line-height: 1.6em; margin: 0 auto; position: relative;}

.footerlinks a:link {color:#cccccc; text-decoration:none;}
.footerlinks a:visited { color:#cccccc; text-decoration:none;}
.footerlinks a:focus {color:#cccccc; text-decoration:underline;}
.footerlinks a:hover {color:#cccccc; text-decoration:underline;}
.footerlinks a:active {color:#cccccc; text-decoration:none;}