div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a {
	text-decoration:none;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #2f426b;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.portfolio #container {
	width: 610px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 100px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

div#main_box, div#toolbar, div#main {
	border-color:#000;
	border-style:solid;
	border-width:1px;
}

div#main_box {
	height:360px;
	background:#FFF;
}

div#main_box p {
	color:#FFF;
	margin:6px;
}

div#toolbar {
	width:596px;
	height:23px;
	background:#FF0000;
	margin:6px 5px 0px 5px;
}

div#toolbar ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
div#toolbar li { 
	float:left; 
	height:23px; 
	line-height:23px; 
	color:#FFF;
	font-size:.8em;
	text-align:right;
	padding-right:10px
}

div#toolbar li a {
	color:#FFF;
}

div#toolbar li:hover { 
	text-decoration:underline;
	cursor:pointer;
	cursor:hand;
}

li#btn_about, li#btn_projects { width:140px }
li#btn_work { background:url('/images/toolbar_red.jpg'); width:139px;  }
li#btn_about { background:url('/images/toolbar_green.jpg'); }
li#btn_projects { background:url('/images/toolbar_blue.jpg'); }
li#btn_places { background:url('/images/toolbar_gold.jpg'); width:137px }

div.mainbox {
	width:596px;
	height:316px;
	position: absolute;
}

div#main {
	background: url('/images/main_body.jpg'); 
	margin:6px 5px 0px 5px;
}

div#work, div#about, div#projects , div#places , div#login {
    display: none;
	background: url('/images/main_body_blue.jpg');
	margin:7px 5px 0px 6px;
}

div#footer {
	width:100%;
}

div#footer a,div#footer div {
	color:#00d3ff;
	font-size:12px;
}

div#footer a:hover, div#footer div:hover {
	color:#FFF;
	cursor:pointer;
	cursor:hand;
}



div#name {
	float:left;
	margin-left:4px;
}


div#btn_login {
	float:right;
	margin-right:4px;
}

form {
	margin:40px auto;
	width:300px;
}

form button {
	float:right;
	width:100px;
	border:1px solid #FFF; 
	color:#FFF;
	background:#2F426B;
	margin:8px 50px 0 0;
}

form input:hover {
	background:#CEDDDF;
}

form input {
	border:none;
	line-height:10px;
	height:16px;
}


div.line-block {
	margin:8px;
}

div.line-block label {
	width:80px;
	text-align:right;
	display:block;
	float:left;
	color:#FFF;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	padding-right:12px;
}

div.line-block label.error {
	width:100%;
	color:#FF0000;
	margin:8px 0;
	float:right;
	padding-right:40px;	
	font-style:italic;
}


/* Project thumbnails */


/* standard message format */
div.project, div.error {
	background:#FFF;
	width:570px;
	margin:8px 10px;
}

div.rowitem { 
	padding:4px;
}

span.heading {
	color:#FF0000;
	font-weight:bold;
	font-size:.75em;
}

span.description {
	color:#000;
	font-weight:bold;
	font-size:.75em;
}

span.description a {
	color:#0066FF;
	text-decoration:underline;
}

div.error {
	text-align:center;
	padding:8px 0;
	font-weight:bold;
	color:#FF0000;
	font-size:.75em;
}