body {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:14px;
	font-family:"Myriad Pro";
	color: #000;
	background-image:url(../assets/bcgr_img/meshc.png);
}

p { margin-top: 10px; margin-bottom: 10px;line-height:16px; }
a { color: #000000; }
a:link { text-decoration: none; }
a:hover { text-decoration: none;}
.hidden{display:none;}
h1 { font-weight: normal; }
h2 { font-weight: normal; }


#mainpagewrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/* logo */
#logo {
	height: 44px;
	width: 202px;
	background-color:none;
	position: absolute;
	z-index: 20;
	left: 749px;
	top: 17px;
}
/* main navigation */
#navigation {
	height: 80px;
	width: 100%;
	position: absolute;
	margin-left: 0;
	z-index: 10;
	left: -2px;
	top: 20px;
}
#navigation ul {
	width: 900px;
	margin-left: 175px;
	margin-top: 47px;

}
#navigation li {
	list-style: none;
	position:absolute;
	width: 94px;
	height:20px;
	display: block;
	left: 177px;
	top: 48px;
	
}

#navigation a {
	height: 20px;
	font-size: 14px;
	letter-spacing:2px;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	display: block;
	color:#FFFFFF;
}


#navhome {  }
#navblog { margin-left: 330px; }
#navservices{ margin-left: 105px; }
#navportfolio{ margin-left: 225px; }
#navcontact {  margin-left: 430px; }
#navigation a:hover { color:#AEDEE4;}


#scrollwrapper {
	height: 100%; 
	width: 100%;
	position: relative;
	z-index: 1;
}
 
#scrollinnerwrapper {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

.scrolling-content {
	width: 0px;
	height: 0px;
	position: absolute;
}


/* top left */
#blog {
	left: -51px;
	top: 8px;
	width: 3055px;
	height: 700px;
	
}
#blogmain {
	width: 990px;
	height: 620px;
	padding-top: 80px;
}

#blogpage {
	height: 550px;
	width: 750px;
	float: left;
	margin-top: 20px;
	margin-left:200px;
	background-image:url(../assets/bcgr_img/leave.jpg);
	
}
#blgtxthdr {
	padding-left:110px;
	width:470px;
	background-image: url(../blog/wbcgrblghdr.png);
	background-repeat: no-repeat;
	height: 94px;
	padding-top: 10px;
	float:left;
	margin-left:74px;
	margin-top: 20px;
}

#blogtext {
	width: 675px;
	height:400px;
	position:relative;
	left:75px;
	top:0px;
	float:left;
	overflow-y: scroll;
	overflow-x: none;

}
#blogbanner {
	width: 540px;
	height: auto;
	padding:20px;
	float:left;
	background-color:#FFF;
}
#blogbannerspacer {
	width: 400px;
	height: 15px;
	float:left;
}

/* top right */
#services {
	left: 1916px;
	width: 3055px;
	height: 700px;
} 

#topright {
	width: 960px;
	height: 700px;
}

/* elements top right */

#mgservices {
	position: absolute;
	margin-top: 100px;
	margin-left: 200px;
	height:500px;
	width:750px;
	background-image: url(../assets/bcgr_img/resize_img/bg6.jpg);
	background-repeat: no-repeat;
}

/* middle left */
#middleleftwrapper {
	left: 0px; 
	top: 700px;
	width: 3055px;
	height: 700px;
} 
#middleleft {
	
	width: 940px;
	height: 700px;
	background: url(../images/suculents2.jpg) no-repeat 100px 200px;
}

#designby {
	margin-top: 480px;
	margin-left: 270px;
}

/* middle */
#home {
	left: 958px; 
	top: 700px;
	width: 3055px;
	height: 700px;
	

}
#homemiddle {
	width: 750px;
	height: 500px;
	margin-top: 100px;
	margin-left:200px;
	background-image: url(../assets/bcgr_img/resize_img/bg5.jpg);
	background-repeat: no-repeat;
	display:block;
}
#hometxt {
	float:left;
	height: 390px;
	margin-left :160px;
	width: 423px;
	margin-top: 55px;
	background-image:url(../assets/bcgr_img/wbcgrba.png);
	background-repeat:no-repeat;
	padding-left:20px;
	font-family:"Myriad Pro";
	font-size:12px;
	}
	
#hometxt p {line-height: 17px;}


/* middle right */
#middlerightwrapper {
	left: 1916px;
	top: 700px;
	width: 3055px;
	height: 700px;
}

#middleright {
	left: 1916px; 
	height: 700px;
}

/* elements middle right */

#rawsplat {
	position: absolute;
	margin-top: 50px;
	margin-left: 50px;
}

/* bottom left */ 
#portfolio {
	left: 0px; 
	top: 1400px;
	width: 3055px;
	height: 1179px;
	
}
#bottomleft {
	width: 990px;
	height: 700px;

}

