/*  
Theme Name: Slocum Design Studio
Theme URI: http://www.slocumstudio.com
Author: Slocum Design Studio

All custom code & imagery Copyright 2009 - Present, Slocum Design Studio. 
You may not use this code or images for any reason.

*/     

/* --------------------------------------- BODY  */

html {
 	background: #e1eaff url(images/mainbg.jpg) 0 0 repeat-x;   
}

body {
	margin: 0;
	padding: 0 0 10px 0;
	color: #585858;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	text-align: center;
	background: url(images/bodybg.jpg) 50% 0 no-repeat;
	font-size: 10pt;
}

/* --------------------------------------- SIMPLE LINKS  (general, leftcol, rightcol, footer) */

a, a:link, a:active, a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #be9500; 
}

a:hover, a:focus {
	text-decoration: underline;
}

/*Style links used for same page navigation as normal text */
.namedAnchor:hover, .namedAnchor:focus {
	text-decoration:none;
}
.namedAnchor {
	color: #585858;
}

.recentblog small a {
	color: #BE9500;
} 

#rightcontent a, #rightcontent a:link, 
#rightcontent a:active, #rightcontent a:visited {
 	  color: #3a649c;
}

.testimonialcredit a {
	font-weight: normal;
}

#upperfooterright a, #upperfooterright a:link,
#upperfooterright a:active, #upperfooterright a:visited {
	  color: #bdd9fe;
}

#upperfooterleft .servicesholder ul a, #upperfooterleft .servicesholder ul a:link,
#upperfooterleft .servicesholder ul a:active, #upperfooterleft .servicesholder ul a:visited {
	font-weight: normal;
	color: #bdd9fe;
	display: block;
	padding: 0 0 0 12px;
	background: url(images/servicearrow.png) 0 50% no-repeat;
}

#lowerfooter a, #lowerfooter a:link, 
#lowerfooter a:active, #lowerfooter a:visited {
	color: #5f5f5f;
}

/* --------------------------------------- STRUCTURE  */

#shell {
	width: 975px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

/* -------------- HEADER  */

#header {
	width: 100%;
}

	h1#title {    
	 margin: 0;
	 padding: 0;
	 text-indent: -9999px;
	}
	
	h1#title a {
	 display: block;
	 width: 335px;
	 height: 172px;     
	}
	
/* -------------- MAIN NAV  */

#mainnav {
	 width: 948px;
	 padding: 0 27px 0 0; 			/* total width: 975px; */
	 height: 58px;
	 background: url(images/mainnavbg.jpg) 50% 0 no-repeat;
	}
	

	#mainnav ul.toplevel {
	  	float: left;
	  	width: 560px; /*defined width to float properly */
	  	height: 58px;
	  	margin: 0 0 0 0;
	  	padding: 0;
	  	list-style: none;
	  	background: url(images/mainnavbg.jpg) 0 0 no-repeat;
		}
		
		#mainnav ul.toplevel li {
			float: left;
			text-indent: -9999px;
		}
		
		#mainnav ul.toplevel li a {
			display: block;
			height: 58px; /* defines height of all mainnav links */
		}
		
		#mainnav ul.toplevel li a.home {
			 width: 84px;
			 margin-left: 22px;
			}
			
			#mainnav ul.toplevel li a.home:hover {
			 background: url(images/mainnavbg.jpg) -22px -58px no-repeat;   
			}
			
		 #mainnav ul.toplevel li a.about {
			 width: 82px;
			}
			
			#mainnav ul.toplevel li a.about:hover {
			 background: url(images/mainnavbg.jpg) -106px -58px no-repeat;   
			}
			
		 #mainnav ul.toplevel li a.services {
			 width: 102px;
			}
			
			#mainnav ul.toplevel li a.services:hover {
			 background: url(images/mainnavbg.jpg) -188px -58px no-repeat;   
			}
			
		  #mainnav ul.toplevel li a.work {
			 width: 75px;
			}
			
			#mainnav ul.toplevel li a.work:hover {
			 background: url(images/mainnavbg.jpg) -290px -58px no-repeat;   
			}
			
		  #mainnav ul.toplevel li a.articles {
			 width: 95px;
			}
			
			#mainnav ul.toplevel li a.articles:hover {
			 background: url(images/mainnavbg.jpg) -365px -58px no-repeat;   
			}
			
		  #mainnav ul.toplevel li a.contact {
			 width: 95px;
			}
			
			#mainnav ul.toplevel li a.contact:hover {
			 background: url(images/mainnavbg.jpg) -460px -58px no-repeat;   
			}


