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


body {
	background-color: #1C3259;
	background-image: url(images/bkg.png);
	background-repeat: repeat-x;
	font-size: 1em;
	font-family: Verdana, Geneva, sans-serif;
}

img {
	border: 0;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em;
	font-weight: 425;
	color: #315FB2;
	padding: 0px;
	margin: 0px;
	letter-spacing: .04em;
}

h2 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-weight: 300;
	font-style: italic;
	color: #666;
	padding: 5px 0 10px 25px;
	margin: 0px;
	letter-spacing: .042em;
}

p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.825em;
	color: #3D3D3D;
	line-height: 170%;
	font-weight: 100;
}

/* ---------------------------------------------------------------- LAYOUT -------------------------------------------------------------------- */

#container {
	margin: 0 auto;
	margin-top: 30px;
	background-color: #FFF;
	width: 950px;
}

#header {
	margin: 0 auto;
	height: 137px;
	text-align: center;
	padding: 0;
}

/* ------------------------------------------ NAVIGATION ------------------------------------------------ */

#navbar {
	margin: 0 auto;
	background-image:url(images/nav_bkg.png);
	width: 950px;
	height: 65px;
}

#navigation {
	margin: 0 auto;
	width: 950px;
	height: 65px;
}

#nav ul{
	float:left;
	position:absolute;
	padding:0 70px 0 70px;
	margin:0px;
	width:810px;
	height:65px;
	z-index:100;
	list-style-type:none;
}

#nav li{float:left; display:block; padding: 4px 0 0 0; margin:0px;}


/*** hide sub nav and set styles for sub nav ***/

#navAbout ul {
	float:left; display:none; position:absolute; width:810px; height:24px; top:35px; left:0px; padding:2px 70px 0px 70px; overflow:hidden; text-align: center; background-color: #C9CAC8;
}

#navThinking ul {
	float:left; display:none; position:absolute; width:810px; height:24px; top:35px; left:0px; padding:2px 70px 0px 70px; overflow:hidden; text-align: center; background-color: #C9CAC8;
}

#navWork ul {
	float:left; display:none; position:absolute; width:810px; height:24px; top:35px; left:0px; padding:2px 70px 0px 70px; overflow:hidden; text-align: center; background-color: #C9CAC8;
}

#navClients ul {
	float:left; display:none; position:absolute; width:810px; height:24px; top:35px; left:0px; padding:2px 70px 0px 70px; overflow:hidden; text-align: center; background-color: #C9CAC8;
}

#navStar ul {
	float:left; display:none; position:absolute; width:810px; height:24px; top:35px; left:0px; padding:2px 70px 0px 70px; overflow:hidden; text-align: center; background-color: #C9CAC8;
}

#navContact ul {
	float:left; display:none; position:absolute; width:810px; height:24px; top:35px; left:0px; padding:2px 70px 0px 70px; overflow:hidden; text-align: center; background-color: #C9CAC8;
}

/*** display sub menu on mouseover or when active ***/

#navAbout.over ul, #navAbout:hover ul, #navAbout.active ul{float:left; display:block;}
#navThinking.over ul, #navThinking:hover ul, #navThinking.active ul{float:left; display:block;}
#navWork.over ul, #navWork:hover ul, #navWork.active ul{float:left; display:block;}
#navClients.over ul, #navClients:hover ul, #navClients.active ul{float:left; display:block;}
#navStar.over ul, #navStar:hover ul, #navStar.active ul{float:left; display:block;}
#navContact.over ul, #navContact:hover ul, #navContact.active ul{float:left; display:block;}

/*** main nav style on mouseover or when active ***/

#navAbout a {width:96px; height:31px; display:block; text-align:left; margin-right:0px; margin-left:0px; }
#navAbout:hover, #navAbout.active, #navAbout.over{ background: url(images/triangle.png) no-repeat; background-position: 25% 100%;}

#navThinking a {width:155px; height:31px; display:block; text-align:center; margin-right:0px; margin-left:0px; }
#navThinking:hover, #navThinking.active, #navThinking.over{ background: url(images/triangle.png) no-repeat; background-position: bottom;}

#navWork a {width:132px; height:31px; display:block; text-align:center; margin-right:0px; margin-left:0px; }
#navWork:hover, #navWork.active, #navWork.over{ background: url(images/triangle.png) no-repeat; background-position: bottom;}

#navClients a {width:143px; height:31px; display:block; text-align:center; margin-right:0px; margin-left:0px; }
#navClients:hover, #navClients.active, #navClients.over{ background: url(images/triangle.png) no-repeat; background-position: bottom;}

#navStar a {width:178px; height:31px; display:block; text-align:center; margin-right:0px; margin-left:0px; }
#navStar:hover, #navStar.active, #navStar.over{ background: url(images/triangle.png) no-repeat; background-position: bottom;}

