/* 
CSS
*/
 
body { text-align: center; font: 100% arial;  color: #fff; background: #ffffff; margin: auto; text-align: center; line-height: 1.2em; letter-spacing: 0.01em;}
html { width:100%;}

/*#bgWrapper {width:1032px; margin:auto; text-align:left;background-image: url(images/background.jpg); background-repeat: repeat-y;}*/
#wrapper {width:926px; margin:auto; text-align:left; border:15px solid #fff; background: #8d55a2;}
#header { width:926px; height: 107px; background-image:url(images/header-bg.jpg); background-repeat:no-repeat;}
#main { float:left; width:908px; margin: 10px ; font-size: 95%;}
#mainContact { float:left; width:550px; margin: 40px ; font-size: 85%;}
#right { width:378px; margin: -220px 10px 10px 0; float:right; text-align:center;} 

.photo {float:right; margin: 0 0 10px 40px; }
.button { margin: 20px 0 0 0;}
li {color: #4d1a5c; margin:0 0 15px -10px;}
ul { margin:none;}

h1 { margin: 30px 0 10px 0; font-size: 180%; line-height:1.2em; font-family: "Times New Roman", Times, serif; color:#ffffff;}
h2 { margin: 20px 0 0 0; font-size: 120%; font-weight:normal; font-family:arial; color:#fff; padding: 8px; background-color:#4d1a5c;}

#main a:link { color: #ffffff; text-decoration: underline; }
#main a:active { color: #ffffff; text-decoration: underline; }
#main a:hover { color: #4d1a5c; text-decoration: underline;}
#main a:visited { color: #952985; text-decoration: none; }

#footer { padding: 5px; font-size: 70%; color: #444; width: 916px; margin: auto; margin-top: 10px; text-align: left;}
#footer a:link, a:visited { color: #444; font-weight: normal;}


/* main nav */
#navcontainer { width: 926px; height: 60px; margin: 20px 0 0 0; padding: 0; background: url(images/nav-bg.gif) #4d1a5c;
font-family: arial; text-transform:uppercase;}
ul#navcontainer { padding: 0; margin: 0;}
li#navcontainer { padding: 0; margin: 0;}
#navcontainer li 
{
display: block;
float: left;
text-align: center;
width: 110px;
height: 28px; 
margin: 17px 2px 0 10px;
text-decoration: none;
}
#navcontainer ul {
list-style-type: none; 
padding: 0;
margin: 0;
}
#navcontainer a
{
color: #fff;
text-decoration: none;
display: block;
font-size: 80%; 
padding: 5px;
}
#navcontainer li#active { }
#navcontainer a:hover { color:#8d55a2;}
/*current page highlight link*/#home .home, #whatwedo .whatwedo, #contact .contact { font-weight:bold; color:#8d55a2;}
/* main nav end */

/*form styles*/
div.box{
	
	padding:10px;
	color:#333333;
	margin-bottom:20px;
}
div.box h1 {
	font-size:14px;
	color:#000000;
	padding-bottom:4px;
}
div.box p{padding-bottom:14px;}

div.box input .input-text{
	border:1px solid #3b6e22;
	color:#666666;
	width:250px;
}

div.box label{
	display:block;
	margin-bottom:10px;
	color:#ffffff;
}

div.box label span{
	display:block;
	float:left;
	padding-right:6px;
	width:150px;
	text-align:right;
	font-weight:bold;
	font-size:12px;
}
.spacer{margin-left:158px; 
	margin-bottom:10px;
	font-size:11px;
	color:#ffffff;
}
.green{
background-color:#4d1a5c;
	padding:0px 6px;
	border:1px solid #904c9e;
	height:24px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}

#formdetails {color:white;}

.textarea {height:125px; width:300px;}

.blank{display:none;}

.clearer {
clear:both;
height:0px;
overflow:hidden;
margin-top:-1px; 
}