/* General */

html {
	height: 100.1%;
}
body {
  	font-family:Arial, Helvetica, sans-serif;
  	background-image: url(../images/layout/body_background.gif);
  	margin: 0;
  	height: 100%;
	color: white; 
}

#body_inner_a {
  	background-image: url(../images/layout/strip_background.gif);
  	background-repeat: repeat-x;
  	background-position: center top;
  	height: 100%;
}

#body_innermost {
  	background-repeat: no-repeat;
  	background-position: center top;
  	height: 100%;
}

blockquote {
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
}

a {
	color:#fff; 
}

a:hover {
	color:#fff; 
}

.clear {
	clear:both;

}

.tel_number {
  	font-family:Arial, Helvetica, sans-serif;
  	font-size:1.5em;
	color:#fff;
}

/* Outer Container */

#outer_shadow {
    background-image: url(../images/layout/outer_shadow_bottom.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 10px;
}

#outer_shadow_innermost {
    background-image: url(../images/layout/outer_shadow_sides.png);
    background-position: center top;
    background-repeat: repeat-y;
}

#outer {
  	border-right: 1px solid white;
  	border-left: 1px solid white;
  	width: 640px;
  	background-color: #52473b;
  	margin: 0 auto;
}

/* Header */

#top_header {
  	border-bottom: 1px solid white;
  	font-family:Arial, Helvetica, sans-serif;
  	font-size:0.7em;
 	background-image: url(../images/layout/top_header_bk.gif);
  	background-repeat: no-repeat;
  	height: 69px;
}

#top_header ul {
	list-style: none;
	float:right;
	text-align:right;
	margin: 45px 0 0 0;
	border-color: blue;
}

#top_header ul li {
	display: inline;
}

#top_header li a {
	color: #fff;
	text-decoration:none;
	padding: 5px 10px;
	float: left;
}

#top_header li a:hover {
	background-color: #fff;
	color: #cc0000;
}

/* Content */

#showcase {
	border-top: 1px solid #cc0000;
  	height: 260px;
  	background-image: url(../images/layout/showcase_1.jpg);
  	background-repeat: no-repeat;
	border-bottom: 1px solid #cc0000;
}

#content {
  	background-color:#333; 
  	font-size:0.7em;
  	background-image: url(../images/layout/small_vector.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	line-height:18px;
	padding: 20px;
  	border-bottom: 1px solid #52473b;
  	border-top: 1px solid #fff;
}

/* Headers and Columns */

h1, h2 {
 	background-image: url(../images/layout/h1_background.gif);
	padding: 15px 20px 0 20px;
	margin: 0 -20px;
	font-size: 1.7em;
	font-weight: normal;
	color: white;
	border-bottom: 1px solid white;
}
.small_column h2 {
 	background-image: url(../images/layout/h2_background.gif);
 	color: white;
  	font-size: 1.5em;
}

.big_column, .small_column, .one_column {
	padding-right:20px;
	padding-left:20px;
	padding-bottom:1px;  
}

.big_column, .one_column {
    background-image: url(../images/layout/h2_background.gif);
}

.big_column {
	width:300px;
	float:left;
}

.small_column {
    background-image: url(../images/layout/h1_background.gif);
  	background-color:#666;
	width:200px;
	float:right;
}

/* Project Thumbnails */

.project_thumbnail {
  	display: block;
  	width: 240px;
  	background-color: green;
	margin: 0 -20px;
	padding: 123px 0 0 0;
	text-decoration:none;
	background-color: #666;
	background-repeat: no-repeat;
  	border-bottom: 1px solid #ebe1c8;
	color: white;
}
.project_thumbnail:hover {
  	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}
.project_thumbnail .body {
 	background-image: url(../images/layout/h1_background.gif);
    display: block;
    padding: 15px 20px;
}

.project_thumbnail .body span {
    text-decoration: underline;
    display: block;
    text-align: left;
}

/* Gallery */

.gallery ul, .gallery li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gallery li {
  margin: 0 5px 5px 0;
  float: left;
}

.gallery img {
  display: block;
}

/* Footer */

#footer {
	font-size: 0.9em;
 	background-image: url(../images/layout/footer_bkg.gif);
  	background-color:#333;
  	height: 55px;
  	border-bottom: 1px solid white;
	border-top: 1px solid #fff; 
}

#footer a, #footer p {
	margin-top: 0;
	color:#fff;
  	font-family:Arial, Helvetica, sans-serif;
}

#footer a:hover {
	color:#cc0000;
}

#footer p {
  	font-size:0.7em;
}

#footer_disclaimer {
	padding-top:15px;
	float:left; 
	padding-left: 20px;
}

#footer_html {	
	padding-top:15px;
	padding-right: 20px;
	float:right;
	text-align:right; 
}

.seo_keywords {
	width: 640px;
	margin: 0 auto;
	color: white;
    padding-bottom: 1px;
    font-size: 0.6em;	
}
.seo_keywords p {
	color:#666;
  	margin: 0 0 1em 0;
}

/* Forms */

form {
  padding: 1em 0;
}
textarea {
  width: 99%;
  height: 100px;
}

/* Page Specific */

#our-portfolio img {
	margin-top:15px;
}

#our-portfolio #content {
  padding-bottom: 120px;
}