@font-face {
	font-family: 'HouschkaProBold';
	src: url('houschkapro-bold-webfont.eot');
	src: local('☺'), url('houschkapro-bold-webfont.woff') format('woff'), url('houschkapro-bold-webfont.ttf') format('truetype'), url('houschkapro-bold-webfont.svg#webfontjYyfAe0P') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {padding: 0px;margin: 0px;}
body {background-color: rgb(53,51,50); background-image: url(background.png);background-repeat: no-repeat; background-position: center top;
	text-align: center;font-size: 12px; font-family: verdana;color: #959ca2;}

/*------------------------- GLOBAL ------------------------*/
a:link, a:visited,a:active,a:hover { text-decoration: none; color: #959ca2; outline: none;}
a:hover { text-decoration: underline;}

form {padding: 0px;margin: 0px;}
img {border: none;outline: none;}
iframe {border: solid 5px #7f725e;}
h1 {}
ul {list-style-type: none; }

/*------------- TEMPLATE -----------------------*/
#template {height: auto;width: 889px;height: 600px;margin: 47px auto;margin-bottom: 10px;text-align: left;border: solid 0px red;}
#signature{width: 889px;margin: 0px auto;color: white;border-top: dashed 0px #161224;font-size: 10px;text-align: right;}
#home-link  {float: left; 	margin-top: 41px; 	margin-left: 43px; 	width: 172px; 	height: 37px; 	border: solid 0px green; }
#topmenu{float: left;margin-top: 41px;width: 630px;height: 37px;border: solid 0px red;color: #46292a;font-size: 12px;font-family: 'HouschkaProBold', Georgia, Arial; font-size-adjust: 0.46; text-align: center;}
#content{clear: both;border: solid 0px red;margin: 34px 55px;}
#footmenu{margin-top: 20px;padding-top: 5px;border-top: dashed 0px #2b3448;height: 30px;text-align: center;}

/*-------------- SLIDESHOW THUMBNAILS ------------------------*/
.slideshow-pager {margin-top: 10px;}
.slideshow-pager a img { border: solid 2px white;}
.slideshow-pager a.activeSlide img { border: solid 2px black;}

/*--------------------- TOP MENU DROP DOWN (not configured for droppy)-------------------------*/     
#top-menu-nav { border: solid 0px red;display: block; position: relative; float: left; height: 24px; top:12px; left: 24px; }
#top-menu-nav li { display: block; list-style: none; float: left; position: relative; }
#top-menu-nav *:hover { background-color: Transparent; }
#top-menu-nav a,
#top-menu-nav a:link,
#top-menu-nav a:active,
#top-menu-nav a:hover,
#top-menu-nav a:visited {text-transform: uppercase;color: #46292a;padding: 0px;text-decoration: none;outline: none;}
#top-menu-nav a:hover {color: #f8a11c;}
#top-menu-nav a.selected {color: #f8a11c;}
#top-menu-nav li.ispadding { padding: 0px 12px; font-size: .8em; color: #46292a;}

/*------------------- ABOUT OVERVIEW MENU ------------------------------*/
#overviewmenu{height: 37px;border: solid 0px red;color: #46292a;font-size: 12px;font-family: 'HouschkaProBold', Georgia, Arial; font-size-adjust: 0.46;}
#overview-menu-nav  {display: block; position: relative; float: left; height: 24px;background: url(dots_horiz.png) repeat-x bottom center;}
#overview-menu-nav li { display: block; list-style: none; float: left; position: relative; }
#overview-menu-nav *:hover { background-color: Transparent; }
#overview-menu-nav a,
#overview-menu-nav a:link,
#overview-menu-nav a:active,
#overview-menu-nav a:hover,
#overview-menu-nav a:visited {text-transform: uppercase;color: #46292a;padding: 0px 0px;text-decoration: none;outline: none;}
#overview-menu-nav a:hover { color: #f8a11c; }
#overview-menu-nav a[selected="true"] {color: #f8a11c; }
#overview-menu-nav li[ispadding="true"] { padding: 0px 12px; font-size: .8em; color: #46292a;}

/*------------------- PORTFOLIO MENU ------------------------------*/
.portfoliomenu{height: 20px;border: solid 0px red;color: #46292a;font-size: 12px;font-family: 'HouschkaProBold', Georgia, Arial; font-size-adjust: 0.46;text-align: justify;}
.portfolio-menu-nav  {display: block; position: relative; float: left; height: 20px;}
.portfolio-menu-nav li { display: block; list-style: none; float: left; position: relative; }
.portfolio-menu-nav *:hover { background-color: Transparent; }
.portfolio-menu-nav a,
.portfolio-menu-nav a:link,
.portfolio-menu-nav a:active,
.portfolio-menu-nav a:hover,
.portfolio-menu-nav a:visited {text-transform: uppercase;color: #46292a;padding: 0px 0px;text-decoration: none;outline: none;}
.portfolio-menu-nav a:hover { color: #f8a11c; }
.portfolio-menu-nav a[selected="true"] {color: #f8a11c; }
.portfolio-menu-nav li[ispadding="true"] { padding: 0px 6px; font-size: .8em; color: #46292a;}

/*----------------- CONTENT EDITION ------------------------*/
#content h1 {border: none;text-transform: none;margin: 0px;margin-bottom: 10px;padding: 0px;font-family: 'HouschkaProBold', Georgia, Arial; font-size-adjust: 0.46;font-size: 16px;font-weight: normal;color: #46292a;border: solid 0px blue;}
#content p {line-height: 20px;margin-bottom: 10px;}

/*------------------- HOME PAGE ----------------------*/
#home-left-box { float: left; width: 325px; height: 447px; border: solid 0px blue; background-image: url(launchpad-cww-logo.png); background-repeat: no-repeat; background-position: center center;}
#home-right-box { float: right; width: 420px; height: 447px; border: solid 0px blue; background-image: url(homepage_grid.png); background-repeat: no-repeat; background-position: center center;}
#home-right-box .featured-box { float: left; width: 208px; height: 212px; border: solid 0px orange; font-family: 'HouschkaProBold', Georgia, Arial; font-size-adjust: 0.46; font-size: 16px; }
#home-right-box .featured-box p { color: #46292A; }

/*------------------- ABOUT PAGE - OVERVIEW ---------------------*/
#about-overview  {margin: 15px 0px 0px 40px;background: url(about_brand_propulsion_backdrop2.png) no-repeat 130px 150px;height: 400px;/* needed to place background */	border: solid 0px blue;}
#about-overview-body { width: 540px; border: solid 0px green; }
#about-overview-body td { line-height: 20px; }

/*------------------- ABOUT PAGE - TEAM ---------------------*/
#about-team { margin: 15px 0px 0px 0px;border: solid 0px blue;}
#about-team-column { float: left; width: 130px; border: solid 0px blue;}
#about-team-column .section {clear: both; height: 20px; background: url(dots_horiz.png) repeat-x bottom center;}
#about-team-list { font-family: 'HouschkaProBold', Georgia, Arial; font-size-adjust: 0.46; }
#about-team-article { float: right; width: 610px; border: solid 0px green;}
#about-team-article-body { width: 540px; border: solid 0px green; }
#about-team-article-body table { width: 100%; }
#about-team-article-body td { line-height: 20px; }

/*------------------- PORTFOLIO ---------------------*/
#portfolio { margin: 15px 0px 0px 0px; border: solid 0px blue;}
#portfolio-column { float: left; width: 160px; border: solid 0px blue; }
#portfolio-column .section {clear: both; height: 16px; width: 96%;background: url(dots_horiz.png) repeat-x center center;}
#portfolio-column .section-download {clear: both; height: 4px; width: 96%;background: url(dots_horiz.png) repeat-x center center;}
#portfolio-list { font-family: verdana; text-align: justify; padding: 4px; height: 200px; width: 130px;}

#portfolio-list a.ui-active:link,#portfolio-list a.ui-active:active,#portfolio-list a.ui-active:visited, #portfolio-list a.ui-active:hover
  { font-size: 10px; padding: 4px 7px 6px 6px; color:white; text-decoration:none; background: url(circle_orange.png) no-repeat center center; }

#portfolio-list a:link,#portfolio-list a:active,#portfolio-list a:visited
  { font-size: 10px; padding: 4px 7px 6px 6px; color:white; text-decoration:none; background: url(circle_gray.png) no-repeat center center; }
#portfolio-list a:hover
  { font-size: 10px; padding: 4px 7px 6px 6px; color:white; text-decoration:none; background: url(circle_orange.png) no-repeat center center; }


#portfolio-download-link { color: #46292a; font-size: 10px; line-height: normal;}
#portfolio-download-link a, #portfolio-download-link a:visited, #portfolio-download-link a:link, #portfolio-download-link a:hover, #portfolio-download-link a:active
 {color: #46292a;}

#portfolio-article { float: right; width: 605px; border: solid 0px green;}
#portfolio-article .slideshow { border: solid 0px blue; }
#portfolio-article .caption { border: solid 0px red; text-align: center; font-size: 10px;}

/*------------------- SERVICES ---------------------*/
#services {margin: 15px 0px 0px 40px;background: url(creative_services_backdrop2.png) no-repeat 170px 190px;height: 450px; /* needed to place background */	border: solid 0px blue;}
.services-column { float: left; width: 200px; margin-right: 40px; border: solid 0px blue; line-height: 20px;}
.services-column .section {clear: both; height: 16px; width: 96%;background: url(dots_horiz.png) repeat-x center center;}
.services-column h1 { height: 52px; background: url(dots_horiz.png) repeat-x bottom left;}

/*------------------- CLIENTS ---------------------*/
#clients {margin: 15px 0px 0px 40px;border: solid 0px blue;}

/*------------------- CONTACT ---------------------*/
#contact{margin: 15px 0px 0px 40px;background: url(contact_backdrop2.png) no-repeat 270px 235px;height: 450px; /* needed to place background */	width: 100%;border: solid 0px blue;}
.contact-column { float: left; width: 200px; margin-right: 40px; border: solid 0px blue; line-height: 20px;}
.contact-column h1 { height: 32px; background: url(dots_horiz.png) repeat-x bottom left;}

/*------------------- FEATURED WORK ---------------------*/
#featured-work { margin: 15px 0px 0px 0px; border: solid 0px blue;}

#featured-work-article { float: left; width: 480px; border: solid 0px green;}

#featured-work-column { float: right; height: 100%; width: 270px; border: solid 0px blue; padding-left: 15px; background: url(dots_vert.png) repeat-y top left;}
#featured-work-body { height: 400px; overflow: hidden;} /* height needed to push down dotted list of articles */
#featured-work-list { font-family: verdana; text-align: justify;}
#featured-work-list a.ui-active:link,#featured-work-list a.ui-active:active,#featured-work-list a.ui-active:visited, #featured-work-list a.ui-active:hover
  { font-size: 10px; padding: 4px 7px 6px 6px; color:white; text-decoration:none; background: url(circle_orange.png) no-repeat center center; }

#featured-work-list a:link,#featured-work-list a:active,#featured-work-list a:visited
  { font-size: 10px; padding: 4px 7px 6px 6px; color:white; text-decoration:none; background: url(circle_gray.png) no-repeat center center; }
#featured-work-list a:hover
  { font-size: 10px; padding: 4px 7px 6px 6px; color:white; text-decoration:none; background: url(circle_orange.png) no-repeat center center; }


/*-------------------- MENU STYLES & FONT FACE ----------------------*/

.myMenuFont, .myMenuFont a  { font-family: 'HouschkaProBold', Arial; font-size-adjust: 0.46;}