@charset "UTF-8";
/* CSS Document */

body    {
	margin: 0;
	padding: 0;
	color: black;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	background-color: #ffffff;
}

div#homebody    {
	width: 615px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: left;
	padding: 0;
	background-color: #ffffff;
	/*
	border:1px red solid;
	background-image: url("artwork/backgroundshadow.jpg");
	background-repeat: repeat-y;
	*/
}

div#header	{
	width: 615px;
	height: 108px;
	margin: 0;
	padding: 0;
}

div#logo	{
	float: left;
}

div#logo	a img {
	border: none;
}

div#logotext	{
	display:none;
	font-size: 12px;
	margin: 30px 20px 0 0 ;
	float: right;
	color: #7b7b7b;
}
div#logotext ul	{
	list-style-type: none;
}

div#banner	{
	width: 615px;
	height: 300px;
	margin: 0;
	padding: 0;
	border: #7b7b7b solid 2px;
	/*
	background-image: url("artwork/banner.jpg");
	*/
}
div#banner-contact	{
	width: 615px;
	height: 300px;
	margin: 0;
	padding: 0;
	border: white solid 2px;
	/*
	background-image: url("artwork/banner.jpg");
	*/
}

div.navbuttons	{
	width: 615px;
	height: 20px;
	margin: 0;
	padding: 10px 0 10px 0 ;
	/*
	border:1px blue solid;
	*/
}

div#content	{
	width: 614px;
	margin: 0;
	padding: 5px 0 5px 10px ;
	/*padding: 5px 0 5px 20px ;*/
	/*border:1px green solid;*/
}
	div#portfoliocontent	{
	width: 614px;
	margin: 0;
	padding: 0px 0 5px 5px ;
	/*border:1px red solid;*/
}

ul.navbar { 
	list-style-type: none; 
	font: normal 12px Arial; 
	text-align: center; 
	padding: 6px 0 6px 0; 
	margin: 0px 0 0px 0; 
	}
ul.navbar li {display: inline; }
ul.navbar li a { color: #888888; font-weight: bold; text-decoration: none; padding: 4px; margin: 0px 3px 0px 3px; }
ul.navbar li a.selected {
	color: #bf262d;
}

ul.navbar a:hover {
	color: #000000;
}

div.accheader {
	font: normal 11px Arial;
	padding: 0px 0px 0px 0px ;
	margin: 0;
	border: none;
	outline: 0; 
}

#accordion .accheader a {
	color: #888888; 
	font-weight: bold; 
	text-decoration: none;
	border: none;
	outline: 0; 
}

#accordion .accheader a:hover {
	color: #000000; 
	border: none;
	outline: 0; 
}

#accordion .accheader a.selected	{
	color: #bf262d;
}

#portfolioaccordion {
	width: 100px;
	float: left;
	outline: 0; 
	/*border:green 1px solid;*/
}
#portfolioaccordion .accheader a {
	color: #888888; 
	font-weight: bold; 
	text-decoration: none;
	border: none;
	outline: 0; 
}

#portfolioaccordion .accheader a:hover {
	color: #000000; 
	border: none;
	outline: 0; 
}

#portfolioaccordion .accheader a.selected	{
	color: #bf262d;
}
#projectbox{
	float: right;
	width: 500px;
	margin:0;
	padding:0;
	/*border:blue 1px solid;*/
}
div.menubox {
	font: normal 11px Arial;
	padding: 0px 0px 0px 0px ;
	margin: 0;
	border: none;
	outline: 0; 
}
#portfolioaccordion .menubox li a {
	color: #888888; 
	font-weight: bold; 
	text-decoration: none;
	border: none;
	outline: 0; 
}

#portfolioaccordion .menubox ul {
	list-style-type: none;
	padding: 5px 0 5px 15px;
	margin: 0;
}

#portfolioaccordion .menubox a:hover {
	color: #000000; 
	border: none;
	outline: 0; 
}


/* Main Content Styling */
div.address	{
	color: #444444; 
	font: normal 12px Arial;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
}

div.accbox {
	padding: 0px 5px 5px 20px ;
	/*padding: 0px 5px 5px 10px ;*/
	margin: 0;
}

div.accbox h4 {
	font: bold 12px Arial;
	color: #000000;
	margin: 0px 0 5px 0;
}
div.accbox h6 {
	font: bold 12px Arial;
	color: #bf262d;
	margin: 8px 0 5px 0;
}

div.accbox h5 {
	font: italic normal 12px Arial;
	color: #bf262d;
	margin: 0px 0 5px 0;
}

div.accbox p {
	font: normal 12px Arial;
	color: #888888;
	margin: 0 0 0 5px;
}

div.accbox .redtab {
	color: #bf262d;
	padding-left: 60px;
}

div.accbox .tinytext {
	font: italic normal 10px Arial;
	color: #888888;
	padding-top: 10px;
	padding-left: 30px;
}


div.accbox ul {
	margin: 0;
}
div.accbox li {
	font: normal 12px Arial;
	color: #888888;
	margin: 0;
}

/* Form Styling */
form div#contactinfo	{
	width: 600px;
}
form div#requestinfo	{
	width: 600px;
	margin-top: 10px;
}
form div#lhformcolumn	{
	width: 300px;
	float: left;
}
form div#rhformcolumn	{
	width: 230px;
	float: right;
	padding-left: 10px;
}
form div#submitrow	{
	width: 550px;
	clear: both;
	text-align: center;
}
form td label	{
	font: bold 11px Arial;
	color: #bf262d;
}
form td input	{
	font: normal 11px Arial;
	color: #000000;
}
form td textarea	{
	font: normal 11px Arial;
	color: #000000;
}
form td option	{
	font: normal 10px Arial;
	color: #888888;
}
form p	{
	font: normal 10px Arial;
	color: #888888;
	margin: 0;
}
form td.required	{
	font: bold 12px Arial;
	color: #bf262d;
}
form fieldset legend	{
	font: normal 9px Arial;
	color: #bf262d;
}
#contactForm #responsemessage { 
	text-align:center;
	font-size: 11px;
	font-weight:bold;
	margin-bottom:10px;
}
.errortext	{color:#aa0000;}
.successtext	{color:#006600;}


/* Footer styling */
div#footer    {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	clear: both;
	text-align: center; 
	width: 100%;
	color: #888888;
	/*
	border: 1px solid  #0000ff;
	*/
}
p#copy {
	width: 100%;
	font-size: 10px;
	text-align: center; 
	margin: 0;
	padding: 0;
	/*
	border: 1px solid  #000000;
	*/
}
p#copy a {
	color: #888888; 
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: none;
}
p#copy a:hover {color: #000000; text-decoration: none;}
p#copy img {
	border:none;
}

.crpoint	{ cursor: pointer; }