/* elements bottom left */

#gallery {
	position: absolute;
	margin-top: 100px;
	margin-left: 200px;
	width:750px;
	height:500px;
	background-image: url(../assets/bcgr_img/resize_img/bg1.jpg);
}
#galleryimg {
	float:left;
	height: 392px;
	margin-left :75px;
	width: 602px;
	margin-top: 55px;
	background-image:url(../gallery/img/wbcgrgal.png);
	background-repeat:no-repeat;
	font-family:"Myriad Pro";
	font-size:12px;

	}
#galleryimg a {
	font-family:"Myriad Pro";
	font-size:13px;
	}
#navigationgal {
	height: 20px;
	width: 600px;
	float: left;
}
#navigationgal ul {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
}
#navigationgal li {
	list-style: none;
	position:absolute;
	text-decoration:none;
	text-align:center;
	height:22px;
	display: block;
	line-height:20px;
	width:auto;
	left: 75px;
	top: 150px;
}
#navigationgal a {text-decoration:none;color:#603813;}
#navigationgal a:hover {text-decoration:none;color:#330066}
#navgalbr { margin-left:15px }
#navgalpd { margin-left:175px }
#navgalid { margin-left:100px }
#navgalws { margin-left:270px }
#navgalad { margin-left:345px }
#navgalmg { margin-left:455px }
#navgalbo { margin-left:540px }
#galhdr {padding-left:20px;height:80px;}

#webslink {
	height:0px;
	width:270px;
	text-decoration:none;
	position:relative;
	margin-left: 20px;
	padding:0;
}
#webslink a { text-decoration:none; font-size:12px; }
#websiteshid {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	padding-left:10px;
	height:auto;
	width:230px;
	position:relative;
	margin-left: 20px;
	
}
#websiteshid a {text-decoration:none;color:#603813; font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; line-height:14px;}
#websiteshid a:hover {color:#330066; text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; line-height:14px;}

#tv {
	height:200px;
	width:304px;
	position:absolute;
	left: 339px;
	top: 208px;
}

/* bottom right */
#contact {
	left: 1916px; 
	top: 1400px;
	width: 3055px;
	height: 1179px;
}

#bottomright {
	width: 960px;
	height: 700px;
	background: url(../images/canvas-br_bg5.jpg) no-repeat;
}
#contactlogo {
	width:420px;
	padding-left:25px;
	margin-top:10px;
	}
#contactft {
	width: 200px;
	Height: 45px;
	position:relative;
	margin: 0;
	padding: 0;
	left:150px
	z-index: 60;
	left: 80px;
	top: -35px;
	}

/* elements bottom right */
#canvas {
	width: 750px;
	height: 500px;
	position: absolute;
	margin-top: 100px;
	margin-left: 200px;
	background-image: url(../assets/bcgr_img/resize_img/bg3.jpg);
	background-repeat:no-repeat;
}
#servtxt {
	height: 390px;
	margin-left :160px;
	width: 440px;
	margin-top: 55px;
	background-image:url(../services/wbcgra.png);
	background-repeat:no-repeat;
	padding-left:20px;
	font-family:"Myriad Pro";
	font-size:12px;
	}
#servtxt a { text-decoration:none; color:#330066;}
#servtxt a:hover { color:#603813;} 
#contactmain {
	height: 390px;
	margin-left :160px;
	width: 440px;
	margin-top: 55px;
	background-image:url(../assets/bcgr_img/wbcgrba.png);
	background-repeat:no-repeat;
	padding-left:20px;
	font-family:"Myriad Pro";
	font-size:12px;
	}
#contactmain a{ color:#330066; text-decoration:none;}
#contactmain a:hover{ color:#603813;}
	
#artContainer {
	height:390px;
	width:4400px;
	}





/* elements top right */

#servtxt {
	height: 390px;
	margin-left :160px;
	width: 440px;
	margin-top: 55px;
	background-image:url(../assets/bcgr_img/wbcgrba.png);
	background-repeat:no-repeat;
	padding-left:20px;
	font-family:"Myriad Pro";
	font-size:12px;
	}
#servtxt a:link { font-family:"Myriad Pro"; font-size:12px; color:#330066; text-decoration:none;}	
#servtxt a:hover { font-family:"Myriad Pro"; font-size:12px; color:#603813; text-decoration:none;}	
#servtxt p {line-height: 17px;}
.servhdr { font-family:"Myriad Pro"; font-size:14px; color:#330066; }
.contacthdr { font-family:"Myriad Pro"; font-size:14px; color:#330066;}

#servhid {
	height:300px;
	width:400px;
	position:absolute;
	left: 468px;
	top: 98px;
	background-color:#FFFFFF;
	padding-left:20px;
	padding-right:10px;
	visibility:hidden;
	}