/* Eric Meyer's CSS reset  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*  end CSS reset   */

/* start Moldave Designs CSS */

body {margin: 0 auto; text-align: center; color: #333333;font-family: Arial, Helvetica, sans-serif, "Century Gothic";font-size: 13px;line-height: 16px;}

#wrapper {margin: 10px auto;  text-align: left; width:955px; height:850px;}

#header { margin: 0 auto; background: #000; color: #fff; width:955px; height:110px;}
#header h1 {float:left; width: 300px;margin-left:20px;margin-top: 10px; font-size:30px;}
.header_right {float:right; width:400px; height:65px;background: #000; color:#fff; text-align:right; font-family:Tahoma; font-size: .86em; margin:15px 10px 0 0;}
.header_right a {color: #fff;text-decoration: none;}
.header_right a:hover {color: #fff;text-decoration: underline;}
#header p {padding:2px 5px 0 2px;}



/* top navigation */

#nav ul {margin-top: 0; margin-left:20px; float:left;}


#nav {
clear:all; margin:0; position: relative; width: 955px;
    font-family:Tahoma, sans-serif;
    font-size:.88em;
    font-weight:bold;
    height:25px;
}
#nav li {
    list-style:none;
    display:inline;
}
#nav a {
    color:#fff;
    text-decoration:none;
    background:url("images/tab2.gif") no-repeat;
    float:left;
    padding:5px 0 0 0;
    margin:0 0 0 78px;
}

#nav li.first a{padding:5px 0 0 0; margin-left:7px;}

#nav a:hover { 
    background-position:0 -45px;
    color:#1e5ebd;
}
#nav a:active {
    background-position:0 -90px;
    color:#1e5ebd;
}

/* top nav active page styles */

#homepg #nav li#home a{
    background-position:0 -45px;
    color:#1e5ebd;
}		


#portfolio #nav li#portfolio a{
    background-position:0 -45px;
    color:#1e5ebd;
}	


#featured #nav li#featured a, #hmm #nav li#featured a, #firstnight #nav li#featured a, #mbusa #nav li#featured a{
 background-position:0 -45px;
    color:#1e5ebd;
    }


#linkpage #nav li#fun_stuff a {
 background-position:0 -45px;
    color:#1e5ebd;
    }
    
    
#about #nav li#about a {
 background-position:0 -45px;
    color:#1e5ebd;
    }
    
    
#contact #nav li#contact a {
 background-position:0 -45px;
    color:#1e5ebd;
    }
    
   /* lower nav active page styles */ 

#advertising #footer li#ads a{
    color:#cc3300;
    text-decoration: none;
}	
	
	
#campaigns #footer li#campaigns a{
    color:#cc3300;
    text-decoration: none;
}	

	
#catalogs #footer li#catalogs a{
    color:#cc3300;
    text-decoration: none;
}	
	
	
#corpID #footer li#corp a{
    color:#cc3300;
    text-decoration: none;
}	

	
#corp_lit #footer li#corp_lit a{
    color:#cc3300;
    text-decoration: none;
}	

	
#packaging #footer li#packaging a{
    color:#cc3300;
    text-decoration: none;
}	

	
#posters #footer li#poster a{
    color:#cc3300;
    text-decoration: none;
}

#websites #footer li#websites a{
    color:#cc3300;
    text-decoration: none;
}

		
.indent {padding-left: 40px;}
.hint {font-size:.80em; font-style:italic; padding-left:10px;}
 
 
 
 
 
 
 /* structural elements */
#main {margin: 10px auto; min-height:490px;width:955px; text-align: left;font-size: .92em;background:transparent; }
#clients #main, #principals #main, #contact #main {height:650px;}

#content {
	margin: 2px;
	margin-top:10px;
	width: 31em;
	padding: 2px;
	background:transparent;}

#about #content {margin-top:80px;}	
	
#linkpage #content	{margin: 2px;
	width: 31em;
	padding: 2px;}
	
#contact #content {width:300px;margin-left: 30px;}


#flash {background:transparent; margin:0; padding:0; width:570px;height:499px; text-align:left; float:none;}
#links {margin:0; width:508px; float:none;}


#float_left {float:left; width:580px; margin: -10px 0 0 0; padding:0; background:transparent;}
 #float_left {min-height: 499px; background:transparent;}
 #right {float:right; width:395px;margin: -15px 0 0 580px; padding:0;  position:absolute; background:transparent;}
 