/* -------------- SUB NAV  */

			
			#mainnav ul li ul.sublevel {
    			display: none;
    			width: 245px; 
    			background-color: #0087B7;
				border: 1px #123369 solid;
				border-top: none;
				list-style:none;
				position:relative;
				z-index:1000;
			}   
			
			#mainnav ul li ul.sublevel li {
				text-indent: 20px;
			}
			
			#mainnav ul li ul.sublevel li a {
				display: block;
				height: 12px;
				padding: 12px 0 14px 12px;
			}

            #mainnav ul li:hover ul {
    			display: block;
    			position: absolute;
    			margin: 0;
    			padding: 0;
				opacity: 0.95;
				filter:alpha(opacity=95);
				}

				#mainnav ul li:hover li {
    				float: none; 
				}

				#mainnav ul li:hover li a {
    				background: #0087B7 url(images/mainnavarrow.png) 15px 53% no-repeat;
    				border-bottom: 1px solid #123369;
    				color: #fff; 
				}         
				
				#mainnav ul li li a:hover {
    				background-color: #244f95;
 					text-decoration: none;
				}

			


/* -------------- END SUB NAV */
   

#mainnav .clientlogin {
	    float: right;
	}
	
#mainnav .clientlogin a {
		text-indent: -9999px;
		margin-top: 14px;
	    display: block;
		width: 154px;
		height: 35px;
		background: url(images/clientbtn.png) 0 0 no-repeat;
	}
	
	#mainnav .clientlogin a:hover {
		background: url(images/clientbtn-over.png) 0 0 no-repeat;
	}
	
/* -------------- INTRO BLOCK(S)  */

#intro {
	clear: both;
	margin: 0 auto;
	padding: 0 5px;
	width: 965px;
	height: 358px;
	background: url(images/introbg.jpg) 50% 0 no-repeat;
}


#introtextholder {
	float: left;
	width: 490px;
	height: 358px;	
}

	.planprojectbtn { /*present on all pages */
	height: 48px;
	width: 455px;
	padding: 8px 0 0 35px;
	}
	
	.planprojectbtn a {
	 display: block;
	 width: 283px;
	 height: 41px;
	 text-indent: -9999px;
	 background: url(images/planprojbtn.png) 0 0 no-repeat;   
	}
	
	.planprojectbtn a:hover {
	 background: url(images/planprojbtn.png) 0 -41px no-repeat;   
	}

	.contreadbtn { /*present on all pages */
	height: 48px;
	width: 455px;
	padding: 8px 0 0 35px;
	}
	
	.contreadbtn a {
	 display: block;
	 width: 283px;
	 height: 41px;
	 text-indent: -9999px;
	 background: url(images/contreadbtn.png) 0 0 no-repeat;   
	}
	
	.contreadbtn a:hover {
	 background: url(images/contreadbtn.png) 0 -41px no-repeat;   
	}
