﻿* {margin: 0px;	padding: 0px; border: 0px;}
html {height: 100%; margin-bottom:1px;}
table {border-collapse: collapse;}
a { outline: none;}

/*	
	Roopa and Marques's wedding site
	Image size: 400 w x 270 h
*/

body {display: table; width:100%; height:100%;	  
	  font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	  color:#888888;
	  background-color:#fffffa;
}

/*
	STRUCTURE
*/

#container 	{
	margin: 0 auto;
	left:30px;
	width:960px;
	background: url('images/flower-illo-background.jpg') no-repeat scroll left top; 
}

#green-card {
	display:block;
	width:560px; 
	background-color:#eafddf;
	border:1px #aecd9a solid;
	margin:50px 0 5px 0;
	padding:40px 20px 20px 20px;
	position:relative;
	left:200px;
	clear:left;
}

#orange-tree {
	display:block;
	width:600px;
	position:relative;
	left:200px;
}

/*	
	GLOBAL ELEMENTS
*/

a:link {
	text-decoration:underline;
	color:#485a3e;
}

a:hover {
	text-decoration:underline;
	color:#F379A2}

a:visited {
	text-decoration:underline;
	color:#485a3e;
	
}

p {
	font-size: 1.2em;
	padding: 1em 45px 1em 55px;
	line-height: 1.6em;
	color: #444d3f;
	letter-spacing: 0.01em;
}

span {
	display:block;
	background:url('images/gift-icon.gif') no-repeat left;	
}

.questions {
	background:url('images/question-icon.gif') no-repeat left;	
}

h2 {}

h3 {font-size:1.8em; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.02em; color:#444d3f;}

ul {list-style-type:none;}

#header {
	display:block;
	background:transparent url(images/roopa-and-marques.gif) no-repeat left top;
	width:283px; height:32px;
	text-indent:-9999px;
	float:left;
	position:relative; left:165px;
	margin: 25px 0 0 0;
}

#navigation {
	height:32px;
}

#navigation li {
	display:block; 
	float:left; 
	padding:37.5px 20px 0 0;
	font:bold 14px Arial, Helvetica, sans-serif;	
	position:relative;
	left:185px;
}

#navigation li a {color:#888888; text-decoration:none;}

#navigation li a:hover {text-decoration:none;}

small {
	display:block;
	font-size:9px;
	letter-spacing:0.1px;
	text-align:center;
	margin:0 0 20px 0;
}

small a:link {
	color:#888888;
	text-decoration:none;
}

small a:visited {
	color:#888888;
	text-decoration:none;
}

/*
	HOME
*/


#flash-container {
	display:block; 
	width:450px; height:315px;
	margin:0 auto; 
	padding:5px; 
	background-color:#FFF;
	border:1px #CCCCCC solid;}

#flash-credit {
	width:460px;
	text-align:right;
	font-size:9px;
	color:#AECD9A;
	letter-spacing:0.05em;
	line-height:0px;
	padding: 0.9em 45px 4em 55px;
}

h3#date-home {
	display:block;
	width:460px;
	text-align:right;
	margin-left:auto; margin-right:auto;
	margin-bottom:1.0em;
	font-size:2.3em; color:#f379a2;
}

h3#date-home  img {
	position:relative; top:8px;
	margin-right:5px;
}


/*
	ATTRACTIONS
*/

.slideshow {
	margin-left:55px; padding:5px;
	border:1px #CCC solid;
	background-color:#FFF;
}

#next {position:relative; top:-95px;}
#title, #hyperlink {padding-left:55px;}
#hyperlink {font-size: 1.2em; letter-spacing: 0.01em; line-height: 1.6em;}	
#title {margin-top:0.15em;}

#credit {
	width:400px;
	font-size:9px;
	color:#AECD9A;
	letter-spacing:0.05em;
	line-height:0px;
	padding: 0.5em 45px 0.5em 55px;
	text-align:right;	
}