/* #featured  #float_left {float:left; width:580px; margin: -20px 0 0 0; padding:0;} */
 #featured #right {margin: -10px 0 0 580px; } 

#feature_nav{text-align:right; padding-bottom: 10px;}



/* breadcrumb navigation styles */
#breadcrumb {width:955px; height: 28px; color: #ccc; text-align:right; font-size: 94%; clear:all;}
#breadcrumb a {text-decoration: none; color:#ccc;padding-right: 5px;}
#breadcrumb a:hover {text-decoration: underline; color:#333;padding-right: 5px;}

p.text {width:100%; padding: 10px 0 0 0;}
.bold, .boldtext {font-weight: bold;}
.bold_red {font-weight: bold; color:#CC3300; padding-top: 20px;line-height: 1.8;}


#content ul {font-family: Arial, Helvetica, sans-serif;
font-style: normal;
line-height: 1.2;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000;
text-decoration: none;
background-color: transparent;
list-style-type: disc;
padding-left: 0;
margin-left: 2em;}

/* general link styles */

a, a:hover {color:#cc3300;}

a.link_gray {color:#333; text-decoration: none;}
a.link_gray:hover {color:#333; text-decoration: underline;}
a.link_gray:visited {color:#333;}


a.bold_gray {color:#333; text-decoration: none;font-weight:bold; line-height: 2.0;}
a.bold_gray:hover {color:#CC3300; text-decoration: underline;font-weight:bold;}
a.bold_gray:visited {color:#333;font-weight:bold;}


/* footer styles */

#footer {margin: 0 auto; background: #fff; color:#000;  width:955px; height:1%; text-align:left;}
#footer ul {
text-align:center;
margin:40px 0 0 0;
padding:0;
background:#fff;
    font-family:Tahoma, sans-serif;
    font-size:.78em;
    height:25px;

}
#footer li {
    list-style:none;
    display:inline;
    padding:10px;
   
}

#footer li a {margin-top:30px;color:#666;text-decoration:none; padding: 0; line-height:1; padding-right: 20px;border-right: 1px solid #ccc;}
#footer li a:hover {text-decoration:underline;}
#footer li#websites a, #footer li#websites a:hover {border:0;}


#address {padding-top: 12px; padding-bottom: 5px;width:955px; background: #000; color:#fff; font-family:Tahoma, sans-serif;
    font-size:.78em;
    height:35px;
    text-align:center;}
#address a, #address a:hover {color:#fff;}
  
  
  
 .valign_center {vertical-align: middle; }



/* h1 and h2, miscellaneous paragraph styling */
#links h1.headerstuff {
	width: 104px; height: 15px;
	background: url("images/linkswelove.png") no-repeat;
	padding-bottom: 10px;
	}


#featured h1.headerstuff {
	width: 275px; height: 22px;
	background: url("images/featuredprojects_header.png") no-repeat;
	padding-bottom: 10px;
	}
	
#advertising h1.headerstuff {
	width: 275px; height: 22px;
	background: url("images/advertisingheader.png") no-repeat;
	padding-bottom: 10px;
	}
	
	
	
#campaigns h1.headerstuff {
	width: 275px; height: 22px;
	background: url("images/campaignsheader.png") no-repeat;
	padding-bottom: 10px;
	}
	
	
#catalogs h1.headerstuff {
	width: 275px; height: 22px;
	background: url("images/catalogsheader.png") no-repeat;
	padding-bottom: 10px;
	}
	
	
		
#corpID h1.headerstuff {
	width: 275px; height: 22px;
	background: url("images/corp_IDheader.png") no-repeat;
	padding-bottom: 10px;
	}

#corp_lit h1.headerstuff {
	width: 275px; height: 22px;
	background: url("images/corp_lit_header.png") no-repeat;
	padding-bottom: 10px;
	}
	
#packaging h1.headerstuff {
	width: 275px; height: 22px;
	background: url("images/packaging_header.png") no-repeat;
	padding-bottom: 10px;
	}

#posters h1.headerstuff {
	width: 275px; height: 22px;
	background: url("images/posters_header.png") no-repeat;
	padding-bottom: 10px;
	}
	
	
#websites h1.headerstuff {
	width: 275px; height: 22px;
	background: url("images/websites_header.png") no-repeat;
	padding-bottom: 10px;
	}
	
	