/* each page will contain its own introtext background */  

	body #introtext {
    width: 490px;
	height: 239px;   /* total = 302px (combined with .homeintrolinks)  */
	padding: 0;
	} 

	#introtext p {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	}
	
	#serviceintrotext p {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	}
	
	.homeintro {
		background: url(images/introblocks/introtext-home.png) 0 0 no-repeat;
	}
	
	.cmsintro {
		background: url(images/introblocks/introtext-cms.png) 0 0 no-repeat;
	}
	
	.ecommintro {
		background: url(images/introblocks/introtext-e-comm.png) 0 0 no-repeat;
	}
	
	.seointro {
		background: url(images/introblocks/introtext-seo.png) 0 0 no-repeat;
	}
	
	.socialintro {
		background: url(images/introblocks/introtext-social.png) 0 0 no-repeat;
	}
	
	.webdesignintro {
		background: url(images/introblocks/introtext-webdesign.png) 0 0 no-repeat;
	}
	
	.webdevintro {
		background: url(images/introblocks/introtext-webdev.png) 0 0 no-repeat;
	}
	
	.webmaintenanceintro {
		background: url(images/introblocks/introtext-webmaintenance.png) 0 0 no-repeat;
	}
	
	.hostingintro {
		background: url(images/introblocks/introtext-hosting.png) 0 0 no-repeat;
	}
	
	.emailmarketingintro {
		background: url(images/introblocks/introtext-e-mailmarketing.png) 0 0 no-repeat;
	}
	
	.flashdevelopmentintro {
		background: url(images/introblocks/introtext-flash.png) 0 0 no-repeat;
	}
	.identityintro {
		background: url(images/introblocks/introtext-identity.png) 0 0 no-repeat;
	}
	.illustrationintro {
		background: url(images/introblocks/introtext-illustration.png) 0 0 no-repeat;
	}
	.businesscardsintro {
		background: url(images/introblocks/introtext-bizcards.png) 0 0 no-repeat;
	}
	.brochuresintro {
		background: url(images/introblocks/introtext-brochures.png) 0 0 no-repeat;
	}
	.envelopesintro {
		background: url(images/introblocks/introtext-envelopes.png) 0 0 no-repeat;
	}	
	.dvdintro {
		background: url(images/introblocks/introtext-dvdpackaging.png) 0 0 no-repeat;
	}
	.customframingintro {
		background: url(images/introblocks/introtext-customframing.png) 0 0 no-repeat;
	}
	.maindesignintro {
		background: url(images/introblocks/introtext-designmain.png) 0 0 no-repeat;
	}
	.instudiophotographyintro {
		background: url(images/introblocks/introtext-instudiophotography.png) 0 0 no-repeat;
	}
	.onlocationphotographyintro {
		background: url(images/introblocks/introtext-onlocationphotography.png) 0 0 no-repeat;
	}
	.videoproductionintro {
		background: url(images/introblocks/introtext-videoproduction.png) 0 0 no-repeat;
	}
	.videoandphotogintro {
		background: url(images/introblocks/introtext-photography.png) 0 0 no-repeat;
	}
	.webintro {
		background: url(images/introblocks/introtext-webservices.png) 0 0 no-repeat;
	}
	.takeatourintro {
		background: url(images/introblocks/introtext-takeatour.png) 0 0 no-repeat;
	}
	
	.meettheteamintro {
		background: url(images/introblocks/introtext-meettheteam.png) 0 0 no-repeat;
	}
	.proposalbuilderintro {
		background: url(images/introblocks/introtext-proposalbuilder.png) 0 0 no-repeat;
	}
	.rssintro {
		background: url(images/introblocks/introtext-rss.png) 0 0 no-repeat;
	}

	.about2intro {
		background: url(images/introblocks/introtext-about2.png) 0 0 no-repeat;
	}
	.mainserviceintro {
		background: url(images/introblocks/introtext-servicesmain.png) 0 0 no-repeat;
	}
	body #serviceintrotext {
    width: 490px;
	height: 302px;
	padding: 0;
	} 
	
	body #blogintrotext {
    width: 490px;
	height: 302px;   /* total = 302px (combined with .homeintrolinks)  */
	padding: 0;
	background: none;
	} 

	#blogintrotext p {
	color:#eeffff;
	font-weight: normal;
	text-indent: 0;
	font-size:165%;
	line-height:130%;
	margin: 0;
	padding: 25px 34px 0 34px; 
	text-shadow: #000b27 1px 1px 4px; /* X-coordinate, Y-coordinate, Blur Radius */

	}

	
	
	.homeintrolinks { 
	height: 48px;
	width: 456px;
	margin: 0 0 15px 34px;
	background: url(images/introtext-homelinks.png) 0 0 no-repeat;
	}
	
		.homeintrolinks a {
			display: block;
			float: left;
			text-indent: -9999px;
		}
		
		.homeintrolinks a.learnmore {
			width: 127px;
			height: 48px;
			margin-right: 30px;
		}
		
			.homeintrolinks a.learnmore:hover {
			 	background: url(images/introtext-homelinks.png) 0 -48px no-repeat;
			}

		.homeintrolinks a.takeatour {
			width: 128px;
			height: 48px;
		}
		
			.homeintrolinks a.takeatour:hover {
			 	background: url(images/introtext-homelinks.png) -157px -48px no-repeat;
			}
			
#introvideo {
	float: left;
 	width: 475px;
	height: 338px;
	padding: 20px 0 0 0;
	text-align: center;   
}

#introvideo img {
	border: 10px #21477b solid;  
}
#introvideo img img {
	border: none;
}

#introvideo object {

}
#introvideo #video {
	margin-top:21px;
	height:250px;
	width:444px;
	background-color:#21477b;
	border: 10px #21477b solid;  
}
#introvideo #singlevideo {
	margin-top:21px;
}


/* -------------- CONTENT HOLDER (INCLUDES LEFT & RIGHT COLS)  */
   
