html, body {
	height: 100%;
	
}
body {
	background: #fff;
	font: normal 10pt 'Tahoma', sans-serif;
	color: #000;
	margin: 0 auto;
	
}

p {padding: 2px 8px;}

a {color: #000; text-decoration:underline; }
a:hover {color: #000; text-decoration:none; }

img {
  border: none;
  margin: 0 auto;
  padding: 0;
}

.separator {border-bottom: 1px #d9d9d9 solid; width: 100%; height: 20px; margin: 20px 0 35px;}

h2 {color: #000; font-family: 'Tahoma' sans-serif; text-align: left; font-size: 20pt; font-weight: normal; margin: 20px 0 0 0; padding-left: 30px;}
h3 {color: #000; font: bold 10pt 'Tahoma', sans-serif;  margin: 20px 0 15px 0; padding: 0 8px;}
h2 a {text-decoration: none;}
blockquote {border: 1px #252216 solid; margin: 5px; padding: 3px; background: #2c291a;}



/*******************
	LAYOUT
*******************/

#main {
	margin: 0 auto;
	width: 900x;
}
#headlink {
	margin: 0 auto;
	width: 900px;
	height: 100px;		
}
#logo {	
	width: 160px;
	height: 100px;
	float: left;	
}
#menu {	
	width: 740px;
	height: 100px;	
	margin-left: 160px;	
}

#menu ul {
	text-transform: uppercase;
	font: normal 14px 'Tahoma';
	text-align: right;
	color: #000;
	list-style: none;
	margin: 0 ;
	padding: 50px 0;
}
#menu li {
	display: inline;
	margin: 0 5px;
	border-right: 1px #d9d9d9 solid;
	padding: 0 15px 0 0;
	background: none;
	line-height: 100%;	
}
#menu li.fb {border-right: none;}
#menu li a img {
vertical-align:top;
}

#menu li a:hover {
	color: #000;
	text-decoration: none;
}
#menu li a#current  {
	color: #000;
	text-decoration: none;
}

#header {
	margin: 0 auto;
	width: 900px;
	height: 350px;
	
	display: block;
}
#header .foto {
	background: #000;
	width: 300px;
	height: 350px;
	display: inline;
	float: left;
}
#header .foto img {margin-top: 45px; padding-top: 10px; border-bottom: 1px #333 solid;  border-top: 1px #333 solid;}
#header .logo {
	width: 300px;
	height: 350px;
	display: inline;
	float: left;
}
#header .logo h1{color: #fff; font: normal 16pt 'Tahoma', sans-serif; text-align: center; margin: 0; padding: 135px 0 0 0;}
#header .logo h1 big{font-size: 26pt; font-weight: normal;}

#header .text {
	background: #000;
	width: 300px;
	height: 350px;
	display: inline;
	float: left;
}
#header .text ul{color: #fff; margin: 0; padding: 4px 10px;}
#header .text li{
	list-style: none; 
	
	padding-left: 18px;
	font-size: 11pt;
	line-height: 210%;	
}
 
 #wrapper {
	margin: 0 auto;
	width: 900px;
	padding: 20px 0;
} 
 #sidebar {
	width: 300px;
	float: left;
}
 #content {
	margin-left: 300px;
	width: 600px;
	text-align: justify;	
}

#footer {
	margin: 20px auto 0;
	width: 900px;
	height: 147px;
	background:url('../images/footer.png') 0 0 repeat-x; 
}

#footer ul{color: #fff; margin: 0; padding: 80px 0 0 0; text-align: center;}
#footer li{
	list-style: none;
	display: inline;
	padding-left: 18px;
	margin: 0 30px;	
	font-size: 9pt;
}

#text ul {margin: 10px 0 18px 0;}
#text li{
	list-style: none; 
	 
	padding-left: 18px;	
	margin: 4px 0;
	line-height: 150%;
}
#text li a {cursor: help;}

table.about {width: 600px; padding-top: 10px;}
table.about td {text-align: center; width: 33%;}
table.about td strong{font-size: 12pt; }
table.about tr.name {height: 20px; vertical-align: middle;}
table.about tr.mail {height: 30px; vertical-align: bottom;}


.item {margin: 10px 0 20px 0; border-bottom: 1px #d9d9d9 solid; padding-bottom: 15px;}

#reference {width: 600px; margin: 0 auto;}
#reference .segment {
	float: left;
	margin: 25px 10px 50px 10px;
	width: 180px;
	height: 200px;
	
}
#reference .segment img {margin: 0; height: 144px; overflow: hidden;}
/*#reference .segment a img {border: 2px #fff solid;}
#reference .segment a:hover img {border: 2px #ffaa33 solid;}*/
#reference .segment > .title h3 {margin: 4px 0; text-align: left; font-size: 11pt; background:url('../images/list.png') center left no-repeat; padding-left: 15px;}
#reference .segment > .description {color: #959595; text-align: left; margin-left: 15px; height: 50px; overflow: hidden;}
#newref{margin: 25px 0 0 0;}
#newref  .thumb  {width: 250px; margin: 20px auto;}

#slide {margin-top: 20px;}

#form  {margin: 0;}

#form  form {}
#form fieldset {
	margin-top: 8px;
	background: #fff;
	border: 1px #ddd solid;
	width: 270px;
}
#form table {width: 270px; margin: 0 auto;}
#form tr {width: 270px;}
#form th {vertical-align: top; padding-left: 5px\0/; |padding-left: 5px; text-align: left; color: #484848;}
#form td {vertical-align: top; text-align: center;}
#form input { width: 260px; width: 250px\0/; |width: 250px; background: #fafafa; border: 1px #ddd solid;}
#form input.submit { border: none;
 color: #000; font-weight: bold; text-transform: uppercase; width: 90px; cursor: pointer;
 float: right; margin: 10px 0; padding-left: 15px; height: 18px;}
#form textarea { width: 260px; width: 250px\0/; |width: 250px; height: 100px; background: #fafafa; border: 1px #ddd solid;}

#aboutus {background: #f5f5f5; margin: 6px 0; padding: 6px 0; width: 280px;}
.aboutus {width: 240px; margin: 6px 20px; text-align: justify;}
.aboutus a {font-style: italic; text-decoration: none;}
.aboutus a:hover {font-style: italic; text-decoration: underline;}
.aboutus > .text {margin-top: 10px; }
.aboutus h3 {margin: 0; padding: 0; font-size: 14px; }

.projects strong {
    margin-right: 3px;
}
.projects  img {
    vertical-align:middle;
    margin: 0 2px;
    text-align: center;
}

#sidebar .video {margin: 30px auto; width: 280px;}
#content .video {margin: 10px; width: 280px; height: 300px; float: left;}
#content .video > .title {height: 50px; text-align: left;}
#content .video > .code {margin: 0 auto;}

.error {
    color: #6d0000;
    margin: 5px 0;
    display: block;
    text-align: left;

}

.both {clear: both;}

#hostadmin {text-align: center;}
#hostadmin img {margin: 5px auto;}