/* FOR WESPEAK-SERVICES OR GENERAL INTERIOR PAGES
________________________________________________________________*/
#index_mainimg { /*main pg image block*/
	position: relative;
	float: left;
	margin: 0 0 20px 0;
	width: 897px;
	height: 350px;
	} 

span.lowerc,
#indexpg_level1 {
	text-transform: lowercase;
	font-size: 1.2em;
	font-weight: bold;
	}

.analysis {
	background: url(../img/indx_analysis1.jpg) top left no-repeat;
	}
.visibility {
	background: url(../img/indx_visibility1.jpg) top left no-repeat;
	}	

.strategy {
	background: url(../img/mainimg_strategy.jpg) top left no-repeat;
	}	
		
.design {
	background: url(../img/mainimg_design.jpg) top left no-repeat;
	} 

.content {
	background: url(../img/mainimg_content.jpg) top left no-repeat;
	} 
 
.creative {
	background: url(../img/indx_creative1.jpg) top left no-repeat;
	}
	
.appdev {
	background: url(../img/mainimg_appdev.jpg) top left no-repeat;
	}	
	
.tech {
	background: url(../img/indx_tech1.jpg) top left no-repeat;
	}		
	

/* HEADING IMGS__________________________________________________*/

h1.wespeak {
	background: url(../img/h1_titles/h1_wespeak_home.gif) transparent top left no-repeat; }

h1.analysis {
	background: url(../img/h1_titles/h1_wespeak_analysis.gif) transparent top left no-repeat; }
	
h1.visibility {
	background: url(../img/h1_titles/h1_wespeak_analysis.gif) transparent top left no-repeat; }
	
h1.strategy {
	background: url(../img/h1_titles/h1_wespeak_strategy.gif) transparent top left no-repeat; }		

h1.content {
	background: url(../img/h1_titles/h1_wespeak_content.gif) transparent top left no-repeat; }

h1.design {
	background: url(../img/h1_titles/h1_wespeak_design.gif) transparent top left no-repeat; }

h1.reach {
	background: url(../img/h1_titles/h1_wespeak_reach.gif) transparent top left no-repeat; }

h1.appdev,
h1.techdev {
	background: url(../img/h1_titles/h1_wespeak_appdev.gif) transparent top left no-repeat; }   

	
.wespeakcontact a {
	float: right; 
	font-weight: normal;
	text-transform:lowercase; 
	font-size: 1.5em; 
	color: #E6D41F;
	margin-top: 25px;
	}	


/* INDEX GENERAL STRUCTURE
________________________________________________________________*/	

#indexpg_topwrapper {
	display: block;
	width: 100%; 
	float: left;
	margin-top: 15px;
	}
	
.indexpg_btwrap {
	font-family: Corbel, "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	width: 100%;
	float: left;
	margin-top: 10px;
	border-top: 1px dotted #fc0; 
	padding-top: 8px;
	}

#indexpg_bttmwrapper {
	font-family: Corbel, "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	width: 100%;
	float: left;
	margin-top: 20px;
	border-top: 1px dotted #fc0; 
	padding-top: 12px;
	}
	
.indexpg_lside h3 {
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	text-transform: lowercase;
	color: #E6D41F;
	}
	
.indexpg_lside, 
.left_sidebar {
	width: 200px;
	float: left;
	margin-right: 50px;
	color: #393509;
	}

.indexpg_lside ul li,
.left_sidebar ul li, {
	list-style: square;
	margin-left: 12px;
	font-size: .9em;
	line-height: 1.2em;
	}
	
#indexpg_level3 ul li {
	list-style: square;
	width: 400px;
	text-transform: lowercase;
	font-size: 1em;
	margin-left: 12px;
	margin-bottom: 4px;
	}
	
.indexpg_lside ul li a,
.indexpg_lside ul li a:visited,
.left_sidebar ul li a,
.left_sidebar ul li a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #393509;
	}	

.indexpg_lside ul li a:hover,
.left_sidebar ul li a:hover {
	font-weight: bold; 
	}

div.indexpg_rside,
#indexpg_level1,
#indexpg_level2,
#indexpg_level3 {
	float: left; 
	width: 200px; 
	color: #393509;
	}
 
