body	{

height:100%;
/*background:#000000 url(http://www.idoweddingphotography.ca/images/container_pattern_back_new.jpg) 0px -100px repeat-x;*/
/*background:#000000 url(../images/container_pattern_back_new.jpg) 0 -100px repeat-x;*/
background:url(../images/back_tile.jpg) repeat;	

text-align:center;

font-family:Arial, Helvetica, sans-serif;
letter-spacing:1;

color:white;

}
#wrapper	{
	background:url(../images/black_190.gif) top left repeat-x;	
}


h1	{
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px; letter-spacing:3px; padding-bottom:10px;
}
.header	{
	background:green;	
}
.header h1 { position:absolute;  left:-999px; font-size: 8px; }
h2	{
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px; letter-spacing:2px; padding-bottom:10px;	
	
	color:#ff99cc;
}

h4	{
	font-size:12px;
	letter-spacing:2px;
	color:#ff99cc;
	
	padding-bottom:10px;
	
}

strong	{
	font-weight:bold;	
}

UL.list {
	padding-left:20px;
	margin-bottom:10px;
}


/* GENERAL STUFF */

a	{
	outline:none;
	
	color:#ff99cc;
	text-decoration:none;
}
a:hover	{
	text-decoration:underline;
}

.clearfix	{
clear:both;
}
.left	{
float:left;	
}
.right	{
float:right;	
}

p	{
	line-height:1.5;
	padding-bottom:20px;
}

img	{
	border:none;	
}




/* LAYOUT */

#container	{
	display:block;
	
	
	margin:0 auto;
	width:983px;
	height:auto;
	position:relative;
	overflow:hidden;
	
	padding-bottom:50px;
	
	top:80px;
	/*margin-top:80px;*/
	/*padding-top:80px;*/
	

}



/*
#content	{
	position:relative;
	display:block;
	width:902px;
	height:481px;
	background:#141414 url(../images/content_back_black.gif) top left no-repeat;
	
}
#content img	{

}*/

#content	{
	position:relative;
	display:block;
	width:975px;
	height:481px;
	/*background:#141414;*/
	background:black;
	border:4px solid white;
	
	
}

body.wedding_photo_gallery_adore #content, 
body.wedding_photo_gallery_love #content, 
body.wedding_photo_gallery_ido #content, 
body.wedding_photo_gallery_engagement #content,
body.wedding_photographer_gallery_engagement #content,
body.wedding_photo_gallery_love #content,
body.wedding_photo_gallery_kiss #content,
body.wedding_photo_gallery_desire #content,
body.wedding_photo_gallery_stories #content,
body.wedding_photo_gallery_diane #content,
body.wedding_photo_gallery_chelsea #content
{
	background:none;
	border:none;
	height:531px;
	
}

/*body.gallery_stories #content,
body.gallery_love #content,
body.gallery_kiss #content,
body.gallery_ido #content,
body.gallery_engagement #content,
body.gallery_diane #content,
body.gallery_desire #content,
body.gallery_chelsea #content,
body.gallery_adore #content,*/

/* left image */
#image_left	{
	position:absolute;
	left:0;
	height:481px;
	width:378px;
	
}

#image_left	img	{
	position:absolute;	
	top:0;
	left:0;
}

/* text for page content*/
#text	{
	/*padding:40px 80px 0 20px;
	position:absolute;
	width:421px;
	height:338px;*/
	
	padding:40px 20px 0 20px;
	
	position:relative;
	
	width:550px;
	height:440px;
	
	
	overflow:hidden;
	
	float:right;
	
	text-align:left;
	
	font-size:12px;
	
}



/* SPECIFIC PAGE STUFF */


input, textarea	{
	border:1px solid #333;
	background-color:#CCC;
	padding:4px;
	margin:2px;
	
	width:150px;

}
textarea	{
	width:230px;	
}
input:focus, textarea:focus, input.submit:hover	{
	background-color:white;	
}
input.submit	{
	width:auto;
	overflow:hidden;
	
	
	font-weight:bold;
	
}




#scrollbar_container	{
	overflow:visible;
	width:461px;
	height:350px;

	font-size:12px;
	padding-right:20px;
	
	position:relative;  
	
}


 
#scrollbar_track {  
    position:absolute;  
    top:0; 
	
    right:0;  
    height:100%;  
    width:10px;  
    background:url(http://www.idoweddingphotography.ca/images/scroll_back.gif) center 0px no-repeat; 
    cursor:move;  
} 

 
#scrollbar_handle {  
    width:10px;

	background:url(http://www.idoweddingphotography.ca/images/slider.gif) center 0px no-repeat;
    cursor:move;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    opacity:0.9;  
    -moz-opacity:0.9;  
} 
#scrollbar_handle2 {  
    width:10px;

	background-color:pink;
    cursor:move;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    opacity:0.9;  
    -moz-opacity:0.9;  
} 

 
#scrollbar_content {  
    overflow:hidden;  
    width:461px;
	height:400px; 
} 

 



