/* ------------ BROWSER DEFAULT RESET ------------ */
* {
	font-weight:inherit;
	font-family:inherit;
	font-style:inherit;
	font-size:100%;
	border:0 none;
	outline:0;
	padding:0;
	margin:0;
	}

html, body {height:100%}

html {
	background: url(../img/bk_gradient2.jpg) repeat-x;
}
	
body {
	padding: 0;
	margin: 0;
	background: url(../img/bk_man.jpg) center top;
	background-repeat:no-repeat;
	width: 100%;
	height:1324px;

}





/*  CONTAINERS  */


#header
{
	width: 825px;
	height: 130px;
	position: relative;
}

#nav
{
	position: relative;
	width: 825px;
	height: 24px;
	background-image:url(../img/navBar.jpg);
	text-align:center;
	padding-top:2px
	
}

#fb
{
	width:24px;
	height:23px;
	position: absolute;
	margin:10px 0 0 510px;

}

#wrapper
{
	margin: 0 auto;
	width: 825px;
	height: 100%;
	overflow:visible;
}

#bowtie
{
	z-index:600;
	width:195px;
	height:51px;
	position: absolute;
	margin-left:315px;
	background-image:url(../img/lowerBowtie.jpg)

}
#contentWrapper
{
	width:825px;
	height:400px;
	position:absolute;
	background-color:#FFFFFF;

}
#IntContentWrapper
{
	width:825px;
	height:490px;
	position:absolute;
	background-color:#FFFFFF;

}

#askbarber
{
	width:825px;
	height:840px;
	position:absolute;
	background-color:#FFFFFF;

}
#map
{
	width:500px;
	height:515px;
	position:absolute;
	background-color:#FFFFFF;

}

#vestWrapper
{
	width:825px;
	height:1170px;
	position:absolute;
	background-color:#FFFFFF;

}


#vestcolors
{
	width:800px;
	padding-left:25px;
	height:230px;
	position: relative;
	top:490px;
	background-color:#FFFFFF;

}
#askbarb
{
	width:465px;
	padding-left:25px;
	position: relative;
	top:150px;
	background-color:#FFFFFF;

}

#lfColumn
{
	width:358px;
	height:468px;
	position:relative;
	float:left;
	background-image:url(../img/yourWedding3.jpg);
	background-repeat:no-repeat;
}

#rtColumn
{
	width:567px;
	height:468px;
	position: absolute;
	top:156px;
	margin-left:350px;
	background-image: url(../img/homePhotos.jpg);

}

#scrapbook
{
	margin:0 auto;
	position:absolute;
	top:156px;
	margin-left:-54px;
}


#footer
{
	width:929px;
	height: 52px;
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	position: relative;
	padding:15px 0px 0px 45px;
}

#footer2
{
	width:825px;
	top:660px;
	height: 52px;
	position: absolute;
}
#footer3
{
	width:825px;
	top:890px;
	height: 52px;
	position: absolute;
}
#footer4
{
	width:825px;
	top:1017px;
	height: 52px;
	position: absolute;
	left: 201px;
}

#footer5
{
	width:825px;
	top:1020px;
	height: 52px;
	position: absolute;
}

#clear
{
	display: block;
    height: 0px;
    clear: both;
}

/*  Please Add all new styles right here shandro thansk  */
#containertux
{
    position:absolute;
    left:28px;
    top:120px;
    width:440px;
}
/*  root element for the scrollable.
    when scrolling occurs this element stays still.  */ 
div.scrollable 
{          
    /* required settings */ 
    display:block;    
    position:relative;     
    overflow:hidden;              
    width:400px;
    height:166px;  
    float:left;
}

/*
    root element for scrollable items. Must be absolutely positioned     
    and it should have a super large width to accomodate scrollable items.     
    it's enough that you set width and height for the root element and     
    not for this element. */ 
div.scrollable div.items 
{         
    /* this cannot be too large */     
    width:20000em;         
    position:absolute;  
    clear:both;       
}  

/*      
    a single item. must be floated on horizontal scrolling     
    typically this element is the one that *you* will style     
    the most. */ 
div.scrollable div.items div 
{     
    float:left; 
}  

