/************** Universal Styles **************/

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, serif;
	font-size: 12px;
	text-align: center;
	overflow: hidden;
}
.clear {
	clear: both;
}
img {
	border: none; 
}
span.req {
	color: #ff0000;
}
#wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

/************** Logo & Header **************/

#header {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 500;
}
#header h1 {
	font-family: "Trebuchet MS", Arial, serif;
	font-size: 50px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 80%;
}
#header h1 a {
	text-decoration: none;
}

/************** Main Nav **************/

#Nav {
	position: absolute;
	top: 130px;
	left: 60px;
	text-align: left;
	z-index: 500;
}
#Nav ul {
	list-style: none;
	margin-bottom: 15px;
}
#Nav ul li {
	font-size: 12px;
	letter-spacing: 2px;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: bold;
}
#Nav ul li a {
	text-decoration: none;
}
#Nav ul li ul li a {
	font-size: 10px;
	text-transform: none;
	text-decoration: none;
	margin-left: 8px;
}
#Nav #galNav {
	margin-top: 8px;
}

/************** Index **************/

#Index #wrapper {
	width: 1000px;
}
#Index #text {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 800px;
}
#Index #header {
	position: absolute;
	top: 390px;
	left: 690px;
	z-index: 998;
}
#Index #tagline {
	position: absolute;
	top: 475px;
	left: 530px;
	font-family: "Trebuchet MS", Arial, serif;
	font-size: 20px;
	z-index: 999;
}
#Index #Nav {
	position: absolute;
	top: 356px;
	left: 260px;
	z-index: 999;
	padding-top: 6px;
	padding-bottom: 6px;
	height: 15px;
}
#Index #Nav ul {
	list-style: none;
	float: left;
	font-weight: bold;
}
#Index #Nav ul li {
	width: 140px;
	text-align: center;
	font-size: 12px;
	letter-spacing: 2px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
#Index #Nav ul li ul li a,
#Index #Nav ul li ul li a:visited {
	font-size: 10px;
	text-transform: none;
	text-decoration: none;
}
#Index #Nav ul li ul li a:hover {
	font-size: 10px;
	text-transform: none;
	text-decoration: none;
}
#Index #Nav #galNav {
	position: absolute;
	top: 46%;
	left: 0px;
	z-index: 999;
	margin-top: 14px;
}
#Index #pic01 { /* 57 Chevy */
	position: absolute;
	top: 110px;
	left: 799px;
	z-index: 4;
}
#Index #pic06 { /* Guitar Player */
	position: absolute;
	top: 80px;
	left: 679px;
	z-index: 3;
}
#Index #pic07 { /* Sal & Tina */
	position: absolute;
	top: 170px;
	left: 742px;
}
#Index #pic02 { /* Little Girl */
	position: absolute;
	top: 150px;
	left: 444px;
	z-index: 3;
}
#Index #pic05 { /* Dad & 2 Girl In Snow */
	position: absolute;
	top: 50px;
	left: 109px;
	z-index: 2;
}
#Index #pic03 { /* Rings in hand */
	position: absolute;
	top: 360px;
	left: 329px;
	z-index: 5;
}
#Index #pic04 { /* Candles Burning */
	position: absolute;
	top: 380px;
	left: 126px;
	z-index: 4;
}
#Index #pic08 { /* Little Girl w/ Hat */
	position: absolute;
	top: 250px;
	left: 33px;
	z-index: 3;
}
#Index #pic09 { /* Pretty Hot Girl */
	position: absolute;
	top: 240px;
	left: 389px;
	z-index: 10;
}

/************** Gallery **************/


