/* === common  === */


* {margin: 0px;padding: 0px;border: 0px none;;text-decoration: none;outline-style: none;}

a	{color: #08476e;text-decoration: none;font-weight : bold;}
a:hover	{color: #f8841d;text-decoration: underline;}

html	{height: 101%;}
body	{background : #ffffff;text-align: center;margin-top: 0px;}

img	{border: none;}

h1	{font: bold 24px/30px Verdana, Arial, sans-serif;color: #08476E;margin: 0px 0px 20px 0px;}
h2	{font: 22px/26px Verdana, Arial, sans-serif;color: #f8841d;margin: 0px 0px 20px 0px;letter-spacing: .5px;}
h3	{font: 18px/22px Verdana, Arial, sans-serif;color: #08476e;margin: 0px 0px 20px 0px;letter-spacing: .5px;}
h4	{font: 18px/22px Verdana, Arial, sans-serif;color: #b8dd42;margin: 0px 0px 20px 0px;letter-spacing: .5px;}

p	{font: 14px/20px Verdana, Arial, sans-serif;color: #333333;margin-bottom: 15px;}
.blueboxbody p	{font: 12px/16px Verdana, Arial, sans-serif;color: #FFFFFF;margin-bottom: 25px;}


ul	{font: 14px/18px Verdana, Arial, sans-serif;color: #333333;margin: 0px 0px 10px 30px;list-style : disc outside;}
ul.green	{font: 14px/18px Verdana, Arial, sans-serif;color: #333333;margin: 0px 0px 10px 30px;list-style : disc outside url(../images/bullet_green.gif);}
ol	{font: 14px/18px Verdana, Arial, sans-serif;color: #333333;margin: 5px 0px 10px 30px;list-style : decimal outside;}
li	{font: 14px/18px Verdana, Arial, sans-serif;color: #333333;margin-bottom: 5px;}
li.last	{font: 14px/18px Verdana, Arial, sans-serif;color: #333333;margin-bottom: 20px;}

blockquote	{margin: 10px 0px 10px 30px;}

/*  ===  Containers  === */

.container	{position: relative;margin-top: 0px;margin-left: auto;margin-right: auto;width: 960px;text-align: left;}
#maincontainer	{position: relative;margin-top: 0px;margin-left: auto;margin-right: auto;width: 960px;text-align: left;}

/* #home #maincontainer {height: 530px;} */
#newcustomers #maincontainer {height: 530px;}
#retain #maincontainer {height: 530px;}

/*  ===  Footer  === */

#footer	{text-align: center;margin-top: 20px;margin-left: auto;margin-right: auto;width : 100%;background : #3b3b3b;height : 30%;}
#footer  p	{font: 11px/14px Verdana, Arial, sans-serif;color: #999999;margin: 0px 0px 10px 0px;text-align : center;}
#footer a	{color: #FFFFFF;text-decoration: none;font-weight : normal;}
#footer a:hover	{color: #f8841d;}

/*  ===  Bands  === */
#phonetabband	{background : url(../images/bg_phonetab.gif) repeat-x;}
#navigationband	{height: 92px;background : #08476E url(../images/bg_gradient_blue2.gif) no-repeat 50% 0%;position: relative;top: 0px;}
#homefeatureband	{height: 240px;background : #3B3B3B url(../images/bg_gradient_grey.gif) repeat-y 50% 0%;}
#featureband	{height: 90px;background : #3B3B3B url(../images/bg_gradient_grey.gif) repeat-y 50% 0%;}

#shadowdown	{height: 10px;background : #FFFFFF url(../images/shadow_down.png) no-repeat 50% 0%;}
#shadowup	{height: 10px;background : #FFFFFF url(../images/shadow_up.png) no-repeat bottom;}

div.twentypix	{display: block;height: 20px;}

/* === splash === */

#splashlogo	{position: relative;top: 100px;left: 235px;height: 124px;width: 490px;background : url(../images/splash_logo_490x124px.gif) no-repeat;text-indent: -9999px; overflow: hidden;}
#splashband	{height: 100%;background : #08476E url(../images/bg_gradient_blue.gif) repeat-y 50% 0%;position: relative;top: 0px;}

/*   ===  Masthead  ===  */

#logo a {position: relative;left: 26px;top: 6px;display: block;width: 260px;height: 69px;background: url(../images/logo.gif) no-repeat 0 0;text-indent:-9999px;overflow:hidden;}
#phonenumber	{position: absolute;top:0px;left: 790px;text-indent: -9999px;overflow: hidden;width: 144px;height: 22px;background : url(../images/phone_206-250-8805.gif) no-repeat;}

#nav {position: absolute;top: 30px;left: 340px;width: 602px;height: 49px;z-index: 10;background: url(../images/navbar.gif);margin: 0px 0px 0px 0px;padding: 0;overflow:hidden;}
#navbar li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#navbar li, #navbar a {height: 49px; display: block; text-indent:-9999px; overflow:hidden;}

#navnew {left: 6px; width: 80px;}
#navretain {left: 118px; width: 80px;}
#navresearch {left: 229px; width: 99px;}
#navabout {left: 360px; width: 46px;}
#navresource {left: 437px; width: 69px;}
#navcontact {left: 537px; width: 60px;}

#navnew a:hover {background: transparent url(../images/navbar.gif) -6px -49px no-repeat ;}
#navretain a:hover {background: transparent url(../images/navbar.gif)  -118px -49px no-repeat;}
#navresearch a:hover {background: transparent url(../images/navbar.gif) -229px -49px no-repeat;}
#navabout a:hover {background: transparent url(../images/navbar.gif) -360px -49px no-repeat;}
#navresource a:hover {background: transparent url(../images/navbar.gif) -437px -49px no-repeat;}
#navcontact a:hover {background: transparent url(../images/navbar.gif) -537px -49px no-repeat;}

body#newcustomers #navnew a {background: url(../images/navbar.gif) -6px -98px no-repeat ;}
body#retain #navretain a {background: url(../images/navbar.gif) -118px -98px no-repeat ;}
body#research #navresearch a {background: url(../images/navbar.gif) -229px -98px no-repeat ;}
body#about #navabout a {background: url(../images/navbar.gif) -360px -98px no-repeat ;}
body#resource #navresource a {background: url(../images/navbar.gif) -437px -98px no-repeat ;}
body#contact #navcontact a {background: url(../images/navbar.gif) -537px -98px no-repeat ;}

/* === page elements ===*/

#leftcolumn	{float: left;width: 570px;margin: 15px 0px 0px 26px;}
#rightcolumn	{float: right;width: 302px;margin: 15px 26px 0px 0px;}

/* === Home Page === */

#hometoptext	{position: relative;top: 35px;left: 26px;width: 370px;height: 167px;background : url(../images/home_toptext.jpg);text-indent: -9999px;overflow: hidden;}
#homebanner	{position: absolute;top: 65px;left: 495px;width: 434px;height: 109px;background : url(../images/banner_text.gif) no-repeat;text-indent: -9999px;overflow: hidden;}

#blogbutton a {display: block;width: 302px;height: 65px;z-index: 5;background: url(../images/blog_button_302x130px.gif) no-repeat 0 0;text-indent:-9999px;overflow:hidden;margin-bottom: 10px;}
#blogbutton a:hover {background-position: 0 -65px;}
#blogbutton a:active {background-position: 0 -65px;}

.blueboxtop	{width: 302px;height: 10px;background : url(../images/blue_box_top_302x10px.gif) no-repeat bottom;margin: 0px;}
.blueboxbody {width: 302px;height: 20px;background : url(../images/blue_box_back_302x20px.gif) repeat-y top;margin: 0px;}
.blueboxbottom	{width: 302px;height: 15px;background : url(../images/blue_box_bottom_302x15px.gif) no-repeat top;margin-bottom: 10px;}

.blueboxcontent	{width:272px;padding: 5px 15px 15px 15px;}

#headmarketingexpertise	{background : url(../images/head_marketing_expertise_31.gif) no-repeat;height: 22px;width: 316px;text-indent: -9999px;overflow:hidden;margin: 0px 0px 15px 0px;}
#headscalableaffordable	{background : url(../images/head_scalable_affordable_40.gif) no-repeat;height: 22px;width: 409px;text-indent: -9999px;overflow:hidden;margin: 0px 0px 15px 0px;}
#headreceivenewsletter	{background : url(../images/head_receive_newsletter_238.gif) no-repeat;height: 18px;width: 238px;text-indent: -9999px;overflow:hidden;margin: 0px 0px 20px 0px;}
#phonecalltoday	{background : url(../images/call_206_250_8805_269x42px.gif) no-repeat;height: 42px;width: 269px;text-indent: -9999px;overflow:hidden;margin: 0px 16px 0px 17px;}
#headnewcustomers	{position: relative;left: 25px;top: 30px;background : url(../images/head_get_new_866x33px.gif) no-repeat;height: 33px;width: 866px;text-indent: -9999px;overflow:hidden;margin: 0px;}
#headretain	{position: relative;left: 25px;top: 30px;background : url(../images/head_retain_845x33px.gif) no-repeat;height: 33px;width: 845px;text-indent: -9999px;overflow:hidden;margin: 0px;}
#headresearch	{position: relative;left: 25px;top: 30px;background : url(../images/head_research_456x33px.gif) no-repeat;height: 33px;width: 456px;text-indent: -9999px;overflow:hidden;margin: 0px;}
#headresource	{position: relative;left: 25px;top: 30px;background : url(../images/head_resource_586x33px.gif) no-repeat;height: 27px;width: 586px;text-indent: -9999px;overflow:hidden;margin: 0px;}
#headabout	{position: relative;left: 25px;top: 30px;background : url(../images/head_about_535x33px.gif) no-repeat;height: 33px;width: 535px;text-indent: -9999px;overflow:hidden;margin: 0px;}
#headcontact	{position: relative;left: 25px;top: 30px;background : url(../images/head_contact_150x27px.gif) no-repeat;height: 27px;width: 150px;text-indent: -9999px;overflow:hidden;margin: 0px;}
#headthankyou	{position: relative;left: 25px;top: 30px;background : url(../images/head_thanks_800x33px.gif) no-repeat;height: 33px;width: 800px;text-indent: -9999px;overflow:hidden;margin: 0px;}

/*===forms ===*/

label	{width: 70px;height: 20px;float: left;font: 12px/16px Verdana, Arial, sans-serif;color: #FFFFFF;margin: 0px 5px 10px 0px;}
label.subsequent	{width: 70px;height: 20px;float: left;font: 12px/16px Verdana, Arial, sans-serif;color: #FFFFFF;margin: 6px 5px 10px 0px;}
input.bluebox, textarea.bluebox {background : #FFFFFF;width: 150px;height: 25px;margin-bottom: 10px;float: right;border-top : 1px solid #095787;border-left : 1px solid #095787;border-bottom : 1px solid #3592cc;border-right : 1px solid #3592cc;}

.checkbox	{width: 20px;height: 20px;border: 0px;}
.button	{background-color : #CC6600;color : #FFFFFF; height: 30px;}
.inline	{display: inline; margin-bottom: 0px;}

label.large	{width: 110px; display: block;font: 12px/14px Verdana, Arial, sans-serif;color: #333333;margin-bottom : 5px;}
input.large, textarea.large {background : #FFFFFF;width: 400px;height: 20px;border-top : 1px solid #AAAAAA;border-left : 1px solid #AAAAAA;border-bottom : 1px solid #CCCCCC;border-right : 1px solid #CCCCCC;margin-bottom : 5px;}
label.small	{display: block; font: 12px/14px Verdana, Arial, sans-serif;color: #333333;margin-bottom : 5px;}
input.small, textarea.small, select.small {background : #FFFFFF;height: 25px;border-top : 1px solid #AAAAAA;border-left : 1px solid #AAAAAA;border-bottom : 1px solid #CCCCCC;border-right : 1px solid #CCCCCC;margin-bottom : 5px;}


.wpdownloadbutton a {display: block;width: 170px;height: 30px;z-index: 5;background: url(../images/download_button_170x60.gif) no-repeat 0 0;text-indent:-9999px;overflow:hidden;margin-bottom: 10px;}
.wpdownloadbutton a:hover {background-position: 0 -30px;}
.wpdownloadbutton a:active {background-position: 0 -30px;}