/* custom positioning for navigational links */
a.prevPage, a.nextPage
{
	display:block;
	width:16px;
	height:166px;
	background:url(../img/pgLeftArrow.jpg) no-repeat;
	float:left;
	cursor:pointer;
}

a.nextPage	
{
    background-image:url(../img/pgRightArrow.jpg);
	clear:right;	

} 

a.prevPage, a.nextPage 
{

}
  
/* mouseover state */
a.prevPage:hover, a.nextPage:hover 
{
	
}

/* disabled navigational button */
a.disabled 
{
	visibility:hidden !important;		
}

#barbPic
{
    position:absolute; 
    left:515px; 
    top:100px; 
}
#Layer1
{
    position:absolute; 
    left:33px; 
    top:120px; 
}

#Layer2
{
    position:absolute; 
    left:431px; 
    top:120px; 
}

#Layer4
{
    position:absolute; 
    left:515px; 
    top:42px; 
    width:211px; 
    height:381px;
}

#Layer5
{
    position:absolute;
	background-image:url(../img/title_bk.jpg);
	background-repeat:no-repeat;
    left:30px; 
    top:300px; 
    width:413px;
	min-height:140px;
    overflow:hidden;
	padding-top: 20px;
	padding-left:20px;
}

#Layer6
{
    position:absolute;
    top:65px;
    left:30px;    
}



/*  TEXT  */

.menu
{
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	letter-spacing:.025em;
	color:#ffffff;
	text-decoration:none;

}

.menu:hover
{
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#87b73e;
	text-decoration:none;

}

h1
{
	text-decoration:none;
	color:#87b73e;
	font-family: Helvetica, Arial, sans-serif;
	font-size:16px;
	letter-spacing:.02em;
	font-weight: bold;
	line-height:18px; 
}
h2
{
	text-decoration:none;
	color:#666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size:16px;
	letter-spacing:.02em;
	font-weight: normal;
	line-height:18px; 
}

h3
{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style:bold;
	color:#666666;
	margin-bottom: 5px; 
}
h4
{
	text-decoration:none;
	color:#666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	letter-spacing:.02em;
	font-weight: normal;
	line-height:16px; 
}
h6
{
	text-decoration:none;
	color:#666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	letter-spacing:.02em;
	font-weight: normal;
	line-height:16px; 
}

h5
{
	text-decoration:none;
	color:#666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	letter-spacing:.02em;
	font-weight: normal;
	line-height:16px;
	margin: 155px 0px 0px 30px;
}

.footer
{
	text-decoration:none;
	color:#888888;
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	letter-spacing:.02em;
	font-weight: normal;
	text-align:right;
}
.name
{
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight:bold;
	letter-spacing:.025em;
	color:#666666;
	text-decoration:none;

}
.email
{
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing:.025em;
	color:#666666;
	text-decoration: underline;x

}
.email:hover
{
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing:.025em;
	color:#666666;
	text-decoration:none;


}
.special
{
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing:.025em;
	color:#87b73e;
	text-decoration:none;

}
.special:hover
{
	text-align:left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing:.025em;
	color:#87b73e;
	text-decoration: underline;


}








/* Drop down Menu */



#m1l1 

{ 

	visibility: hidden; 

}

#m1l2 

{ 
    position: absolute;
	background-color:#000000; 
	z-index: 0; 
	top: 150px;  
	margin-left:111px; 
	width: 115px; 
	visibility: hidden; 
	display: block;
	padding-bottom:.5em;
	text-align:left;
	line-height:1.25em;

}              

#m1l3 

{ 
    position: absolute;
	background-image:url(../img/nav_bkTie.jpg);
	background-repeat:no-repeat; 
	z-index:700; 
	top: 150px;  
	margin-left:235px; 
	width: 135px; 
	visibility: hidden; 
	display: block;
	padding-bottom:.5em;
	text-align:left;
	line-height:1.25em;

} 

#m1l4 

{ 

	visibility:hidden;

}               

#m1l5 

{ 

	position: absolute;
	background-color:#000000; 
	z-index: 0; 
	top: 150px; 
	margin-left:632px; 
	width: 100px; 
	visibility: hidden; 
	display: block;
	padding-bottom:.5em;
	text-align:left;
	line-height:1.25em;

} 

#m1l6
{
	visibility:hidden;
}
#m1l7
{
	visibility:hidden;
}