body {
		font-family: arial, tahoma, verdana;
      	font-size: 11px;
      	padding: 0 0 0 0;
      	margin: 0 0 0 0;
      	color: #1a171b;
	  	background-color: #ffffff;
      	text-align: left;
		background-image: url(../images/web/layout/backgr.gif);
		}
		
img, div { behavior: url(/script/general/iepngfix.htc) }
img, div, a, input { behavior: url(/script/general/iepngfix.htc) }
img {border: 0px;}

form {  margin: 0px;
        padding: 0px;
        }

/* --- debug --- */

div.sql_debug {
        padding: 20px;
        text-align: left;
        position: absolute;
        top: 20%;
        left: 20%;
        width: 700px;
        border: 1px solid #fbefb1;
        background-color: #ffffdd;
        z-index: 120;
        }
        
div.sql_debug span {
        font-weight: bold;
        color: #cc0b22;
        }  

table, input, textarea, select { 
		font-family: arial, tahoma, verdana;
        font-size: 11px;
        } 
		
/* --- login --- */		

div.login {
		position: absolute;
		z-index: 100;
		width: 686px;
		height: 245px;
		top: 50%;
		left: 50%;		
		margin-top: -123px;
		margin-left: -343px;
		background-image: url(../images/web/layout/backgr_login.png);
		background-repeat: no-repeat;	
		}
		
div.login div.align {
		float: right;
		width: 414px;
		padding: 46px 0 0 0;
		}
		
div.login div.align div.form_login {
		float: left;
		padding: 30px 0 0 0;		
		}
		
div.login div.align div.form_login table {
		float: left;
		border: 0px;
		border-collapse: collapse;
		}
		
div.login div.align div.form_login table th {
		width: 100px;
		text-align: right;
		font-weight: normal;		
		}
		
div.login div.align div.form_login table td {
		padding: 8px 0 8px 8px;		
		}
		
div.login div.align div.form_login table td input {
		border: 0px;
		width: 204px;
		padding: 3px 10px 3px 10px;
		background-color: transparent;		
		font-size: 11px;
		font-family: arial, tahoma, verdana;
		}
		
div.login div.align div.form_login table td input.submit {
		float: right;
		width: auto;
		padding: 6px 10px 6px 10px;
		color: #ffffff;		
		background-color: #73644b;
		}
		
/* --- all --- */		

div.all_center {
		width: 780px;
		margin: 0px auto;        
		}
        
div.all {
		float: left;
		width: 780px;
		background-color: #ffffff;
		}		
		
/* --- header --- */

div.header {
		float: left;
		width: 780px;
		background-image: url(../images/web/layout/hr.gif);
		background-repeat: repeat-x;	
		background-position: bottom;
		padding-bottom: 16px;
		}
		
div.header div.logo {
		float: left;
		padding: 0 0 0 30px;		
		}
		
div.header div.logo a {
		float: left;
		width: 84px;
		height: 97px;	
		background-image: url(../images/web/layout/logo.jpg);	
		}
		
div.header div.menu {
		float: left;
		padding: 0 0 0 20px;		
		}
		
div.header div.menu ul {
		float: left;
		padding: 0px;
		margin: 0;
		list-style-type: none;		
		}
		
div.header div.menu ul li {
		float: left;
		padding-right: 1px;		
		}
		
div.header div.menu ul li a {
		float: left;
		padding: 4px 10px 4px 10px;
		color: #ffffff;
		background-color: #ae9a62;
		text-decoration: none;
		font-weight: bold;		
		}
		
div.header div.menu ul li a:hover {
		background-color: #cc0000;
		}
		
/* --- content --- */

div.content_all {
		float: left;
		padding: 0 30px 0 30px;
		}
		
div.content_all div.content {
		float: left;
		width: 720px;	
		}
		
/* projects */
		
div.projects {
		float: left;
		width: 720px;		
		}
		
