body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: "Lucida Grande", Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
}	

div, span, img, form, h1, h2, h3, h4, h5, h6, fieldset {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
}

body {
	background-color: #504F4C;
	color:#363636;
	font-family:"Lucida Grande",Lucida Grande,Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:1.5em;
	margin:0px;
	padding:0px;
	}

#site-wrap {
	width: 720px;
	background-color: #FFF;
	margin: 20px auto 0px auto;
	}

#header {
	width: 720px;
	height: 90px;
	background-image: url(../images/header.gif);
	background-repeat:no-repeat;
	}
	
#nav {
	width: 340px;
	height: 27px;
	float: right;
	margin: 32px 14px 0 0;
	}	
	
#right-column {
	width: 270px;
	background-color:#FFF;
	float: right;
	margin: 15px 20px 0 0;
	}
	
#left-column {
	width: 380px;
	background-color:#FFF;
	margin: 15px 0 0 20px;
	}
	
#portfolio-wrap {
	width: 680px;
	margin: 15px auto 0 auto;
	}
	

h1 {
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555;
}

h2 {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

/* STYLE FOR THUMB HOVERS OF INDEX */
.latest-thumbnail img{
width: 264px;
height: 80px;
border: 3px solid #B8BAC3;
}

.latest-thumbnail:hover img{
border: 3px solid #587DE6;
}

.latest-thumbnail:hover{
color: red; /* Dummy definition to overcome IE bug */
}


/* STYLE FOR THUMB HOVERS OF portfolio */
.portfolio-thumbnail img{
width: 324px;
height: 90px;
border: 3px solid #B8BAC3;
}

.portfolio-thumbnail:hover img{
border: 3px solid #587DE6;
}

.portfolio-thumbnail:hover{
color: red; /* Dummy definition to overcome IE bug */
}

.sub-port-thumb {
	font-weight: bold;
	color: #B8BAC3;
	padding: 5px;
	}
	
	
/* Contact form styles */
.logintext {width:260px; border:1px solid #ccc; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:4px; margin-bottom:5px;}

#sub-footer {
	width: 720px;
	margin: 0 auto 15px auto;
	padding: 5px 0 5px 0;
	text-align: center;
	}

#sub-footer a:link {color: #CCC; text-decoration: none}
#sub-footer a:visited {color: #CCC; text-decoration: none}
#sub-footer a:active {color: #CCC; text-decoration: none}
#sub-footer a:hover {color: #FFF; text-decoration: underline}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #CCC;
background-color: #504F4C;
text-decoration: none;
}

#navlist a:hover
{
color: #333;
background-color: #EDC038;
text-decoration: none;
}