#contentholder {
	width: 965px;
	padding: 0 5px;
	background: url(images/contentholderbg.png) 50% 0 repeat-y;
}

	#leftcontent {
		width: 622px;
		padding: 0 34px;
		float: left;
	}
	
		#leftcontent .h1holder {
			margin: 0 0 0 -34px;
			padding: 0;
			width: 656px;
			background: url(images/h1holderbg2.png) 0 50% no-repeat;
		}
		
		#leftcontent h1 {
			margin: 20px 0;
			padding: 0;
		} 
		
		#leftcontent h2 {
			font-style: italic;
			color: #666;
		}
		
		#leftcontent .h1holder h1 img {
			margin: 0;
			padding: 0;
		}    
	
		#leftcontent p {
			line-height: 16pt;
		}
		
		
		#leftcontent dl {
			margin: 10px 0;
			padding: 0;
		}
		
		#leftcontent dl dt {
			font-weight: bold;
			color: #000;
			margin-bottom: 10px;
		}
		
		#leftcontent dl dd {
			color: #666;
			margin-bottom: 10px;
			line-height: 14pt;
		} 
		
		.recentworkholder, .recentblog {
		 width: 622px;
		}
		
		.recentworkholder .project {
			 float: left;
			width: 199px;
			padding: 0 4px;
			margin: 0 0 30px 0;
			}
			
			.recentworkholder h3 {
				margin: 8px 0 8px 0;
				padding: 0;
				}
			
			.recentworkholder ul {
				 margin: 0;
				padding: 0;
				list-style: none;
				}	
			 
			.recentworkholder ul li {
				 line-height: 16pt;
				}
				
				.project img {
					width: 170px;
					height: 170px;
					border: 4px #cfdaef solid;
					} 
					
					.project img:hover {
					   border: 4px #be9500 solid; 
						}
						
			  .recentblog small {
				 color: #a2a2a2;
				}
				
			 .recentblog h3 {
				margin: 8px 0 2px 0;
				padding: 0;
				}
				
				.recentblogleft {
					 float: left;
					width: 385px;
					}
					
				.recentblogright {
					 float: left;
					width: 237px;
					text-align: right;
					}
					
				 .recentblogright img {
					width: 195px;
					height: 170px;
					border: 4px #cfdaef solid;
					margin-bottom:13px;
					}
					
					.recentblogright img:hover {
					   border: 4px #be9500 solid; 
						}    
	
	#rightcontent {
		width: 275px;
		float: left;
		font-size: 9pt;
	}
	
	#rightcontent p {
			line-height: 14pt;
			font-size: 9pt;
			color: #4a4a4a;
		}
		
		#rightcontent .h2holder {
			width: 229px;
			padding: 0 23px;
			height: 52px;
			margin: 15px 0;
			background: url(images/h2holderbg.png) 0 50% repeat-x; 
			}
			
			#rightcontent h2 {
				margin: 0;
				padding: 0;
			}
			
			#rightcontent .h2holder img {
			margin: 0;
			padding: 0;
		}
			
			.h2rss {
				float: right;
			}
			
		.rightcontentholder {
			 padding: 0 23px;
			}
			
			.righttestimonialholder {
			margin: -20px 0 -20px 0; 
			 padding: 0;
			
			}
			
			.topquote {
			   background: url(images/testimonial-topbg.png) 0 0 no-repeat; 
				}
				
			 .bottomquote {
			   background: url(images/testimonial-bottombg.png) 100% 100% no-repeat;
				} 
			
			.righttestimonialholder p {
			 margin: 0;
			 padding: 12px 23px;
			} 
			
			p.testimonialcredit, p.twitter {
			 padding: 0 23px 15px 0;
			 text-align: right;
			 font-style: italic;
			}
			.rightcontentholder .ngg-singlepic {
				border: 4px #cfdaef solid;
				padding: 0;
				margin-top: 10px;
			}
					
			.rightcontentholder .ngg-singlepic:hover {
				border: 4px #be9500 solid; 
			}

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

#upperfooterholder {
	clear: both;
	width: 965px;
	padding: 0 5px;
	margin: 0 auto;
	background: url(images/footerholderbg.png) 0 100% no-repeat;
	font-size: 9pt;
	color: #fff;
	text-align: left;
}

	#upperfooter {
	background: url(images/upperfooterbg.png) 50% 0 no-repeat;
	}
	
	#upperfooterleft {
		width: 622px;
		padding: 0 34px;
		float: left;
	}
	
	#upperfooterleft .h1holder {
			margin: 0 0 0 -34px;
			padding: 0;
			width: 656px;
			background: url(images/h1footerholderbg.png) 0 0 no-repeat;
		}
		
		#upperfooterleft h1 {
			margin: 16px 0 16px 0;
			padding: 0;
		   }
		
	 #upperfooterleft .servicesholder {
		 width: 622px;
		}
		
		.servicesholder .services {
			 float: left;
			width: 199px;
			padding: 0 4px;
			margin: 0 0 30px 0;
			}
			
			.services h3 {
				 margin: 0;
				padding: 0;
				}   
		
		   .services ul {
			 list-style: none;
			 margin: 0 0 0 15px;
			 padding: 0;
			}
			
		    .services ul li {
			 	line-height: 14pt;
			}

 	#upperfooterright {
		width: 275px;
		float: left;
		margin-bottom: 20px;
	}
	
	#upperfooterright .h2holder {
			width: 275px;
			padding: 0;
			text-align: right;
			background: url(images/h2footerholderbg.png) 0 0 repeat-x; 
			}
			
	#upperfooterright h2 {
		margin: 16px 0 16px 0;
	}
	  
	#upperfooterright ul {
		  margin: 0;
		  padding: 0;
		  list-style: none;
		}
	  	
	 .rightfootercontentholder {
			padding: 0 23px;
			margin: 0 0 20px 0;
		}
			
		ul.contact li {
			line-height: 14pt;
		}
		
		ul.connect {
		 width: 275px;
		 height: 50px;
		 background: url(images/connecticons.png) 0 0 no-repeat;   
		}
		
			ul.connect li {
			float: left;
			}
		
			ul.connect li a {
			display: block;
			text-indent: -9999px;
			height: 50px;
			}
		
			ul.connect li a.twitter {
			width: 60px;
			}
		
			ul.connect li a.linkedin, ul.connect li a.facebook, ul.connect li a.flickr {
			width: 45px;
			}
		
			ul.connect li a.footerrss {
			width: 80px;
			}
		
			ul.connect li a.twitter:hover {
			background: url(images/connecticons.png) 0 -50px no-repeat;
			}
		
			ul.connect li a.linkedin:hover {
			background: url(images/connecticons.png) -60px -50px no-repeat;
			}
		
			ul.connect li a.facebook:hover {
			background: url(images/connecticons.png) -105px -50px no-repeat;	
			}
		
			ul.connect li a.flickr:hover {
			background: url(images/connecticons.png) -150px -50px no-repeat;	
			}
		
			ul.connect li a.footerrss:hover {
			background: url(images/connecticons.png) -195px -50px no-repeat;
			} 