#Portfolio #wrapper {
	background: url('../images/Gallery.jpg') no-repeat center 20px;
	width: 830px;
	height: 615px;
}
#gallery {
	position: absolute;
	top: 86px;
	left: 80px;
	width: 670px;
	height: 500px;
	z-index: 5;
	overflow: auto;
	overflow-x: hidden;
}
#Portfolio p {
	padding: 5px;
	font-size: 11px;
}
.stepcarousel {
	position: relative; 
	overflow: scroll; 
	width: 670px; 
	height: 500px; 
}
.stepcarousel .belt {
	position: absolute; 
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; 
	overflow: hidden; 
	margin: 0px; 
	width: 670px; 
	text-align: center;
	vertical-align: middle;
}
.stepcarousel .panel p {
	text-align: right; 
}
.stepcarousel .panel p a {
	color: #000; 
	text-decoration: none;
}
.stepcarousel .panel p a:hover {
	text-decoration: underline;
}
#viewType {
	position: absolute; 
	right: 10%;
	top: 530px;
}
#viewText{
	width: 100px;
	height: 20px;
	text-align: center;
	font-size: 10px;
	padding-bottom: 7px;
}
div.pic {
	position: absolute;
	width: 100px;
	height: 66px;
	text-align: center;
	vertical-align: middle;
	background-color: transparent;
	z-index: 1;
}
a.thumb,
a.thumb:visited,
a.thumb:hover {
	display: block;
	width: 100px;
	height: 66px;
}
#img0 {top: 80px; left: 70px;}
#img1 {top: 80px; left: 185px;}
#img2 {top: 80px; left: 300px;}
#img3 {top: 80px; left: 415px;}
#img4 {top: 80px; left: 530px;}
#img5 {top: 80px; left: 645px;}
#img6 {top: 156px; left: 70px;}
#img7 {top: 156px; left: 185px;}
#img8 {top: 156px; left: 300px;}
#img9 {top: 156px; left: 415px;}
#img10 {top: 156px; left: 530px;}
#img11 {top: 156px; left: 645px;}
#img12 {top: 232px; left: 70px;}
#img13 {top: 232px; left: 185px;}
#img14 {top: 232px; left: 300px;}
#img15 {top: 232px; left: 415px;}
#img16 {top: 232px; left: 530px;}
#img17 {top: 232px; left: 645px;}
#img18 {top: 312px; left: 70px;}
#img19 {top: 312px; left: 185px;}
#img20 {top: 312px; left: 300px;}
#img21 {top: 312px; left: 415px;}
#img22 {top: 312px; left: 530px;}
#img23 {top: 312px; left: 645px;}
#img24 {top: 392px; left: 70px;}
#img25 {top: 392px; left: 185px;}
#img26 {top: 392px; left: 300px;}
#img27 {top: 392px; left: 415px;}
#img28 {top: 392px; left: 530px;}
#img29 {top: 392px; left: 645px;}
#img30 {top: 472px; left: 70px;}
#img31 {top: 472px; left: 185px;}
#img32 {top: 472px; left: 300px;}
#img33 {top: 472px; left: 415px;}
#img34 {top: 472px; left: 530px;}
#img35 {top: 472px; left: 645px;}

#wedName {
	position: absolute;
	top: 28px;
	left: 65px;
	font: Palatino Linotype;
	font-size: 18px;
	font-weight: bold;
	z-index: 50;
	color: #666;
}
#wedDate {
	position: absolute;
	top: 32px;
	right: 70px;
	font-size: 12px;
	font-weight: bold;
	z-index: 50;
	color: #666;
}

/************** Bio **************/

#Bio #wrapper {
	height: 880px;
}
#Bio #text {
	position: absolute;
	top: 150px;
	left: 165px;
	width: 330px;
	height: 500px;
	line-height: 24px;
	z-index: 5;
	text-indent: 10px;
}
#Bio #text span {
	position: absolute;
	right: 60px;
	font-weight: bold;
	margin-top: 20px;
}

/************** FAQ **************/

#FAQ #wrapper {
	height: 880px;
}
#FAQ #text {
	position: absolute;
	top: 150px;
	left: 165px;
	width: 450px;
	height: 400px;
	z-index: 5;
}
#FAQ #scroll {
	height: 440px;
}
#FAQ #Q {
	font-weight: bold;
	padding-bottom: 5px;
}
#FAQ #A {
	padding-left: 10px;
	padding-bottom: 20px;
}

/************** Scrollbars **************/

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; 
	left: 0;
}
.vscrollerbase {
	width: 22px;
}
.vscrollerbar {
	background-image: url(scrollbar.png);
	width: 22px;
	height: 65px !important;
}
* html .vscrollerbar {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scrollbar.png');
	background-image: none;
}
.hscrollerbase {
	height: 22px;
}
.hscrollerbar {
	height: 22px; 
}
.vscrollerbar, 
.hscrollerbar {
	padding: 0px;
	z-index: 2;
}
.scrollerjogbox {
	width: 22px;
	height: 22px;
	top: auto; 
	left: auto;
	bottom: 0px; 
	right: 0px;
}

