body{ /* Defining overall site attributes */ 
	font: 100% Georgia, "Lucida Grande", sans-serif;
	text-align: center;
	color: #fff;
	margin:0 auto;
	background-color:#363636;
	
}

a{color: #99b85a; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 80%;} /* Defining very basic links */
a:hover{color: #000000;} /* Defining very basic links */

h1{font: 150% "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #999999; text-align: left; font-weight:bold; } /* Defining header tag */
h2{ font:75% "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #ffffff; text-align: left; font-weight:bold; margin-bottom: 5px; padding-top:20px; }
h3{ font: 125% Verdana, Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; padding-top: 75px; margin-bottom:150px;}

#bg-wrap{
	width: 935px;
	margin:0 auto;
	height:800px;
	background: #363636 url(../img/bubble3.png) no-repeat;
	}

#body{ 
	float: right;
	text-align:center;
	margin-right:150px;
	margin-top:97px;
}

#body2{ 
	padding-top:50px;
	padding-bottom:125px;
}

#body3{ 
	padding-top:50px;
	padding-bottom:75px;
}

#body4{ 
	padding-top:50px;
	padding-bottom:49px;
}

#body5{ 
	padding-top:50px;
	padding-bottom:25px;
}

#body6{ 
	padding-top:35px;
	padding-bottom:140px;
	padding-left:25px;
}

#image-wrap{ /* This div wraps all childs divs */
	margin: 0 auto; 
	padding-top: 60px; 
	width: 900px;
	padding-left:175px;
}

#moviewrap{
	margin:0 auto;
	padding-top:41px;
	}

#movies{
	width:900px;
	margin:0 auto;
	padding-bottom:10px;
	}

#col-right{ /* This div wraps the left side icons */
	float: right;
	width: 150px;
	margin-right:40px;
}

#col-left{ /* This div wraps the right side full image */
	float: left;
	width:620px;
}
	
#main_image{ /* This div holds the full image */
	margin: 0 auto;
	height: 550px;
	width:620px;
	}

#main_image img{ /* This gives space below the full image itself */
	margin-bottom: 10px;
}

.caption{ /* This defines image caption style, color, etc */
	font-style: italic;
	color: #887;
}

#controls{ /* This defines the previous and next control area */
	clear: both;
	padding-left:20px;
	
}

#image{
	margin-top:127px;
	clear:both;
	padding-left: 20px;

}

.movie{
	margin:0 auto;
	padding-bottom:10px;
	}

/* ---------------------------------------------------- */
/* ---------- Navigation ---------- */
/* ---------------------------------------------------- */
#navigation{
		width: 935px;
		height: 25px;
		clear:both;
		margin:0 auto;
		text-align: center;
		padding-left:42px;
		padding-top:69px;
}

#navigation_index{
		width: 500px;
		height: 25px;
		clear:both;
		margin:0 auto;
	}
	
	
#nav{ background: url("../img/navigation.png"); text-align: center; margin: 0; padding: 0; position: relative; width: 500px; height: 25px;}
#nav li{margin: 0; padding: 0; list-style: none; position: absolute; top: 0; text-indent: -999px; overflow: hidden;}
#nav li, #nav a{ text-decoration: none; display:block; height: 25px;}

#nav #home {left: 0; width: 75px;}
#nav #aboutme{left: 75px; width: 115px;}
#nav #portfolio{left: 190px; width: 105px;}
#nav #contactme {left: 295px; width: 135px;}
#nav #logo {left: 430px; width: 70px;}



#nav #home a:hover{background: transparent url("../img/navigation.png") 0 -25px no-repeat;}
#nav #aboutme a:hover{background: transparent url("../img/navigation.png") -75px -25px no-repeat;}
#nav #portfolio a:hover{background: transparent url("../img/navigation.png") -190px -25px no-repeat;}
#nav #contactme a:hover{background: transparent url("../img/navigation.png") -295px -25px no-repeat;}
#nav #logo a:hover{background: transparent url("../img/navigation.png") -430px -25px no-repeat;}



/* ---------------------------------------------------- */
/* ---------- pre-packaged styles (modified) ---------- */
/* ---------------------------------------------------- */

.galleria{ /* This defines the list style and size */
	list-style: none;
	width: 200px
}

.galleria li{ /* This defines the list items' attributes */
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	float: left;
	margin: 0 12px 20px 0; /* Remember the order of Top, Right, Bottom, Left */
}


* html .galleria li div span{width:200px} /* MSIE bug stuff */
* {margin:0;padding:0} /* MSIE bug stuff */

/* ---------------------------------------------------- */
/* ---------- Wedding ---------- */
/* ---------------------------------------------------- */
body{ /* Defining overall site attributes */ 
	font: 100% Georgia, "Lucida Grande", sans-serif;
	text-align: center;
	color: #fff;
	margin:0 auto;
	background-color:#363636;
	
}

a{color: #99b85a; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 80%;} /* Defining very basic links */
a:hover{color: #000000;} /* Defining very basic links */

h1{font: 150% "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #999999; text-align: left; font-weight:bold; } /* Defining header tag */
h2{ font:75% "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #ffffff; text-align: left; font-weight:bold; margin-bottom: 5px; padding-top:20px; }
h3{ font: 125% Verdana, Arial, Helvetica, sans-serif; color:#666666; font-weight:bold; padding-top: 75px; margin-bottom:150px;}

#bg-wedding{
	width: 935px;
	margin:0 auto;
	height:800px;
	background: #363636 url(../img/bubble3.png) no-repeat;
	}

#col-right{ /* This div wraps the left side icons */
	float: right;
	width: 150px;
	margin-right:40px;
}

#col-left{ /* This div wraps the right side full image */
	float: left;
	width:620px;
}

#us{
	margin-top:127px;
	clear:both;
	padding-left: 20px;

}

 #twitter_div {padding:0.625em; width:500px; margin:0 auto; background:#eeeeee;}
 #tweets {text-align:left; padding-left:25px;  padding-right:25px;}