/* CSS Document */

body {
	background-color:#F8F8F8;
}

table,tr,td {
	border:0px;
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
	
}

table.mainWidth {
	width:802px;
}

form{
	margin: 0;
	padding: 0;
}

h1 {
	font-size:large;
	font-weight:800;
	color:#C2C2C2;
	margin:8px;
	margin-left:0px;
}

h4.creative {
	font-size:small;
	font-weight:800;
	color:#000000;
	margin:8px;
	margin-left:0px;
	margin-bottom:-15px;
}

a {
	border:none;
}

img{
	border:0;
}

.divider {
	border-bottom:1px solid #cccccc;
}

.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;

}




/* Main Nav Style -------------*/


table#nav {
	border:1px solid #cccccc;
	border-bottom:none;
	width:802px;
}

#navRight a {
	margin-left:3px;
	margin-right:3px;
	padding:10px 7px 7px 7px;
	margin-bottom:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#000000;
}

#navRight a#current, #navRight a.current {
	background-image:url(images/current.gif);
	background-position:0px 2px;
	background-repeat:no-repeat;

}

#navRight a:hover {
	border-bottom:1px solid #ff00cc;
}

#navRight a:active {
	background-image:url(images/mainNav_on.gif);
	color:#ff00cc;
	border-bottom:1px solid #000000;
}

#navLeft {
	width:147px;
}

#navLeft a {
	border:none;
}

/*END Main Nav Style -------------*/




table#mainFlash {
	
	border:1px solid #cccccc;
	border-top:0;
	border-bottom:0;
	
	
	
}

table#mainBody {
	border:1px solid #cccccc;
	border-top:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	text-align:left
}

table#logo {
	font-size:10px;
    line-height:12px;
}

#logo a {
	text-decoration:none;
	color:#000000;
}

#logo a:hover {
	border-bottom:1px solid #ff00cc;
}





/* All the content boxes belong to the content class. */
.content {
        /*position:relative;  Position is declared "relative" to gain control of stacking order (z-index). */
		float:left;
		width:349px;
        margin:0px 8px 0px 8px;
        padding:4px;
        z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

.contentFlash {
        /*position:relative;  Position is declared "relative" to gain control of stacking order (z-index). */
		float:left;
	
        margin:0px 0px 0px 8px;
        padding:0px;
        z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}
		
.txtBlock {
	background-image:url(images/textBox_bg.jpg);
	background-repeat:no-repeat; 
	padding:5px;
}


.col {
		width:125px;
	font-weight:700;
	float:left;
}

.col a {
	text-decoration:none;
	color:#ff00cc;
}

.col a:hover {
	border-bottom:1px solid #ff00cc;
}

#left.col {

	margin-left:28px;
}



#navAlpha {
        
        float:left;
        font-size:10px;
        line-height:12px;
		margin-left:4px;
		margin-top:41px;
        padding:5px;
        z-index:2;
		voice-family: "\"}\"";			/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. */
		voice-family:inherit;			/* Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. */
		width:185px;					/*IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style */
		}								/*declaration. The incorrect IE5/Win value is above, while the correct value is */
										/*below. See http://glish.com/css/hacks.asp for details. */
body>#navAlpha {
	width:185px;
}			/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
											length values to user agents that exhibit the parsing error exploited above yet get 
											the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
											a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
        							
 
 #navAlpha a {
	margin:0 0 3px 0px;
	padding-bottom:1px;
	line-height:15px;
	
	

	text-decoration:none;
	color:#FF00CC;
}

#navAlpha a:hover {
	border-bottom:1px solid #CCCCCC;
	
}
                
#navBeta {
        width:190px;
		float:left;
        margin-right:0px;
		margin-top:41px;
        
        padding:5px;
        z-index:1;
/* Again, the ugly brilliant hack. */
        voice-family: "\"}\"";
        voice-family:inherit;
        width:190px;
        }
/* Again, "be nice to Opera 5". */
body>#navBeta {width:190px;}

#navBeta a {
	margin:0 0 3px 20px;
	padding-bottom:2px;
	padding-left:7px;
	padding-right:7px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#000000;
}

#navBeta a:hover {
	border-bottom:1px solid #ff00cc;
	
}

#navBeta a#current, #navBeta a.current {
	background-image:url(images/current.gif);
	background-position:-1px -8px;
	background-repeat:no-repeat;

}


#navBeta a#rccn, #navBeta a#rc, #navBeta a.rc, #navBeta a#cn, #navBeta a.cn, #navBeta a#sm, #navBeta a.sm {
	margin:0px;
	padding-left:0px;
}


