@charset "UTF-8";
/* CSS Document */

body{
	margin: 14px auto;
	background:#e8e7d8;
	background-repeat:repeat;
	margin:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	}
	
/*FOUND IN ENTIRE SITE FOR ALL TO MOST PAGES*/	
	/* IMAGE BORDER*/
		img {border: 0px;}
	
	/*UN ORDERED LISTS FOR MOST-> ALL LISTS ON SITE*/	
		ul{
			text-decoration: none;
			list-style: none;
			color:#5b5836;
			}
	/*FONTS HEADERS AND PARAGRAPH STYLES*/
		h1{
			color:#5b5836;
			font-weight: 100;
			}
		h2{
			color:#5b5836;
			font-family:Georgia, "Times New Roman", Times, serif;
			line-height: 24px;
			font-weight: 300;
			font-size: 22px;
			letter-spacing: 1px;
			}
		p{
			color:#666;
			font-family:Georgia, "Times New Roman", Times, serif;
			line-height: 24px;
			letter-spacing: 1px;
			}
	/*LINKS*/		
		a:link, a:visited, a:hover, a:active  {text-decoration: none;}
		a:link, a:visited{ color: #5b5836;} 
		a:active, a:hover { color: #f37321; }
		
		
/*OUTTER MOST DIV, HOLD THE FANCY MAGE IN THE BACKGROUND*/		
	#boundaries{
		height:320px;
		background: url(../resources/background_image.png) no-repeat center top;
		margin: auto;
		}
	
	/*WRAPPER DIV- HOLDS ALL OF CONTENT OF THE WEBSITE TOGETHER- HEADER, CONTENT, FOOTER*/	
		#wrapper{
			margin: auto;
			width: 920px;
			padding: 40px 10px 10px 10px;
			overflow: hidden;
			}
		
		/*HEADER INFORMATION - HOLDS THE LOGO, PHONE NUMBER, and MAIN NAVIGATION UL*/	
			#header{
				float: left;
				width: 920px;
				overflow: hidden;
				}
			/*LOGO DIV JUST HOLDS THE LOGO IMAGE/BUTTON BACK TO HOME PAGE*/	
				#logo{
					float: left;
					width: 400px;
					height: 68px;
					}
			/*PHONE DIV HOLDS JUST THE PHONE NUMBER TO CREATIVE KIM*/		
				#phone{
					float: right;
					width: 500px;
					padding: 15px 0px 0px 0px;
					text-align: right;
					}
			/*NAV DIV HOLDS ALL THE INFORMATION FOR THE MAIN NAVIGATION FOUND ON ALL PAGES*/		
				#nav{
					float: left;
					width: 920px;
					overflow: hidden;
					background: #FFF;
					}
					#nav ul{ float: left; }
					/*INDIVIDUAL LISTS IN THE UNORDERED LIST. AS WELL AS THEIR INDIVIDUAL CLASS NAMES*/	
						#nav ul li{
							float: left;
							letter-spacing: 2px;
							font-size:17px;
							float: left;
							}
							.nav_li, .current { margin: 0px 70px 0px 0px; } /*margin for each individual nav li's*/
							.last, .last_current{ margin: 0px; } /* fix of margin on the last li found in the nav*/
							/* LINKS FOUND IN THE MAIN NAVIGATION*/	
								.main_nav_link, .current, .last_current{
									display: block;
									height: 27px;
									padding-top: 10px;
									background: url(../resources/roll.png) left;
									background-repeat: no-repeat;
									background-position: 0 20px;
									text-indent: 25px;
									}
									.current, .last_current {color: #f37321;}
								.main_nav_link:hover, .current, .last_current{ background-position: 0 -24px; }
		/* MAIN CONTAINER HOLDS THE REST OF THE INFORMATION: MAIN CONTENT, SLIDER, SOCIAL MEDIA*/						
			#main_container{
				float: left;
				position: relative;
				width: 860px;
				overflow: hidden;
				background: #FFF;
				padding: 0px 30px;
				}
				
				#content_container{
					border-top: 1px solid #e8e7d8;
					float: left;
					position: relative;
					width: 860px;
					overflow: hidden;
					padding-top: 20px;
					}
					
					/*CONTENT INFORMATION*/
						#content{
							float: left;
							width: 790px;
							overflow: hidden;
							padding: 0px 35px 20px 35px;
							}
							
						/*HOME PAGE INFORMATION*/
							#home_slider{
								float: left;
								position: relative;
								width: 790px;
								height:490px;
								z-index: 1;
								margin-top: 18px;
								}
									.arrow_home_back{
										position: absolute;
										z-index: 6;
										height: 52px;
										width: 23px;
										top: 220px;
										left: 60px;
										}
									.arrow_home_next{
										position: absolute;
										z-index: 7;
										height: 52px;
										width: 23px;
										top: 220px;
										right: 60px;
										}	
					
					/*PROFILE INFORMATION*/
						#bio_photo{
							background:#e8e7d8;
							float: left;
							width: 300px;
							height: 200px;
							margin: 18px 20px 0px 0px;
							}
						#bio_info{
							float: left;
							width: 470px
							}

					/*Services/Testimonials*/
						.paragraph{
							float: left;
							border-bottom: 2px dotted #e8e7d8;
							margin-bottom: 20px;
							}
							.testi_name{
								color:#5b5836; 
								font-style:italic;
								text-align: right;
								}
						.half_column{
							float:left;
							width:395px;
							}
							.half_column ul{ 
								float:left; 
								position: relative; 
								left: -25px; }
							.half_column ul li{
								list-style-image:url(../resources/bullet.png);
								margin-bottom: 10px;
								font-family:Georgia, "Times New Roman", Times, serif;
								color:#666;
								letter-spacing:1px;
								}
					/*PORTFOLIO PAGE*/
						#secondary_nav{
							float: left;
							width: 200px;
							}
							#secondary_nav ul{
								float: left;
								position: relative;
								left: -40px;
								}
								#secondary_nav ul li{
									border: 2px solid #e8e7d8;
									padding: 10px;
									text-align: center;
									margin-bottom: 10px;
									letter-spacing:1px;
									}
								.current_port{
									background:#3F4129;
									color:#996;
									}
						#portfolio_slider{
							float: left;
							position: relative;
							width: 590px;
							height: 420px;
							background: #e8e7d8;
							margin-top: 20px;
							z-index: 1;
							}
							.arrow_portfolio_back{
								position: absolute;
								z-index: 6;
								height: 52px;
								width: 23px;
								top: 180px;
								left: 20px;
								}
							.arrow_portfolio_next{
								position: absolute;
								z-index: 7;
								height: 52px;
								width: 23px;
								top: 180px;
								right: 20px;
								}		
								
					/*CONTACT PAGE*/
						#form{
							float: left;
							width: 500px;
							height: 500px;
							}
						#contact_info{
							float: right;
							width: 250px;
							}
				/*SOCIAL MEDIA DIV--HOLDS ALL INFORMATION TO CONNECT WITH SOCIAL MEDIA*/					
					#social{
						float: right;
						width: 820px;
						margin-right: 30px;
						overflow: hidden;
						}
						#social ul{ float: right; }
							#social ul li{ 
								margin-left: 7px; 
								float: left;
								}
								.houzz{
								padding-left:35px;
								
								}
								
		/* FOOTER INFORMATION HOLDS HER TOWN, NUMBER, and EMAIL*/						
			#footer{
				width: 920px;
				float: left;
				padding: 20px 0px;
				text-align: center;
				}
				#footer ul{
					overflow: hidden;
					width: 520px;
					margin: 0px 0px 20px 210px;
					}
				#footer ul li{
					padding: 0px 4px;
					font-size: 13px;
					float: left;
					}