#navContact a {width:106px; height:31px; display:block; text-align:right; margin-right:0px; margin-left:0px; }
#navContact:hover, #navContact.active, #navContact.over{ background: url(images/triangle.png) no-repeat; background-position: 70% 100%;}


/** send active sub menu to back so rollovers will appear on top **/

#navAbout.active ul {z-index: 50;}
#navThinking.active ul {z-index: 50;}
#navWork.active ul {z-index: 50;}
#navClients.active ul {z-index: 50;}
#navStar.active ul {z-index: 50;}
#navContact.active ul {z-index: 50;}



/*** sub nav style on mouseover or when active ***/

#subnavAbout a{width:auto; height: 24px; display:block;}
#subnavAbout a:hover, #subnavAbout a.active { color:#326DE6; }

#strategies a{width:81px; height: 24px; display:block; text-align: left; margin-right: 0; margin-left: 0;}
#strategies a:hover, #strategies a.active { color:#326DE6; }
#branding a{width:91px; height: 24px; display:block; text-align: center;}
#branding a:hover, #branding a.active { color:#326DE6; }
#positioning a{width:100px; height: 24px; display:block; text-align: center;}
#positioning a:hover, #positioning a.active { color:#326DE6; }
#consumer a{width:151px; height: 24px; display:block; text-align: center;}
#consumer a:hover, #consumer a.active { color:#326DE6; }
#vacations a{width:92px; height: 24px; display:block; text-align: center;}
#vacations a:hover, #vacations a.active { color:#326DE6; }
#integration a{width:104px; height: 24px; display:block; text-align: center;}
#integration a:hover, #integration a.active { color:#326DE6; }
#budgets a{width:85px; height: 24px; display:block; text-align: center;}
#budgets a:hover, #budgets a.active { color:#326DE6; }
#howwework a{width:106px; height: 24px; display:block; text-align: right;}
#howwework a:hover, #howwework a.active { color:#326DE6; }

#advertising a{width:90px; height: 24px; display:block; text-align: left;}
#advertising a:hover, #advertising a.active { color:#326DE6; }
#response a{width:137px; height: 24px; display:block; text-align: center;}
#response a:hover, #response a.active { color:#326DE6; }
#websites a{width:97px; height: 24px; display:block; text-align: center;}
#websites a:hover, #websites a.active { color:#326DE6; }
#online a{width:87px; height: 24px; display:block; text-align: center;}
#online a:hover, #online a.active { color:#326DE6; }
#sales a{width:130px; height: 24px; display:block; text-align: center;}
#sales a:hover, #sales a.active { color:#326DE6; }
#pr a{width:135px; height: 24px; display:block; text-align: center;}
#pr a:hover, #pr a.active { color:#326DE6; }
#programs a{width:134px; height: 24px; display:block; text-align: right;}
#programs a:hover, #programs a.active { color:#326DE6; }

#subnavClients a{width:auto; height: 24px; display:block;}
#subnavClients a:hover, #subnavClients a.active { color:#326DE6; }

#subnavStar a{width:auto; height: 24px; display:block;}
#subnavStar a:hover, #subnavStar a.active { color:#326DE6; }

#subnavContact a{width:auto; height: 24px; display:block;}
#subnavContact a:hover, #subnavContact a.active { color:#326DE6; }




/*** style for main nav text ***/

#navAbout a, #navThinking a, #navWork a, #navClients a, #navStar a,
#navContact a {
line-height:24px;
font-family: Verdana, Geneva, sans-serif;
color: #FFF;
text-decoration:none;
font-size:.8em;
font-weight: 300;
}

#subnavAbout a, #subnavThinking a, #subnavWork a, #subnavClients a, 
#subnavStar a, #subnavContact a {
float:left;
line-height:16px;
padding: 0px 0px 0px 0px;
margin:0px;
font-family: Verdana, Geneva, sans-serif;
color: #25004F;
text-decoration:none;
font-size:.7em;
font-weight: 200;
}


/* ---------------------------------------- MAIN CONTENT ------------------------------------------------ */

#main {
	margin: 0 auto;
	width: 950px;
	height: 510px;
}

#main a, a:visited {
	color: #315FB2;
	text-decoration: underline;
}

#main a:hover {
	color: #999;
	text-decoration: none;
}

.home {
	margin: 0 auto;
	width: 950px;
	height: 510px;
	background-image: url(images/home_photo.png);
	background-repeat: no-repeat;
	background-color: #13001b;
}

.hometxt {
	margin: 355px 70px 0 0;
	width: 360px;
	float: right;
	color: #FFF;
	font-size: 0.75em;
	line-height: 170%;
	font-weight: 100;
	display: inline;
}

.textbox {
	margin: 40px 0 25px 70px; 
	width: 445px;
	height: 445px;
	float: left;
	text-align: left;
	display: inline;
}