/*a.rightLinks_rccn {
	margin-left:0px;
	margin-right:0px;
	padding:17px 0px 4px 0px;
	margin-bottom:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#000000;
}

a.rightLinks_rccn:hover {
	border-bottom:1px solid #ff00cc;
}*/



/* Contact Us Page */
.contactFormLabel{
	text-align: right;
	padding-right: 10px;
}
.contactFormItem{

}
.contactFormItem input, .contactFormItem textarea{
	width: 200px;
}
.contactFormItem select{
	width: 206px;
}
/*End Contact Us Page*/

/* OurPeople contact form */
#ourPeople{
	background-color: #EBEBEB;
}

#ourPeople .contactFormLabel{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

#ourPeople .error{
	color: #FF0000;
	font-weight: 700;
}

#ourPeople .ourPeopleTable{
	border: 2px solid #D6D6D6;
	margin: 10px 0 0 10px;
}


.duck{
	font-weight: 700;
	color: #FF0000;
}

.contentCreative {
	padding:15px;
}

.contentCreative a {
	text-decoration:none;
	color:#000000;
}

.contentCreative a:hover {
	border-bottom:1px solid #ff00cc;
}

.contentCreative a#current {
	border-bottom:1px dotted #ff00cc;
}

h1 a {
	text-decoration:none;
	color:#D3D3D3;
}
.fakeLink{
	color: #0000FF;
	text-decoration: underline;
	cursor: pointer;
}
/* ~ added for inc/i_rc_cn_our_specialty.asp ~ */
#divoursp{
	margin-left: 20px;
}
/* ~ 										~ */
.footer1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.footer2 {color: #000000; margin:0px;}
.footer4 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; }

.footerstyle1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.footerstyle2 {color: #000000; margin:0px;font-family: Verdana, Arial, Helvetica, sans-serif;}
.footerstyle4 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; }


.wpapers a:link, .wpapers a:visited {color: #FF00CC;}

/*Styles for TheWork pages and their navigation*/
#theWorkContent{color:#cccccc; line-height:1.4}
#theWorkContent img{display:block;}
#theWorkContent .imgLink{color:#000000;text-decoration:none;}
#theWorkContent a{color:#cccccc}

#theWorkNav{padding-left:10px}
#theWorkNav div{margin:0 0 0 10px}
#theWorkNav h4{margin:0;padding:0;}
#theWorkNav a{margin:0;padding:0}
#b2b{display:none;visibility:hidden;margin:0;padding:0}
#b2bClients{display:none;visibility:hidden;margin:0;padding:0}
#b2bChannels{display:none;visibility:hidden;margin:0;padding:0}
#consumer{display:none;visibility:hidden;margin:0;padding:0}
#consumerClients{display:none;visibility:hidden;margin:0;padding:0}
#consumerChannels{display:none;visibility:hidden;margin:0;padding:0}

/*used to overridet the default behavior for navBeta brandlife img link in Our Specialty*/
 #navBeta .noHover a:hover {border:none;}

/*used for quicksignup form and clientNet login form*/
.pinkInput{background-color:#f4d8e7;border:1px solid #000000}

#clientNetLogin{text-align:left;background:url(/images/bg_o.gif) no-repeat;line-height:12px}

#ourEnvironmentNav a{margin:0;padding:0}
#ourEnvironmentNav h4{margin:0;padding:0;color:#cccccc;font-size:14px}
#ourEnvironmentNav div{margin:0 0 0 10px}
#activities{display:none;visibility:hidden;margin:0;padding:0}
#schools{display:none;visibility:hidden;margin:0;padding:0}
#exploration{display:none;visibility:hidden;margin:0;padding:0}
#art{display:none;visibility:hidden;margin:0;padding:0}
#press{display:none;visibility:hidden;margin:0;padding:0}
#whereToStay{display:none;visibility:hidden;margin:0;padding:0}
#restaurants{display:none;visibility:hidden;margin:0;padding:0}

/*
I added this h3 to replace the image on  the exec briefs page, it used an image to display the header text before
*/
h3.mainContentHeader{margin:0;padding:0 0 10px 0;color:#cccccc;font-size:20px;font-weight:bold}

/*#virtualTour div{border:1px solid red; }*/
#virtualTour a:hover{border-bottom:1px solid #cccccc; color:#ff00cc; text-decoration:none;}
#virtualTour a{color:#ff00cc; text-decoration:none; margin:0; padding:0; }

/* ~~~ Search ~~~ */
#divsearch {text-align:right; font-size:10px; padding:6px 18px 0 0; margin:0;}
#divsearch input {font-size:10px;}
a.searchpink {color:#f0c;}
a:visited.searchpink {color:#906;}