/* Layout Styles */
body
{
background-color: #363C42;
}

#container
{
width: 900px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
}

#header
{
width: 900px;
height: 130px;
background-color: #CEDA9A;
}

#images
{
height: 130px;
width: 898px;
background-color: #fff;
margin-left: 2px;
}

#images img
{
padding-top: 5px;
padding-left: 4px;
border: 0;
}

#content
{
width: 900px;
margin: 0;
padding: 0;
background-color: #fff;
}

#content #content_text
{
width: 450px;
float: left;
}
#content #content_image
{
width: 432px;
float: right;
margin-left: 18px;
padding-top: 15px;
padding-bottom: 15px;
}

#content #content_image img
{
width: 425px;
height: 425px;
background: url('../images/drop_shadow.gif') no-repeat;
padding-right: 8px;
padding-bottom: 8px;
}

#footer
{
background-color: #6D735E;
width: 900px;
height: 40px;
clear: both;
font-size: 10px;
color: #fff;
}

#footer .left
{
padding-top: 15px;
padding-left: 15px;
float: left;
}

#footer .right
{
padding-top: 15px;
float: right;
padding-right: 15px;
}



/*Content Styles */
h1, h2, h3, h4
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

h1
{
text-align: center;
font-size: 24px;
}

h2
{
padding-top: 20px;
font-size: 20px;
margin-left: 140px;
}

h3
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
padding-left: 15px;
}

h4
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: underline;
padding-left: 15px;
margin-top: 15px;
}

p
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
padding-left: 15px;
}

ul
{
margin: 15px;
padding: 15px;
}

ul li
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin-left: 0px;
padding: 0px;
padding-bottom: 15px;
}


ol
{

}

ol li
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
margin-left: 0px;
padding: 0px;
padding-bottom: 5px;
}

a
{
text-decoration: none;
color: #363C42;
}

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

a:visited
{
text-decoration: none;
color: #363C42;
}

img
{
border: 0px;
}


/* Menu Styles */

#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #6D735E;
color: white;
width: 885px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
margin: 0px;
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: white;
text-decoration: none;
font-size: 14px;
}

#navcontainer ul li a:hover
{
background-color: #363C42;
color: white;
}



/*Portfolio Page Styles */
.portfolio_section {
margin-top: 20px;
padding-top: 20px;
padding-right: 40px;
}

.portfolio_section img {
background: url('../images/drop_shadow_portfolio.gif') no-repeat;
padding-right: 8px;
padding-bottom: 8px;
}

.portfolio_left {
margin-left: 65px;

}

.portfolio_right {
margin-left: 105px;

}

.portfolio_right img {
background: url('../images/drop_shadow_portfolio.gif') no-repeat;
padding-right: 8px;
padding-bottom: 8px;
}

.portfolio_left img {
background: url('../images/drop_shadow_portfolio.gif') no-repeat;
padding-right: 8px;
padding-bottom: 8px;
}


/*Email Form styles */
#email_form {
margin-left: 20px;
}
		.box{

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 12px;

background: #cccccc;

color: #000060;

border: 2px solid #000;

}

.box:focus{

border: 2px dashed #0000ff;

}

.submit{

background: #grey;

color: #000060;

border: 2px solid #4444ff;

padding: 0px 0px 0px 0px;

}

.submit:active{

border: 2px dashed #4444ff;

}

.complain{

font-size: 10px;

background: #cccccc;

color: #000060;

border: 2px solid #4444ff;

padding: 0px 0px 0px 0px;

}

.complain:active{

font-size: 10px;

border: 2px dashed #4444ff;

}

.bottomtxt{

margin-top: 20px;

font-size: 10px;

}

.success, p.success {

	color: #ffffff;

	background: #005500;

	font-size: 10px;

	font-weight: bold;

}

.failure, p.error {

	color: #ffffff;

	background: #550000;

	font-size: 10px;

	font-weight: bold;

}

div.formField input, input.form, input {

   background: #grey;

   border: 1px solid #000;

   color: #000000;

   font-family: Arial, Sans-Serif;

   font-size: 12px;

   margin-bottom: 10px;

}



div.formField textarea, textarea.form, textarea {

   background: #grey;

   border: 1px solid #000;

   color: #000000;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 12px;

  margin-bottom: 10px;

}



div.formField label {

	display: block;

}



.result {

	border: solid 1px #ffffff;

	padding: 0.3em;

}