a {
	color : #80231b;
	text-decoration : underline;
	}
	
a:active {
	color : #80231b;
	}

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

a:visited {
	color : #80231b;
	}

body{
	background-image :  url(../images/background.gif);
	background-repeat : repeat-y;
	background-color : #cbc5b9;
	}
	
body, td, div {
	font : normal 11px Verdana;
	color : #5c5049;
	}

h1 {
	font : bold 14px Verdana;
	color : #80231b;
	padding-bottom:0px;
	margin-bottom:0px;
	}
	
td { 
	vertical-align : top;
	line-height:135%;
	}
	
#grid {
	position : absolute;
	table-layout:fixed;
	width:800px;
	top : 86px;
	left : 0px;
	visibility: visible;
	}
	
#logo {
	position : absolute;
	top : 27px;
	left : 20px;
	visibility: visible;
	}
	
#navmain {
	position : absolute;
	top : 61px;
	left : 331px;
	width : 480px;
	visibility: visible;
	}

#technologymain {
	position : absolute;
	top : 335px;
	left : 21px;
	width : 278px;
	visibility: visible;
	font : 11px Verdana;
	color : #d6c6a7;
	line-height:135%;
	}

#portfoliomain {
	position : absolute;
	top : 275px;
	left : 21px;
	width : 278px;
	visibility: visible;
	font : 11px Verdana;
	color : #d6c6a7;
	line-height:135%;
	}
	
#portfolioprojects {
	position : absolute;
	text-align : right;
	top : 230px;
	left : 21px;
	width : 278px;
	visibility: visible;
	font : 11px Verdana;
	color : #d6c6a7;
	line-height:135%;
	}

#locale_label {
	position : absolute;
	top : 260px;
	left : 100px;
	width : 75px;
	}

#locale {
	position : absolute;
	top : 275px;
	left : 1px;
	width : 175px;
	}
	
#year_label {
	position : absolute;
	top : 310px;
	left : 100px;
	width : 75px;
	}
	
#year {
	position : absolute;
	top : 325px;
	left : 100px;
	width : 75px;
	}

#thumbs {
	position : absolute;
	top : 255px;
	left : 183px;
	width : 180px;
	}

#scroll {
	position : absolute;
	top : 690px;
	left : 325px;
	width : 370px;
	}
	
#quote {
	position : absolute;
	top : 495px;
	left : 305px;
	width : 500px;
	}
	
#description {
	position : absolute;
	top : 690px;
	left : 325px;
	width : 550px;
	}
	
#descriptionlow {
	position : absolute;
	top : 730px;
	left : 325px;
	width : 550px;
	}	
	
.text {
	font : normal 11px Verdana;
	color : #5c5049;
	}

.field {
	border : 0px solid black;
	background-color : transparent;
	text-align : right;
	font : 10px Verdana;
	color : #d6c6a7;
	}

.tinylink {
	border : 0px solid black;
	background-color : transparent;
	text-align : right;
	font : 11px Verdana bold;
	color : #d6c6a7;
	}
	
	
.tinylink a {
	color : #d6c6a7;
	text-decoration : underline;
	}
	
.tinylink a:active {
	color : #d6c6a7;
	}

.tinylink a:hover {
	color : #cc6633;
	text-decoration : underline;
	}

.tinylink a:visited {
	color : #d6c6a7;
	}
	

.label {
	text-align : right;
	font : bold 10px Verdana;
	color : #d6c6a7;
	}

.scrolltext {
	text-align : right;
	font : bold 11px Verdana;
	font-stretch: wider;
	color : #615252;
	}
	
.desctext {
	text-align : left;
	font : bold 11px Verdana;
	font-stretch: wider;
	color : #615252;
	}
	
.thumbpadding {
	margin-left : 5px;
	margin-right : 5px;
	margin-top : 5px;
	margin-bottom : 5px;
	}

.textpadding {
	padding-left : 25px;
	padding-right : 25px;
	padding-top : 25px;
	padding-bottom : 25px;
	}
	
form, input {
	background-color : transparent;
	}
	

.floatimgleft {
    float:left;
    margin-top:10px;
    margin-right:10px;
    margin-bottom:10px;
}

.imagetext {
	text-align : center;
	font : bold 9px Verdana;
	font-stretch: wider;
	color : #333333;
}

/* To avoid border around linked image and 
  also avoid using the deprecated border attribute
  (color white for ns4, when page bg is white) */
a img { border:none; color:#fff }