/* GENERAL RULES */
body { background-color: #FFF; 
       margin: 20px 0; 
       text-align: center;
       font-family: Arial, sans-serif; 
	   color: #777;
	   font-size: 12px;
	   line-height: 1.5em;
     }
div { text-align: left; }
table td { padding: 0; }
img { border-width: 0; }
h1 { margin: 0; }
h2 { margin: 0; }
h3 { margin: 0; }
a { color: #777; 
	text-decoration: none;
	}
a:hover {
	color: #000;
	text-decoration: none;
	}

/* MAIN CONTAINER */
#main_container {
	background-color: #FFF;
	border: 1px solid #777;
	width: 728px;
	margin: 0 auto;
	position: relative;
	}

/* MAIN TABLE */
#main_table {
	width: 724px;
	margin: 2px;
	background-image: url(../images/background.jpg);
	}

/* TOP ROW */
.top_row {
	vertical-align: top;
	height: 100px;
	
	}

/* LOGO */	
#logo {
	position: absolute;
	background-image: url(../images/logo.jpg);
	width: 249px;
	height: 62px;
	}
#logo_container {
	position: absolute;
	width: 249px;
	height: 62px;
	z-index: 10;
	}
#portfolio_button {
	display: block;
	/*background-image: url(../images/portfolio_up.jpg);*/
	width: 92px;
	height: 17px;
	position: relative;
	top: 45px;
	left: 70px;
	z-index: 40;
	}
#portfolio_button:hover{
	display: block;
	/*background-image: url(../images/portfolio_over.jpg);*/
	width: 92px;
	height: 17px;
	position: relative;
	top: 45px;
	left: 70px;
	z-index: 40;
	}
#contact_button {
	display: block;
	/*background-image: url(../images/contact_up.jpg);*/
	width: 76px;
	height: 17px;
	position: relative;
	top: 45px;
	left: 174px;
	z-index: 40;
	}
#contact_button:hover {
	display: block;
	/*background-image: url(../images/contact_over.jpg);*/
	width: 76px;
	height: 17px;
	position: relative;
	top: 45px;
	left: 174px;
	z-index: 40;
	}
	
/* MIDDLE ROW */
.middle_row {
	height: 350px;
	vertical-align: top;
	}
	
/* LEFT COLUMN */
#left_col {
	width: 225px;
	}
#clients {
	margin: 8px 0 0 0;
	padding: 0 16px;
	height: 325px;
	}
#clients a{
	display: block;
	}
#contact_left_col {
	width: 150px;
	}	
#contact_info {
	margin: 8px 0 0 0;
	padding: 0 16px;
	height: 325px;
	}
	
/* RIGHT COLUMN */
#right_col {
	width: 374px;
	padding: 0 25px;
	border-left: 1px dotted #fff;	
	}
#site_detail {
	}
#sd_table {
	}
#sd_table td{
	padding-bottom: 4px;
	vertical-align: top;	
	}	
#site_image{
	border: 1px #777 solid;
	margin-bottom: 5px;
	}	
.category {
	padding-right: 2px;
	}
#site_link{
	text-decoration: underline;
	}
#site_link:hover{
	text-decoration: underline;
	color: #000;
	}
#thanks {
	border: 1px #777 solid;
	color: #000;
	padding: 4px;
	margin: 4px;
	}	
/* BOTTOM ROW */
.bottom_row {
	}
#illustration_link {
	float: right;
	}
#illustration_link:hover {
	float: right;
	}