#indexpgtext {
	float: left;
	width: 300px; 
	color: #393509;
	}	

#indexpgtext p {
	width: 600px;
	font-size: .9em;
	line-height: 1.2em;
	}	

.lightunderline a:link {
	font-weight: normal;
	border-bottom: 1px dotted #333;
	}	
	
.wespeaktext p {
	padding-right: 10px;
	float: left;
	color: #393509;
	}

.bttmpline {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 9px;
	}

#indexpg_level1 em,
#indexpg_level2 em,
#indexpg_level3 em,	
.bttmpline em {
	font-style: italic;
	font-size: 1.1em;
	color: #999;}	
	

#indexpg_level1 p,
#indexpg_level2 p,
#indexpg_level3 p,
.slickbox p {
	width: 650px;
	font-size: .84em;
	line-height: 1.4em;
	}
	
a#rollup-toggle1,
a#rollup-toggle2,
a#rollup-toggle3,
a#rollup-toggle4,
a#rollup-toggle5,
a#rollup-toggle6,
a#rollup-toggle7  {
	font-style: italic;
	font-weight: bold;
	font-size: 1.1em;
	color: #E6D41F;
	}
	
a#rollup-toggle1 a:hover {
	color: #393509 }		
	
#subnav ul li a .here {
	color: #FFCC00;
	border-bottom: 1px dotted #fc0; 
	}




/* FOR INDEX PAGES w/ 4 BOXES (4)
________________________________________________________________*/	
.zeromargin {
	margin: 0;
	}
	

#yellowbox4 {
	float: left; 
	width: 218px; 
	height: 270px; 
	margin: 10px 6px 0 0;
	background: url(/img/bg/box_yllw.jpg) top left no-repeat;
	}

#yellowbox4 h2 a:link, 
#yellowbox4 h2 a:visited {
	color: #FFCC33;
	font-weight: normal;
	text-decoration: none;}

#yellowbox4 h2 a:hover {
	color: #fff;
	background-color: transparent;		
	}

#yellowbox4 h2 a:link span, 
#yellowbox4 h2 a:visited span {
	display: block;
	color: #FFCC33;
	font-weight: normal;
	text-decoration: none;
	font-size: .7em;
	line-height: 1em;
	margin-top: 18px;
	border-top: 1px dotted #fc0;
	text-transform: lowercase;
	}	
	
#yellowbox4 h2 a:hover span {
	color: #fff;
	border-top: 1px dotted #fff;
	}
	

#greenbox4 {
	float: left; 
	width: 218px;
	height: 270px;
	margin: 10px 6px 0 0;
	background: url(/img/bg/box_green.jpg) top left no-repeat;	
	}

#greenbox4 h2 a:link, 
#greenbox4 h2 a:visited {
	color: #BBBB00;
	font-weight: normal;
	text-decoration: none;
	text-transform: lowercase; 
	border: 0;
	}

#greenbox4 h2 a:hover {
	color: #fff;
	background-color: transparent;
	}

#greenbox4 h2 a:link span,
#greenbox4 h2 a:visited span {
	display: block;
	font-size: .7em;
	color: #BBBB00;
	line-height: 1em;
	margin-top: 18px;
	border-top: 1px dotted #BBBB00;
	text-transform: lowercase;
	}	
	
#greenbox4 h2 a:hover span {
	color: #fff;
	border-top: 1px dotted #fff;
	}


#redbox4 {
	float: left;
	width: 218px;
	height: 270px;
	margin: 10px 6px 0 0;
	background: url(/img/bg/box_red.jpg) top left no-repeat;	
	}
	
#redbox4 h2 a:link, 
#redbox4 h2 a:visited {
	color: #D2458B;
	font-weight: normal;
	text-decoration: none;
	/*margin: -6px 8px 0 -5px;
	padding: 5px 0 0 5px;*/
	border: 0;	
	}

#redbox4 h2 a:hover {
	color: #fff;
	background-color: transparent;
	}	
	
