/* -----------------------------------------------------------------------------------
MASS RESET
------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/* -----------------------------------------------------------------------------------
GENERAL
------------------------------------------------------------------------------------- */
body { background-color: #fff; color: #666; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1, h2, h3, h4 { font-weight: bold; letter-spacing: -1px; color: #000; }
h2 { font-size: 200%; font-weight: 400; }
h3 { font-size: 140%; color: #fff; }
h4 { font-size: 120%; }

p { font-size: 100%; line-height: 1.5em; margin-bottom: 1.5em; } 
strong { font-weight: bold; color: #333; }
.spacer { clear: both; }

a { color: #fff; }

.logo { float: left; padding: 50px 20px 20px 20px; }

#main-content { width: 500px; margin: 20px auto 0 auto; }

#main-content-container { margin: 0 auto; width: 100%; position: relative; }
#home #main-content { width: 950px; margin: 20px auto 0 auto; }

#about #main-content { width: 950px; margin: 20px auto 0 auto; }
#about #main-content h2 {  margin-left: 225px;}

#about-team li { padding: 10px 0; border-bottom: 1px solid #e5e5e5; }
#about-team img { float: left; margin-left: 45px; }
#about-team h3 {  margin-left: 225px;}
#about-team h4 {  margin-left: 225px;}
#about-team p { margin-left: 225px; width: 400px; font-size: 14px; line-height: 24px; margin-bottom: 16px; margin-top: 16px; text-shadow: 0 0 0 #000;}



/* -----------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------- */
#header-container { background: url(/images/graphics/header-bg-black-grad.png); margin: 0 auto;}

#header { width: 950px; margin: 0 auto; height: 250px;}

#services-summary { float: left; padding-top: 50px; padding-left: 100px; color: #fff; font-size: 90%; }
#services-summary h3 { font-size: 110%;  }
#services-summary ul { list-style-type: square; }

#contact-summary { float: left; padding-top: 50px; padding-left: 100px; color: #fff; font-size: 90%; }
#contact-summary h3 { font-size: 110%;  }
#contact-summary ul { list-style-type: square; }
#contact-summary a { color: #fff; text-decoration: none; }

/* -----------------------------------------------------------------------------------
PORTFOLIO
------------------------------------------------------------------------------------- */
ul.project-gallery { float: left; margin-top: 20px; }
ul.project-gallery li { float: left; margin: 0 15px 15px 0; border: 1px solid #999; }
ul.project-gallery li a { display: block; width: 220px; height: 160px; background-color: #111; border: 0 solid #000; text-decoration: none;}
ul.project-gallery li a:hover { background-color: #444; border: 0px solid #000;}
ul.project-gallery span { float: left; clear: both; width: 220px; height: 15px; padding: 5px 0; text-align: center; border: 0 solid #000; font-size: 70%; color: #fff;  }
ul.project-gallery img { position: relative; float: left; }