/* CSS Document */

body {
 background: url(images/layoutBG.jpg) center top repeat fixed;
 text-align:center;
  margin-top:0;
}
#wrapper {
	margin-left:auto;
	margin-right:auto;
	width: 810px;
	vertical-align:top;
	color: #D5CCB4;
}

img.floatLeft { 
    float: left; 
    margin-right: 4px; 
}
a {
color:#FFFFFF;
text-decoration: underline;
}
a:hover{
color:#FFFFCC;
text-decoration:none;
}

h1{
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
margin-top:0;
margin-bottom:0;
}

h2{
font-family:Arial, Helvetica, sans-serif;
color:#240000;
font-size:18px;
font-weight:bold;
margin-top:0;
margin-bottom:0;
}
#header {
	background-image: url(images/4DWheader2.gif);
	width: 808px;
	height: 192px;
	margin-left:0;
	float:left;
	position:relative;
	text-align:right;
}
#Opheader {
background-image: url(images/header3.gif);
width: 808px;
height: 192px;
margin-left:0;
float:left;
position:relative;
}
#Opheader h1{display:none;
}
.headertext{
text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 27%;
	font-size:14px;
	vertical-align:text-bottom;
	position: relative;
	margin-top:23px;
	float:right;
}

#contenttop{
width: 800px;
height: 15px;
margin:0 0 0 3px;
float:left;
position:relative;
padding:2px 0 0 0;
}
#content{
width:800px;
float:left;
position:relative;
}
#contentmain{
width: 785px;
background-color:#d5ccb4;
margin-left:3px;
margin-right:0;
float:left;
position:relative;
text-align:center;
padding:5px 5px 5px 10px;
}
.pagetitles{
width: 740px;
text-align:left;
float:left;
background-color:#240000;
position:relative;
margin-left: 10px;
margin-bottom:5px;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color: #FFFFFF;
}

#infocontent{
width: 750px;
text-align:left;
float:left;
position:relative;
margin-left: 10px;
margin-bottom:25px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #240000;
}

#infocontent2{
max-width: 500px;
width: 500px;
text-align:left;
float:left;
position:relative;
margin-left: 5px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #240000;
}
#contentmain2{
width: 780px;
background-color:#d5ccb4;
margin-left:0;
margin-right:0;
float:left;
position:relative;
text-align:center;
padding:0 0 10px 0;
}
#contentbottom{
width: 800px;
height: 19px;
background-image:url(images/contentbottom.gif);
margin-left:3px;
margin-right:auto;
margin-bottom: 20px;
float:left;
position:relative; 
}

.picture{
width:100%;
background-color:#240000;
padding:2px 2px 2px 2px;
margin: 2px 0 0 0;
font:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
text-align:left;
float:left;
position:relative;
vertical-align:middle;
}

#picturewrapper{
width:740px;
padding:2px 2px 2px 2px;
margin-left: auto;
margin-right: auto;
margin-bottom:0;
margin-top:0;
font:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:center;
float:left;
position:relative;
}

.infobox{
width: 210px;
height: 220px;
float:left;
position:relative;
background-color: #240000;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #FFFFFF;
padding: 5px 5px 2px 10px;
margin-right: 15px;
margin-left: 15px;
}

#sidebarinfo{
width: 210px;
float:right;
position:relative;
background-color: #240000;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #FFFFFF;
padding: 10px 5px 5px 10px;
margin-right: 0;
margin-left: 2px;
}

.testimonials {
width: 315px;
float:right;
position:relative;
background-color: #240000;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color: #FFFFFF;
padding: 10px 5px 5px 10px;
margin-right: 0;
margin-left: 2px;
margin-top:4px;
border:solid 2px #FFFFFF;
}
.testimonials2 {
width: 325;
float:right;
position:relative;
background-color: #240000;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color: #FFFFFF;
padding: 10px 5px 5px 10px;
margin-right: 0;
margin-left: 2px;
margin-top:4px;
border:solid 2px #FFFFFF;
}

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin:0 0 0 3px;
padding: 0;
float: left;
width: 800px; /*width of menu*/
background: #d5ccb4 url(images/upbutton.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color: #240000; /*text color*/
padding: 15px 11px;
text-decoration: none;
border-right: 1px solid #240000;
}

.indentmenu ul li a:visited{
color: #240000;
}

.indentmenu ul li a:hover{
color: white !important; /*text color of selected and active item*/
padding-top: 15px; /*shift text down 1px for selected and active item*/
padding-bottom: 15px; /*shift text down 1px for selected and active item*/
background: black url(images/hoverbutton.gif) center center repeat-x;
}

#contactbottom{
margin: 5px 0 0 0;
padding: 4px 0 4px 0;
text-align:center;
background-color:#240000;
color:#ffffff;
width:780px;
float:left;
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

#edjeinfo{
margin-left:3px;
padding: 2px 0 2px 0;
text-align:center;
color:#ffffff;
background-color:#240000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
position:relative;
width: 800px;
}