#lowerfooter {
		clear: both;
		width: 975px;
		margin: 0 auto;
		padding: 5px 0;
		color: #848484;
		text-align: left;
}

	#lowerfooterleft {
		width: 662px;
		padding: 0 14px;
		float: left;
	}
	
	#lowerfooterright {
		width: 275px;
		float: left;
		text-align: right;
	}

	
	
  
	
/* --------------------------------------- COMMON ELEMENTS  */


div.floatright {
 float: right;  
}

div.clear {
	height: 1px;
	clear: both;
	font-size: 1px;
}
div.postseperator {
	height: 1px;
	font-size: 1px;
	border-bottom:dashed 1px #ccc;
	margin:15px 0 20px 0;
}

blockquote {
 color: #848484;
 font-style: italic;
}


/*-------------------------------------------------AUTHOR IMAGE PLUGIN STYLES */
.entry_author_image {
  float: right;
  border: solid 1px #000000;
  margin: 0 50px 50px 25px;
}

/*------------------------------------------------WORDPRESS POST NAVIGATION LINK STYLES */
div.postnavigation {
	width:95%;
	margin:20px 0 20px 0;
	padding: 10px;
	border:dashed 1px #ccc;
}
div.alignright {
width:290px;
 float: right;  
 text-align:right;
}

div.alignleft {
width:290px;
 float: left;  
}

.singleinlinenav {
	background: #F8F8F8;
	border: 1px #ddd solid;
	padding: 10px;
	margin: 10px 0 10px 0;
	line-height: 16pt;
	font-size: 8pt;
	line-height: 10pt;
}   


/*------------------------------------------WORDPRESS SINGLE POST STYLES */

.postmetadata {
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
	padding: 5px 0 5px 0;
	
} 

.tagholder {
	font-size: 90%;
	font-weight: bold;
}

.tagholder a {
	font-weight: bold;
}

textarea#comment {
	width:620px;
} 

.addtoanybox {
	background: #F8F8F8;
	border: 1px #ddd solid;
	padding: 10px;
	margin: 20px 0 10px 0;
	line-height: 16pt;
}

.addtoanybox h4 {
	margin: 0 0 12px 0;
}

.addtoanybox p {
	margin: 0 0 12px 0;
} 

.addtoanybox li a {
	margin: 0;
	padding: 0;
}

.addtoanybox li img {
	width: 32px;
	height: 32px;
}

ul.addtoany_list li a{padding:0 6px !important;}


/*-------------------------------------------BREADCRUMB PLUGIN DIV STYLES --------------------------*/
div.breadcrumb {
	width:95%;
	padding: 14px 10px 0 10px;
	margin:20px 0 20px 0;
	border:dashed 1px #ccc;
	font-size:80%;
	height:26px;
	}
	

/*--------------------------------------GOOGLE MAPS PLUGIN STYLES --------------------------------*/
.mapholder
{
	margin:30px 0 30px 0;
}



