@charset "UTF-8";

/*main*/

	html
	{
		position:relative;
		height:100%;
	}
	
	body
	{
		position:relative;
		height:100%;
		font-family:Helvetica, Arial, sans-serif;
		font-size:10px;
		background: url(../img/background.jpg) repeat;
	}
	
	div#vertical
	{
		height:50%;
		margin-top:-209px;
		width:100%;
		position:relative;
	}
	
	div#horizontal
	{
		width:973px;
		margin-left:auto;
		margin-right:auto;
		height:417px;
		position:relative;
	}
	
	div#flashHolder
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	a
	{
		color:#000000;
		text-decoration:none;
	}

	object, embed
	{
		outline:none;
	}

/*nav*/

	div#preNav
	{
		float:left;
		width:390px;
		height:100%;
		position:relative;
	}
	
	div#navigation
	{
		float:left;
		position:relative;
		width:194px;
		height:100%;
		background:#000000;
	}
	
	div#navBox1
	{
		width:182px;
		height:59px;
		background:#FFFFFF;
		position:relative;
		top:6px;
		left:6px;
	}
	
	div#navBox1 img
	{
		position:absolute;
		top:14px;
		left:12px;
	}
	
	div#navigation p
	{
		display: table-cell;
  		vertical-align: middle;
  		text-align: center;
	}
	
	div#navBox2
	{
		width:182px;
		height:207px;
		background:#FFFFFF;
		position:relative;
		top:11px;
		left:6px;
	}
	
	div#navBox3
	{
		width:182px;
		height:75px;
		background:#FFFFFF;
		position:relative;
		top:16px;
		left:6px;
	}
	
	div#navBox3 img
	{
		position:absolute;
		top:7px;
		left:12px;
	}
	
	img#weddings
	{
		position:relative;
		top:11px;
		left:11px;
	}
	
	img#portraits
	{
		position:absolute;
		top:35px;
		left:13px;
	}
	
	img#personal
	{
		position:absolute;
		top:59px;
		left:13px;
	}
	
	img#blogspot
	{
		position:absolute;
		top:83px;
		left:12px;
	}
	
	img#about
	{
		position:absolute;
		top:108px;
		left:13px;
	}
	
	img#contact
	{
		position:absolute;
		top:143px;
		left:11px;
	}
	
	img#pricing
	{
		position:absolute;
		top:170px;
		left:12px;
	}
	
	div#navBox4
	{
		width:182px;
		height:49px;
		background:#FFFFFF;
		position:relative;
		top:21px;
		left:6px;
		display: table;
	}
	
	div#navBox4 img
	{
		position:relative;
		top:3px;
	}
	
/*content*/

	div#content
	{
		width:768px;
		height:100%;
		background:#000000;
		float:right;
		position:relative;
	}
	
	div#contentBox
	{
		clear:both;
		width:756px;
		height:405px;
		background:#FFFFFF;
		position:relative;
		top:6px;
		left:6px;
		display: table;
	}
	
/*gallery*/	
	
	img#leftArrow
	{
		position:absolute;
		top:195px;
		left:25px;
	}
	
	img#rightArrow
	{
		position:absolute;
		top:195px;
		left:730px;
	}
	
	div#slide img
	{
		padding:4px;
  		border:1px solid #CCCCCC;
		position:relative;
		top:2px;
	}
	
	div#slide
	{
		clear:all;
		width:694px;
		display: table-cell;
  		vertical-align: middle;
  		text-align: center;
	}
	
/*about*/

	div#aboutBorder
	{
		position:absolute;
		top:73px;
		left:66px;
		width:632px;
		height:269px;
		border:1px solid #CCCCCC;
		text-align:center;
	}
	
	img#about0
	{
		position:relative;
		top:18px;
		left:-9px;
	}
	
	img#about1
	{
		position:relative;
		top:6px;
		left:22px;
	}
	
	img#missionStatement
	{
		position:absolute;
		top:-32px;
		left:-1px;
	}
	
	img#aboutLeoPatrone
	{
		position:absolute;
		top:-32px;
		left:152px;
	}
	
	img#divider
	{
		position:absolute;
		top:-33px;
		left:145px;
	}
	
/*pricing*/

	div#pricingBorder
	{
		position:absolute;
		top:67px;
		left:66px;
		width:632px;
		height:291px;
		border:1px solid #CCCCCC;
		text-align:center;
	}
	
	img#pleaseContactMe
	{
		position:relative;
		top:102px;
		left:1px;
	}

/*contact*/
	
	form
	{
		text-align:left;
		position:absolute;
		left:52px;
		width:366px;
		-webkit-appearance: none;
	}
	
	input
	{
		border: 1px solid #CCCCCC;
		font-family:Helvetica, Arial, sans-serif;
		font-size:12px;
		width:100%;
		-webkit-appearance: none;
	}
	
	input#name
	{
		position:absolute;
		top:20px;
	}
	
	input#phone
	{
		position:absolute;
		top:40px;
	}
	
	input#email
	{
		position:absolute;
		top:60px;
	}
	
	input#date
	{
		position:absolute;
		top:80px;
	}
	
	input#location
	{
		position:absolute;
		top:100px;
	}
	
	input#referred
	{
		position:absolute;
		top:120px;
	}
	
	textarea
	{
		-webkit-appearance: none;
		border: 1px solid #CCCCCC;
		font-family:Helvetica, Arial, sans-serif;
		font-size:10px;
		position:absolute;
		top:140px;
		width:100%;
		height:90px;
	}
	
	input#submit
	{
		position:absolute;
		top:242px;
		border: none;
		width:77px;
	}
	
	img#phone
	{
		position:absolute;
		top:248px;
		left:313px;
	}
	
	img#email
	{
		position:absolute;
		top:258px;
		left:174px;
	}