.textboxstar {
	margin: 40px 0 25px 70px; 
	width: 460px;
	height: 445px;
	float: left;
	text-align: left;
	display: inline;
}

.imgbox {
	margin: 40px 60px 25px 0;
	width: 315px;
	height: 365px;
	padding: 80px 0 0 0;
	float: right;
	text-align: center;
	display: inline;
}

.imgboxstar {
	margin: 40px 70px 25px 0;
	width: 280px;
	height: 365px;
	padding: 80px 0 0 0;
	float: right;
	text-align: center;
	display: inline;
}

.clientsbox {
	margin: 30px 0 25px 70px; 
	width: 300px;
	height: 450px;
	float: left;
	text-align: left;
	display: inline;
}

.clientlist {
	margin: 30px 70px 25px 0;
	width: 445px;
	height: 450px;
	float: right;
	display: inline;
}

.clientlist p {
	padding: 0;
	margin: 0;
	font-size: 0.66em;
	line-height: 200%;
}

.bold {
	font-weight: bold;
}

a.star, a:visited.star {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .9em;
	color: #315FB2;
	font-weight: 300;
	text-decoration: none;
}

a:hover.star {
	color: #666;
}

.caption {
	font-size: 0.7em;
	color: #25004F;
	font-style: italic;
}

a.view, a:visited.view, a:hover.view {
	line-height: 200%;
	font-size: 0.7em;
}

/* ------------------------------------------ SAMPLE PAGE ------------------------------------------------ */

#sampletxt {
	margin: 30px 0 20px 70px;
	width: 170px;
	height: 410px;
	float: left;
	padding-top: 50px;
	display: inline;
}

#sampletxt p {
	font-size: 0.7em;
	margin: 0px;
}

#sampleimg {
	width: 600px;
	height: 400px;
	margin: 10px 70px 15px 0;
	float: right;
	display: inline;
}


#samplenav {
	width: 540px;
	height: 20px;
	margin: 30px 0 0 40px;
	float: left;
	text-align: left;
}

.number {
	width: 21px;
	height: 17px;
	padding-top: 3px;
	float: right;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #FFF;
	text-align: center;
	font-size: 0.67em;
	font-weight: 800;
	color: #25004F;
	background-color: #E6E6E6;
	display: inline;
}

.numberactive {
	width: 21px;
	height: 19px;
	padding-top: 3px;
	float: right;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #FFF;
	text-align: center;
	font-size: 0.67em;
	font-weight: 800;
	color: #25004F;
	background-color: #B5B7B4;
	height: 17px;
	display: inline;
}

#samplenav a.number, #samplenav a:visited.number, #samplenav a.numberactive, #samplenav a:visited.numberactive {
	color: #25004F;
	font-size: 0.65em;
	font-weight:800;
	text-decoration: none;
}

#samplenav a:hover.number, #samplenav a:hover.numberactive {
	background-color: #B5B7B4;
	height: 17px;
}

#samplenav a.sitelaunch, #samplenav a:hover.sitelaunch {
	padding-top: 2px;
	height: 19px;
	float: left;
	font-size: 0.65em;
	font-weight: 500;
	text-decoration: underline;
	display: inline;
}

#backlink {
	margin: 30px 70px 0 0;
	width: 40px;
	height: 20px;
	float: right;
	text-align: right;
	font-size: 0.67em;
	display: inline;
}


/* ------------------------------------------ FOOTER ------------------------------------------------ */

#footer {
	margin: 0 auto;
	width: 950px;
	height: 35px;
	background-image: url(images/footer_bkg.png);
	background-repeat: no-repeat;
}

#footer.footerhome {
	background-image: url(images/footer_bkg_home.png);
	background-repeat: no-repeat;
}
.footerleft {
	margin: 0 0 0 30px;
	width: 100px;
	height: 25px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	float: left;
	padding: 10px 0 0 0;
	display: inline;
}

.footerleft a:link, a:visited {
	color: #25004F;
	text-decoration: underline;
}

.footerleft a:hover {
	text-decoration: none;
	color: #315FB2;
}

.footermid {
	margin: 0;
	width: 325px;
	height: 25px;
	padding: 10px 20px 0 0;
	float: left;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #25004F;
	display: inline;
}

.footerright {
	margin: 0;
	width: 300px;
	height: 25px;
	padding: 10px 10px 0 20px;
	float: left;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #25004F;
	display: inline;
}

.footerright a:link, a:visited {
	color: #25004F;
	text-decoration: underline;
}

.footerright a:hover {
	text-decoration: none;
	color: #315FB2;
}
	
.copyright {
	margin: 0 auto;
	padding-top: 10px;
	width: 950px;
	font-size: .59em;
	color: #FFF;
	text-align: right;
}