/*------------------------------------------Proposal Builder -----------------------*/
.proposalshell {
	width: 607px;
	border: #f6f9ff 6px solid;
	margin: 20px 0 20px 0;
}

	.proposalhead {
		padding: 0;
		margin: 0;
		width:607px;
		height:49px;
		background: url(images/proposal/prop-header.png) transparent top left no-repeat;
		}
		.proposalhead a {
			background: url(images/proposal/reset.png) transparent 0 0 no-repeat;
			display: block;
			float:right;
			text-indent:-9999px;
			width: 123px;
			height: 34px;
			margin: 8px 9px 7px 0;
		}
		.proposalhead a:hover{
			background: url(images/proposal/resethover.png) transparent 0 0 no-repeat;
		}
	
	.prop-subhead {
		clear:both;
		float:left;
		width: 559px;
		height: 41px;
	}

	.trigger1, .trigger2, .trigger3 {
		float: left;
		width: 48px;
		height: 41px;
		background: url(images/proposal/prop-subheaderopen.png) transparent top left no-repeat;
	}
	
	.trigger1 a, .trigger2 a, .trigger3 a {
		display: block;
		float:left;
		width: 48px;
		height: 41px;
		margin:0;
		text-indent: -9999px;
	}
	
	.active {
		float: left;
		width: 48px;
		height: 41px;
		background: url(images/proposal/prop-subheaderclose.png) 0 0 no-repeat;
	}
	
	.active a {
		display: block;
		float:left;
		width: 48px;
		height: 41px;
		margin:0;
		text-indent: -9999px;
	}

	
	/*reset margins for all ULs in this class*/
	.proposalshell ul {
		margin:0;
		padding:0;
		font-weight:bold;
		clear: both;
		list-style:none;
	}

		
			.proposalshell ul li.even li{
				background-color: #eaf1ff;
				}
			.proposalshell ul li.odd li{
				background-color: #f6f9ff;
				}
				.proposalshell ul li.even li.learnmore{
					background-color: #eaf1ff;
					}
				.proposalshell ul li.odd li.learnmore{
					background-color: #f6f9ff;
					}
									
					.proposalshell ul li ul li{
						height:16px;
						float:left;
						color: #4a4a4a;
						}
						
						.proposalshell ul li.available ul li{
							background-color: #d4e3ff;
							color: #354e7d;
							text-transform:uppercase;
						}
						.proposalshell ul li.available ul li.learnmore {
							background: #d4e3ff url(images/proposal/proposal-questionmark.png) 0 0 no-repeat;
							height:36px;
							}
						.proposalshell ul li.available ul li.selectall {
							background: #ccdcfa url(images/proposal/proposalicons-set01.png) 0 0 no-repeat;
							height:36px;
							}
							.proposalshell ul li ul li.selectall.processing {
								background: #ccdcfa url(images/proposal/proposalicons-set01.png) 0 -211px no-repeat;
								height:36px;
								}
							
						.proposalshell ul li.available ul li.removeall {
							background: #ccdcfa url(images/proposal/proposalicons-set01.png) 0 -35px no-repeat;
							height:36px;
							}
							.proposalshell ul li ul li.removeall.processing {
								background: #ccdcfa url(images/proposal/proposalicons-set01.png) 0 -247px no-repeat;
								height:36px;
								}


					.proposalshell ul li ul li.servicename{
						width: 394px;  /* 415 when margin is added */
						padding:10px 0 10px 21px;
						}
					.proposalshell ul li ul li.learnmore, .proposalshell ul li ul li.status {
						width: 96px;
						}
						
					.proposalshell ul li ul li.learnmore {
						background: url(images/proposal/proposal-questionmark.png) 0 0 no-repeat;
						height:36px;
						}
						
					.proposalshell ul li ul li.unselected {
						background: url(images/proposal/proposalicons-set01.png) 0 -105px no-repeat;
						height:36px;
						}
						.proposalshell ul li ul li.unselected.processing {
							background: url(images/proposal/proposalicons-set01.png) 0 -140px no-repeat;
							height:36px;
							}							

					
					.proposalshell ul li ul li.selected {
						background: url(images/proposal/proposalicons-set01.png) 0 -70px no-repeat;
						height:36px;
					}
						.proposalshell ul li ul li.selected.processing {
							background: url(images/proposal/proposalicons-set01.png) 0 -283px no-repeat;
							height:36px;
							}
							
							
					/*set the different colors behind the select buttons */
					.proposalshell ul li.odd ul li.selected,  .proposalshell ul li.odd ul li.unselected, .proposalshell ul li.odd ul li.processing {
						background-color: #ecf1fa;
						}
					.proposalshell ul li.even ul li.selected, .proposalshell ul li.even ul li.unselected, .proposalshell ul li.even ul li.processing {
						background-color: #e1eafa;
						}
											
						.proposalshell ul li ul li a {
							display: block;
							float:left;
							width: 74px;
							height: 20px;
							margin: 9px 11px 7px 11px;
							text-indent: -9999px;
						}
						
						.proposalshell ul li ul li.learnmore a {
							display: block;
							float:right;
							width: 20px;
							height: 20px;
							margin: 9px 11px 7px 11px;
							text-indent: -9999px;
						}						
						.proposalshell ul li.clearingli {
							clear: both;
							height:0px;
							width:100%;
							background-color: #f6f9ff;
						}
.proposalformdescription {
	font-weight: bold;
	}    
