/*----- WHITESPACE RESET & DEFAULTS for ALL MEDIA TYPES -----*/
html, body { margin: 0; padding: 0; }
body {
	color: #FFF;
	font-family: "trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
}


/* Baseline values for browser consistency */
p, div, h1, h2, h3, h4, h5, h6, ul, ol, li, img, form, fieldset, legend, input.checkbox, input.radio { 
margin: 0; padding: 0; border: 0; }

h2 {
	font-size:14px;
	font-weight:bold;
}
	
/* Element Default Styles */
ul, ol { list-style-position: inside; margin: 0 0 1em; }
ul li, ol li { font-size: 12px; margin: 0 0 2px; }
hr { background: #000; color: #000; border: 0; height: 1px; margin: 20px 0; }
a:link, a:visited, a:active { color: #FFF; text-decoration: none; outline: 0; }
a:hover { color: #dd0067; text-decoration: none; }	
::selection { color: #dd0067; } /* Safari */
::-moz-selection { color: #dd0067; } /* Firefox */


/*--------------------------------------------*/
.clear { clear: both; height: 0px; }
.left { float: left; }
.right { float: right; }


/*--------------------------------------------*/
#containerNav {
	width:980px;
	margin: 0 auto;
	float:none;
}
#nav {
	width:729px;
	height:193px;
	position:fixed;
	top:340px;
	margin: 0 0 0 -430px;
	float:left;
	background-image: url(../images/nav_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	z-index:10;
}
	#nav ul { list-style: none; list-style-position: outside; margin: 152px 0 0 482px; }
	#nav ul li { margin: 0; float:left }
	#nav ul li a, #nav ul li a:visited {
		display: block;
		height: 32px;
		margin: 0;
		position: relative;
		outline: 0;
		text-indent: -9999px;
		background-position:0 0;
	}	
		#nav ul li.hello a {
			background-image: url(../images/nav_hello.png);
			background-repeat: no-repeat;
			width: 56px;
		}
			#nav ul li.hello a:hover {
				background-position: 0px -32px;
			}
			#nav ul li.hello a.up {
				background-position: 0px -32px;
			}
		#nav ul li.lab a { 
			background-image: url(../images/nav_lab.png);
			background-repeat: no-repeat;
			width: 69px;
		}
			#nav ul li.lab a:hover {
				background-position: 0px -32px;
			}
			#nav ul li.lab a.up {
				background-position: 0px -32px;
			}
		#nav ul li.contact a { 
			background-image: url(../images/nav_contact.png);
			background-repeat: no-repeat;
			width: 70px;
		}
			#nav ul li.contact a:hover {
				background-position: 0px -32px;
			}
			#nav ul li.contact a.up {
				background-position: 0px -32px;
			}

#containerMain {
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: auto;
	height: auto;
	zoom: 1;
	background-image: url(../images/bg_mainTile.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #291301;
}
#hello, #lab, #contact, #showLove {  }
#hello {
	width: 100%;
	background-image: url(../images/bg_1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float:left;
}
	#hello #content {
		width: 982px;
		height: 633px;
		margin:0 auto;
	}
		#hello #content .showLove {
			width:214px;
			float:left;
			z-index:500;
			clear:both;
			top:570px;
			margin:0 0 0 45px;
			position:absolute;
		}
		#hello #content .logo {
			width:220px;
			z-index:25;
			margin:8px 15px 0 0;
			float:right;
		}
		#hello #content .bubble {
			width:452px;
			margin:225px 0 0 262px;
			float:left;
			z-index:26;
			position:absolute;
		}
	
