/* Design & Code (c) Company Name, Inc. */







/*   *************************************  */

/*    D E F A U L T   AND   P A G E         */

/*   *************************************  */


* { margin:0; padding:0; }

html body {margin:10px auto 0; }
html body {padding:0; } /* necessary for Opera */



/*   ADD SOME BACK IN IF NECESSARY
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin:20px 0; }
li, dd, blockquote { margin-left: 40px; }
*/




/*  Adds the margin back to forms  */
fieldset { padding:10px; }
select { min-width:1.5em; }
option {min-width: 1.5em;}
select optgroup { margin-left: 2%; }
select optgroup option { margin-left: 10%; }




body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	background-color: #FF0000;
}
body {
	padding:5px;
	text-align:center;
	width:100%;
}


	
	
/* Headings H1-H6 */
h1 { color:#000; font-size:19px; margin:15px 0; }
	h1 span { color:#FFFFFF; }
	body.whatWeDoPage h1 span { font-size:25px; }
	body.whatWeDoPage h1 { line-height:26px; }
	body.root h1 a { color:#000; text-decoration:none; }
		body.root h1 a:hover { text-decoration:underline; }
	

h2 { }

h3 { color:#000; }

h4 { margin-bottom:-15px; }
	body.whatWeDoPage h4 { color:#000; }

h5 { }

h6 { }





/* Paragraph and Link Styles */
p { margin:15px 0; line-height:17px; }

	p a { }
	
	
:link,:visited { text-decoration:underline; }

a, a:hover, a:active, a:visited { color:#FFFFFF; }

a:hover { text-decoration:none; }

a.example { text-decoration:none; }

img {
border: 0;
}




#contain {
	position:relative;
	text-align:left;
	width:780px;
	height:100%;
	background:#FF0000;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:50px;
}








/*   *************************************  */

/*        T E X T   AND   S U C H           */

/*   *************************************  */



p.listhead {
	margin-bottom:0;
}
ul.listhead {
	margin-top:0;
}










/*   *************************************  */

/*        H E A D E R                       */

/*   *************************************  */

#head {
	position:relative;
	width:760px;
	height:85px;
	background:#FF0000 url(/images/logo.png) no-repeat 240px 15px;
}

	
	#head span { display:none; }

#logo a {
	position:absolute;
	left:240px;
	display:block;
	width:385px;
	height:70px;
}






/*   *************************************  */

/*        C O N T E N T                     */

/*   *************************************  */



#leftSide {
	position:relative;
	width:217px;
	float:left;
	padding:10px 5px 20px 15px;
}

.leftCopy { padding-right: 8px; }
*html .leftCopy { position:absolute; top:320px; left:15px; }



#content {
	width:490px;
	float:left;
	margin-right:50px;
	background-color:#FF0000;
}


div#copy01,
div#copy02,
div#copy03,
div#copy04,
div#copy05,
div#copy06,
div#copy07,
div#copy08,
div#copy09,
div#copy10,
div#copy11,
div#copy12,
div#copy13,
div#copy14,
div#copy15,
div#copy16
 { display:block; position:absolute; top:350px; left:0; width:200px; padding:10px; color:#000000; font-size:12px; background-color:#FF0000; z-index:100; }
 
 
.processNo { font-size:130px; font-family:Helvetica, Arial, sans-serif; font-weight:bold; margin-right:-7px; width:80px; height:300px; float:left; text-align:right; }
.processNo1 { font-size:130px; font-family:Helvetica, Arial, sans-serif; font-weight:bold; margin-right:-20px; width:80px; height:300px; float:left; text-align:right; }
 
 
 


.clear { clear:both; height:1px; }


/*   *************************************  */

/*        S I D E B A R                     */

/*   *************************************  */
	


#numbers { text-align:right; margin-top:-6px; margin-right:20px; }
#numbers a:hover { color:#000000; text-decoration:underline; }
		
	
	
	




/*   *************************************  */

/*     N A V				                */

/*   *************************************  */
	


/* common styling */
.menu {
position:relative; width:100px; height:180px; font-size:11px; margin-top:105px; margin-bottom:20px; z-index:100; margin-left:-10px;
}

.menu ul {
position:relative; padding:0; margin:0; list-style-type: none; width:110px; height:180px; z-index:101;
}
.menu ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;
}

.menu ul li.about ul { top:-2px; }
.menu ul li.whatWeDo ul { top:-18px; }
.menu ul li.services ul { top:-34px; }
.menu ul li.clients ul { top:-50px; }


.menu ul li {
float:left;
}
.menu ul li a, .menu ul li a:visited {
display:block; float:left; text-decoration:none; width:110px; height:16px; line-height:15px; font-size:11px; padding-left:10px;
}
* html .menu ul li a, * html .menu ul li a:visited {width:110px; w\idth:100px;}

.menu table {
border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu ul li:hover a,
.menu ul li a:hover{
color:#000000;
}

.menu ul li:hover {position:relative; z-index:90;}
* html .menu ul li a:hover {position:relative; z-index:100;}

.menu ul li:hover ul,
.menu ul li a:hover ul {
visibility:visible; position:absolute; height:180px; background-color:#FF0000; overflow:visible;
}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a{
display:block; background:#FF0000; color:#fff; line-height:13px; padding:3px 0 0 15px; height:auto; text-decoration:none;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {
color:#000000;
}


/*   HIDE OVER-STATE OF NAV   */
body.root ul.aboutON,
body.root ul.whatWeDoON,
body.root ul.servicesON,
body.root ul.clientsON,
body.aboutPage ul.whatWeDoON,
body.aboutPage ul.servicesON,
body.aboutPage ul.clientsON,
body.whatWeDoPage ul.aboutON,
body.whatWeDoPage ul.servicesON,
body.whatWeDoPage ul.clientsON,
body.servicesExample ul.aboutON,
body.servicesExample ul.whatWeDoON,
body.servicesExample ul.clientsON,
body.clientsExample ul.aboutON,
body.clientsExample ul.whatWeDoON,
body.clientsExample ul.servicesON
	{ visibility:hidden; overflow:hidden; margin-top:-1500px; }
	
/*   CONTACT            */
body#contact li.contact a { color:#000000; }

/*   ABOUT EXAMPLES ON   */
body.aboutPage ul.aboutON { position:absolute; top:0; left:90px; z-index:80; }
body.aboutPage ul.whatWeDoON, body.aboutPage ul.servicesON, body.aboutPage ul.clientsON { visibility:hidden; overflow:hidden; }
body.aboutPage li.about a { color:#000000; }
body#about01 li.about01 a, /*  WELCOME           */
body#about02 li.about02 a /*  LEADERSHIP        */
	{ color:#000000; }

/*   WHATWEDO EXAMPLES ON   */
body.whatWeDoPage ul.whatWeDoON { position:absolute; top:0; left:90px; z-index:80; }
body.whatWeDoPage ul.aboutON, body.whatWeDoPage ul.servicesON, body.whatWeDoPage ul.clientsON { visibility:hidden; overflow:hidden; }
body.whatWeDoPage li.whatWeDo a { color:#000000; }
body#whatWeDo01 li.whatWeDo01 a, /*  CAPABILITIES        */
body#whatWeDo02 li.whatWeDo02 a /*  PROCESS 00          */
	{ color:#000000; }

/*   SERVICES EXAMPLES ON   */
body.servicesExample ul.servicesON { position:absolute; top:0; left:90px; z-index:80; }
body.servicesExample ul.aboutON, body.servicesExample ul.whatWeDoON, body.servicesExample ul.clientsON { visibility:hidden; overflow:hidden; }
body.servicesExample li.services a { color:#000000; }
body#services01 li.services01 a, /*  IDENTITY          */
body#services02 li.services02 a, /*  BRANDING          */
body#services03 li.services03 a, /*  ADVERTISING       */
body#services04 li.services04 a, /*  DIRECT MARKETING  */
body#services05 li.services05 a, /*  COLLATERAL        */
body#services06 li.services06 a, /*  INTERACTIVE       */
body#services07 li.services07 a  /*  PUBLIC RELATIONS  */
	{ color:#000000; }

/*   CLIENT EXAMPLES ON   */
body.clientsExample ul.clientsON { position:absolute; top:0; left:90px; z-index:80; }
body.clientsExample ul.aboutON, body.clientsExample ul.whatWeDoON, body.clientsExample ul.servicesON { visibility:hidden; overflow:hidden; }
body.clientsExample li.clients a { color:#000000; }
body#client01 li.client01 a, /*  GBC         */
body#client02 li.client02 a, /*  NAZDAR      */
body#client03 li.client03 a, /*  SHURE       */
body#client04 li.client04 a, /*  MATHER      */
body#client05 li.client05 a, /*  RAULAND     */
body#client06 li.client06 a, /*  GSI         */
body#client07 li.client07 a, /*  WHEELS      */
body#client08 li.client08 a, /*  US MUSIC    */
body#client09 li.client09 a, /*  YASKAWA     */
body#client10 li.client10 a,  /*  ARCOR       */
	{ color:#000000; }  
	
	
	
	


/*   *************************************  */

/*        ImageBox CSS                      */

/*   *************************************  */



#ImageBoxOverlay
{
	background-color: #000;
}
#ImageBoxCaption
{
	position:relative;
	background-color: #FF0000;
	border-bottom:15px solid #000;
	border-right:15px solid #000;
	border-left:15px solid #000;
	z-index:600;
}
#ImageBoxContainer
{
	position:relative;
	width: 250px;
	height: 250px;
	background-color: #FF0000;
	border-top:15px solid #000;
	border-right:15px solid #000;
	border-left:15px solid #000;
	padding-bottom:30px;
	z-index:601;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
	color: #000;
}
#ImageBoxNextImage
{
	background-image: url(/images/imagebox/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right bottom;
	margin-top:30px;
}
#ImageBoxPrevImage
{
	background-image: url(/images/imagebox/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
	margin-top:30px;
}
#ImageBoxNextImage:hover
{
	background-image: url(/images/imagebox/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right bottom;
}
#ImageBoxPrevImage:hover
{
	background-image: url(/images/imagebox/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
};