/*--------------------------PROPOSAL BUILDER - SUBMISSION FORM ---------------------------*/
.proposalform{
	background-color: #f6f9ff;
	width:587px; 				/*---617 with padding included ----*/
	border: #e8e8e8 solid 3px;
	color:#39639b;
	padding:15px;
	margin:5px 0 50px 0;
}

	.proposalform label {
		font-weight:bold;
		margin:5px 12px 5px 0;
	}
		.proposalform label.error {
			color:#CC3300;
		}

	.proposalform input {
		border: #d0e0ff 1px solid;
		margin:5px 10px 20px 0;
		width:270px;
		padding:5px;
		color: #666;
	}
	.proposalform input[type=radio] {
		margin:5px 10px 5px 0;
		width:30px;
	}
	.proposalform textarea {
		border: #d0e0ff 1px solid;
		margin:5px 10px 5px 0;
		padding:5px;
		width:328px;
		height:140px;
		overflow:auto;
		color: #666;
		font-family: Arial, Verdana, Tahoma, sans-serif;
		font-size: 9pt;
	}
	
	.proposalform span {
		color: #b5c9ef;
		font-weight:bold;
	}
	
	.proposalform span.required {
		color:#FF0000;
		font-weight:bold;
	}
	.proposalform .submitbutton {
		background: url('images/proposal/submit.png') transparent no-repeat top left;
		width:103px;
		height:33px;
		border:none;
		cursor: pointer;
		text-indent: -9999px;
	}
	.proposalform .submitbutton:hover {
		background: url('images/proposal/submit.png') transparent no-repeat bottom right;
		width:103px;
		height:33px;
		border:none;
		cursor: pointer;
		text-indent: -9999px;
	}
	
	.proposalform .leftcolumn {
		float:left;
		width:50%;
	}
	.proposalform .rightcolumn {
		float:left;
		width:50%;
	}	
	.proposalform .leftcolumn2 {
		float:left;
		width:338px;
	}
	.proposalform .rightcolumn2 {
		float:left;
		margin:0 20px 0 20px;
		width:209px;
	}	
	
/* ------------- FOOTER - EMAIL FORM ---------- */


#mc_embed_signup fieldset {
	border: none;
}

#mc_embed_signup input {
	float: left;
}

#mc_embed_signup input.required {
	padding: 5px 3px 0 3px;
   height: 25px;
	width: 145px;
   border: none;
   background: #d5e0f2 url(images/mailinglistformbg.gif) 0 0 repeat-x;
   font-size: 12pt;
   color: #12346f; 
}



/*---------------------- CONTAINER FOR SEE MORE ARTICLES --------------------------------*/
/*This will go beside the back to top link container, floated left*/

.seeMoreArticles {      
	width: 522px;
	float:left;
	margin:5px 0 10px 0;
}
/* ------------------------ BACK TO TOP LINK CONTAINER STYLE ---------------------------- */

.backToTopLink {
	float:right;
	margin: 3px 0 0 0;
}
.backToTopLink a {
	display:block;
	text-indent: -9999px;
	width:154px;
	height:35px;
	background: url('images/backtotop.png') transparent 0 0 no-repeat;
}
.backToTopLink a:hover{
	background: url('images/backtotop.png') transparent 0 -35px no-repeat;
}



/*---------------------------STYLES FOR VIDEO THUMBNAILS - LIGHTVIEW PLUS -----------------*/
.videoplay {
	margin:0;
	border: 4px #f6f9ff solid;
}
.videoplay:hover {
	margin:0;
	border: 4px #be9500 solid; 
}


.lvp_playbutton:hover {
	color: #000000 !important;
	text-decoration: none !important;
}

/*-------------------Styles for the service page thumbnails on the right --------------------*/
				.servicesright {
					 float: left;
					width: 237px;
					text-align: right;
					}
					
				 .servicesright img {
					width:100px;
					height:100px;
					border: 4px #cfdaef solid !important;
					}
					
					.servicesright img:hover {
					   border: 4px #be9500 solid !important; 
						}    
		.servicelistingtext {
			padding-right:15px;
		}
		
/*--------------------------- SUBSCRIPTIONS PAGE -----------------*/

.subscriptionshell {
	width: 607px;
	border: #f6f9ff 6px solid;
	margin: 10px 0 10px 0;  
}

.subscriptionshell td {
	text-align: center;
}

.subscriptionheader {
	 background: #D4E3FF;
	 color: #354e7d;
	 padding: 10px 0 10px 21px;	

	}
	  
.subscriptionheader h2 {
	 text-transform: uppercase;
	 font-size: 10pt;
	margin: 0;
	padding: 0;
}

.subscriptionshell h3 {
 	font-size: 10pt;
	padding: 0;
	margin: 0;
}

.subscriptiontitlelight, .subscriptiontitledark {
	 padding: 10px 0 10px 21px;
	 text-align: left !important;		
}

.subscriptiontitlelight {
	background: #F6F9FF;
} 

.subscriptiontitledark {
	background: #EAF1FF;
}

.subscriptionshell a img {
	 padding: 0;
	 margin: 0;
	}  

.rsslinkholderdark, .rsslinkholderlight {
	width: 75px;
}

.rsslinkholderdark {
	background: #E1EAFA;
}

.rsslinkholderlight {
	background: #ECF1FA;
} 

.emailholderdark, .emailholderlight {
	width: 100px;
}

.emailholderdark {
	background: #EAF1FF;
}

.emailholderlight {
	background: #F6F9FF;
}


/*--------------------------- CONTACT FORM -----------------*/


.contactform {
	background-color: #f6f9ff;
	width:587px; 				/*---617 with padding included ----*/
	border: #e8e8e8 solid 3px;
	color:#39639b;
	padding:15px;
	margin:5px 0 5px 0;
} 

.contactform fieldset {
	border: none;
}

.contactform fieldset.cf_hidden {
	display: none;
}

.contactform fieldset legend, .contactform .linklove {
	display: none;
}