div.project {
		float: left;		
		width: 720px;		
		padding: 16px 0 16px 0;
		background-image: url(../images/web/layout/hr.gif);
		background-repeat: repeat-x;	
		background-position: bottom;
		}
		
div.project div.title {
		float: left;
		width: 610px;		
		}
		
div.project div.text {
		float: left;
		width: 610px;
		text-align: justify;
		padding: 0 0 16px 0;
		}
		
/* h1 */
				
div.project h1 {
		font-size: 16px;
		color: #73644b;
		float: left;
		width: 540px;	
		font-weight: bold;
		padding: 0 0 10px 0;
		margin: 0;
		}
		
div.project h1 a {
		color: #73644b;
		text-decoration: none;
		border-bottom: 1px dotted #ae9a62;		
		}
		
div.project h1 a:hover {
		color: #cc0000;	
		border-bottom: 1px dotted #cc0000;
		}
		
		
div.project div.title div.date {
		float: left;
		width: 70px;
		padding-top: 4px;
		text-align: right;
		font-weight: bold;		
		}
		
/* h2 */		
		
div.project h2 {
		font-size: 14px;
		color: #cc0000;
		float: left;
		width: 560px;	
		font-weight: bold;
		padding: 0 0 10px 0;
		margin: 0;
		}

/* h3 */		
		
div.project h3 {
		font-size: 11px;
		font-weight: bold;
		color: #cc0000;
		padding: 0;
		margin: 0;		
		}

div.project div.project_title {
		float: left;
		width: 610px;
		padding-bottom: 6px;		
		}
		
div.project div.project_title h3 {
		float: left;
		padding-left: 14px;
		}
		
div.project div.project_title div.date {
		float: right;
		font-size: 10px;		
		font-weight: bold;			
		}

/* project */
		
div.project div.image {
		float: left;
		width: 110px;
		padding: 0px 0 0 0;
		}
		
div.project div.image a, div.project div.image div {
		float: left;
		width: 80px;
		height: 60px;
		background-position: center center;
		background-repeat: no-repeat;				
		border: 2px solid #ad9861;
		}
		
div.project div.image a:hover {
		border: 2px solid #73644b;	
		}

/* --- project right --- */
				
div.project div.right {
		float: left;
		width: 610px;		
		}
		
/* more */
				
div.project div.right div.more {
		float: left;
		width: 200px;
		padding: 10px 0 0 0;
		}
		
div.project div.right div.more a {
		color: #cc0000;		
		}
		
/* comments */
				
div.project div.right div.comments_count {
		float: right;
		padding: 10px 0 0 0;
		}
		
div.project div.right div.comments_count a {
		float: right;
		color: #ffffff;
		text-decoration: none;
		padding: 6px 10px 6px 10px; 
		}
		
div.project div.right div.comments_count a.all {
		background-color: #ae9961;
		}
		
div.project div.right div.comments_count a.new {		
		background-color: #cc0000;
		}
		
/* extras */		
		
div.project div.extras {
		float: left;
		width: 610px;
		padding-top: 16px;
		background-image: url(../images/web/layout/hr.gif);
		background-repeat: repeat-x;
		background-position: top;
		}

div.project div.extras h2 {
		padding-bottom: 20px;		
		}
		
div.project div.extras div.extra {
		float: left;
		padding-bottom: 20px;
		}
		
div.project div.extras div.extra_text {
		float: left;
		width: 606px;
		border-left: 4px solid #e8e8e8;
		text-align: justify;
		}
		
div.project div.extras div.extra_text p {
		float: left;
		margin: 0 0 0 0;
		padding: 0 0 0 10px;
		}
		
/* gallery */

div.project div.gallery {
		float: left;
		width: 610px;
		padding-top: 16px;
		padding-bottom: 10px;
		background-image: url(../images/web/layout/hr.gif);
		background-repeat: repeat-x;
		background-position: top;
		}
		
