/* Ian Dear */

/* ------------------------ Main Body Styles --------------------------------- */

body {
	background-color: #c4be00;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

body img {
	border: none;
}

a {
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

#wrapper {
	background: url(images/bkdropshadow.jpg) no-repeat;
	width: 1024px;
	height: 580px;
	margin: auto;
	margin-top: -8px;
}

h2 {
	margin-top: 0px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 24px;
}

h4 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	margin: 0px;
	padding:5px;
	color:#000;
}			

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	color: #333;
}

span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	color: #333;
}

.lalign {
	float: left;
}

.thanks {
	color: #990000;
}					

/* ------------------------------ Content & Logo ------------------------------ */

#logo {
	position: absolute;
	margin: 335px 40px 0 40px;
}

#content {
	border: solid 3px;
	position: absolute;
	height: 415px;
	width: 795px;
	margin: 23px 155px;
}

.contentimg {
	position: absolute;
}	

#transbox {
	background-image: url(images/transbk.png);
	position: absolute;
	height: 395px;
	width: 250px;
	margin: 0 525px;
	z-index: 2;
	text-align: right;
	padding: 10px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	

#transbox_address {
	background-image: url(images/transbk.png);
	position: absolute;
	height: 180px;
	width: 250px;
	margin: 215px 0px 0px 0px;
	z-index: 2;
	text-align: left;
	padding: 10px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	

#transbox hr {
	width: 30px;
	float: right;
	border: #ccc 2px solid;
	margin: 0 5px 0 0px;
}


/* ------------------------------- Navigation --------------------------------- */

#mainnav {
	position: absolute; 
	height: 60px;
	width: 845px;
	margin: 445px 140px 0 140px;
	float: left;
	text-align: center;
	text-transform: uppercase;
}

.navanim {
            position: relative;
            height: 29px;
            width: 835px;
            padding: 15px;
            margin: 0px 0;
            overflow: hidden;
            border: none;
        }
                .navanim li {
                    float: left;
                    list-style: none;
					margin-right: 23px;
                }
                    .navanim li.back {
                        border-top: 3px solid #000;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .navanim li a {
                        font: bold 12px;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        .navanim li a:hover, .navanim li a:active, .navanim li a:visited {
                            border: none;
                        }
						

/* --------------------------- Projects Accordian ------------------------------------- */

.accordian  {
	width: 255px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 0px solid black;
}
.accordian div {
	background-color: none;
	height: 85px;
}

.accordian p {
	margin-bottom : 10px;
	font-size: 11px;
	margin: 0px;
	padding: 10px 5px 10px 10px;
}

.accordian a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	border-top: 0px solid #FFFFFF;
	border-bottom: 0px solid #999;
	color:#999999;	
}
.accordian a:hover {
	background-color: none;
}
.accordian a.selected {
	color: black;
	background-color: none;
}  
.accordian .selectedProj { color:#000000;}

.accordian img {cursor: pointer;}

#portfolio img {
	border: 1px solid #999;
	margin: 3px;
	cursor: pointer;
}	
	

/* ------------------------------- Footer & Copyright ------------------------------------- */						
#footer {
	margin: 560px 38px 0 38px;
	float: right;
	text-transform: uppercase;
	font-size: 10px;
	color: #666;
}

#footer a {
	font-size: 10px;
	color: #666;
}

#copyright {
	position: absolute;
	margin: 560px 0px 0px 0px;
	float: left;
	text-transform: uppercase;
	font-size: 10px;
	color: #666;
}						      


#flash{ background-color:#ffffff; width:990px; height:550px; position:absolute; z-index:12; display:block; margin:2px 0 0 1px;}

/* -------------------------- accordion script ----------------------------------------- */

.menu_list {
	width: 250px;
}
.menu_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	margin:1px;
}

.menu_body {
	display:none;
}

.menu_body a {
  display:block;
  color:#006699;
  background-color:#EFEFEF;
  padding-left:10px;
  font-weight:bold;
  text-decoration:none;
}

.menu_body a:hover {
  color: #000000;
  text-decoration:underline;
}