.contactform ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.contactform label {
		font-weight:bold;
		margin: 10px 0 0 0;
		width: 150px;
		display: block;
		float: left;
		color: #354e7d;

	}
		.contactform label.error {
			color:#CC3300;
		}

	.contactform input {
		color: #666;
		border: #d0e0ff 1px solid;
		margin:5px 10px 20px 0;
		width:270px;
		padding:5px;
	}
	.contactform input[type=radio] {
		margin:5px 10px 5px 0;
		width:30px;
	}
	.contactform textarea {
		border: #d0e0ff 1px solid;
		margin:5px 10px 5px 0;
		padding:5px;
		width:328px;
		height:140px;
		overflow:auto;
		color: #666;
		font-family: Arial, Verdana, Tahoma, sans-serif;
		font-size: 9pt; 
	}
	
	

	.contactform .sendbutton {
		background: url('images/proposal/submit.png') transparent no-repeat top left;
		width:103px;
		height:33px;
		border:none;
		cursor: pointer;
		text-indent: -9999px;
	}
	.contactform .sendbutton:hover {
		background: url('images/proposal/submit.png') transparent no-repeat bottom right;
		width:103px;
		height:33px;
		border:none;
		cursor: pointer;
		text-indent: -9999px;
	}   
	
	.reqtxt, .emailreqtxt {
		font-size: 8pt;
		font-weight: normal;
		}
		
		
.contactform #li--8 {
   /* background: #EAF1FF; */
	}
	
.contactform label.cf-before {
	/* padding: 0 0 0 15px;
	width: 135px;*/
	}
	
.contactform input.cf-box-b {
	 margin: 10px 0 10px 0;
	width: 15px;
	}
	
.contactform .cf-sb {
	 margin: 0;
	padding: 0;
	}     
	

/*------------------------------------------- MEET THE TEAM --------------------------*/

h1.teammember {
 margin: 5px 0 !important;
font-size: 14pt;	
}

h2.teammembertitle {
	margin: 0;
	padding: 0;
	font-size: 12pt;
	color: #666;
	font-style: italic;
}

.teamphotoright {
	  float: left;
	  width: 237px;
	  text-align: right;
	 
}

.teamphotoright img {
					width: 195px;
					height: 170px;
					border: 4px #cfdaef solid;
					margin: -10px 0 0 0;
					}
					
.teamphotoright img:hover {
					   border: 4px #be9500 solid; 
						}      
						
						
						
						
/*------------------------ VIDEO PORTFOLIO PAGE THUMBS ----------------------- */
.videoportfoliothumb{
	display: block;
	height: 172px;
	width: 172px;
	text-indent: -9999px;
	border: 4px solid #cfdaef;
}
	.videoportfoliothumb:hover{
		border: 4px solid #be9500;
	}
	
/*-------- VIDEO PORTFOLIO PAGE PROJECT THUMBNAILS ------*/
a.kehoe {
	background: url(images/videothumbs/kehoe.png) no-repeat 0 0 transparent;
}
	a.kehoe:hover {
		background: url(images/videothumbs/kehoehover.png) no-repeat 0 0 transparent;
	}

a.womansfund {
	background: url(images/videothumbs/womansfund.png) no-repeat 0 0 transparent;
}
	a.womansfund:hover {
		background: url(images/videothumbs/womansfundhover.png) no-repeat 0 0 transparent;
	}

a.slocumprop {
	background: url(images/videothumbs/slocumproperties.png) no-repeat 0 0 transparent;
}
	a.slocumprop:hover {
		background: url(images/videothumbs/slocumpropertieshover.png) no-repeat 0 0 transparent;
	}
	
	
/*--- For video previews in a post --- */
.postvideothumb {
	display: block;
	width: 600px;
	height: 338px;
	text-indent: -9999px;
	border: 4px solid #cfdaef;
}
	.postvideothumb:hover {
		border: 4px solid #be9500;
	}


/*------ POST VIDEO PREVIEWS ----*/

.slocumproppost {
	background: url(images/videothumbs/slocumproppostvid.jpg) no-repeat 0 0 transparent;
}	
	.slocumproppost:hover {
		background: url(images/videothumbs/slocumproppostvidhover.jpg) no-repeat 0 0 transparent;
	}	


a.headvideo {
	display: block;
	width: 444px;
	height: 250px;
	border: 10px solid #21477B;
	text-indent: -9999px;
}

.kehoehead {
	background: url(images/videothumbs/kehoeheadvid.jpg) no-repeat 0 0 transparent;
}
	.kehoehead:hover {
		background: url(images/videothumbs/kehoeheadvidhover.jpg) no-repeat 0 0 transparent;
	}
.womansfundhead {
	background: url(images/videothumbs/womansfundheadvid.jpg) no-repeat 0 0 transparent;
}	
	.womansfundhead:hover {
		background: url(images/videothumbs/womansfundheadvidhover.jpg) no-repeat 0 0 transparent;
	}