@charset "utf-8";

/*
	Scenic Landscaping
	Author : Joey Avino
	Copyright : Amedia Creative
	Link : www.amediacreative.com
	Email : info@amediacreative.com
	Phone : 310/651/8733
	Fax : 310/388/1210f

*/

/* LAYOUT */

html, body {

	height: 100%;
	margin: 0px;
  	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	color: #ebebeb;
	width: 100%;
	background: #4e4e4e url('../../images/main/bg.png') repeat-x top left;

}

div {

	position: relative;
	text-align: left;

}

img { border: 0px; }

div#nonFooter, div#total_bg {

	min-height: 100%;
	top: 0px;
	
}

* html div#nonFooter, div#total_bg {

	height: 100%;
	margin: 0px;
	padding: 0px;
	
}

div#total_bg { position: absolute; width: 100%; }

div#content {

	text-align: center;
	width: 900px;
	margin: auto;

}

div#banner {

	height: 159px;
	width: 900px;
	margin: auto;

}

div#logo {

	width: 314px;
	height: 110px;
	top: 10px;
	background: url('../../images/main/logo.png') no-repeat top left;

}

a.logo {

	width: 314px;
	height: 110px;
	display: block;
	text-indent: -9999px;

}


div#main, div#window, div.page, div#holder {

	width: 901px;
	margin: auto;

}

div#main { padding-bottom: 30px; }

.mainBG { background: url('../../images/main/bg_png.png') no-repeat top left }

div#menu { 

	position: absolute;
	margin-top: -7px;
	right: 0px;
	z-index: 2;

}

#menu ul {

	list-style: none;
	padding: 0px;
	margin: 0px;

}

#menu li {

	display: inline;
	float: right;
	text-align: center;
	margin-left: 15px;

}

div#footer {

	height: 16px;
	margin-top: -40px;
	padding: 12px;

}

#menu a {

	height: 17px;
	display: block;

}

div#window {

	margin: auto;
	margin-top: 20px;

}

div#top_left, div#top_right, div#mid_left, div#mid_right, div#btm_left, div#btm_right {

	height: 177px;
	float: left;
	margin-top: 5px;

}

div#btm_left, #btm_right {

	padding-bottom: 15px;

}

div#top_left, div#mid_right, div#btm_left { 	width: 681px; }
div#top_right, div#mid_left, div#btm_right { 	width: 215px; }
div#top_left, div#mid_left, div#btm_left {		margin-right: 5px; }

div#top_left { 		background: url('../../images/main/top.png') no-repeat top left; }
div#top_right { 	background: url('../../images/main/top_profile.png') no-repeat top left; }
div#mid_left { 		background: url('../../images/main/mid_work.png') no-repeat top left; }
div#mid_right { 	background: url('../../images/main/mid.png') no-repeat top left; }
div#btm_left { 		background: url('../../images/main/btm.png') no-repeat top left; }
div#btm_right { 	background: url('../../images/main/btm_process.png') no-repeat top left; }

#contact div#mid_left { 	background: url('../../images/page/contact_left.png') no-repeat top left; }
#contact div#mid_right { 	background: url('../../images/page/contact_right.png') no-repeat top left; }

#window a { 		display: block; height: 177px; }
a.btn_right:hover { background: url('../../images/main/top_profile_on.png') no-repeat top left; }
a.btn_mid:hover { 	background: url('../../images/main/mid_work_on.png') no-repeat top left; }
a.btn_btm:hover { 	background: url('../../images/main/btm_process_on.png') no-repeat top left; }

a.one {				width: 94px; background: url('../../images/main/profile.png') no-repeat top left; }
a.two {				width: 92px; background: url('../../images/main/process.png') no-repeat top left; }
a.three {			width: 80px; background: url('../../images/main/work.png') no-repeat top left; }
a.four {			width: 64px; background: url('../../images/main/contact.png') no-repeat top left; }

a.one:hover {		background: url('../../images/main/profile_on.png') no-repeat top left; }
a.two:hover {		background: url('../../images/main/process_on.png') no-repeat top left; }
a.three:hover {		background: url('../../images/main/work_on.png') no-repeat top left; }
a.four:hover {		background: url('../../images/main/contact_on.png') no-repeat top left; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

#home .left { float: left; width: 400px; }
#home .right { float: right; width: 400px; }

a {

	color: #c2e31a;
	text-decoration: none;
	font-size: 12px;

}

a:hover { text-decoration: underline; }

h1 {

	margin: 0px;
	margin-top: 15px;
	color: #c2e31a;
	font-size: 35px;
	font-weight: normal;
	height: 35px;
	width: 425px;
	

}

h2 {

	margin: 15px 0px 0px 2px;
	color: #ebebeb;
	font-weight: normal;
	font: normal 25px "Times New Roman", Times, serif;

}

h3 {

	padding: 0px 0px 0px 0px;
	margin: 15px 0px 0px 2px;
	color: #c2e31a;
	font-weight: normal;
	font: normal 25px "Times New Roman", Times, serif;

}

#profile h2 {

	margin: 15px 0px 0px 2px;
	color: #ebebeb;
	font-weight: normal;
	font: normal 20px "Times New Roman", Times, serif;

}

.employment { width: 300px; }
p.employment { font-size: 12px; }
h2.employment { margin-top: 40px; }

#profile .left {

	width: 127px;
	margin-right: 66px;

}

#profile a { font: 19px "Times New Roman", Times, serif; }

#profile .nomarg { margin-right: 0px; }

#profile h1 {		background: url('../../images/page/profile_header.png') no-repeat top left; }
#work h1 {			background: url('../../images/page/work_header.png') no-repeat top left; }
#process h1 {		background: url('../../images/page/process_header.png') no-repeat top left; }
#contact h1 {		background: url('../../images/page/contact_header.png') no-repeat top left; }
#map h1 {			background: url('../../images/page/map_header.png') no-repeat top left;  }
#area h1 {			background: url('../../images/page/area_header.png') no-repeat top left;  }

p {

	font-size: 15px;
	line-height: 25px;
	margin: 0px;
	padding: 0px;
	color: #ebebeb;
	padding: 5px;

}

#contact p { padding: 0px; }
#contact .left { width: 350px; }
#work .left { margin: 10px 0px 0px 10px; }

#work .img {

	width: 285px;
	height: 175px;

}

.profileElement { }

.tool-tip {

	color: #fff;
	width: 172px;
	z-index: 13000;

}
 
.tool-title {

	font-weight: bold;
	font-size: 11px;
	color: #c2e31a;
	margin: 0;
	padding: 8px 8px 4px;
	background: url('../../images/page/profile/bubble.png') top left;

}
 
.tool-text {

	font-size: 11px;
	padding: 4px 8px 8px;
	background: url('../../images/page/profile/bubble.png') bottom right;

}

.nomarg { margin-right: 0px; }

.caption { display: none; }


/* FOR SEO */
.underlay {

	position: absolute;
	z-index: -1;
	left: 0px;
	top: 20px;

}
 
#area .left { width: 220px; }
#map .left { width: 430px; }
#map #window #mid_left { background: url('../../images/main/mid_work_notitle.png') no-repeat top left; }
#area #window #mid_left { background: url('../../images/main/mid_work_notitle2.png') no-repeat top left; }