/************** Contact **************/

#Contact #wrapper {
	height: 880px;
}
#Contact #text {
	position: absolute;
	top: 120px;
	left: 175px;
	width: 225px;
	height: 500px;
	z-index: 5;
	overflow: auto;
	overflow-x: hidden;
}
#Contact #text fieldset {
	border: 0px;
}
#Contact #text label {
	font-size: 10px;
	display: block;
	margin-top: 12px;
	margin-left: 6px;
	margin-bottom: 2px;
}
#Contact #text #ph1,
#Contact #text #ph2 {
	width: 28px;
}
#Contact #text #ph3 {
	width: 34px;
}
#Contact #text #ph1, 
#Contact #text #ph2, 
#Contact #text #ph3 {
	text-align: center;
}
#Contact #text textarea {
	font-family: Arial, serif;
	font-size: 10px;
	width: 95%;
	height: 100px;
	margin-bottom: 10px;
	padding: 1px;
}
#Contact #text .submit {
	width: 218px;
	text-align: center;
	margin: 10px 0;
}
#Contact #text #frmBtnOff,
#Contact #text #frmBtnOn {
	width: 80px;
	height: 20px;
	line-height: 20px;
	font-family: arial;
	font-size: 10px; 
	text-align: center;
	cursor: pointer; 
}
#Contact #text .validation-advice {
	font-size: 10px;
	color: #ff0000;
}
#Contact #text .ContactFormSpan {
	font-size: 10px;
	color: #ff0000;
}
#address {
	position: absolute;
	top: 200px;
	left: 750px;
	line-height: 24px;
	font-size: 15px;
	z-index: 6;
}
#address b {
	font-size: 22px;
	line-height: 28px;
}

/************** Login **************/

#Login #wrapper {
	height: 880px;
}
#Login #text {
	position: absolute;
	top: 150px;
	left: 175px;
	width: 350px;
	height: 300px;
	z-index: 5;
	overflow: hidden;
	overflow-x: hidden;
	background-color: transparent;
}

#Login #text #frm01 {
	position: absolute;
	top: 50px;
	left: 70px;
}
#Login #text fieldset {
	border: 0px;
}
#Login #text label {
	font-size: 10px;
	display: block;
	margin-top: 6px;
	margin-left: 6px;
	margin-bottom: 2px;
}
#Login #text #submit {
	width: 100px;
	text-align: center;
	padding-top: 16px;
}
#Login #text #frmBtnOff,
#Login #text #frmBtnOn {
	width: 50px;
	height: 20px;
	line-height: 20px;
	font-family: arial;
	font-size: 10px;
	text-align: center;
	cursor: pointer; 
}
#Login #text .validation-advice {
	font-size: 10px;
	color: #ff0000;
}
#Login #text .ContactFormSpan {
	font-size: 10px;
	color: #ff0000;
}
#Login #text .tip {
	font-size: 9px;
	font-weight: bold;
	color: #ff0000;
}
#Login #text #help {
	position: absolute;
	top: 90%;
	left: 70%;
	font-size: 10px;
}

/************** Error Pages **************/

#err404 #wrapper {
	height: 880px;
}
#err404 #wrapper {
	background: url('../images/Black/404.jpg') no-repeat 100% 55%;
}
#err404 #text {
	position: absolute;
	top: 120px;
	left: 165px;
	width: 600px;
	height: 200px;
	z-index: 5;
}
#err404 #text #page {
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
	text-indent: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#err404 #text li {
	padding-bottom: 16px;
}
/************** Top Icons **************/

#topIcons {
	position: absolute;
	top: 4px;
	right: 40px;
	word-spacing: 5px;
}

/************** Illism Link **************/

#ftrIll {
	position: absolute;
	bottom: 5px;
	right: 40px;
	font-size: 10px;
}
#ftrIll a,
#ftrIll a:visited {
	text-decoration: none;
}
#ftrIll a:hover {
	text-decoration: underline;
}