/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;	padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}/* remember to define focus styles! */
ins {text-decoration: none;}/* remember to highlight inserts somehow! */
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */

h2.section-header {font-size:24px; font-weight:lighter; line-height:22px; margin-bottom:15px; letter-spacing: 1px; }
	h2.section-header img {vertical-align: text-top; }

h3.section-header {font-size:16px; font-weight:lighter; line-height:22px; margin-bottom:0px; letter-spacing: 1px; }
	

.main-category { }
.subpage { }
.sisterpage { }

.menu .show {display: none; }

.index { }
	.index .menu .index {display: inline; }
	.index .menu .index-hide {display: none; }
.about { }
	.about .menu .about {display: inline; }
	.about .menu .about-hide {display: none; }
.pricing { }
	.pricing .menu .pricing {display: inline; }
	.pricing .menu .pricing-hide {display: none; }
.careers { }
	.careers .menu .careers {display: inline; }
	.careers .menu .careers-hide {display: none; }
.contact { }
	.contact .menu .contact {display: inline; }
	.contact .menu .contact-hide {display: none; }

.design  {/* DEFINES COLORS and CALLOUTS */}
	.design .callout {color: #ff2d00; font-weight: bold; }
.web-design  { }
.illustration  { }
.print-package  { }
.logo-branding  { }

.event  {/* DEFINES COLORS and CALLOUTS */}
	.event .callout {color: #008ba2; font-weight: bold; }
.fundraisers { }
.meetings { }
.openings { }
.tradeshow  { }

.lead {/* DEFINES COLORS and CALLOUTS */}
	.lead .callout {color: #ff8b00; font-weight: bold; }
.content-development { }
.email-marketing { }
.seo-ppc { }
.social-networking { }

.promotions {/* MAIN PROMO PAGE */ }
.promo {/* DEFINES COLORS and CALLOUTS */}
	.promo .callout {color: #768c06; font-weight: bold; }
.publicity { }
.promotional-products { }
.online-video { }
.advertising { }

.call-to-action {margin-top: 15px; }

#main, #footer {margin:0 auto; width:930px; text-align:left; }
#header, .container {width:100%; overflow:visible; }
	#header {height: 162px; }

#content {width: 880px; overflow: visible; padding: 50px 25px; }

.col {float: left; margin: 0 25px; }

.onethird {width: 235px; } /* total width = 310 */
.half {width: 390px; } /* total width = 465 */
.twothirds {width: 545px; } /* total width = 620 */
.full {width: 795px; } /* total width = 930 */

.no_indent {padding: 0 !important; }


table { }
	th {text-align: left; font-size: 15px; padding: 5px; font-weight: bold; }
	td { }

.smallColContainer {clear: left; }
	.smallColContainer div {float:left; padding-right:20px; width:245px; }
	.smallColContainer div.last {padding-right: 0; }
	.smallColContainer div img {margin: 0 15px 16px 0; width:66px; height:66px; float: left; }

.col_1, .col_2, .col_3, .list_col_1, .list_col_2 { float:left;}
/*======= index1.html =======*/
#homepage .col_1{width:335px;}
#homepage .col_2{width:302px;}
#homepage .col_3{width:291px;}
/*=========================*/

/*======= index-2.html =======*/
#page2 .col_1{width:637px;}
#page2 .col_2{width:291px;}
#page2 .list_col_1 {width:286px}
#page2 .list_col_2 {width:251px}
/*=========================*/

/*======= index-3.html =======*/
#page3 .col_1{width:336px;}
#page3 .col_2{width:592px;}
/*=========================*/

/*======= index-4.html =======*/
#page4 .col_1{width:335px;}
#page4 .col_2{width:302px;}
#page4 .col_3{width:291px;}
/*=========================*/

/*======= index-5.html =======*/
#page5 .col_1{width:636px;}
#page5 .col_2{width:292px;}
#page5 .col_1 .container .col_1{width:251px; margin-right:30px}
#page5 .col_1 .container .col_2{width:252px;}
/*=========================*/

/*======= index-6.html =======*/
#page6 .col_1{width:331px;}
#page6 .col_2{width:597px;}
#page6 .col_2 .container .col_1{width:253px; margin-right:30px}
#page6 .col_2 .container .col_2{width:252px;}
/*=========================*/

/*======= index-7.html =======*/
#page7 .col_1{width:335px;}
#page7 .col_2{width:302px;}
#page7 .col_3{width:291px;}
/*=========================*/


body { background:url(../images/main_bg.gif) repeat center top; font-size:100%; line-height:1em; font-family:Arial; font-size:0.75em; line-height:1.25em; color:#cbcbcb; text-align:center; background-color: #000;}


/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:Arial; color:#cbcbcb; font-size:1em; background:none; border:solid 1px #434646; font-weight:normal; padding-left:5px}
img {border:0; vertical-align:top; text-align:left;}

ul {list-style: disc outside; padding-left: 20px; }
	ul li { }

#homepage ul {list-style: none; padding-left: 0px; }

/*==================list====================*/
ul.list_1 li { line-height:1.25em; background:url(../images/marker_list.gif) no-repeat 0 3px; padding-left:16px; margin-bottom:22px; margin-left:5px}
ul.list_1 li a{text-decoration:underline; color:#8fc400}
ul.list_1 li a:hover{ text-decoration:none}

ul.list_2 li { line-height:1.83em; color:#ff430f}
ul.list_2 li a{text-decoration:underline; color:#ff430f}
ul.list_2 li a:hover{ text-decoration:none}

ul.list_3 li { line-height:1.25em; background:url(../images/quote.png) no-repeat 0 3px; padding-left:16px; margin-bottom:22px; margin-left:5px}
ul.list_3 li a{text-decoration:underline; color:#8fc400}
ul.list_3 li a:hover{ text-decoration:none}

/*==========================================*/

a {text-decoration:underline; color:#aaaaaa}
a:hover {text-decoration:none}

a.link_1 {text-decoration:underline; color:#f00036; font-weight:normal}
a.link_1:hover {text-decoration:none}

a.link_2 {text-decoration:underline; color:#ff430f; font-weight:normal}
a.link_2:hover {text-decoration:none}

a.link_3 {text-decoration:underline; color:#f8bc25; font-weight:normal}
a.link_3:hover {text-decoration:none}

a.link_4 {text-decoration:underline; color:#00c2de; font-weight:normal}
a.link_4:hover {text-decoration:none}

a.link_5 {text-decoration:underline; color:#8fc400; font-weight:normal}
a.link_5:hover {text-decoration:none}

a.link_6 {text-decoration:underline; color:#00c2de; font-weight:bold}
a.link_6:hover {text-decoration:none}

a.link_7 {text-decoration:none;}
a.link_7:hover {text-decoration:none}

.font_1 {
	color:#F33C00;
	font-weight: bold;
}
.font_2 {color:#95AA09}
.font_3 {color:#f8bc25}
.font_4 {color:#00c2de}
.font_5 {color:#CC33CC}
.font_6 {color:#FF6600}

.font_1b {
	color:#F33C00;
	font-size:1.5em;
}
.font_2b {color:#95AA09;font-size:1.5em}
.font_3b {color:#f8bc25;font-size:1.5em}
.font_4b {color:#00c2de; font-size:1.5em}
.font_5b {color:#CC33CC; font-size:1.5em}
.font_6b {color:#FF6600; font-size:1.5em}

.clear { clear:both;}

p {
	margin:0 0 15px 0;
	text-align: left;
}
.p1 {margin-bottom:22px}
.p2 {margin-bottom:29px}

h5 {font-size:1em; margin:0 0 15px 0}

/*header*/
.logo {margin:4px 0 0 637px; width:291px; height:87px}

.m2 {position:absolute; margin:0 0 0 132px}
.m3 {position:absolute; margin:0 0 0 265px}
.m4 {position:absolute; margin:0 0 0 397px}
.m5 {position:absolute; margin:0 0 0 529px}
.m6 {position:absolute; margin:0 0 0 661px}
.m7 {position:absolute; margin:0 0 0 794px}

/*content*/
.title {margin-bottom:33px}
.title2 {margin-bottom:29px}
.title3 {margin-bottom:25px}
.img_left {float:left; margin:-3px 16px 26px 0; width:58px; height:58px}
.img_left2 {float:left; margin:0 10px 6px 0}
.img_left3 {float:left; margin:0 18px 23px 0}
.img_left4 {float:left; margin:0 15px 16px 0; width:66px; height:66px}
.img_left5 {float:left; margin:0 10px 10px 0; width:71px; height:71px}

.img {margin-bottom:20px}

/*footer*/
#footer_main {background:url(../images/footer_bg.gif) repeat-x bottom #fff; color:#212121; clear:both; height:79px; position:relative;}
#footer {position:relative; padding: 0px;}
#footer a {color:#00c2de; text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer .indent {padding:33px 0 0 29px}
#footer .logos {position:absolute; right: 70px; width: 330px; top:16px;}

/*================== index.html ==================*/
#homepage #content .col_1 .indent { padding:45px 50px 50px 49px;}
#homepage #content .col_2 .indent { padding:45px 46px 50px 0;}
#homepage #content .col_3 .indent { padding:45px 40px 50px 0;}
#homepage span#service-categories {display: inline !important; }
span#service-categories {display:none; }

/*================== index-1.html ==================*/
#page2 #content .col_1 .indent { padding:45px 50px 72px 49px}
#page2 #content .col_2 .indent { padding:45px 45px 72px 0}

/*================== index-2.html ==================*/
#page3 #content .col_1 .indent { padding:45px 45px 79px 49px}
#page3 #content .col_2 .indent { padding:45px 45px 78px 0}

/*================== index-3.html ==================*/
#page4 #content .col_1 .indent { padding:45px 50px 50px 49px}
#page4 #content .col_2 .indent { padding:45px 46px 50px 0}
#page4 #content .col_3 .indent { padding:45px 53px 50px 0}

/*================== index-4.html ==================*/
#page5 #content .col_1 .indent { padding:45px 45px 77px 49px}
#page5 #content .col_2 .indent { padding:45px 0px 20px 0}

/*================== index-5.html ==================*/
#page6 #content .col_1 .indent { padding:45px 45px 77px 49px}
#page6 #content .col_2 .indent { padding:45px 45px 56px 0}

/*================== index-6.html ==================*/
#page7 #content .col_1 .indent { padding:45px 50px 50px 49px}
#page7 #content .col_2 .indent { padding:45px 46px 76px 0}
#page7 #content .col_3 .indent { padding:45px 40px 50px 0}

/*================== index-7.html ==================*/
#page8 #content .indent { padding:45px 45px 75px 49px}

.phones {float:right; margin:0 74px 0 0}
input {width:247px; height:20px}
.div_input {height:30px}
textarea {width:247px; height:139px; overflow:auto; margin-bottom:21px; display:block; }
.div_links {text-align:right; word-spacing:10px}
#page1 #main #content .col_1 .indent p {text-align: left; }

hr.section-seperator {margin: 30px 0; }

.teamCardTopper {background:url(../images/team/arrow.gif) scroll no-repeat 30px 10px; height: 21px; width: 100%; margin-top: -23px; filter: alpha(opacity=80); opacity: 0.8; }
.teamCard {background-color: #fff; -moz-border-radius:5px; -webkit-border-radius: 5px; padding: 10px; margin-bottom: 25px; color: #333; filter: alpha(opacity=80); opacity: 0.8; }
.teamCard:hover {filter: alpha(opacity=100); opacity: 1.0; }
	.teamCard img {float: left; padding-right: 10px; }
	.teamCard h2 {font-size: 28px; line-height: 1em; }
	.teamCard p.title {clear: none; font-size: 18px; line-height: 1em; margin-bottom: 0; }
	.teamCard p {clear: left; padding-top: 4px; }

#navigation-tabs-holder div {display: inherit; }
#navigation-tabs-holder img {display: none; }
	body.event #navigation-tabs-holder div.event {display: none; }
	body.event #navigation-tabs-holder img.event {display: inherit; }
	body.promo #navigation-tabs-holder div.promo {display: none; }
	body.promo #navigation-tabs-holder img.promo {display: inherit; }
	body.lead #navigation-tabs-holder div.lead {display: none; }
	body.lead #navigation-tabs-holder img.lead {display: inherit; }
	body.design #navigation-tabs-holder div.design {display: none; }
	body.design #navigation-tabs-holder img.design {display: inherit; }


#navigation-tabs-holder {position: relative; height:340px; padding:0; }
	#navigation-tabs-holder div {padding: 24px 0px 0px 22px; position: absolute; z-index: 1; font-size: 16px; width: 110px; height: 38px; left: 122px; }
	#navigation-tabs-holder img {position: absolute; z-index: 10; }
	#navigation-tabs-holder a, #navigation-tabs-holder a:visited, #navigation-tabs-holder a:hover, #navigation-tabs-holder a:active {color: #fff; font-weight: bold; cursor: pointer; text-decoration: none;}
	#navigation-tabs-holder div:hover {cursor: pointer;}
	/*============== nav tab positions ============
		#navigation-tabs-holder div#side-nav-tab1 {top: 45px;}
		#navigation-tabs-holder div#side-nav-tab2 {top: 108px;}
		#navigation-tabs-holder div#side-nav-tab3 {top: 171px;}
	/*=============== nav tab colors ==============*/
		#navigation-tabs-holder div.design {background-color:#ff2d00; }
		#navigation-tabs-holder div.lead {background-color:#ff8b00; }
		#navigation-tabs-holder div.promo {background-color:#768c06; }
		#navigation-tabs-holder div.event {background-color:#008ba2; }
		
		#navigation-tabs-holder div.branding {background-color:#ff2d00; }
		#navigation-tabs-holder div.internet {background-color:#ff8b00; }
		#navigation-tabs-holder div.direct {background-color:#768c06; }


.activeNav {display: none; }

/*=============== pricing-new.html ==============*/
.box {padding: 15px; -moz-border-radius: 10px; -webkit-border-radius:10px; float:left; margin-top: 10px; }
	.box h2 {margin-bottom: 5px; font-size: 30px; line-height: 1em; }
	.box h3 {margin-bottom: 3px; font-size:15px; line-height: 1em; }

.panelOpener h2 {cursor:pointer;}

.conLeft {float: left; width: 395px;}
.conRight {float: left; width: 395px;}

.bglight { background-color: rgba(255,255,255,0.1); color: #fff; border: 1px solid #666666; }
	.bgfull {background-color: rgba(255,255,255,1.0); color: #000; }

.col .half {width: 355px; }
.col .full {width: 750px; }

td.price {font-size:15px; font-weight:bold; vertical-align:middle; width:110px; padding-left: 10px; }

a.call-to-action {-moz-border-radius:10px; -webkit-border-radius:10px; font-size:19px; font-weight:bold; height:40px; line-height:40px; margin:0 auto; text-align:center; text-shadow:0 0 5px #000000; width:80%; display: block; text-decoration: none; cursor: pointer; color: rgba(255,255,255,0.7);}
	a.call-to-action:hover {text-shadow:0 0 8px #000000;  color: #FFFFFF;}

	.design a.call-to-action {filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#B23419',EndColorStr='#D7310D');
	margin: 0px auto; background:-moz-linear-gradient(top , rgba(255, 45, 0, 0.6), rgba(255, 45, 0, 0.8)); background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 45, 0, 0.6)), to(rgba(255, 45, 0, 0.8)));  }
		.design a.call-to-action:hover {background:-moz-linear-gradient(top , rgba(255, 45, 0, 0.7), rgba(255, 45, 0, 1.0)) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 45, 0, 0.7)), to(rgba(255, 45, 0, 1.0))); }
		
	.promo a.call-to-action {filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#5F6D1D',EndColorStr='#6A7C12');
	margin: 0px auto; background:-moz-linear-gradient(top , rgba(118, 140, 6, 0.6), rgba(118, 140, 6, 0.8)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(118, 140, 6, 0.6)), to(rgba(118, 140, 6, 0.8))); }
		.promo a.call-to-action:hover {background:-moz-linear-gradient(top , rgba(118, 140, 6, 0.7), rgba(118, 140, 6, 1.0)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(118, 140, 6, 0.7)), to(rgba(118, 140, 6, 1.0))); }
	
	.event a.call-to-action {filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#0E92A9',EndColorStr='#0E91A8');
	margin: 0px auto; background:-moz-linear-gradient(top , rgba(2, 167, 196, 0.6), rgba(2, 167, 196, 0.8)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 167, 196, 0.6)), to(rgba(2, 167, 196, 0.8))); }
		.event a.call-to-action:hover {background:-moz-linear-gradient(top , rgba(2, 167, 196, 0.7), rgba(2, 167, 196, 1.0)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 167, 196, 0.7)), to(rgba(2, 167, 196, 1.0))); }
	
	.lead a.call-to-action {background-color:#CE7102; background:-moz-linear-gradient(top , rgba(253, 180, 20, 0.6), rgba(253, 180, 20, 0.8)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(253, 180, 20, 0.6)), to(rgba(253, 180, 20, 0.8))); }
		.lead a.call-to-action:hover {background:-moz-linear-gradient(top , rgba(253, 180, 20, 0.7), rgba(253, 180, 20, 1.0)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(253, 180, 20, 0.7)), to(rgba(253, 180, 20, 1.0))); }

/*=============== design tile images ==============*/			
.tileBox { float:left;}
.tileBox img { padding:6px; }
.design #tooltip { position:absolute; border:1px solid #333; background:#FF2D00; padding:2px 5px; color:#333; display:none; }
.lead #tooltip { position:absolute; border:1px solid #333; background:#FF8B00; padding:2px 5px; color:#333; display:none; }
.promo #tooltip { position:absolute; border:1px solid #333; background:#768C06; padding:2px 5px; color:#333; display:none; }
.event #tooltip { position:absolute; border:1px solid #333; background:#008BA2; padding:2px 5px; color:#333; display:none; }