ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
 }

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li a {
  padding: 0.5em;
}

ul.menu li a:hover {
}

ul.menu li ul li a {
  padding-left: 20px;
}

ul.menu li ul li a:hover {
  padding-left: 15px;
}


h1{color:white}

/*
	designgrimes.com
*/

*					{ margin: 0; padding: 0; border: none;list-style: none; text-decoration: none;}

@font-face {	font-family: 'Lane-NarrowRegular'; src: url('../assets/typography/LANENAR_-webfont.eot');src: local('☺'), url('../assets/typography/LANENAR_-webfont.woff') format('woff'), url('../assets/typography/LANENAR_-webfont.ttf') format('truetype'), url('../assets/typography/LANENAR_-webfont.svg#webfont') format('svg');font-weight: normal;font-style: normal;}

/********************************************************************************************************************
LAYOUT***************************************************************************************************************
*********************************************************************************************************************/
	
body				{font-family: "Helvetica Neue",  Arial, Geneva, sans-serif;line-height: 15px;
letter-spacing: 1px;}
	
a                  { color: lightgrey;}
a:hover				{color: whitesmoke;}
#page-wrap		    { max-width: 960px; min-width: 560px; margin: 0 auto; top: 10px; position: relative; }

#main-content       {  height: 688px;padding: 80px 0px 0px 0px; margin-left: 334px;background: url(../assets/backgroundright.png) no-repeat 0 0}

#main-sidebar       { position: absolute; left: 0; top: 0; width: 314px; height: 768px;bottom: 0; padding: 0 10px; background: url(../assets/backgroundleft.png) no-repeat 0 0;}

#nav-info{margin: 100px 0px 0px 72px;}
#subnav-info{margin: 10px 0px 0px 20px;}
li.subnav{margin-bottom: 10px;}
#nav-photos{margin: 30px 0px 0px 72px;}
#subnav-photos{margin: 10px 0px 0px 20px;}
.business-info{position: absolute;}
#title{margin: 507px 0px 0px 0px;}
#phone{margin: 542px 0px 0px 0px;}
#email{margin: 562px 0px 0px 0px;}
#social-media{margin: 586px 0px 0px 0px;}
#copyright{margin: 645px 0px 0px 3px;}

#subnav-weddings:hover{background: url(../assets/grafix/arrow.png) no-repeat 82px;}
#subnav-details:hover{background: url(../assets/grafix/arrow.png) no-repeat 82px;}
#subnav-foodPron:hover{background: url(../assets/grafix/arrow.png) no-repeat 82px;}
#subnav-events:hover{background: url(../assets/grafix/arrow.png) no-repeat 82px;}
#subnav-portraits:hover{background: url(../assets/grafix/arrow.png) no-repeat 82px;}
#subnav-spaces:hover{background: url(../assets/grafix/arrow.png) no-repeat 82px;}
#subnav-flipbooks:hover{background: url(../assets/grafix/arrow.png) no-repeat 82px;}
#subnav-contact:hover{background: url(../assets/grafix/arrow.png) no-repeat 82px;}
#subnav-forms:hover{background: url(../assets/grafix/arrow.png) no-repeat 82px;}
#subnav-about:hover{background: url(../assets/grafix/arrow.png) no-repeat 82px;}


#content-gallery{ margin: 0px 0px 0px -190px; display: block; width: 124px; height: 442px;}
#content-title{margin: 400px 0px 0px 178px; display: block; width:624px; height: 87px;}
#content-text{margin: 40px 0px 0px 178px; display: block; width:224px; height: 87px;}

#content-title li{float: left;}

#eventsGallery, #flipbookGallery, #foodPronGallery, #portraitsGallery, #spacesGallery, #weddingsGallery{margin-left:25px}
#eventsGallery li, #flipbookGallery li, #foodPronGallery li, #portraitsGallery li, #spacesGallery li, #weddingsGallery li{width:500px;}
#eventsGallery li a, #flipbookGallery li a, #foodPronGallery li a, #portraitsGallery li a, #spacesGallery li a, #weddingsGallery li a{float:left; margin:0px 0px 20px 30px;}
#portraitsGallery{margin-top:-50px;}
#foodPronGallery{margin-top:75px;}
#flipbookGallery{margin-top:50px;}
/********************************************************************************************************************
Typography***********************************************************************************************************
********************************************************************************************************************/
h1{color: white;}
h2{color: white;font-size: 1em; margin-top: -10px; width: 250px;
text-align: right;}
h2#animations{color: white;font-size: 1em; margin-top: -10px; width: 150px;
text-align: right;}
p{color: white;line-height: 1.3em; width: 430px;}
.business-info{ color: lightgrey;
font: 14px 'Lane-NarrowRegular',  Arial, Geneva, sans-serif;
letter-spacing: 0;}