html{ height: 100%;}
*{ margin: 0;  padding: 0;}
body{ font: normal 100% Avenir Light;  color: #FFF;}

body:before {content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background-image:url(../images/background.jpg);
  opacity:.3;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  
  
@font-face {	font-family: Avenir Bold;	src:url(../fonts/Avenir/Avenir-Black.ttf);}
@font-face {	font-family: Avenir Light;	src:url(../fonts/Avenir/Avenir-Book.ttf);}
@font-face {	font-family: Avenir Light;	src:url(fonts/Avenir/Avenir-Light.ttf);}
@font-face {	font-family: Gotham Light;	src:url(../fonts/Gotham/Gotham-Light.otf);}
@font-face {	font-family: Gotham Bold;	src:url(../fonts/Gotham/Gotham-Black.otf);}
p{ color:white; padding: 0 0 10px 0;  font-family: Avenir Light; line-height: 1.7em !important;  font-size:1.2em; }
img{ border: 0;}
h1, h2, h3, h4, h5, h6 { font-family: Avenir Bold;  color: white; letter-spacing: -1px;  margin: 0 0 10px 0;}
h2{ font: 140% Avenir Bold;}
h3{ font: 130% Avenir Bold;  color: white; }
h4, h5, h6{ margin: 0;  padding: 0 0 0px 0;  font: normal 150% Gotham Bold;  color: white;  line-height: 1.5em;}
h5, h6{ font: normal 95% Gotham Bold;  color: #888;  padding-bottom: 15px;}
a, a:hover{ color: #e2231a;  background: transparent;   outline: none;  text-decoration: none;}
a:hover{ text-decoration: underline;}
ul{ margin: 2px 0 22px 30px;  line-height: 1.7em;  font-style: normal;  font-size: 100%;}
ol{ margin: 8px 0 22px 20px;}
ol li{ margin: 0 0 11px 0;}
#main, #header, #banner, #menubar, #site_content, #footer, #content_cream{ margin-left: auto;   margin-right: auto;}
#main{ background: transparent;}
#header{ height: 160px;}
#banner{ width: 940px;  padding: 55px 0 0px 0;  background: transparent;}
#welcome{ width: 70%; margin-left:auto; margin-right:auto;  background: transparent; padding-bottom:30px;}
#welcome H1{ font: Avenir Bold;  letter-spacing: -3px;  color: #FFF;}
#menu_container{ height: 150px;}  
#menubar{ width: 100%; text-align:center;} 
ul#menu{ margin:0px 0px;}
ul#menu li{ padding: 0 0px 0 0px;  list-style: none;  margin: 2px 0 0 0;  display: inline;  background: transparent;}
ul#menu li a{ font-size:1.8em; float: left;  font-family:Avenir Bold;  height: 30px;  margin: 0px 20px 20px 20px;  padding: 6px 12px 0 12px;  background: transparent;   border-radius: 7px 7px 7px 7px;  -moz-border-radius: 7px 7px 7px 7px;  -webkit-border: 7px 7px 7px 7px;  text-align: center;  color: #e2231a;  text-decoration: none;} 
ul#menu li.current a{ color:#e2231a;  text-shadow: none;}  
ul#menu li:hover a{ color: #e2231a;  text-shadow: none;}
#site_content{ width: 920px;height:auto;  overflow: hidden;  padding-left: 20px;  padding-bottom: 20px;  background-color:#e2231a;    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px; text-align:center;} 
#content{ width: 900px;  float: left;}
.content_item{ width: auto;  margin: 20px;text-align:center;}  
.content_item500{ width: 550px;  float:left;  margin-bottom: 10px;  margin-left:20px;}
.content_item5002{ width: 550px;  float:right;  margin-bottom: 10px;  margin-right:20px;}
.container{ float: left;  width: 900px;} 
.container2{ float: left;  width: 900px;  position:absolute;  color:black !important;} 
.projects h3 { color: white; text-shadow: 0px 0px 0px #000 !important;}  
.projects{ width: 42%;  margin: 12px;  float: left;  padding: 20px;  background: rgba(0,0,0,0.61);  color:white;  border-radius: 7px 7px 7px 7px;  -moz-border-radius: 7px 7px 7px 7px;  -webkit-border: 7px 7px 7px 7px;} 
.projects img{border-radius:50%; border:5px solid; border-color:white;}
.projects p{ color: white; font-size:1.4em;} 
.list_of_work{ width: 880px;  margin-right: 20px;  padding: 10px;  position:relative;  text-align:center;  background: rgba(230,230,230,1.00);  color: #000;  font: bold 125% Gotham Bold;  border-radius: 7px 7px 7px 7px;  -moz-border-radius: 7px 7px 7px 7px;  -webkit-border: 7px 7px 7px 7px;} 
.image, .image1, .image2{ width: 305px;  height:305px; margin: 20px;  float: left;  position:relative;  overflow:hidden;  border-radius: 50%;} 
.banner_image  { width: 940px;  margin: 0px 0px 20px 0px;  float: right;  position:relative;  overflow:hidden; }
.copy{ width: 250px;  margin-right: 14px;  float: left;   clear:both;  padding: 20px;  position:relative;  background: blue;  color: #000;  border-radius: 7px 7px 7px 7px;  -moz-border-radius: 7px 7px 7px 7px;  -webkit-border: 7px 7px 7px 7px;}
.content_container{ width: 440px;  margin-right: 10px;  margin-left: 30px;  float: left;}
.more{ font: bold 110% Arial, Helvetica, sans-serif;  float: left;  padding: 5px 10px 7px 10px;  background: #FFF;  border-radius: 15px 15px 15px 15px;  -moz-border-radius: 15px 15px 15px 15px;  -webkit-border: 15px 15px 15px 15px;  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}
.more a{ color: #000;  text-shadow: none;}
#content_cream { width: 940px;  height: 200px;  text-align: center;   background: black;  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}  
#content_cream p { color: white;}  
#content_cream h4 { color: white;}  
.content_cream_container_box{ width: 300px;  padding: 5px;  text-align: center;  margin: 20px 10px 10px 50px;  float: left;}
.content_cream_container_boxl{ width: 500px;  padding: 5px;  text-align: left;  margin: 40px 0 10px 20px;  float: left;}
.content_cream_container_box p, .content_cream_container_boxl p{ color:white !important; font-size:1.2em; line-height:1.5;}
 #footer_container{ height: 60px;  margin-top: 30px;  background: background: rgba(110,110,110,1.00);  background: -moz-linear-gradient(rgba(110,110,110,1.00), black); background: -o-linear-gradient(rgba(110,110,110,1.00), black);background: -webkit-linear-gradient(rgba(110,110,110,1.00), black);} 
 #footer{ width: 940px;  height: 20px;  font-weight: bold;  padding-top: 20px;  text-align: center;  background: transparent;  text-shadow: 1px 1px #000;  color: #FFF;}
#footer a, #footer a:hover{ text-shadow: 1px 1px #000;  color: #FFF;  text-decoration: underline;  padding-bottom: 20px;}
#footer a:hover{ text-decoration: none;}   
.readmore{ font: bold 110% Arial, Helvetica, sans-serif;  float: left;  margin-left: 95px;  padding: 5px 10px 7px 10px;  background: #382922;  background: -moz-linear-gradient(#554137, #382922);  background: -o-linear-gradient(#554137, #382922);  background: -webkit-linear-gradient(#554137, #382922);  border-radius: 15px 15px 15px 15px;  -moz-border-radius: 15px 15px 15px 15px;  -webkit-border: 15px 15px 15px 15px;  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}
.readmore a{ color: #FFF; text-shadow: 1px 1px #000;}
.button_small{ font: normal 110% Arial, Helvetica, sans-serif;  float: left;  padding: 5px 8px 7px 2px;  background: #382922;  background: -moz-linear-gradient(#554137, #382922);  background: -o-linear-gradient(#554137, #382922);  background: -webkit-linear-gradient(#554137, #382922);  border-radius: 15px 15px 15px 15px;  -moz-border-radius: 15px 15px 15px 15px;  -webkit-border: 15px 15px 15px 15px;  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}
.button_small a{ color: #FFF;  padding-left: 5px;  text-shadow: 1px 1px #000;}
.form_settings{ margin: 15px 0 0 0;}
.form_settings p{ padding: 0 0 4px 0;}
.form_settings span{ float: left;   width: 280px;   text-align: left;}
.form_settings input, .form_settings textarea{ padding: 2px;   width: 299px;   font: 100% arial;   border: 1px solid #E5E5DB;   background: #FFF;  color: #47433F;}
.form_settings input[type="checkbox"]{ padding: 2px 0;   width: 15px;   font: 100% arial;   border: 0;   background: #FFF;   color: #47433F;  margin: 28px 0;}
.form_settings .submit{ font: 100% arial;   border: 1px solid;   font-weight: bold;  width: 99px;   margin: 0 0 0 206px;   height: 26px;  padding: 2px 0 3px 0;  cursor: pointer;   background: #FEFF95;  background: -moz-linear-gradient(#FEFFCF, #FEFF95);  background: -o-linear-gradient(#FEFFCF, #FEFF95);  background: -webkit-linear-gradient(#FEFFCF, #FEFF95); color: #000;}
.slideshow {  width: 900px;  height: 350px;  float: left;  margin-bottom: 40px;  border-radius: 7px 7px 7px 7px;  -moz-border-radius: 7px 7px 7px 7px;  -webkit-border: 7px 7px 7px 7px;}
  
/* styling for the slideshow on the homepage */
ul.slideshow {  list-style: none; width: 900px;  height: 350px;  overflow: hidden;  position: relative;  margin: 20px 0 0 0;}
ul.slideshow li {  position: absolute;  margin: 0;  padding: 0;  left: 0;  right: 0;}
ul.slideshow li.show {z-index: 500;}
ul img {  border: none;}
#slideshow-caption {  width: 900px;  height: 38px;  position: absolute;  bottom: 0;  left: 0;   z-index: 500;}
#slideshow-caption .slideshow-caption-container {  padding: 10px 25px 10px 25px;   background: transparent url(../images/transparent.png) repeat;   z-index: 1000;}
#slideshow-caption p {  padding: 0;  font: normal 130% arial, sans-serif; color: #FFF;text-shadow: 1px 1px #000;}