#redbox4 h2 a:link span,
#redbox4 h2 a:visited span {
	display: block;
	color: #D2458B;
	font-size: .7em;
	line-height: 1em;
	margin-top: 18px;
	border-top: 1px dotted #D2458B;
	text-transform: lowercase;
	}	
	
#redbox4 h2 a:hover span {
	color: #fff;
	border-top: 1px dotted #fff;
	}	


#bluebox4 {
	float: left;
	width: 218px;
	height: 270px;
	margin: 10px 6px 0 0;
	background: url(/img/bg/box_blue.jpg) top left no-repeat;		
	}
	
#bluebox4 h2 a:link, 
#bluebox4 h2 a:visited {
	color: #99C;
	font-weight: normal;
	text-decoration: none;
	border: 0;	
	}

#bluebox4 h2 a:hover {
	color: #fff;
	background-color: transparent;
	}

#bluebox4 h2 a:link span,
#bluebox4 h2 a:visited span {
	display: block;
	color: #99C;
	font-size: .7em;
	line-height: 1em;
	margin-top: 18px;
	border-top: 1px dotted #99c;
	text-transform: lowercase;
	}	
	
#bluebox4 h2 a:hover span {
	color: #fff;
	border-top: 1px dotted #fff;
	}


#brownbox4 {
	float: left;
	width: 218px;
	height: 270px;
	margin: 0 6px 0 0;
	background: url(/img/bg/box_brwn.jpg) top left no-repeat;	
	}

#brownbox4 h2 a:link, 
#brownbox4 h2 a:visited {
	display: block;
	color: #CC9933;
	font-weight: normal;
	text-decoration: none;
	border: 0;	
	}	

#brownbox4 h2 a:link span,
#brownbox4 h2 a:visited span {
	display: block;
	color: #C93;
	font-size: .7em;
	background-color: none;
	border-top: 1px dotted #C93;
	}
	
#brownbox4 h2 a:hover span {
	color: #fff;
	border-top: 1px dotted #fff;
	}	

#yellowbox4 h2, 
#redbox4 h2, 
#brownbox4 h2, 
#bluebox4 h2, 
#greenbox4 h2 {
	font-size: 2em;
	padding: 10px 0 0 5px; 
	margin: 0px;
	width: 200px;
	letter-spacing: -.01em;
	text-transform: lowercase;
	font-family: Corbel, "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	}

	



/* FOR INDEX PAGES w/ 2 or 3 BOXES (2or3)
________________________________________________________________*/		

/* Controls the subheadings in wespeak boxes
#greenbox3 h2 a span,
#yellowbox3 h2 a span, 
#redbox3 h2 a span, 
#brownbox3 h2 a span, 
#bluebox3 h2 a span {
	font-size: .5em;
	display: block;
	width: 250px;
	border-top: 1px dotted #fc0;
	margin-top: 18px;
	margin-right: 6px;
	letter-spacing: .03em;
	font-family: "Helvetica Neue Light", Helvetica-Light, HelveticaNeue-Light, Helvetica, Arial, sans-serif;
	}*/	


#greenbox3 {
	float: left; 
	width: 260px;
	height: 270px;
	margin: 0 20px 0 0;	 
	background: url(/img/bg/box_green3.jpg) top left no-repeat;	
	}

#greenbox3 h2 a:link, 
#greenbox3 h2 a:visited {
	display: block;
	color: #BBBB00;
	font-weight: normal;
	font-size: 1em;
	text-decoration: none;
	padding: 10px 0 0 5px;
	margin: -6px 8px 0 -5px;	 
	text-transform: lowercase;
	border: 0;
	}

#greenbox3 h2 a:hover {
	color: #fff;
	background-color: transparent;
	}

#greenbox3 h2 a:link span,
#greenbox3 h2 a:visited span {
	font-size: .7em;
	line-height: 1em;
	margin-top: 18px;
	border-top: 1px dotted #fc0;
	text-transform: lowercase;
	}	
	
#greenbox3 h2 a:hover span {
	color: #fff;
	border-top: 1px dotted #fff;
	}



#bluebox3 {
	float: left; 
	width: 260px;
	height: 270px; 
	margin: 0 20px 0 0;	 	
	background: url(/img/bg/box_blue3.jpg) top left no-repeat;	
	}

