/* css SIMPLIFY WEBSITE
   Author: Sage Radachowsky
   Created: 2005 March 28
   Client: Simplify
*/



body {
background-color : #FFFFFF;
}


/* ### WHOLE PAGE */

#page  {
	background: #fff; 
	position: absolute;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	left: 0;
	top: 0;
	width: 900px;
	height: 600px;
}


/* ### MENU BAR */

#menu_bar {
	position: absolute;
	left:5px;
	top:10px;
	width:180px;
	height:580px;
	color: #6f5;
        font-family: sans-serif;
        font-size: 32px;
	background-color: RGB(32,112,32);
	background-image: url(menubox.gif);
	padding: 5px, 10px, 5px, 10px;
}

/* menu bar text styles */
#menu_bar a { text-decoration: none; color: #5b4; }
#menu_bar a:visited { color: #4a3; }
#menu_bar a:hover { color: #8d4; }

/* menu bar elements */
#logo {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 160px;
	height: 160px;
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	}
#logo img { border: none; }
#logo a:hover { filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; background-color: white; }


#what {
	position: absolute;
	left: 65px;
	top: 99px;
	}

#why {
	position: absolute;
	left: 88px;
	top: 154px;
}

#how {
	position: absolute;
	width:80px;
	left: 93px;
	top: 215px;
}

#who {
	position: absolute;
	width:80px;
	left: 75px;
	top: 270px;
}

#when {
	position: absolute;
	width:80px;
	left: 45px;
	top: 330px;
}

#where {
	position: absolute;
	width:80px;
	left: 50px;
	top: 390px;
}


#menu_ov1 {
	position: absolute;
	left: 24px;
	top: 8px;
	width: 162px;
	height: 108px;
	border: none;
	}

#menu_ov2 {
	position: absolute;
	left: 100px;
	top: 530px;
	width: 72px;
	height: 41px;
	border: none;
	}





/* ### CONTENT AREA */

#content_area {
	position: absolute;
	left:240px;
	top:10px;
	width:660px;
	height:580px;
	margin: 0;
	padding: 0;
}





/* ### MAIN PAGE CONTENT */


#phone_email {
	position: absolute;
        text-align: center;
	left:0px;
	top:525px;
	width:660px;
	height:40px;
	margin: 0;
	padding: 0;
        font-family: sans-serif;
        font-size: 18px;
        color: #2060c0;
}


/* ### 'WHAT' PAGE */

#before_to_after_arch {
	position: absolute;
	left:160px;
	top:0px;
	width:320px;
	height:50px;
	background-image: url(simplify_arch.jpg);
}

#before_photo {
	position: absolute;
	left:10px;
	top:20px;
	width:300px;
	height:240px;
	border: solid thin #222;
}

#after_photo {
	position: absolute;
	left:350px;
	top:20px;
	width:300px;
	height:240px;
	border: solid thin #222;
}

#what_textbox {
	position: absolute;
	text-align: justify;
	left:20px;
	top:300px;
	width:600px;
	height:200px;
	font-size: 1.2em;
	font-family: serif;
}

#what_next {
	position: absolute;
	left:330px;
	top:560px;
	width:330px;
	text-align:right;
	font-size:1.8em;
	font-family:serif;
}

/* what_next text styles */
#what_next a { text-decoration: none; color: #5b4; }
#what_next a:visited { color: #4a3; }
#what_next a:hover { color: #8d4; }


#what_back {
	position: absolute;
	left:0px;
	top:565px;
	width:320px;
	text-align:left;
	font-size:1.8em;
	font-family:serif;
}

/* what_back text styles */
#what_back a { text-decoration: none; color: #5b4; }
#what_back a:visited { color: #4a3; }
#what_back a:hover { color: #8d4; }





/* ### WHY PAGE CONTENT */

#why_next {
	position: absolute;
	left:330px;
	top:520px;
	width:320px;
	text-align:right;
	font-size:2.2em;
	font-family:serif;
}

#why_next a { text-decoration: none; color: #5b4; }
#why_next a:visited { color: #4a3; }
#why_next a:hover { color: #8d4; }

#why_back {
	position: absolute;
	left:0px;
	top:520px;
	width:320px;
	text-align:left;
	font-size:1.8em;
	font-family:serif;
}

#why_back a { text-decoration: none; color: #5b4; }
#why_back a:visited { color: #4a3; }
#why_back a:hover { color: #8d4; }

/* ###  HOW  PAGE   */

#how_textbox {
	position: absolute;
	text-align: justify;
	left:20px;
	top:320px;
	width:600px;
	height:200px;
	font-size: 1.5em;
	font-family: serif;
}

/* ###  WHO  PAGE   */


#who_center_photo {
	position: absolute;
	left:207px;
	top:25px;
	width:106px;
	height:240px;
	
}


#who_textbox {
	text-align: justify;
	font-size: 1.5em;
	font-family: serif;
	position: absolute;
	text-align: justify;
	left:20px;
	top:280px;
	width:600px;
	height:260px;

}