/********************************************/
/* Global.css                               */
/* Global Styles for I Do Bridal            */
/* Author: Lewis Howles                     */
/* Modified: 21/09/09                       */
/********************************************/

@import url(default.css);

body {
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	color:#fcf6e5;
	background:#f8efcb;
}

#page {
    width:1000px; height:690px;
    margin:0 auto;
    background:url(../images/background.jpg) no-repeat;
	position:relative;
}

/******************/
/***** Header *****/
/******************/

#header img {
	margin-left:45px;
	position:relative;
	z-index:2;
}

h1#tagline {
	width:730px; height:30px; /* 950 inc padding. */
	font:22pt/30px "Times New Roman",serif;
	color:#c5a262;
	background:url(../images/white60.png);
	letter-spacing:7px;
	
	/* Layout */
	padding:0 0 0 220px;
	margin:0 0 0 25px;
	position:absolute;
	top:85px;
	left:0px;
	z-index:1;
}

/****************/
/***** Body *****/
/****************/

#content-wrapper {
	width:950px;
	background:url(../images/white60.png);
	
	/* Layout */
	margin-left:25px;
	margin-top:-45px;
	position:relative;
}

ul#menu {
	background:url(../images/menu-bg.jpg) bottom left repeat-x;
	
	/* Layout */
	padding-left:160px;
}

ul#menu li {
	width:157px;
	font:11pt/45px "Times New Roman",serif;
	text-transform:uppercase;
	text-align:center;
	background:url(../images/menu-fade.gif) center center no-repeat;
	
	/* Layout */
	float:left;
}

ul#menu li a {
	color:#a08c71;
	letter-spacing:5px;
	display:block;
}

ul#menu li a:hover {
	color:#c5a262;
}

#content-wrapper-dark {
	width:620px; height:auto; /* 740x370 inc padding */
	color:#816643;
	background:url(../images/brown40.png);
	
	/* Layout */
	margin:5px 0 5px 200px;
	padding:15px 60px;
}

#content {
	min-height:340px;
	height:auto !important;
	height:340px;
	border-left:1px solid #f9f3df;
	border-right:1px solid #f9f3df;
	color:#000;
	
	/* Layout */
	padding:0 29px;
}

#content a{
	color: #705B2C;
	text-decoration: none;
}
#content a:hover{
	color: #9A7E3D;
	text-decoration: none;
}

#content h2 {
	font:bold 17pt/28px "Times New Roman",serif;
	background:url(../images/title-fade.gif) no-repeat center center;
	text-transform:uppercase;
	letter-spacing:7px;
	color:#fcf6e5;
	
	float:left;
	margin-bottom:15px;
}

#content p {
	clear:both;
}

#portrait {
	width:302px; height:401px;

	
	/* Layout */
	position:absolute;
	top:0; left:0;
	margin:48px 0 0 -25px;
}

/******************/
/***** Footer *****/
/******************/

#footer {
	height:68px;
	font:15px/68px "Times New Roman",serif;
	background:url(../images/footer-bg.jpg) repeat-x;
	color:#867660;
	letter-spacing:3px;
	
	/* Layout */
	padding-left:200px;
}

#logos {
	text-align:center;
	color:#867660;
	padding-top:10px;
}

#logos a {
	color:#867660;
}

#logos a:hover {
	text-decoration:underline;
}


/***************************/
/***** Homepage popup  *****/
/***************************/

.thumbnail {
	position: relative;
	z-index: 0;
}
.thumbnail:visited {
	position: relative;
}
.thumbnail:hover {
	background-color: transparent;
	z-index: 50;
}
.thumbnail span { /*CSS for enlarged image*/
	position: absolute;
	background-color: #ecd899;
	padding: 5px;
	border: 1px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.thumbnail span img { /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	z-index: 50;
}
.thumbnail:hover span { /*CSS for enlarged image on hover*/
	visibility: visible;
	z-index: 50;
	top: 20px;
	left: 0px; /*position where enlarged image should offset horizontally */
}