/* Fen Architecture CSS Document */

/*---*/

html {
height: 100%;
}


body {
margin: 0;
padding: 0;
background: url(http://folio.orangeappledesign.com.au/images/pageload.gif) no-repeat center #000000;
color: #1a1a1a;
font-size: 12px;
font-family: arial;
}

a {
margin: 0px;
padding: 0px;
color: #f26522;
text-decoration: none;
}

img {
margin: 0px;
padding: 0px;
border: 0px;
}

#main {
position: relative;
width: 840px;
height: auto;
z-index:10;
}


#left {
position: relative;
float: left;
width: 185px;
height: auto;
z-index:30;
}


#oad_block {
position: absolute;
top: 50px;
left: 0px;
width: 185px;
height: 185px;
}

#menu_bar {
position: absolute;
top: 250px;
left: 0px;
width: 185px;
height: auto;
}

#menu {
padding: 10px 10px 20px 15px;
width: auto;
height: 205px;
z-index:60;
background:#ffffff;
}

#oad_service_block {
padding-top: 75px;
width: 185px;
height: 142px;
}


#right {
position:absolute;
left:200px;
height: auto;
z-index:60;
}

#topbar {
position: absolute;
top: 50px;
left: 0px;
width: 640px;
height: 185px;
z-index:60;
}

#toggler {
position: absolute;
top: 50px;
left: 0px;
width: 60px;
height: 185px;
z-index:100;
}

#content {
position:absolute;
padding: 15px;
top:250px;
width: 610px;
height: auto;
z-index:60;
background: #fff;
}

/* USE (display: none;) IN CONTENT DIV TO HAVE CONTENT CLOSED ON PAGE LOAD */


#background {
position: absolute;
top:0px;
left:0px;
width:100%;
height: auto;
height: 100%;
z-index:1;
}


div.moduletable{
height: auto;
width: 100%;
overflow: hidden;
}



.transparentbg {
background: #fff;
filter:alpha(opacity=80);
-khtml-opacity: 0.8;
-moz-opacity:0.8;
opacity: .8;	
}

.solidbg {
background: #fff;
filter:alpha(opacity=100);
-khtml-opacity: 1.0;
-moz-opacity:1.0;
opacity: 1.0;	
}






/* START MIDDLE MENU STYLE CONTROL */

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	vertical-align: middle;
        font-family: rockwell, times new roman, serif;
	font-size: 16px;
	font-weight: bold;
	color: #f26522;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	height: 15px !important;
	height: 17px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	text-decoration: none;
	color: #1a1a1a;
}


a.mainlevel#active_menu {
	color:#1a1a1a;
	font-weight: bold;
}

a.mainlevel#active_menu:hover {
	color: #f26522;
}







a.sublevel:link, a.sublevel:visited {
	display: block;
	vertical-align: middle;
        font-family: rockwell, times new roman, serif;
	font-size: 13px;
	font-weight: normal;
	color: #808285;
	text-align: left;
	padding-top: 5px;
        padding-left: 5px;
	height: 15px !important;
	height: 17px;
	width: 100%;
	text-decoration: none;
}


a.sublevel:hover {
	color: #f26522;
	text-decoration: none;
}

a.sublevel#active_menu {
	color: #333;
}





/* START CONTENT CONTROL */

td.contentheading {
	font-size: 16px;
	font-weight: bold;
	color: #f26522;
	text-decoration: none;
}

#map {
	font-weight: bold;
	color: #ff9000;
	text-align: left;
}














/* FORM TABLES */

.left {
  font-size:12px;
  padding: 0px;
}

.left_message {
  font-size:12px;
  padding: 0px
}

.right {
  font-size:12px;
  padding-left: 0px;
}

input {
width: 170px;
padding: 0px;
}

label
{
font-size:12px;
width: 170px;
float: left;
text-align: left;
margin-right: 0px;
display: block;
}

.submit input
{
width: auto;
color: #000;
background: #ff6600;
border: 1px #333333;
}

input:focus, textarea:focus{
background-color: #ffcc99;
}

textarea 
{
width: 380px;
height: 70px;
padding: 0px;
}





/* GENERAL */

#all{
position: relative;
padding: 0px;
margin: 0px;
width: 610px;
height: 437px;
z-index: 1000;
font-size: 12px;
font-family: arial;
}

#wrapper {
position: absolute;
top: 0px;
left: 0px;
padding: 0px;
width: 610px;
height: 437px;
z-index: 1500;
}

#wrapper_back {
position: absolute;
top: 0px;
left: 0px;
padding: 0px;
width: 610px;
height: 437px;
background-color: #fff ;
filter: alpha(opacity=85); -moz-opacity: .85; opacity: .85;
z-index: 500;
}

#content2 {
position:absolute;
top: 15px;
left: 15px;
padding: 0px;
width: 580px;
height: 345px;
z-index:60;
}

#header {
width: 580px;
height: 30px;
color: #ff6600;
font-size: 20px;
font-weight: bold;
}

#address{
float:left;
width: 170px;
height: 120px;
text-align: left;
}

#spacer{
float:left;
width: 30px;
height: 120px;
}

#post_numbers{
float:left;
width: 170px;
height: 120px;
text-align: left;
}

#e_mail{
float:left;
width: 210px;
height: 120px;
}
 
#form{
float:left;
width: 580px;
height: auto;
}

#form_left{
float:left;
width: 170px;
height: auto;
}

#form_middle{
float:left;
width: 30px;
height: auto;
}

#form_right{
float:left;
width: 380px;
height: auto;
}







.rollover a {
		display:block;
		width: 185px;
		height: 187px;
		padding:0px;
        background: url(http://folio.orangeappledesign.com.au/images/requestaportfolio.gif) no-repeat;
        overflow:hidden;
		}


	.rollover a:hover {	
		background-position: 0 -187px;
		}


	.rollover a:active {
		background-position: 0 -187px;
		}