/*******/



/*** GALLERY STUFF */




.mainPic {
	width: 800px;
	height: 531px;
    float:left;
	text-align:left;
	border: 4px solid white;
	
	
	position:relative;
	
	margin-top:6px;
	margin-left:4px;	
	
	/*padding:2px 2px 2px 2px;*/

	/*background-color:#E7E7E7;*/

   
}
.leftPic { 
	float:left; 
	width: 450px;
	height: 500px;
}
.thumb {
	border:1px solid #FFFFFF;
	width: 65px;
	height: 65px;
	margin: 2px 0 2px 2px;
	
	
}
.thumblink img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.thumblink:hover img { 
	border: 1px solid #606;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1; 
	opacity: 1;
}
.thumblink:hover{
color: white; /* Dummy definition to overcome IE bug */
}

.thumb_over{ 
	border: 1px solid #606; 
	width: 65px;
	height: 65px;
	margin: 2px 0 2px 2px;
}
.thumbs {
	float:right;
	width:158px;
	height:520px;
	overflow:hidden;
	text-align:right;
	
	margin-top:4px;
	
	/*margin-right:-8px;*/
	/*margin-right:10px;*/
}


.left_arrow	{
	float:left; cursor:pointer; padding-top:5px; margin-left:22px;
	
}
*html .left_arrow	{
	float:left; cursor:pointer; padding-top:5px; margin-left:18px;
}

.right_arrow	{
	float:left; cursor:pointer; padding-top:5px; margin-left:7px;
}
/**********************/


#slideshow_controls2 a img.normal	{
	visibility:visible;
}
#slideshow_controls2 a:hover img.normal	{
	visibility:hidden;
}


#slideshow_controls2 a img.over	{
	visibility:hidden;
}
#slideshow_controls2 a:hover img.over	{
	visibility:visible;
}






/* MENU STUFF */
#menu	{
	position:relative;

	text-align:center;
	
	display:block;
	
	float:right;
	margin-right:105px;
	margin-top:-13px;

	width:auto;
	height:50px;
	overflow:hidden;

}
*html #menu	{
	margin-right:50px;
}
#menu UL	{
	
	position:relative;
	list-style:none;
	
	overflow:hidden;
	height:auto;
	width:auto;
	
	float:left;
	
	overflow:hidden;
	
	display:block;


}


#menu UL LI	{
	float:left;
	width:auto;
	height:auto;
	overflow:hidden;
	display:block;
	
	
	
}


#menu UL LI a	{

	float:left;
	display:block;
	
	overflow:hidden;
	
	height:30px;
	width:auto;
		
	position:relative;
	
	padding:20px 0px 0 25px;
	margin:0 1px 0 1px;
	/*background:url(../images/flower.jpg) 100% 50% no-repeat;*/
	
}
#menu UL LI.last a{
	float:left;
	text-align:left;
	
	overflow:hidden;
	
	height:30px;
	width:auto;
		
	position:relative;
	
	padding:20px 0px 0 25px;
	

	background:none;
	
}





/*#menu UL LI a:hover {
	
	border:none;
	border-bottom:1px solid #1C1C1C;	
}*/

#menu UL LI a img.normal	{
	float:left;
	border:none;
	position:relative;
	visibility:visible;
	
}



/* SUB MENU */
#menu2 UL {
	position:absolute;
	width:800px;
	
	overflow:hidden;
	height:30px;
	
	display:block;
	
	right:0px;
	top:35px;
	
}
#menu2 UL LI {
	position:relative;
	
	float:right;
	height:auto;
	width:auto;
	overflow:hidden;
	display:block;
}
#menu2 UL LI span.title {
	color:white;
	font-size:16px;
	
}

#menu2 UL LI a {
	position:relative
	
	float:right;
	
	height:auto;
	width:auto;
	overflow:hidden;
	
	display:block;
		
	padding:0px 0px 0 10px;
	
	
	font-size:11px;
	letter-spacing:normal;
}
#menu2 UL LI a.current, #menu2 UL LI a:hover {
	
	/*background:url(../images/flower.jpg) 1px 0px no-repeat;*/
}
#menu2 UL LI a.current{
	
	/*padding-left:20px;*/
	font-weight:bold;
	color:#5f618a;
	
	/*background:url(../images/flower.jpg) 8px 0px no-repeat;*/
}







#menu UL LI a img.rollover	{
	
	position:absolute;
	left:25px;
	visibility:hidden;
}
#menu UL LI a:hover img.normal	{
	visibility:hidden;
	
}
#menu UL LI a:hover img.rollover	{
	visibility:visible;
	
}

#menu UL LI a.current img.rollover	{
	visibility:visible;
	
}


div.line	{
	border:none;
	border-top:1px dotted #333;	
}