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

body {
	background-image:url(/images/bckgrnd.gif);
	background-repeat:repeat-x;
	margin-top:0px;
}
 
 
 











#mainWrap {
	position:relative;
	width:1000px;
	margin:0px auto 0px auto;
}



#topBar {
	position:relative;
	width:1000px;
	height:153px;
	background-image:url(/images/NEW-CS_04.gif);
	background-position:top left;
	background-repeat:no-repeat;
 
}


#topNav {
	position:absolute;
	left: 790px;
	top: 42px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:22px;
	color:#8099B2;
	text-align:right;
}

#topNav a:link {color:#8099B2; text-decoration:none}
#topNav a:visited {color:#8099B2; text-decoration:none}
#topNav a:hover {color:#FF9900; text-decoration:underline}
#topNav a:active {color:#FF9900; text-decoration:underline}

#mainNav {
	position:relative;
	width:1000px;
	top:125px;
	padding:0;
	margin:0;
}

#mainNav ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.70em;
	color:#003366;
	margin:0 23px 0 0;
	font-weight:bold;
	padding:0 0 0 323px;
}


#mainNav li {
	display:inline;
	list-style:none;
	padding:0 26px 0 26px;
}

#mainNav li a:link { color:#003366; text-decoration:none}
#mainNav li a:visited { color:#003366; text-decoration:none}
#mainNav li a:hover { color:#FF9900; text-decoration:none}
#mainNav li a:active { color:#FF9900; text-decoration:none}
 
#mainArea {
	width:1000px;
	height:547px;
	background-image: url(/images/white-orange.gif);
	background-position:top;
	background-repeat: repeat-y;
	margin:0;
	padding:50px 0 0 0;
}


#homeMainCopy {
	padding:0px 36px 0 323px;
	width:450px;
	margin:0px;
	float:left;
}

#homeMainCopy h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#FF9900;
	margin-top:0px;
}

#homeMainCopy p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003366;
	line-height:24px;
}


#homeNewsBarWrap {
	padding:0px;
	margin:0px;
	float:left;
	height:547px;
	width:184px;
	border-left:#FF9900 dotted 1px;
}

#homeNewsBarWrap h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#003366;
	margin-top:12px;
	text-align:center;
}

#homeNewsBarInterior {
	padding:0px;
	margin:0 auto 0 auto;
	height:500px;
	width:164px;
	background-color:#F2F5F7;
}

#homeNewsBarCopyBlock {
	padding:20px 0 20px 0;
	margin:0 auto 0 auto;
	width:144px;
	border-bottom:#FF9900 dotted 1px;
}
#homeNewsBarCopyBlock p {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
}

#homeNewsBarCopyBlock a:link {text-decoration:none;color:#003366;}
#homeNewsBarCopyBlock a:visited {text-decoration:none;color:#003366;}
#homeNewsBarCopyBlock a:hover {text-decoration:none;color:#FF9900;}


#mainCopy {
	padding:0px 36px 0 323px;
	width:550px;
	margin:0px;
}

#clientsColumn1 {
	padding:0px 36px 0 0;
	width:225px;
	margin:-5px 0 0 0;
	float:left
}

#clientsColumn2 {
	padding:0px 36px 0 0px;
	width:225px;
	margin:-5px 0 0 0;
	float:left;
}

#mainCopy h1, #clientsMainCopy h1  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#FF9900;
	margin-top:0px;
}

#mainCopy p, #clientsMainCopy p, #clientsColumn2 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003366;
	line-height:24px;
}

#mainCopy ul{
	margin-top:0px;
	margin-left:0px;
	padding-left:25px;
	padding-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003366;
	line-height:18px;
}

#mainAreaWork {
	width:1000px;
	height:597px;
	background-image:url(/images/NEW-CS-A_06.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}


#workNav {
	width:1000px;
	padding:13px 0 0 0;
	margin:0;
}

#workNav ul {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.65em;
	color:#003366;
	margin-right:20px;
	margin-top:0px;
	font-weight:bold
}


#workNav li {
	display:inline;
	list-style:none;
	padding:0 32px 0 32px;
}

#workNav li a:link { color:#003366; text-decoration:none}
#workNav li a:visited { color:#003366; text-decoration:none}
#workNav li a:hover { color:#8099B2; text-decoration:none}
#workNav li a:active { color:#FFF; text-decoration:none}



#newsMainArea {
	width:1000px;
	background-image: url(/images/white-orange.gif);
	background-position:top;
	background-repeat: repeat-y;
	margin:0;
	padding:50px 0 0 0;
}

#newsGradientBox {
	width:615px;
	height:275px;
	background-image:url(/images/news-bckgrnd.gif);
	background-position:top left;
	background-repeat:repeat-x;
}

#newsGradientBox h1 {
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	padding-left:25px;
	padding-top:20px;
	padding-bottom:0px;
	margin-bottom:0px;
}

#newsGradientBox p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#003366;
	padding-left:25px;
	width:330px;
	margin-top:10px;
	float:left;
}

#newsGradientBoxImage {
	width:215px;
	height:180px;
	margin-top:18px;
	margin-right:20px;
	float:right;
}