#hmm h1.headerstuff {
width: 275px; height: 22px;
	background: url("images/hmmheader.png") no-repeat;
	padding-bottom: 10px;}

	
#mbusa h1.headerstuff {
width: 275px; height: 22px;
	background: url("images/mbusaheader.png") no-repeat;
	padding-bottom: 10px;}


	
#firstnight h1.headerstuff {
width: 275px; height: 22px;
	background: url("images/firstnightheader.png") no-repeat;
	padding-bottom: 10px;}


#staput h1.headerstuff {
width: 275px; height: 22px;
	background: url("images/staputheader.png") no-repeat;
	padding-bottom: 10px;}


	
#wso h1.headerstuff {
width: 275px; height: 22px;
	background: url("images/wsoheader.png") no-repeat;
	padding-bottom: 10px;}


	
#rms h1.headerstuff {
width: 275px; height: 22px;
	background: url("images/RMSheader.png") no-repeat;
	padding-bottom: 10px;}



	
#about h1.headerstuff {
	width: 401px; height: 77px;
	background: url("images/about_you_h1.jpg") no-repeat;
	
	}
	
	
	#about h2.headerstuff {
	width: 401px; height: 28px;
	background: url("images/what_can_we_do_h2.jpg") no-repeat;
	
	}

#about #flash p.ptext1 {
	width: 477px; height: 34px;
	background: url("images/if_you_need_p.jpg") no-repeat;
	}

#about #flash p.ptext2 {
	width: 477px; height: 255px;
	background: url("images/about_copy_p.jpg") no-repeat;
	
	}

#about #right #content h2.headerstuff {
width: 347px; height: 55px;
	background: url("images/have_we_h2.jpg") no-repeat;
	
	}
#about #right #content p.ptext1 {
width: 347px; height: 65px;
	background: url("images/there_is_no_p.jpg") no-repeat;
	
	}
	
#about #right #content h2.headerstuff1 {
width: 347px; height: 58px;
	background: url("images/will_moldave_designs_h2.jpg") no-repeat;
	
	}
#about #right #content p.ptext2 {
width: 347px; height: 102px;
	background: url("images/the_only_way_p.jpg") no-repeat;
	
	}
	
	
#principals #right #content h1.headerstuff {
width: 347px; height: 35px;
	background: url("images/principalsheader.png") no-repeat;
	
	}




h1.headerstuff span, h2.headerstuff span, h2.headerstuff1 span, p.ptext1 span, p.ptext2 span {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
#rulebox {background:transparent;margin:0; margin-top:10px; width:475px; border:1px solid #336699;height: 350px; padding:10px;}





/* MailChimp and contact form styles for contact.html: some styles are in the page itself, where required for performance */



#contact #flash {margin-top: 10px;}
#contact #flash p.text {width: 430px;}
#contact #flash h2 { color: #cc3300; font-size: 120%;}
#contact h3 {color:#cc3300; font-size: 106%;}
#mc_embed_signup {width: 26em; margin-top:20px; background:#ecece6; padding:8px;}

#mc_embed_signup p {width:24em;}
#mc_embed_signup h2 {color:#005e7c;}

#mc-embedded-subscribe-form {font-size:1em; margin-top:10px; padding:10px;}

div.mc-field-group {padding:5px 0 5px 0;}


div.mce_inline_error{ color:#cc3300; font-weight:bold; width:100%; float: none; !important}

.mc-field-group {text-align:left;}


fieldset input.btn, input.submit {
    border: 1px solid #006;
    width:120px;
    background: #ffc;
}
fieldset input.btn:hover, input.submit:hover {
    border: 1px solid #f00;
    background: #ff6;
}

input {width:260px;}


#content label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: left;
}

#content legend {padding:2px;font-weight:bold;}

#flash label {
   
    width: 100px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: left;
}





.bar{
	display:none;	
	background: url('ajax-loader.gif') no-repeat;
	margin-left:20px;
	margin-top:50px;
	height:20px;
	width: 230px;
}

#contactForm{
	float:left;	
 	position:relative;
	height: 260px;
	padding-top: 10px;
	

}

#container {

margin-top:10px;
	padding:10px 10px 15px 10px;
 	float:left;	
 	position:relative;
 	height: 260px;
 	width: 430px;
 	background:#fbfbe9;
}

#social {margin:6px; padding:4px;width:420px; height:75px;}
img.tiny{padding:0 10px 0 0;}