/* COLORS
Grey			: #999
Pink			: #FAE9E9
Red				:	#260002 / #460004
Red 2			:	#720B15 / #B11628
Green			:	#333104 / #5C5908
Blue			:	#083D59 / #106B93
Blue 2		:	#044D72 / #0883B1
*/

* { margin: 0; padding: 0; }
body { background: #fff; font: 13px/1.7em "proxima-nova-1","proxima-nova-2", 'Lucida Grande', Helvetica, Arial, sans-serif; color: #666; }
a { color: #B11628; text-decoration: none; padding: 2px 0; }
a:hover { background: #eee url(../i/dotted.gif) repeat-x bottom left; color: #0883B1; }
h1,h2,h3,h4,h5,h6 { font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2", Georgia, Times, serif; font-weight: normal; text-shadow: 0 0 0 #fff; }
h1 { font-size: 30px; }
h2 { margin: 30px 0 12px; font-size: 20px; line-height: 1.3em; }
p { margin: 1em 0; }
ul { margin: 1em 0; list-style: none; }
ul li { background: url(../i/+.gif) no-repeat 0em .7em; padding: 0 0 0 1em; margin: 0 0 .5em .5em; }
#container { width: 725px; margin: 0 0 0 7%; }
#header { margin: 40px 0 3px; height: 140px; width: 725px; position: relative; background: url(../i/dotted.gif) repeat-x bottom left; overflow: hidden; }
#header h1 { line-height: 1; width: 400px; }
#header h1 small { color: #666; font-size: 18px; text-shadow: 0 0 0 #000; }
#header h1 a { background: url(../i/a.gif) no-repeat; height: 75px; display: block; padding: 25px 0 0 125px; }
#header h1 a:hover { background-image: url(../i/a-looping.gif); }
#header h1 a b { display: block; position: absolute; top: 0; left: 125px; width: 250px; height: 100px; background: url(../i/logo.png) no-repeat; }
#header ul { position: absolute; z-index: 10; top: 45px; right: 25px; margin: 0; list-style: none; overflow: hidden; }
#header ul li { margin: 0; list-style: none; float: left; margin: 0 0 0 .5em; }
#header ul li.first { background: transparent; margin: 0; }
#header ul li#nav-home a { color: #460004; }
#header ul li#nav-about a { color: #B11628; }
#header ul li#nav-portfolio a { color: #5C5908; }
#header ul li#nav-news a { color: #106B93; }
#header ul li#nav-contact a { color: #0883B1; }

#slideshow { width: 725px; height: 150px; background: url(../i/swatch.png); }

#main { margin: 3px 0 40px; background: url(../i/dotted.gif) repeat-x top left; overflow: hidden; }
#main h2 { background: url(../i/+lrg.gif) no-repeat 3px 8px; padding-left: 25px;  text-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px; }

#main p { margin-left: 25px; }
#main ul { margin-left: 25px; }

#main #left { width: 450px; float: left; margin: 0 40px 0 0; }
#main #left h2#what-we-do-title { color: #720B15; }
#main #left h2#experience-counts-title { color: #5C5908; }

#main #right { width: 235px; float: left; }
#main #right h2 { color: #106B93; width: 200px; }
#main #right h2#featured-work-title b { background: url(../i/titles/featured-work.png) no-repeat; width: 175px; }

#main #right #featured-work { margin: 0 0 0 25px; font-size: 12px; }
#main #right #featured-work dt { float: left; clear: left; width: 43px; }
#main #right #featured-work dt a { display: block; }
#main #right #featured-work dt a:hover { background: transparent; border: 0; }
#main #right #featured-work dt img { padding: 2px; border: 3px solid #ccc; }
#main #right #featured-work dt a:hover img { border: 3px solid #0883B1; }
#main #right #featured-work dd { float: left; width: 165px; margin: 1px 0 0; }
#main #right #featured-work dd.desc { font-size: 10px; margin: 0 0 1em 0; line-height: 1.2; }

#main #contact { float: left;  }
#main #contact #form { margin: 0 40px 0 25px; width: 425px; float: left; }
#main #contact #form fieldset legend { display: none; }
#main #contact #form fieldset { border: 0; }
#main #contact #form p { margin: 0 5px 5px 0; float: left; width: 135px; }
#main #contact #form p.hidden { display: none; }
#main #contact #form p input { 
	width: 132px; display: block; padding: 2px 0;
	border: 1px solid #C3C3C3;
  border-top-color: #7C7C7C;
  border-bottom-color: #DDD;
	background: #F3F7FF url(../i/input-bg.gif) 0 0 repeat-x;
}
#main #contact #form textarea { 
	width: 412px; overflow: auto; margin: 0 0 10px; padding: 2px 0;
	border: 1px solid #C3C3C3;
  border-top-color: #7C7C7C;
  border-bottom-color: #DDD;
	background: #F3F7FF url(../i/input-bg.gif) 0 0 repeat-x;
}
#main #contact #form p input:focus,
#main #contact #form textarea:focus { background-color: #fff; }

#main #contact #form input#zemSubmit { padding: 2px 10px; font-family: "proxima-nova-1","proxima-nova-2", 'Lucida Grande', Helvetica, Arial, sans-serif; }

#main #contact #form ul.zemError { color: red; margin: 0 0 1em; }

#main #contact .vcard { margin: 0 0 1em 0; width: 200px; padding: 10px 0 40px 25px; float: left; background: url(../i/sticky.png) no-repeat left bottom; border-top: 1px solid #E9E9E9; }

#main #contact .vcard p { margin: 0 0 .7em; font-size: 11px; }
#main #contact .vcard .org { display: none; }
#main #contact .vcard .email { font-size: 14px; }

#main #contact .vcard img { display: none; }
#main #contact .vcard .download { background: url(../i/vcf.gif) no-repeat; padding-left: 30px; min-height: 18px; font-size: 13px; margin: 1.5em 0 0; }

#footer { padding: 35px 25px; font-size: 10px; background: url(../i/dotted.gif) repeat-x top left; }

.red { color: #720B15; }
.blue { color: #0883B1; }