/* 
page-margin: 20px;
column-width: 108px;
column-margin: 12px;

orange: #ef3300;
white: #fff;
type gray: #999999;
link gray: #555555;

base styles
----------------------------------------------- */

html{
	height: 100%;
}
body
{
	height: 100%;	
	margin: 0;
	padding: 0;
	font-family: verdana, Helvetica, Tahoma, sans-serif;
	color: #FFF;
	background-color: #000000;
}
h1, h2, h3, h4, h5, p, li, legend, label, input, textarea, select, td, th, blockquote
{
	font-size: 11px;
	line-height: 16px;	
	letter-spacing: 0;
	font-weight: normal;
	text-align: left;
}
h1, h2, h3, h4, h5, p, li, legend, label, ul, img, td, th, table, blockquote
{
	margin: 0 0;
	padding: 0 0;
	border: none;	
}
img{ 
	display: block; 
}
ul{
	list-style-type: none; 
}
h1, h2, h3, legend{
	color: #FFF;
}
h4, h5, p, li, label,  td{
	color: #999;
	/* color: #555;	*/
}
table
{
	border-collapse: collapse;	
}
table td, table th
{
	vertical-align: top;
}

/* links */

a {
	text-decoration: none;
	color: #999;
	border: none;
}
p a{ 
	color: #555;
}
a.active{
	color: #ef3300;
}
a:hover, a.active:hover{
	text-decoration: none;
	color: #ef3300;
}
h1 a, h2 a, h3 a, legend a{
	color: #fff;	
}

/* OTHER */

hr { display: none; }
.highlight{ color: #555; }
strong { color: #333; }
em { color: #ef3300; }
.clear{ clear: both; }
.hide { display: none; }
blockquote, .quote, i, em
{ 
	color: #fff; 
	font-style: italic;
}


/* layout
----------------------------------------------- */

#container {

	/* min-height: 100%; */
	height: 100%;
	min-height: 576px;
	margin: 0;
	padding: 0;
	position: relative;	
	z-index: 20;
	
	background-repeat: no-repeat;
	background-position: 20px 100%;
	background-image: none;			
}

.intro #container,
.our-story #container,
.profile #container,
.client-list #container,
.contact #container 
{
	background-image: url("images/web-logo-about.png");	
}

/* -- HEAD -- */

#head-wrapper{

	min-width: 100%;
	height: 128px;
	overflow: hidden;

	position: absolute;
	background-color: transparent;

	margin: 0;
	padding: 0;
	z-index: 100;
	text-align: left;
	clear: both;
}
#head{
	height: 108px;
	margin: 18px 0 0 0;
	padding: 0;
}

#site-title{
	float: left;
	width: 340px;
	overflow: hidden;
}
#site-title h1, #site-title h2, #site-title h3, #site-title h4{
	margin: 0 0 0 20px;
}
.head-main-menu
{
	width: 160px;
	float: left;
	overflow: hidden;
	margin: 0px 0 0 0;
}
.head-sub-menu
{
	float: left;
	margin: 0;
}
.head-sub-menu ul
{
	width: 160px;
	float: left;
	overflow: hidden;
}

.entry-list #entry-list a,
.client-list #client-list a,
.client-image-list #client-image-list a,
.entry-image-list #entry-image-list a,
.new-image-list #new-image-list a
{
color: #ef3300;
}

/* CONTENT 
----------------------------------------------- */
#content-wrapper{

	position: absolute;
	width: 100%;
	height: 576px;	
	top: 50%;
	margin: -288px 0 0 0;
	padding: 0;	
	clear: both;	
}

#content {
	margin: 128px 0 0 0;
}


/* fin */