/* Reset */
html, body, h1, h2, h3, h4, h5, h6, h7, p, ul, ol, li, div, img {text-decoration:none; border:0; margin:0; padding:0;} 

/* Framework */

html{background:black; }

/* Nifty Lucida Trick thanks to: http://www.brownbatterystudios.com/sixthings/2007/03/14/lucida-hybrid-the-grande-alternative/ */
body { /* width:1019px; color:#000; margin:16px auto 0; position:relative; */ background:black; line-height: 20px; font: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 13px; color: #4d4d4d;}
#verpackung {width:1019px; color:#000; margin:16px auto 0; position:relative; }

p {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 13px; color: #4d4d4d; line-height: 20px;}

table {line-height:0;} 
table td {font-size:12px; line-height:1.5;}
table p, p {padding:0 0 8px;}


ul.BugFixPadding { padding-left: 50px;
}

h1, h2, h3, h4, h5, h6, h7 {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-weight:600;}
h2 {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size:16px; line-height:1.2; margin:0; padding:2px 0 8px;}
h3 {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size:14px; line-height:18px; margin:0; padding:0 0 5px;}

a{border:0; text-decoration: none; border:0; margin:0; padding:0; color:#3d91c4;}
a:hover {color:#CC0000;}

hr.clear{border:0px solid; clear:both; margin:0; padding:0;}

@font-face {
  font-family: 'Proxima Nova';
  src: 
url("/ProximaNova-Regular.otf") format('opentype');
  font-style: normal;
}

@font-face {
  font-family: 'Proxima Nova Bold';
  src: 
url("/ProximaNova-Bold.otf") format('opentype');
  font-style: bold;
}


.Shadows28pxRed {font-family: 'Shadows Into Light Two', cursive; font-size: 28px; line-height: 28px; color:#CC0000;}

.Proxima16px {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size:14px; line-height:1.2; margin:0; padding:2px 0 8px;}

.Proxima16pxBold {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size:16px; font-weight: bold; line-height:1.2; margin:0; padding:2px 0 8px;}

.Proxima16pxBoldLink {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size:16px; font-weight: bold; line-height:1.2; margin:0; padding:2px 0 8px;}

.Proxima18pxWhiteBold {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size:18px; color: #FFFFFF; line-height:22px;  font-weight: bold;  margin:0; padding:2px 0 8px;}

.Proxima22pxWhiteBold {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size:22px; color: #FFFFFF; line-height:22px;  font-weight: bold;  margin:0; padding:2px 0 8px;}

.Proxima22px16hBold {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 22px; line-height:24px; color: #000000 font-weight: bold;}

.Proxima22px30hBold {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 22px; line-height:30px; color: #000000 font-weight: bold;}

.Proxima14px16hBlack {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 14px; line-height: 16px; color: #000000}

.Proxima12px15hBlack {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 12px; line-height: 15px; color: #000000}

.Proxima13pxBlack {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 13px; line-height:20px; color:#000000;}

.Proxima12pxBlack2 {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 12px; line-height:20px; color:#000000;}


.Proxima13pxBlackBold {font-family: 'Proxima Nova Bold', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 13px; line-height:20px; font-weight: bold; color:#000000;}

.Proxima13pxBlackLink {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 13px; line-height:20px; color:#000000;}

.Proxima16px18hBlackBold {font-family: 'Proxima Nova Bold', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size:16px; line-height:18px; margin:0; padding:0 0 5px;  color: #000000; font-weight: bold;}

.Proxima22px18hBlackBold {font-family: 'Proxima Nova Bold', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size:22px; line-height:18px; margin:0; padding:0 0 5px;  color: #000000; font-weight: bold;}

.Proxima22Bold {font-family: 'Proxima Nova Bold', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size:22px; line-height:22px; margin:0; padding:0 0 5px;  color: #000000; font-weight: bold;}

.Proxima13px20hGrey {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 13px; line-height: 20px; color:#808080;}

.Proxima12pxBlack {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 12px; line-height: 1px; color:#000000;}

.Proxima11pxBlack {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 11px; line-height:1.6; color:#000000;}

.Myriad20pxGrey  { font-family: 'Myriad Pro', 'Lucida Grande', 'Tahoma', sans-serif; color: #7d7d7d; font-size:20px; line-height:26px; font-weight:normal; }

.Myriad20px26hGrey  { font-family: 'Myriad Pro', 'Lucida Grande', 'Tahoma', sans-serif; color: #7d7d7d; font-size:20px; line-height:26px; font-weight:normal; }

.Myriad30pxBlack  { font-family: 'Myriad Pro', 'Lucida Grande', 'Tahoma', sans-serif; color: #000; font-size:30px; line-height:30px; font-weight:normal; }

.Myriad20px28hBlack { font-family: 'Myriad Pro', 'Lucida Grande', 'Tahoma', sans-serif; color: #000000; font-size:20px; line-height:28px; font-weight:normal; }

.Myriad20px28hRed { font-family: 'Myriad Pro', 'Lucida Grande', 'Tahoma', sans-serif; color: #CC0000; font-size:20px; line-height:28px; font-weight:normal; }

.Myriad20px28hBlue { font-family: 'Myriad Pro', 'Lucida Grande', 'Tahoma', sans-serif; color: #000066; font-size:20px; line-height:28px; font-weight:normal; }

.Myriad16px22hDarkGrey { font-family: 'Myriad Pro', 'Lucida Grande', 'Tahoma', sans-serif; color: #444343; font-size:16px; line-height:22px; }

.Myriad30px30hBlack { font-family: 'Myriad Pro', sans-serif; color: #000000; font-size:30px; line-height:30px; font-weight:normal; }

.Myriad30px30hGrey { font-family: 'Myriad Pro', sans-serif; color: #959494; font-size:30px; line-height:30px; font-weight:normal; }

.Lucida13px17hDarkGrey  { font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; color: #262626; font-size:13px; line-height:17px; font-weight:normal; }

.Lucida12px16hGrey  { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; font-size: 12px; line-height:16px; color: #606060; }

.Lucida28pxDarkBlueBold  {
	font-size: 28px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	font-weight:bold;
/*	color: #243b4a; */
	color:#333;
	line-height:1.2;
	padding:2px 0 8px;
	margin:0;
}

a.Proxima16pxBoldLink:link {
    color: #2d80c8;
}

a.Proxima16pxBoldLink:hover {
    color: #ed0324;
}

a.Proxima13pxBlackLink:link {
    color: #2d80c8;
}

a.Proxima13pxBlackLink:hover {
    color: #ed0324;
}

.montserrat { font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 20px; font-weight: normal; }

.caption {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 14px; line-height: 16px; color: #000000}

.sign-up {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 12px; line-height: 11px; font-weight: bold; color: #000000}

.bodytext {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 13px; line-height:1.5; color:#000000;}

.navlinks {float:left; height:18px; padding:1px 0 2px; margin:5px 0 0 -4px;list-style:none; overflow:hidden; color:#000000; font:14px/16px  'Proxima Nova', Arial, Helvetica, sans-serif; width:600px;}
.navlinks a { color: #000 }
.navlinks a:hover { color: #ed0324 }
a.nav { color:#000 }

.featuretitle {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size:22px; line-height:18px; margin:0; padding:0 0 5px;  color: #000000; font-weight: bold;}

.bodytextbold {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 13px; line-height:1.5; font-weight: bold; color:#000000;}

.boldbodytext {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 12px; line-height:1.5; font-weight: bold; color:#000000;}

.bodytextlarge {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 13px; line-height: 20px; color:#808080;}

.sidebar {font-family: 'Proxima Nova', 'Helvetica', 'Arial', 'Verdana', sans-serif; font-size: 11px; line-height:1.6; color:#000000;}


/******   GLOBAL CONTENT *******/
	
	/* Set Up the Top and Body of the Page */
	
	#tagline-toptab { background:url('../graphics/masthead-top-tab.gif') no-repeat scroll 100% 0 transparent; display:block; font-weight:normal; text-align:center; color:#FFFFFF; font:16px/27px "Proxima Nova",Arial,Helvetica,sans-serif; line-height:38px; height:38px; width:1019px;  }
	#ltgrey-wrapper {background:#F2F2F2; width:992px; padding:15px 13px 0 14px;}
	
	/* Masthead */
	
	#masthead{width:992px; height:137px;}
	a#masthead-logo { background:url('../graphics/logo.gif') no-repeat scroll 0 0 transparent; width:992px; height:90px; text-indent:-9999px; margin:0; display:block; }
	
		/* Global Navigation Bar Content & (Red) Phone Number */
		
		ul.global-nav {float:left; height:21px; padding:1px 0 2px; margin:7px 0 0 -4px;list-style:none; overflow:hidden; color:#040404; font:14px/16px  'Proxima Nova', "Lucida Sans", Arial, Helvetica, sans-serif; width:750px;}
		ul.global-nav li {float:left;background: url(../graphics/bg-nav.gif) no-repeat 0 8px; display:inline; margin-left:-4px; padding:0 3px 0 6px;}
		ul.global-nav li a {float:left; padding:0; text-align:center; color:#040404;} 
		ul.global-nav li a:hover {font-weight:bold; letter-spacing:-.4px !important; text-decoration:none;}
		
		.you-are-here {color:black; font-weight:bold; letter-spacing:-.4px !important;}
		
		li a.what-is {width:165px;}
		li a.features {width:65px;}
		li a.tour {width:86px;}
		li a.pricing {width:60px;} 
		li a.demo {width:60px;} 
		li a.blog {width:43px;} 
		li a.training {width:265px;}
		
		img#phone-number{ height:20px; width:185px; float:right; margin:8px 4px 0 0; }
	
	/* Everything Down Low - Nav, Heart, and Copyright */	 
	
	#pull-space {height:74px;text-align:center;}
	#pull-space p {font:16px/74px "Bell Gothic Std",Arial,Helvetica,sans-serif; padding:0;color:#000000;}
	
	#bottom-nav-tab{border-top:1px solid #ddd; float:left; width:1019px; height:33px; padding:5px 0 0px;	background-image: url('../graphics/table-bottom.png');}
	
		/* Bottom Global Nav & We Heart Advertising */

		ul#bottom-nav {float:left;margin:0;padding:0px 0px 0px 3px;font:14px/20px  'Proxima Nova', "Lucida sans", Arial, Helvetica, sans-serif;color:#040404;list-style:none;overflow:hidden;}
		ul#bottom-nav li {float:left; padding:0; margin:0;}
		ul#bottom-nav li.social {background-image:url('../graphics/bg-nav.gif'); background-position:right 8px; background-repeat:no-repeat; padding-right:10px;}
		
		ul#bottom-nav li a {color:#040404; display:block; padding:0; margin:0; text-align:center;}
		ul#bottom-nav li a:hover {font-weight:bold; letter-spacing:-.4px !important; text-decoration:none;}
		
		ul#bottom-nav li a.about-us {width:90px; background-image:url('../graphics/bg-nav.gif'); background-position:right 8px;	background-repeat:no-repeat;}
		ul#bottom-nav li a.jobs {width:130px; padding-left:10px; margin-right:10px;}
		ul#bottom-nav li a.facebook {width:80px; padding-right:2px;}
		ul#bottom-nav li a.twitter {width:63px; padding-right:1px;}
		ul#bottom-nav li a.linkedin {width:76px;}
		
		a#we-love-advertising {width: 160px; float:right !important; font-weight:normal !important; letter-spacing:-1px !important; color:#f30101 !important; 
		font:14px/20px  'Proxima Nova' ,"Lucida sans",Arial,Helvetica,sans-serif; text-align:right; padding-right:12px;}
	
		p#copyright {width:979px; overflow:hidden;font:12px/18px "Myriad pro", Arial, Helvetica, sans-serif; color:#fff; padding:20px; margin:0; text-align:center;}
		

	/* Page Content Wrapper Styles */
	
	#product-page-content-wrapper {background:url("../graphics/bg-block-c.gif") repeat-y scroll 0 0 transparent; width:992px; position:relative; padding-top:0px; overflow:hidden;}
	#page-content-wrapper {background:url("../graphics/bg-block-c.gif") repeat-y scroll 0 0 transparent; width:992px; position:relative; padding-top:6px; overflow:hidden;}
	hr#page-content-top-border {background:url("../graphics/bg-block-t.gif") no-repeat scroll 0 0 transparent; width:992px; height:5px; position:absolute; top:0; border:0; margin:0; padding:0; clear:both;}
	hr#page-content-top-border-2 { width:992px; height:10px; color: #313132; position:absolute; top:0; border:0; margin:0; padding:0; clear:both;}
	hr#page-content-bottom-border {background:url("../graphics/bg-block-b.gif") no-repeat scroll 0 0 transparent; width:992px; height:7px; position:absolute; bottom:0; border:0; margin:0; padding:0; clear:both;}
hr#cloud-content-top-border {background:url("../graphics/cloud-bg-top.png") no-repeat scroll 0 0 transparent; width:992px; height:5px; position:absolute; top:0; border:0; margin:0; padding:0; clear:both;}


/******   PAGE SPECIFIC CONTENT *******/

/*** HOME PAGE ***/
	
	/* The Billboards */
	
		/* tab-content */
		#carousel{height:431px; width:988px; overflow:hidden;margin-left:2px;}
		.tab-content {background: url(../graphics/bg-divider.gif) repeat-x 0 100%; overflow:hidden; display:none; height:403px;}
		.tab-content a {display:block; text-indent:-9999px; background-repeat:no-repeat;}	
		
		/* billboard nav & navigation buttons ("tabs") */
		#carousel .carousel-nav {width:988px; margin:0 2px; padding:10px 0 11px;}
		.carousel-nav p {line-height:0px !important; color:#5F5E62; float:left; font-size:12px; margin:0; text-align:right; width:234px; padding-right:180px;}
		.tabset {float:left; margin:0; padding:0; list-style:none;}
		.tabset:after {clear:both; display:block; content:"";}
		.tabset li {float:left; margin:0 6px 0 0; display:inline; position:relative;}
		.tabset li span {display:none; width:13px; height:9px; position:absolute; background: url(../graphics/bg-nav-active.gif) no-repeat; top:-13px; left:-2px; overflow:hidden; text-indent:-9999px;}
		.tabset .active span {display:block;}
		.tabset li a {float:left;}
		.tabset li img {display:block;}
		
		a.live-demo-button{  float:right; width:279px; height:32px; margin:0 11px 0 0; text-indent:-9999px; overflow:hidden; background: url(../graphics/live-demo-button.gif) no-repeat; }
		
		#help-top{height:380px; width:988px; overflow:hidden;margin-left:2px;}

	/* Solutions Boxes */
		
		ul#featured-editions {background:url('../graphics/bg-boxes-t.gif') no-repeat scroll 0 0 transparent; width:988px; display:block; list-style:none; border-top:1px solid #ccc; margin-left:2px;}
		ul#featured-editions li {width:285px; float:left; padding:20px 20px 22px; border-left:1px solid #ccc; height:220px;}
		ul#featured-editions li.first {border-left:none;}
		ul#featured-editions h2 {text-indent:-9999px; display:block; background-repeat:no-repeat; height:28px; width:100%; clear:both; padding-bottom:8px;}
		h2#marcom {background-image:url('../graphics/title-solutions-for-marcoms.gif');}
		h2#agencies {background-image:url('../graphics/title-solutions-for-ad-agencies.gif');}
		h2#designers {background-image:url('../graphics/title-solutions-for-designers.gif');}
		h2#questions {background-image:url('../help/graphics/headline-top-questions.png');}
		h2#videos {background-image:url('../help/graphics/headline-training-videos.png');}
		h2#training {background-image:url('../help/graphics/headline-live-training.png');}
		#featured-editions p {width:285px;}
		
		a.watch-video {background:url("../graphics/ico8.gif") no-repeat scroll right 2px transparent;color:#0088D1;display:inline-block;height:10px;line-height:0;padding:10px 5px 0 4px;vertical-align:middle;width:111px;}

	/* Sponsored Organizations Banner */

		ul#homepage-sponsored-orgs-list {display:inline-block;list-style:none outside none;margin:0 auto;padding:13px 0 0 77px;}
		ul#homepage-sponsored-orgs-list li {display:inline;float:left;margin:0 36px 0 0;}
	
	/* Promo Boxes */

		#three-banner-block { background:none repeat scroll 0 0 #6C6969; overflow:hidden; padding:17px 0 17px 7px; width:1012px; }
		#three-banner-block img {margin: 0 0 0 14px; padding:0;}
		
.roundbox {
  background-color: #dcdbdb;
  padding: 20px;
  text-align: left;
  vertical-align: top;
  border-radius: 15px;
  -moz-border-radius: 15px;
  webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
  box-shadow: 1px 1px 4px rgba(0,0,0,0.4)
}

#search {
    position: absolute;
    right: 14px;
    width: 345px
}
#search .gsc-control-cse {
   font-family: Arial,sans-serif;
   background-color:#f2f2f2;
   border: 0;
   padding: 0;
}

#search .gsc-search-button-v2 { padding: 6px 20px }
#search form.gsc-search-box {
    margin: 2px 0 0
}

#search input.gsc-input, #search .gsc-input-box,
#search .gsc-input-box-hover, #search .gsc-input-box-focus{ border-color:#d9d9d9 }

#search input.gsc-search-button,
#search input.gsc-search-button:hover,
#search input.gsc-search-button:focus{ background-color:#d9d9d9;background-image:none;filter:none;position:relative;top:2px;padding:7px 7px;border:0 }
#search .gsc-search-button { margin-left: 0 }
@media screen and (-webkit-min-device-pixel-ratio:0){
    #search input.gsc-search-button, #search input.gsc-search-button:hover{top:1px}
}
#search .gsc-control-cse{ padding:1px }
#search .gsc-input { padding-right:0 }
#search #gsc-iw-id1 { padding-right:0;margin-right:0;left:17px }
#search .gsib_a { padding-top: 2px }

/** hide object **/
.hide {display:none;}

/** Office Closing Message Style **/
.close-early{ text-align:center; font-size:16px; color:#DC2B24; font-weight: bold; padding:10px 0 }