#lab {
	width: 100%;
	background-image: url(../images/bg_2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float:left;
}
	#lab #content {
		width: 615px;
		height: 916px;
		margin:0 auto;
		padding:40px 0 0 105px;
	}
		#lab #content .title {
			padding-right:13px;	
		}
		
	#lab #lab_nav {
		padding-left:124px;	
	}
	#lab #lab_nav .dot {
		width:40px;
		text-align:center;
		float:left;	
	}
	#lab #lab_nav a, #lab #lab_nav a:visited {
		display: block;
		height: 18px;
		margin: 0;
		position: relative;
		outline: 0;
		text-indent:-9999px;
		float:left;	
	}	
		#lab #lab_nav a.web {
			background-image: url(../images/lab_digital.png);
			background-repeat: no-repeat;
			width: 58px;
		}
			#lab #lab_nav a.web:hover {
				background-image: url(../images/lab_digital_up.png);
			}
			#lab #lab_nav a.web.up {
				background-image: url(../images/lab_digital_up.png);
			}
			
		#lab #lab_nav a.id {
			background-image: url(../images/lab_id.png);
			background-repeat: no-repeat;
			width: 83px;
		}
			#lab #lab_nav a.id:hover {
				background-image: url(../images/lab_id_up.png);
			}
			#lab #lab_nav a.id.up {
				background-image: url(../images/lab_id_up.png);
			}
			
		#lab #lab_nav a.print {
			background-image: url(../images/lab_print.png);
			background-repeat: no-repeat;
			width: 43px;
		}
			#lab #lab_nav a.print:hover {
				background-image: url(../images/lab_print_up.png);
			}
			#lab #lab_nav a.print.up {
				background-image: url(../images/lab_print_up.png);
			}
			
		#lab #lab_nav a.handmade {
			background-image: url(../images/lab_weddings.png);
			background-repeat: no-repeat;
			width: 172px;
		}
			#lab #lab_nav a.handmade:hover {
				background-image: url(../images/lab_weddings_up.png);
			}
			#lab #lab_nav a.handmade.up {
				background-image: url(../images/lab_weddings_up.png);
			}
	
	#lab #thumbs {
		margin:15px 0 0 5px;
		background-image: url(../images/lab_borders.png);
		background-repeat: no-repeat;
		float:left;
		z-index:62;
		padding:5px 5px 0 3px;
		width:610px;
		position:relative;
		clear:both;
	}
	#lab #thumbs a {
		border: 3px solid #FFF;
		display:block;		
		width:74px;
		float:left;
		margin:0 5px 5px 0;
	}
		#lab #thumbs a:hover {
			border: 3px solid #dd0067;
		}
		#lab #thumbs a.up {
			margin-right:5px;
			border: 3px solid #dd0067;
		}
	
	#lab #info_web, #lab #info_id, #lab #info_print, #lab #info_hand {
		margin:20px 0 0 11px;
		float:left;
		position:absolute;
		z-index:61;
		width:652px;
	}
		#lab div.proj_holder {
			width:660px;
			height:450px;
		}
	#lab #gallery {
		width:588px;
		clear:both;
		height:398px;
	}
		/*TEMP SOLUTION*/
		#lab .large_border {
			width:598px;
			padding:        3px;
    		background:     #FFF;
		}
	#lab #copy {
		text-align:right;
		width:588px;
		padding-top:14px;
		float:none;
		clear:both;
	}
	#lab #copy p {
		line-height:13px;
	}
	#lab #copy a {
		color:#dd0067;
		font-size:14px;
		font-weight:bold;
		text-decoration:underline;
	}
		#lab #copy a:hover {
			color:#dd0067;
			text-decoration:none;
		}
	
	
#contact {
	width: 100%;
	background-image: url(../images/bg_footTile.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	float:left;
}
	#contact #bg_holder {
		background-image: url(../images/bg_3.jpg);
		background-repeat: no-repeat;
		background-position: center top;
	}
	#contact #content {		
		width: 772px;
		height: 427px;
		margin:0 auto;
		padding:40px 50px 0 0;
		font-size:14px;
	}
	#contact a.mail {
		color:#dd0067;
		font-size:17px;
		text-decoration:underline;
	}
		#contact a.mail:hover {
			text-decoration:none;
		}
	
	#contact span {
		color:#dc0067;
	}
	#contact .copyright {
		color:#dc0067;
		font-size:10px;	
	}
	
	
#showLove {
	float:left;
	width:850px;
}
#showLove .links {
	padding-top:32px;
}
#showLove a {
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	float:left;
	display:block;
	height:26px;
}
	#showLove a:hover {
		color:#dd0067;
	}

#showLove .dot {
	width:24px;
	text-align:center;
	float:left;	
}