div.project div.gallery div.image {
		float: left;
		width: 101px;
		padding-bottom: 10px;		
		}
		
div.project div.gallery div.image a {
		float: left;		
		width: 80px;
		height: 60px;
		background-position: center center;
		background-repeat: no-repeat;				
		border: 2px solid #ad9861;
		}
		
div.project div.gallery div.image a:hover {
		border: 2px solid #73644b;	
		}

/* files */

div.project div.files {
		float: left;
		width: 610px;
		padding-top: 16px;
		background-image: url(../images/web/layout/hr.gif);
		background-repeat: repeat-x;
		background-position: top;
		}
		
div.project div.files table {
		float: left;
		width: 610px;	
		border-collapse: collapse;	
		}
		
div.project div.files table td {
		padding: 4px 10px 4px 10px;
		border-top: 1px solid #d6d6d6;
		border-bottom: 1px solid #d6d6d6;		
		}
		
div.project div.files table td a {
		text-decoration: none;
		color: #1a171b;
		border-bottom: 1px dotted #1a171b;  		
		}
		
div.project div.files table td a:hover {		
		color: #cc0000;
		border-bottom: 1px dotted #cc0000;
		}

div.project div.files table td.icon {
		width: 20px;
		}
		
div.project div.files table td.title {
		width: 400px;		
		}
		
div.project div.files table td.size {
		text-align: right;		
		}
		
div.project div.files table tr.normal td {
		background-color: #ffffff;
		}
		
div.project div.files table tr.over td {
		background-color: #e8e8e8;
		}
		
/* COMMENTS */

div.comments {
		float: left;
		width: 720px; 	
		margin-top: 20px;	
		padding: 30px 0 30px 0;
		background-image: url(../images/web/layout/hr.gif);
		background-repeat: repeat-x;
		background-position: top;
		}
		
div.comments div.comment {
		float: left;
		width: 720px;
		padding: 16px 0 16px 0;
		background-image: url(../images/web/layout/hr.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		}
		
div.comments div.c_left {
		float: left;
		width: 110px;
		}
		
div.comments div.c_left span {
		float: left;
		color: #cc0000;
		font-weight: bold;
		padding: 4px 0 0 0;		
		}

div.comments div.c_left div {
		float: left; 
		width: 100px;
		}
		
div.comments div.c_left div.name {
		color: #cc0000;	
		}
		
div.comments div.c_left div.date_time {
		padding-top: 10px;		
		font-size: 10px;
		}
		
div.comments div.c_right {
		float: left;
		width: 590px;
		}
		
/* comment form */

div.form {
		float: left;
		border: 1px solid #d6d6d6;
		background-color: #f1f1f1;
		padding: 10px;
		margin-bottom: 20px;		
		}
		
div.form table {
		float: left;
		width: 590px;
		border-collapse: collapse;
		}
		
div.form table tr th, div.form table tr td {
		padding: 2px 10px 2px 10px;		
		}
		
div.form table tr th {
		padding-top: 6px;		
		}
		
div.form table th {
		text-align: right;		
		font-weight: normal;
		vertical-align: top;
		}
		
div.form table td input.text {
		border: 1px solid #d6d6d6;
		width: 300px;	
		padding: 3px 6px 3px 6px;
		}
		
div.form table td textarea {
		border: 1px solid #d6d6d6;
		width: 300px;
		height: 100px;	
		padding: 3px 6px 3px 6px;
		}
		
div.form table td input.submit {
		float: left;
		background-color: #cc0000;
		color: #ffffff;
		border: 0px;
		text-align: center;
		padding: 4px 8px 4px 8px;		
		}

		
/**** overlay ****/

#overlay{ background-image: url(../images/web/layout/overlay.png); }

* html #overlay {
       back\ground-color: transparent;
       background-image: url(blank.gif);
       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/web/layout/overlay.png", sizingMethod="scale");
       }