#bluebox3 h2 a:link, 
#bluebox3 h2 a:visited {
	font-size: 1.1em;
	display: block;
	color: #9999CC;
	font-weight: normal;
	text-decoration: none;
	border: 0;	 
	}

#bluebox3 h2 a:hover {
	color: #fff;
	background-color: transparent;
	}

#bluebox3 h2 a:link span,
#bluebox3 h2 a:visited span {
	font-size: .6em;
	line-height: 1em;
	margin-top: 18px;
	border-top: 1px dotted #fc0;
	text-transform: lowercase;
	}	
	
#bluebox3 h2 a:hover span {
	color: #fff;
	border-top: 1px dotted #fff;
	}


#yellowbox3 {
	float: left; 
	width: 260px;
	height: 270px;
	margin: 0 20px 0 0;	 	
	background: url(/img/bg/box_yllw3.jpg) top left no-repeat;	
	}
	
#yellowbox3 h2 a:link,
#yellowbox3 h2 a:visited {
	font-size: 1.1em;
	color: #FFCC33;
	text-decoration: none;
	text-transform: lowercase;
	}	

#yellowbox3 h2 a:hover {
	color: #fff;
	background-color: transparent;		
	}
	
#yellowbox3 h2 a:link span,
#yellowbox3 h2 a:visited span {
	display: block;
	color: #fc3;
	font-size: .6em;
	width: 255px;
	line-height: 1em;
	margin-top: 18px;
	border-top: 1px dotted #fc3;
	text-transform: lowercase;;
	}	
	
#yellowbox3 h2 a:hover span {
	color: #fff;
	border-top: 1px dotted #fff;
	}


#brownbox3 {
	float: left;
	width: 260px;
	height: 270px;
	margin: 0 20px 0 0;	 
	background: url(/img/bg/box_brwn3.jpg) top left no-repeat;	
	}
	
#brownbox3 h2 a, 
#brownbox3 h2 a:visited {
	color: #CC9933;
	font-weight: normal;
	font-size: 1.1em;
	text-decoration: none;
	text-transform: lowercase;
	border: 0;	
	}	

#brownbox3 h2 a:hover {
	color: #fff;
	background-color: transparent;	
	}

#brownbox3 h2 a:link span,
#brownbox3 h2 a:visited span {
	display: block;
	font-size: .6em;
	width: 250px;
	color: #c93;
	line-height: 1em;
	margin-top: 18px;
	border-top: 1px dotted #c93;
	text-transform: lowercase;
	}	
	
#brownbox3 h2 a:hover span {
	color: #fff;
	border-top: 1px dotted #fff;
	}	


#redbox3 {
	float: left;
	width: 260px;
	height: 270px;
	margin: 0 20px 0 0;	 
	background: url(/img/bg/box_red3.jpg) top left no-repeat;	
	}
	
#redbox3 h2 a, 
#redbox3 h2 a:visited {
	display: block;
	color: #D2458B;
	font-weight: normal;
	font-size: 1.1em;
	text-decoration: none;
	width: 260px;
	height: 270px;
	text-transform: lowercase;
	border: 0;	
	}

#redbox3 h2 a:hover {
	color: #fff;
	background-color: transparent;	
	}	
	
#redbox3 h2 a:link span,
#redbox3 h2 a:visited span {
	display: block;
	font-size: .6em;
	width: 250px;
	color: #D2458B;
	line-height: 1em;
	margin-top: 18px;
	border-top: 1px dotted #D2458B;
	text-transform: lowercase;
	}	
	
#redbox3 h2 a:hover span {
	color: #fff;
	border-top: 1px dotted #fff;
	}		

#greenbox3 h2,
#yellowbox3 h2, 
#redbox3 h2, 
#brownbox3 h2, 
#bluebox3 h2 {
	/*font-size: 1.4em;*/ 
	width: 200px;
	padding: 10px 0 0 5px; 
	margin: 0px; 
	letter-spacing: -.01em;
	font-family: Corbel, "Lucida Grande", "Lucida Sans", Helvetica, Arial, sans-serif;
	}


/* SERVCIES (WE SPEAK) SECTION END
----------------------------- */