#newsGradientBox a:link {color: #FF9900; text-decoration:none; font-size:10px}
#newsGradientBox a:visited { color: #FF9900; text-decoration:none; font-size:10px}
#newsGradientBox a:hover { color: #FF9900; text-decoration:underline; font-size:10px}
#newsGradientBox a:active { color: #FF9900; text-decoration:none; font-size:10px}







#description {
	margin:0px 50px 0 175px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
}	
	
#description h1 {
	font-size:12px;
	color:#003366;
	margin-bottom:0px;
	margin-top:0px;
}

#description p {
	font-size:11px;
	line-height:16px;
	color:#8099B2;
	margin-top:5px;
	margin-bottom:5px
}

#description a:link { text-decoration:none; color:#8099B2}
#description a:visited { text-decoration:none; color:#8099B2}
#description a:hover { text-decoration:underline; color:#8099B2}

#artwork {
	position:absolute;
	height:410px;
	width:775px;
	top:292px;
	left:0px;
	margin:0 50px 0 175px;
}	

#arrows {
	position:absolute;
	top:708px;
	height:40px;
	width:775px;
	margin:0 50px 0 175px;
}


#whatWe a {color:#003366; text-decoration:none}
#whatWe li a span {display:none}
#whatWe li h1 {font-size:12px; font-weight:bold; margin-bottom:0px}
#whatWe li p {font-size:11px; line-height:18px; margin-top:5px}

#whatWe li a.advertising:hover span {
	position:absolute;
	display:block;
	left:500px;
	top:400px;
	width:350px;
	height:235px;
	border:1px dotted #FF9900;
	padding:10px 10px 5px 10px;
	margin:0
}
#whatWe li a.design:hover span {
	position:absolute;
	display:block;
	left:500px;
	top:400px;
	width:350px;
	height:200px;
	border:1px dotted #FF9900;
	padding:10px 10px 5px 10px;
}
#whatWe li a.marketing:hover span {
	position:absolute;
	display:block;
	left:500px;
	top:400px;
	width:350px;
	height:200px;
	border:1px dotted #FF9900;
	padding:10px 10px 5px 10px;
}	
#whatWe li a.brand:hover span {
	position:absolute;
	display:block;
	left:500px;
	top:400px;
	width:350px;
	height:200px;
	border:1px dotted #FF9900;
	padding:10px 10px 5px 10px;
}	
#whatWe li a.web:hover span {
	position:absolute;
	display:block;
	left:500px;
	top:400px;
	width:350px;
	height:200px;
	border:1px dotted #FF9900;
	padding:10px 10px 5px 10px;
}
#whatWe li a.digital:hover span {
	position:absolute;
	display:block;
	left:500px;
	top:400px;
	width:350px;
	height:200px;
	border:1px dotted #FF9900;
	padding:10px 10px 5px 10px;
}
#whatWe li a.social:hover span {
	position:absolute;
	display:block;
	left:500px;
	top:400px;
	width:350px;
	height:200px;
	border:1px dotted #FF9900;
	padding:10px 10px 5px 10px;
}
#whatWe li a.collateral:hover span {
	position:absolute;
	display:block;
	left:500px;
	top:400px;
	width:350px;
	height:200px;
	border:1px dotted #FF9900;
	padding:10px 10px 5px 10px;
}
#whatWe li a.email:hover span {
	position:absolute;
	display:block;
	left:500px;
	top:400px;
	width:350px;
	height:200px;
	border:1px dotted #FF9900;
	padding:10px 10px 5px 10px;
}
#whatWe li a.copyright:hover span {
	position:absolute;
	display:block;
	left:550px;
	top:400px;
	width:350px;
	height:310px;
	border:1px dotted #FF9900;
	padding:10px 10px 5px 10px;
}
#whatWe li a.photography:hover span {
	position:absolute;
	display:block;
	left:550px;
	top:400px;
	width:350px;
	height:310px;
	border:1px dotted #FF9900;
	padding:10px 10px 5px 10px;
}






#newsletterArchive {
	position:absolute;
	width:373px;
	left: 583px;
	top: 320px;
	font-family:Arial, Helvetica, sans-serif
}	

#newsletterArchive h1 {
	font-size:14px;
	text-transform:capitalize;
	color:#FF9900;
	margin-bottom:-5px;
}

#newsletterArchive p {
	font-size:12px;
	line-height:16px;
}	

#newsletterArchive a:link {color:#003366; text-decoration:none;}
#newsletterArchive a:visited {color:#003366; text-decoration:none;}
#newsletterArchive a:hover {color:#FF9900; text-decoration:underline;}

	
	
	
#footer {
	width:1000px;
	height:30px;
	margin:0 auto 0 auto;
	background-image:url(/images/NEW-CS_07.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding:0px;
}

#footer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-align:right;
	padding-top:15px;
	margin:0
 }
 
#footer a:link { color:#FFFFFF; text-decoration:none}
#footer a:visited { color:#FFFFFF; text-decoration:none}
#footer a:hover { color: #FF9900; text-decoration:none}
#footer a:active { color:#FF9900; text-decoration:none}



.blue {color:#003366}

.mainCopyLink a:link, a:visited { color:#FF9900; text-decoration:none}
.mainCopyLink a:hover, a:active { color:#FF9900; text-decoration:underline}